/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 864px;	
	height:98px;	
	margin:auto;
	text-align:center;
	
	/* 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.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:relative;
	clear:both;		
	
	/* decoration */
	margin:0px 10px;
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	
	/* custom decoration */
	text-align:center;
	width:auto;
	height:98px;
	font-size:30px;
	font-family: 'bitstream vera sans';
	border:0px outset #ccc;
	margin-right: 0px;	
	
}

/* active item */
div.scrollable div.items div.active {		
	background-image:url('../images/fondorepetible.jpg');
    background-repeat:repeat-x;
	vertical-align:bottom;
}

div.scrollable div.items div.inactive {		
	/*background-image:url('../images/fondorepetible.jpg');
    background-repeat:repeat-x;*/
   padding:0 9px;
	vertical-align:bottom;
}

/*pagos especificos de la solicitud*/
div.pagos_solicitud {
	
	/* 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;*/
}
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:80px;
    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: 15px;
}
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;
}
.simulacion_pagos_solicitud{padding:0; margin: 0;}
div.texto_bloque_izq{
    float: left; width: 105px;
    background: url('../../../imagenes/estructura/pestana_naranja.gif') top left no-repeat; 
    line-height: 1em; 
    padding-top: 30px;
    font-weight: bold;
}