@charset "utf-8";
/* CSS Document */
/*Maquetacion del sitio*/
body{ background: url(imagenes/page_bg.gif)}
#contenedorFull{ width:970px; height:100%; margin:0 auto}
#contenedor{ 
	width:950px; 
	height:100%; 
	margin:0 auto; 
	background:#FFFFFF
	}
#sombraIzquierda{
	width:10px; 
	height:1330px; 
	background:url(imagenes/sombra.png) repeat-y; 
	float:left
	}

#sombraDerecha{
	width:10px;
	height:1330px;
	background:url(imagenes/sombra2.png) repeat-y; 
	float:right
	}
#bannerFlash{ width:950px; height:200px}
#botonera{ width:950px; height:40px}  
#contEventConocenos{width:950px; height:270px}
#contEvento{ width:644px; height:270px; background:url(imagenes/fondoRojo.png) repeat-x; float:left}
#contConocenos{width:291px; height:270px; float:left}
#subConocenos{ width:291px; height:229px; background:url(imagenes/fondoAzul.png) repeat-x}
#subConocenos2{ width:291px; height:41px; background:url(imagenes/redondeoConocenos.png) no-repeat;}
#sombraConocenos{ width:15px; height:270px; background:url(imagenes/sombraConocenos.png) no-repeat; float:right}
#curvasInferiores{ width:950px; height:100%}
/*#contCuerpo{ width:950px; height:660px}*/
#contCuerpo{ width:950px; height:500px}
#cuerpo{
	width:644px;
	height:500px;
	float:left
}
#contMenus{ width:291px; height:457px; float:left}
#contSombras{ width:15px; height:457px; float:right}
#menuServicios{ width:291px; height:172px; background:url(imagenes/menuServicios.png) no-repeat scroll 0 0}
#menuServicios2{ width:291px; height:86px; background:url(imagenes/menuServicios2.png) no-repeat scroll 0 0}
#menuServicios3{ width:291px; height:53px; background:url(imagenes/menuServicios3.png) no-repeat scroll 0 0}
#menuRecursos{ width:291px; height:127px; background:url(imagenes/recursos.png) no-repeat scroll 0 0}
#redondeoRecursos{width:291px; height:19px; background:url(imagenes/redondeoRecursos.png) no-repeat scroll 0 0}
#divFinanciero{ }
#footer{ width:950px; height:100%}
/*Propiedades generales para la pagina*/
a{ text-decoration:none}   /*Quito el subrayado a todos los links*/
a:hover { color: #FF0000;} /*Todos los links al hacer hover cambian a este color*/
img{border:0}              /*Quito el borde a todas las imagenes*/ 
object{ margin:0}          /*Quito el borde a las tag de tipo object*/
ul{ margin:0}

/*Elementos del Menu Superior Botones y efecto hover*/
.clasehover {display: block;}
a#btnInicio{ 
	width:161px; 
	height:40px; 
	background:url(imagenes/botonera/btnInicio.png) no-repeat scroll 0 0
	}
a:hover#btnInicio{
	width:161px; 
	height:40px;
	background:url(imagenes/botonera/btnIniciohover.png) no-repeat scroll 0 0
	}

a#btnSocios{
	width:161px; 
	height:40px; 
	background:url(imagenes/botonera/btnSocios.png) no-repeat scroll 0 0
	}
a:hover#btnSocios{ 
	width:161px; 
	height:40px; 
	background:url(imagenes/botonera/btnSocioshover.png) no-repeat scroll 0 0
	}

a#btnRamas{
	width:161px; 
	height:40px; 
	background:url(imagenes/botonera/btnSectores.png) no-repeat scroll 0 0
	}
a:hover#btnRamas{
	width:161px; 
	height:40px; 
	background:url(imagenes/botonera/btnSectoreshover.png) no-repeat scroll 0 0
	}

a#btnVerificacion{ 
	width:161px; 
	height:40px; 
	background:url(imagenes/botonera/btnVerificacion.png) no-repeat scroll 0 0
	}
a:hover#btnVerificacion{
	width:161px; 
	height:40px; 
	background:url(imagenes/botonera/btnVerificacionhover.png) no-repeat scroll 0 0
	}
/*Fondos del buscador dentro de la botonera*/
td.celda1{
	width:157px; 
	height:40px;
background:url(imagenes/botonera/fondoBotonera1.png) no-repeat scroll 0 0
}
td.celda2{
	width:149px; 
	height:40px;
background:url(imagenes/botonera/fondoBotonera2.png) no-repeat scroll 0 0
}
.tituloServicios{ color:#99CCFF; font-family: "Palatino Linotype"; font-size:18px; margin-left:10px}
.tituloServicios2{ color:#99CCFF;font: bold 16px "Palatino Linotype"; margin-left:1px}
.tituloServicios3{ color: #000066; font-family: "Palatino Linotype"; font-size:20px; margin-left:10px}
.fuente2Servicios{ color:#FFFFFF; font:bold  16px Arial;margin-left:10px;}
.fuente1Servicios{ color:#FFFFFF;font: bold 10px Arial;margin-left:10px}
.fuente2Servicios{ color:#FFFFFF; font:bold  14px "Palatino Linotype" ;margin-left:10px}
.fuente3Servicios{ color: #000099; font:bold  14px "Palatino Linotype" ;margin-left:10px}
.fuente4Servicios{ color: #999999; font:normal  13px "Times New Roman", Times, serif ;margin-top:30px}
.fuente5Servicios{ color: #000000; font:normal  10px "Palatino Linotype" ; margin-left:10px; margin-right:10px}

/*efectos tooltips*/
a.tooltip { font-weight:bold; }
a.tooltip span { display:none; padding:20px;width:200px; }
a.tooltip img { float:left; margin:0; padding:0; }
a.tooltip:hover span{ display:inline; position:absolute; background: #CC0000; border:1px dotted #cccccc; color: #FFFFFF;font-size:16px; font-weight:normal; }

  #img_container { height:120px; }
  #img_container ul {display:block;padding:0;margin:0;list-style:none;}
  #img_container ul li{float:left;width:100px;margin:10px;}
  #img_container ul li a img {
      width:93px;
      height:93px;
      border:1px solid #574331;
      padding:3px;
      background:#eee;
  }
  #img_container ul li a:hover img { border-color: darkred; }

/*Precarga de las imagenes y rollOvers*/
  .precarga {display: none;}