/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.pagos {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	/*width: 584px;*/
	width: 720px;	
	height:auto;
	text-align:center;
    float:left;
	/*background-color : #F0F0F0;*/
	/* custom decorations 
	background-image:url('../images/fondo2.gif');
	padding-left:10px;	
	_padding-left:10px;	
	border:0px outset #ccc;*/
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.pagos div.meses {	
	/* this cannot be too large */
	width:1300em;	
	position:relative;
	clear:both;
	/* decoration */
	margin:0px 0px;
	
}

/* single scrollable item */
div.pagos div.meses div.celda-mes {
	float:left;
	
	/* custom decoration */
	text-align:center;
	width:auto;
	height:80px;
    width:60px;
	font-size:11px;
    /* font-weight: bold; */
	font-family: 'Arial';
	/*border:0px outset #ccc;*/
	margin: 0;	
	
}

div.pagos div.meses div.celda-mes div.titulo-mes{
    /*background-color: #4F78D5;*/
    background: #6a85ce url('../imagenes/estructura/fondo_bloques_prod.gif') top left repeat-x;
    color: #fff;
    margin: 0;
    height: 21px;
}
div.pagos div.meses div.celda-mes div.monto-mes{
    /*background-color: #F5F5F5;*/
    margin: 0;
    font-size: 11px;
    padding-top: 15px;
    
}



span.mes{position:relative; top: 3px;}

/* active item */
div.pagos div.meses div.active {		
	/*ackground-image:url('../images/fondoactive.gif');*/
    background-color:#F0F0F0;
	vertical-align:bottom;
}

a.prev, a.next, a.prevPage, a.nextPage {
	/*display:block;*/
	width:10px;
	/*height:18px;*/
	background:url(../imagenes/producto/flecha_izquierda.gif) no-repeat;
	margin:4px;
	margin-top: 2px;
    /*float:left;
	margin:10px 10px;
	cursor:pointer;*/
}

a.next, a.nextPage {
	background-image:url(../imagenes/producto/flecha_derecha.gif);
	/*clear:right;*/
}
div.pagos_prod{
    text-align: left; width: 880px; position: relative; left: 30px; overflow: hidden;    
    border-left: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-right: 1px solid #333333;
    display: block;
    background: #FFFFFF url('../imagenes/estructura/fondo_bloques_prod.gif') top left repeat-x;
}
.simulacion_pagos{padding:0; margin: 0;}





/*pagos especificos de la solicitud*/
div.pagos_solicitud {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	/*width: 584px;*/
	width: 428px;	
	height:auto;
	text-align:center;
    float:left;
	/*background-color : #F0F0F0;*/
	/* custom decorations 
	background-image:url('../images/fondo2.gif');
	padding-left:10px;	
	_padding-left:10px;	
	border:0px outset #ccc;*/
}
div.pagos_solicitud div.meses_solicitud {	
	/* this cannot be too large */
	width:1300em;	
	position:relative;
	clear:both;
	/* decoration */
	margin:0px 0px;
}

/* single scrollable item */
div.pagos_solicitud div.meses_solicitud div.celda-mes {
	float:left;
	
	/* custom decoration */
	text-align:center;
	width:auto;
	height:50px;
    width:60px;
	font-size:11px;
    /* font-weight: bold; */
	font-family: 'Arial';
	/*border:0px outset #ccc;*/
	margin: 0;	
	
}

div.pagos_solicitud div.meses_solicitud div.celda-mes div.titulo-mes{
    /*background-color: #4F78D5;*/
    background: #6a85ce url('../imagenes/estructura/fondo_bloques_prod.gif') top left repeat-x;
    color: #fff;
    margin: 0;
    height: 21px;
}
div.pagos_solicitud div.meses_solicitud div.celda-mes div.monto-mes{
    /*background-color: #F5F5F5;*/
    margin: 0;
    font-size: 11px;
    padding-top: 8px;
}
span.mes_solicitud{position:relative; top: 3px;}

/* active item */
div.pagos_solicitud div.meses_solicitud div.active {		
	/*ackground-image:url('../images/fondoactive.gif');*/
    background-color:#F0F0F0;
	vertical-align:bottom;
}
div.pagos_prod_solicitud{
    text-align: left; position: relative; overflow: hidden; width: 473px;     
    border-left: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-right: 1px solid #333333;
    display: block;
    background: #FFFFFF url('../imagenes/estructura/fondo_bloques_prod.gif') top left repeat-x;
}