@charset "UTF-8";
/* CSS Document */

body { 
	margin:auto 0px;
	color:#455560;
	font-size:12px;
	background-color:#e6e2cf;
	background-image:url(../img/bg.png);
	background-repeat:repeat-x;
	font-family: 'Ubuntu', sans-serif;
}

a:link, a:visited, a:active, a:hover {
	text-decoration:none;
}

.linkmenufooter a:link {padding:0px 16px 0px 16px;font-size:12px;color:#fff;font-weight:300;border-left:#fff 1px solid;float:left;}
.linkmenufooter a:visited {padding:0px 16px 0px 16px;;font-size:12px;color:#fff;font-weight:300;border-left:#fff 1px solid;float:left;}
.linkmenufooter a:active {padding:0px 16px 0px 16px;;font-size:12px;color:#fff;font-weight:300;border-left:#fff 1px solid;float:left;}
.linkmenufooter a:hover {padding:0px 16px 0px 16px;;font-size:12px;color:#9fb1bd;font-weight:300;border-left:#fff 1px solid;float:left;}

.linkmenufooterinicio a:link {padding:0px 16px 0px 0px;font-size:12px;color:#fff;font-weight:300;float:left;}
.linkmenufooterinicio a:visited {padding:0px 16px 0px 0px;;font-size:12px;color:#fff;font-weight:300;float:left;}
.linkmenufooterinicio a:active {padding:0px 16px 0px 0px;;font-size:12px;color:#fff;font-weight:300;float:left;}
.linkmenufooterinicio a:hover {padding:0px 16px 0px 0px;;font-size:12px;color:#9fb1bd;font-weight:300;float:left;}

.linkemailfooter a:link {font-size:12px;color:#fff;font-weight:300;}
.linkemailfooter a:visited {font-size:12px;color:#fff;font-weight:300;}
.linkemailfooter a:active {font-size:12px;color:#fff;font-weight:300;}
.linkemailfooter a:hover {font-size:12px;color:#9fb1bd;font-weight:300;}

.linkemail a:link {font-size:14px;color:#e51b24;font-weight:500;}
.linkemail a:visited {font-size:14px;color:#e51b24;font-weight:500;}
.linkemail a:active {font-size:14px;color:#e51b24;font-weight:500;}
.linkemail a:hover {font-size:14px;color:#455560;font-weight:500;}




.imgtmp {
	background-image:url(../img/proximamente.jpg);
	background-repeat:no-repeat;
	background-position:center;
	border: 0px;
	height:600px;
}

.bartop {
	width:1003px;
	height:60px;
	color:#fafbfc;
	text-align:right;
	vertical-align:middle;
	padding-top:16px;
}

.hd {
	background-image:url(../img/lg_confianzac.png);
	background-repeat:no-repeat;
	background-color:#FFF;
	width:993px;
	height:52px;
	padding-top:45px;
	clear:inherit;
}

.lghd {
}

.contentcenter {
	width:1003px;
}

/*CONTENEDOR CON MARGENES IZQUIERDO Y DERECHO DEL CONTENIDO*/
.marginhome {
	width:993px;
	border-left:#FFF 5px solid;
	border-right:#FFF 5px solid;
	float:left;
}

.cover {
	background-image:url(../img/cover01.jpg);
	background-repeat:no-repeat;
	width:888px;
	height:212px;
	text-align:left;
	padding:40px 0px 0px 105px;
	color:#FFF;
	font-size:43px;
	font-weight:300;
	letter-spacing:5px;
}

.boxtxthome {
	padding:17px 0px 0px 9px;
	height:171px;
	text-align:justify;
	width:484px;
}

.bgcallcenter {
	color:#FFF;
	background-image:url(../img/bg_callcenter.jpg);
	width:473px;
	height:301px;
	padding:36px 0px 0px 19px;
}

.ttcallcenter {
	font-size:32px;
	font-weight:bold;
	width:350px;
}

.txtcallcenter {
	font-size:12px;
	width:230px;
	text-align:justify;
	padding-top:15px;
}

.txtbottomcallcenter {
	color:#455560;
	font-weight:bold;
	font-size:14px;
	text-align:right;
	padding:9px 0px 0px 0px;
}

.bgcontenthome {
	background-color:#FFF;
	height:383px;
	border-top:#FFF 6px solid;
	text-align:left;
}

.bgcontentint {
	background-image:url(../img/bg_contint.jpg);
	background-repeat:no-repeat;
	background-color:#FFF;
	text-align:left;
	float:left;
	width:993px;
}

.boxtxtint {
	width:450px;
	padding:27px 0px 15px 45px;
	float:left;
	text-align:justify;
}

.boxpicint {
	padding:50px 0px 15px 25px;
	float:left;
}

.sombrapic {
	box-shadow: 3px 3px 3px #666;
	-webkit-box-shadow: 3px 3px 3px #666;
    -moz-box-shadow: 3px 3px 3px #666;
}


.rojo {color:#e51b24;}
.cobalto {color:#455560}

.catorce {font-size:14px;}
.dieciseis {font-size:16px}
.dieciocho {font-size:18px;}
.veinticuatro {font-size:24px;}
.italica {font-style:italic;}
.bold {font-weight:bold;}
.semibold {font-weight:500;}

.wrapperizq {
	float:left;
}
.wrapperder {
	float:right;
}

.operaciones {
	background-image:url(../img/pic_operaciones.jpg);
	background-repeat:no-repeat;
	width:243px;
	height:149px;
	cursor:pointer;
	margin:0px 7px 0px 0px;
}

.txtico {
	background-image:url(../img/ico01.png);
	background-repeat:no-repeat;
	color:#e51b24;
	font-size:14px;
	font-weight:bold;
	height:30px;
	padding:15px 0px 0px 45px;
}

.prevencion {
	background-image:url(../img/pic_prevencion.jpg);
	background-repeat:no-repeat;
	width:243px;
	height:149px;
	cursor:pointer;
	margin:0px 7px 0px 0px;
}

.bgfooter {
	color:#FFF;
	background-color:#455560;
	width:100%;
	height:118px;
	clear:both;
}

.boxcontfooter {
	width:955px;
	height:85px;
	padding:33px 31px 0px 17px;

}

.copyright {
	padding-top:32px;
}

.siguenos {
	float:right;
	padding-top:11px;
	font-style:italic;
	font-weight:300;
}
.facebook {
	float:right;
	background-image:url(../img/ico_f.png);
	background-repeat:no-repeat;
	width:23px;
	height:23px;
	margin-left:9px;
}
.twitter {
	float:right;
	background-image:url(../img/ico_t.png);
	background-repeat:no-repeat;
	width:23px;
	height:23px;
	margin-left:7px;
}

.alignder {
	float:right;
}

.alignizq {
	float:left;
}

.sep {
	border-left:#455560 1px solid;
}


.listanormal li{
	list-style: disc;
	float:none;
	padding-left:0px;
	margin-left:20px;
}


/*ESTILOS DEL MENU*/

/*Comenzaremos reseteando un par de estilos para que el menú quede mejor y haciendo que el menú principal sea en horizontal.*/

/*Obligamos que el cuerpo y las listas tengan no tengan margen*/
body, ul, li { 
	margin:0;
	padding:0;
}
	
/*Retira los bullets de las listas y las separa independientemente*/
ul {
	list-style:none;
	display:inline-block;
}

/*Acomoda los links horizontalmente*/
ul li {
	float:left;
}

/*Ahora daremos un poco de estilo al menú principal. Esta parte se puede modificar para que el menú quede al gusto de cada uno y se adapte mejor al diseño del lugar donde va a estar.*/

/* Fondo de la Barra de menu principal */
ul#dropdownmenu {
	margin:none;
	list-style:none;
	height:24px;
	width:100%;
	background:#FFF;
}	
/* Separa cada lista */
ul#dropdownmenu li {
	height:24px;
}
/* Altera los links del 1er estado en las listas */
ul#dropdownmenu li a {
	display:block;
	padding:4px 25px 0px 25px;
	height:20px;
	color:#455560;
	/*font-family:Arial, Verdana, Geneva, sans-serif;*/
	font-weight:500;
	font-size:13px;
	text-decoration:none;
	text-align:left;
}
/* Altera los links del 2do estado en las listas y sublistas */
ul#dropdownmenu li a:hover {
	padding-top:4px;
	color:#e51b24;
	background-color:#FFF;
	text-align:left;
}

/*Ahora tenemos que ocultar los sublinks y hacer que sólo se muestren cuando se pasa el cursor sobre el link padre. Esto lo haremos usando el selector :hover.*/

/* Oculta a las listas hijas o sublistas que se encuentran dentro de una lista padre */
ul#dropdownmenu li ul {
	display:none;
}
/*Controla la cama o bloque generico del 2do estado en sublistas o listas hija y que se desplieguen en el lugar indicado*/
ul#dropdownmenu li:hover ul {
	display:block;
	/*background:#6C0;*/
	position:absolute;
	border:#FFF 1px solid;
}

/*Continuamos añadiendo algo de color a los sublinks:*/

/*Se refiere a los Sublinks en su 2do estado para no permitir que se alinien horizontalmente*/
ul#dropdownmenu li:hover ul li {
	float:none;
	position:relative;
	/*background-image:url(../img/bgrollover.png);*/
	background-color:#CCC;
	background-repeat:repeat;
}
	
/*Finalmente, ocultamos los links nietos (hijos de los hijos), usando la misma técnica que antes. Lo único que cambia es que añadimos la propiedad top y left para que los links aparezcan a la derecha y no debajo (si aparecen debajo se superponen a los siguientes links hijos).*/

/*Oculta los Sublinks nietos en su 1er y 2do estado*/
ul#dropdownmenu li ul li ul, ul#dropdownmenu li:hover ul li ul {
	display:none;
}
/*Acomoda los Sublinks nietos en su 1er y 2do estado para que no se encimen sobre los hijos*/
ul#dropdownmenu li:hover ul li:hover ul {
	display:block;
	top:0;
	left:100%;
}