/* 
NOTAS:
seccion: fianzas
última actualización: 13 / 08 /08
ancho total =  960px
altura mínima = 232px
*/

#content-holder{
	padding-top:20px;
	width: 960px;
	min-height: 377px;
	
	background:url(../images/fianzas/background.jpg) no-repeat;
}




/*------------------- MENÚ PRINCIPAL -------------------*/
#content-holder #submenu-holder{
	float: left;
	display:inline;
	
	margin: 0 20px;
	width: 238px;
}

/* botón de proovedores */
#content-holder #submenu-holder .proovedores{
	background:#975b0b url(../images/fianzas/proovedores-tile.jpg) top repeat-x;
	border-top:solid 1px #c8a059;
	padding:10px 20px;
}
#content-holder #submenu-holder .proovedores a{
	display:block;
	
	background:url(../images/fianzas/menu-bullet.gif) no-repeat;
	background-position:190px 50%;
	
	text-decoration:none;
	font-size:12px;
	
	color:#fff;
}

/* botón y listado de fianzas administrativas */
#content-holder #submenu-content .administrativas{
	padding:9px 18px;
	
	border-bottom:solid 1px #dbb23a;
	
	background:#eacc70 url(../images/fianzas/administrativas-tile.jpg) repeat-x bottom;
	font-size:12px;
	color:#fff;
}
#content-holder #submenu-content .administrativas a{
	text-decoration:none;
	color:#fff;
}

#content-holder #submenu-content ul.administrativas {
	margin:0;
	padding:0;
	padding-bottom:5px;
	border-bottom:solid 1px #e1c88a;
	
	list-style:none;
	list-style-image:url(../images/fianzas/menu-bullet_hover.gif);
	
	background:#aa792f url(../images/fianzas/submenu-background.jpg) no-repeat top;
}
#content-holder #submenu-content ul.administrativas li{
	margin:0 0 0 25px;
	padding:5px 0 5px 8px;
	border:0;
	
	background:url(../images/fianzas/menu-separador.png) no-repeat top left;
}

#content-holder #submenu-content ul.administrativas li a{
	display:block;
	
	background:none;
	
	font-size:11px;
	text-decoration:none;
	
	color:#fff;
}
#content-holder #submenu-content ul.administrativas li a:hover{
	color:#623a0f;
}


/* listado de "obra y proceduría" */
#content-holder #submenu-content ul.proceduria{
	border:0;
	margin:2px 0 0 20px;
	padding:5px 0 0 0;
	
	list-style:none;
	list-style-image:url(../images/fianzas/submenu-bullet.gif);
	
	background:url(../images/fianzas/menu-separador.png) no-repeat top left;
}
#content-holder #submenu-content ul.proceduria li{
	border:0;
	margin:0;
	padding:1px 0;
	
	font-size:10px;
}
#content-holder #submenu-content ul.proceduria li.first{
	background:none;
}

#content-holder #submenu-content ul.proceduria li a{	
	font-size:10px;
	display:inline;
	
	color:#fef2c8;
}
#content-holder #submenu-content ul.proceduria li a:hover{
	color:#975917;
}


/* contenedor y submenú*/
#content-holder #submenu-content{
	background:#eda;
	margin:0 5px;
}

#content-holder #submenu-content ul.general{
	margin:0;
	padding:0;
	border:0;
	
	height:140px;
	
	background:#b68831 url(../images/fianzas/menu_tile.jpg) repeat-x;
	
	list-style:none;
}
#content-holder #submenu-content ul.general li{
	margin:0;
	padding:10px 18px;
	
	background:url(../images/fianzas/menu-separador.png) no-repeat bottom;
}
#content-holder #submenu-content ul.general li.last{
	background:none;
}

/*botones del submenú*/
#content-holder #submenu-content ul.general li a{
	display:block;
	width:100%;
	
	background:url(../images/fianzas/menu-bullet.gif) no-repeat;
	background-position:100% 50%;
	
	font-size:12px;
	text-decoration:none;
	
	color:#fff;
}
#content-holder #submenu-content ul.general li a:hover{
	background:url(../images/fianzas/menu-bullet_hover.gif) no-repeat;
	background-position:100% 50%;
	
	color:#623a0f;
}




/*------------------- CONTENIDO -------------------*/
#contenido{
	margin-left: 0px;
	padding:35px 0 0 30px;
	width:652px;
	float:left;
	display:inline;
}
#contenido h1{
	margin:5px 0;
	padding:0;
	border:0;
	
	font-size:11px;
	color:#cc910c;
}
#contenido p{
	margin:0 0 10px 0;
	padding:0;
	border:0;
}
#contenido ul{
	list-style:none;
	list-style-image:url(../images/fianzas/menu-bullet_hover.gif);
}
#contenido ul.subcontent{
	list-style:none;
	list-style-image:none;
	
	margin:20px 10px;
	padding:0;
	border:0;
	width:266px;
	background:#f1d98c url(../images/fianzas/subcontent_background.jpg) no-repeat bottom;
}
#contenido ul.subcontent li{
	list-style:none;
	
	background:url(../images/fianzas/menu-bullet.gif) no-repeat;
	background-position:95% 10px;
}
#contenido ul.subcontent a{
	display:block;
	padding:9px 15px;
	border-bottom:solid 1px transparent;
	
	text-decoration:none;	
	
	color:#fff;
	background:url(../images/fianzas/menu-separador.png) no-repeat bottom;
}
#contenido ul.subcontent a:hover{
	background:url(../images/fianzas/proovedores-tile.jpg) repeat-x;
	border-bottom:solid 1px #ddb766;
}
#contenido ul.justified{
	margin:0;
	padding:0;
	border:0;
}
#contenido ul.justified li{
	margin:0 0 0 13px;
	padding:0;
}




#contenido .content-panel{
	float:left;
	width:325px;
	
	text-align:justify;
}

#contenido .icon-panel{
	margin-left:325px;
	padding:0 20px;
	
	text-align:justify;
}





/*------------------- BOTONERA -------------------*/
div#botonera-iconos {
	margin:20px 0 0 0;
	padding:0;
	border:0;
	
	left:30px;
	width:260px;
}
div#botonera-iconos.single {
	width:130px;
	margin-left:156px;
}
div#botonera-iconos .botones{
	display:block;
}
div#botonera-iconos .boton{
	float:left;
	width:130px;
}
div#botonera-iconos .boton a{
	display:block;
	
	border-left:solid 1px #d7b86a;
	padding:10px 0;
	
	line-height:10px;
	text-align:center;
	text-decoration:none;
	
	color:#fff;
	background:url(../images/fianzas/botonera_tile.jpg) repeat-x;
}
div#botonera-iconos .boton a:hover{
	background:url(../images/fianzas/botonera_tile-hover.jpg) repeat-x;
}

div#botonera-iconos .reflection{
	/*clear:both;*/
	position:relative;
	top:31px;
	height:17px;
	background:url(../images/fianzas/botonera-reflection.jpg) repeat-x;
}






/*------------------- SUBCONTENIDO -------------------*/
div#subcontent{
	/*margin: 0 auto;
	margin-top:-15px;*/
	/*height: 200px;*/
	
	width:100%; /* ESTA LÍNEA ES IMPORTARTE PARA QUE FUNCIONE EN EL INTERNET EXPLORER 6 EL OVERFLOW (NO BORRAR) */
	overflow:hidden;
	position:relative;
	  
	/*overflow-x: hidden;
	overflow-y: hidden;*/
}

div#subcontent-holder{
	width: 1510px;
	margin:0;
}

div#subcontent-holder .module{
	margin:0 15px 0 0;
	width:287px;
	float:left;
}



/*------------------------- MÓDULO DE "NUESTRO RESPALDO" --------------------------*/
div#respaldo-holder{
	clear:both;
}
div#respaldo-holder .module{
	float:left;
	width:182px;
	
	font-weight:bold;
	font-size:10px;
	text-align:center;
	color:#fff;
}
div#respaldo-holder .top{
	height:5px;
	background:transparent url(../images/fianzas/respaldo-top.png) no-repeat;
}
div#respaldo-holder .bottom{
	height:5px;
	background:transparent url(../images/fianzas/respaldo-bottom.png) no-repeat;
}
div#respaldo-holder .icon-holder .icons{
	background: url(../images/fianzas/respaldo-vtile.png) repeat-y;
}
div#respaldo-holder .icon-holder .icons{
	padding:5px 14px;
}
div#respaldo-holder .icon-holder .base{
	margin:0 5px;
	padding:7px 8px 0;
	height:23px;
	background:#af7b2e url(../images/fianzas/respaldo-tile.jpg) repeat-x;
}
div#respaldo-holder .icon-holder .base[class~="double"]{
	font-size:10px;
	padding:1px 6px;
	height:28px;
}


div#respaldo-holder2{
	clear:both;
}
div#respaldo-holder2 .module{
	float:left;
	width:182px;
	
	font-weight:bold;
	font-size:10px;
	text-align:center;
	color:#fff;
}
div#respaldo-holder2 .top{
	height:5px;
	background:transparent url(../images/fianzas/respaldo-top.png) no-repeat;
}
div#respaldo-holder2 .bottom{
	height:5px;
	background:transparent url(../images/fianzas/respaldo-bottom.png) no-repeat;
}
div#respaldo-holder2 .icon-holder .icons{
	background: url(../images/fianzas/respaldo-vtile.png) repeat-y;
}
div#respaldo-holder2 .icon-holder .icons{
	padding:5px 14px;
}
div#respaldo-holder2 .icon-holder .base{
	margin:0 5px;
	padding:7px 8px 0;
	height:23px;
	background:#af7b2e url(../images/fianzas/respaldo-tile.jpg) repeat-x;
}
div#respaldo-holder2 .icon-holder .base[class~="double"]{
	font-size:10px;
	padding:1px 6px;
	height:28px;
}




/*------------------- ÍCONOS -------------------*/
div#icon-panel .icono-administrativas{
	margin-left:80px;
	margin-top:30px;
}

div#icon-panel .icono-proveeduria{
	margin-left:55px;
	margin-top:65px;
}

div#icon-panel .icono-fiscales{
	margin-left:55px;
	margin-top:0px;
}

div#icon-panel .icono-internacionales{
	margin-left:55px;
	margin-top:25px;
}

div#icon-panel .icono-fidelidad{
	margin-left:20px;
	margin-top:100px;
}

div#icon-panel .icono-judiciales{
	margin-left:20px;
	margin-top:100px;
}

div#icon-panel .icono-credito{
	margin-left:28px;
	margin-top:95px;
}

div#icon-panel .icono-electronicas{
	margin-left:10px;
	margin-top:75px;
}

div#icon-panel .icono-proveedores{
	margin-left:55px;
	margin-top:85px;
}