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

body,td,th {
	color: #979797;
	font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;

}
body {
	margin-top: 0px;
	background-position: 0% 0%;
}

p {
	color: #666666;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.35em;
text-align: justify;
margin-top: 0px;
	margin-bottom: 8px;

	}

h1 {
	font-size: 14px;
	font-weight: normal;
	color: #086DB5;
	margin-top: 0px;
	margin-bottom: 15px;
	text-transform: uppercase;
	text-indent: 0px;
	letter-spacing: 1px;
	text-align: left;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #EE4043;
	margin-top: 0px;
	margin-bottom: 10px;
}
h3 {
	font-size: 13px;
	font-weight: normal;
	color: #999;
	margin-top: 8px;
	margin-bottom: 10px;
}

h4{
	color: #666;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.35em;
	text-align: justify;
	margin-top: 0px;
	margin-bottom: 0px;
	}


	
/*	li {
	color: #666666;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.35em;
	text-align: justify;
	margin-top: 0px;
	margin-bottom: 8px;
	list-style-type: square;
	list-style-position: inside;
	}
*/
#slide1 p, #slide2 p, #slide3 p, .bloque_2col p, .bloque_1colizq p, .bloque_slider1 p, .bloque_slider p, .bloque_slider3 p, .bloque_2colder p {
	color: #666666;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.35em;
	text-align: justify;
	margin-top: 0px;
	margin-bottom: 8px;
	}
	
#slide1 li, #slide2 li, #slide3 li, .bloque_2col li, .bloque_1colizq li, .bloque_slider1 li, .bloque_slider li, .bloque_slider3 li, .bloque_2colder li {
	color: #666666;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.35em;
	text-align: justify;
	margin-top: 0px;
	margin-bottom: 10px;
	list-style-type: square;
	list-style-position: inside;
	}

	
#contenedor {
	margin-left: auto;
	margin-right: auto;
	width: 950px;
}
#banner {
	float: left;
	background-repeat: no-repeat;
	width: 100%;
}
#menu {
	font-size: 13px;
	text-transform: uppercase;
	float: left;
	margin-left: 0;
	margin-right: 0;
	width: 100%;
	color: #086DB5;
}

#menu ul {

	border-bottom: 1px solid #DCDBDB;
	border-top: 1px solid #DCDBDB;
	height: 21px;
	padding-top: 5px;
}

#menu li{
	list-style-type: none;
	float: left;
	margin-right: 27px;
	text-align: left;
}

#menu a {
	color: #979797;
	text-decoration: none;
}
#menu a:hover, .current {
	color: #086db5;
}
#contenido {
	float: left;
	width: 950px;
	margin-bottom: 10px;
	margin-top: 10px;
	height: 490px;
}
#contenidoemp {
	float: left;
	width: 950px;
	margin-bottom: 10px;
	margin-top: 10px;
	height: 490px;
}
#contenido_portada {
	position: relative;
	width: 950px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 450px;
}

.cuadro_1 {
	float: left;
	height: 137px;
	width: 159px;
}
.cuadro_2 {
	float: left;
	height: 137px;
	width: 156px;
}
.cuadro_3 {
	float: left;
	height: 136px;
	width: 158px;
}


#sub-menu {
	float: left;
	width: 190px;
	font-size: 11px;
	height: 290px;
	text-transform: uppercase;
	padding-top: 7px;
	margin-right: 30px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #F8F9FF;
}

#menu .current {
	text-transform: uppercase;
	color: #066DB5;
	text-decoration: none;
}


#col_izq {
	float: left;
	width: 210px;
	font-size: 11px;
	height: 380px;
	text-transform: uppercase;
	margin-right: 20px;
	padding-top: 10px;
}

#foto_intro {
	float: left;
	width: 720px;
	clear: none;
	height: 450px;
}
	
/*wraper*/

div.wrapper {
	position: relative; /* important(so we can absolutely position the description div */
	float: left;
	width: 240px;
	height: 450px;
}
div.description {
	position: absolute; /* absolute position (so we can position it where we want)*/
	bottom: 100px; /* position will be on bottom */
	left: 0px;
	/*display:none;  hide it */
	/* styling bellow */
	background-color: rgba(255,255,255, 0.7);
	height: 200px;
	width: 100%;
	list-style-type: none;
	padding-top: 10px;
}

div.description_content a, description_content li{
	color: #000000;
	font-size: 12px;
	text-decoration: none;
	padding-left: 15px;
	list-style-type: none;
	text-transform: uppercase;
	font-weight: 200;
}

.description_content li a:hover {
	color: #066DB5;
	list-style-type: none;
	}


#slide {
	float: left;
	height: 450px;
	width: 720px;
}

	
#contenedor #contenido #slide .der  {
	float: right;
}
#contenedor #contenido #slide .izq {
	float: left;
}

/*Slide*/
#slide1 {
	float: left;
	width: 720px;
	clear: none;
	height: 450px;
	padding-top: 10px;
}
#slide2 {
	float: right;
	width: 720px;
	clear: none;
	height: 450px;
	padding-top: 10px;
}
#slide3 {
	float: right;
	width: 720px;
	clear: none;
	height: 450px;
	padding-top: 10px;
}
#slide4 {
	float: right;
	width: 720px;
	clear: none;
	height: 450px;
	padding-top: 10px;
}


.bloque_2col {
	float: left;
	height: 380px;
	margin-right: 20px;
	width: 470px;
		margin-bottom: 0px;
			text-align: inherit;

	}
.bloque_1colizq {
	float: left;
	height: 380px;
	margin-right: 20px;
	width: 260px;
	padding-top: px;
		text-align: inherit;

	}

.bloque_slider1 {
	float: left;
	height: 380px;
	width: 225px;
	margin-right: 20px;
		text-align: inherit;

}

.bloque_slider2 {
	float: left;
	height: 380px;
	width: 225px;
	margin-right: 20px;
		text-align: inherit;

	
}

.bloque_slider3 {
	float: left;
	margin-right: 0px;
		text-align: inherit;
	width: 230px;
	height: 380px;
}
.bloque_2colder {
	float: left;
	margin-right: 0;
	text-align: inherit;
	width: 440px;
	height: 380px;
}

.foto_cont {
	float: right;
	height: 320px;
	width: 220px;
	margin-top: 0px;
	margin-left: 10px;
}
#footer {
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	width: 100%;
	color: #999999;
	font-size: 11px;
	border-top: 1px solid #DCDBDB;
}

#footer a {
	color: #086db5;
	text-decoration: none;
	}
	
#footer a:hover {
	opacity: 0.8;
    transition: opacity 0.4s ease 0s;
	}
	
	
.clearfix {
	visibility: hidden;
	clear: both;
}

/*touchslider*/

.touchslider, .touchslider-viewport {
	float: left;
	height: 450px !important;
	width: 720px !important;
}

/*.touchslider li {
	font-size: 12px;
	list-style-type: square;
	color: #666666;
	padding-left: 5px;
		}*/
		
		
.touchslider-item {
    cursor: ew-resize;
    height: 450px;
    overflow: hidden;
}
.touchslider-viewport {
	overflow: hidden;
}
.touchslider-nav-item {
    background: url("../img/icos_slider.png") no-repeat scroll -20px 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    height: 11px;
    margin: 0 2px;
    width: 11px;
}
.touchslider-nav-item:hover {
    opacity: 0.8;
    transition: opacity 0.4s ease 0s;
}
.touchslider-prev {
    background: url("../img/icos_prev.png") no-repeat scroll 3px bottom rgba(0, 0, 0, 0);
    cursor: pointer;
    font-size: 30px;
    height: 15px;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-indent: -999px;
    /*top: 45px;*/
    transition: all 0.4s ease 0s;
    width: 23px;
}
.touchslider-prev:hover {
    left: -3px;
    padding-right: 3px;
}
.touchslider-next {
    background: url("../img/icos_next.png") no-repeat scroll 8px 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    font-size: 30px;
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: -3px;
    text-indent: -999px;
    /*top: 45px;*/
    transition: all 0.4s ease 0s;
    width: 23px;
}
.touchslider-next:hover {
    background-position: 10px 0;
}
.touchslider-nav-item-current {
    background: url("../img/icos_slider.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.nav-slider {
	clear: both;
	float: left;
	margin-top: -25px;
	position: relative;
	text-align: center;
	width: 100%;
}

/*foto animada de la columna izq*/

.foto_p01 {
	float: left;
	height: 230px;
	width: 230px;
}
.foto_p02 {
	float: left;
	height: 75px;
	width: 80px;
}
.foto_p034567 {
	float: left;
	height: 75px;
	width: 75px;
}

/*foto animada de la columna izq carta presidente*/
.cartafoto_p01 {
	float: left;
	height: 230px;
	width: 210px;
}
/*foto animada de la columna izq carta presidente*/
.caja01_emp {
	float: left;
	height: 230px;
	width: 230px;
}
.cartafoto_p02 {
	float: left;
	height: 75px;
	width: 70px;
}
.cajasa_emp {
	height: 75px;
	width: 80px;
	float: left;
}
.cajasb_emp {
	float: left;
	height: 75px;
	width: 75px;
}

/*tabla datos empresas*/

.tabla {
	width: 100%;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	margin-top: 30px;
	}
	
.tabla tr td {
	width: 50%;
	height: 25px;
	text-align: left;
	vertical-align: center;
	border-bottom: 1px solid #9cc5e1;
	border-spacing: 0;
	} 
		
.tabla th{
	width: 50%;
	text-align: left;
	border-spacing: 0;
	border-bottom: 1px solid #9cc5e1;
	color: #666666;
	font-weight: normal;
	} 
	
	.caja_infra {
	height: 300px;
	width: 720px;
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
		}

.tabla2 a {
	color: #9cc5e1;
	text-decoration: none;
	}
	
.tabla2 {
	width: 100%;
	font-size: 12px;
	margin-top: 30px;

	}

.tabla2 tr td{
	width: 50%;
	height: 25px;
	vertical-align: center;
	text-align: left;
	border-spacing: 0;
	background-color: #f8f9ff;
	color: #999999;
	font-weight: normal;
	border-bottom: 2px solid #ffffff;	
	} 
	
	.tabla2 a {
	color: #9cc5e1;
	text-decoration: none;
	}	

.tabla2 a:hover {
	color: #086DB5;
	text-decoration: none;
	}
	
/*submenu Empresas*/

#submenu_emp {
	font-size: 11px;
	float: left;
	width: 720px;
	font-weight: lighter;
	margin-bottom: 5px;
}

#submenu_emp ul {
width: 100%; /* Que ocupe todo el largo */
margin: 0; /* Quitamos los margenes externos */
padding: 0; /* Quitamos los margenes internos */
	list-style-type: none;
	border-bottom: 1px solid #DCDBDB;
	height: 20px;	/*padding-top: 5px;*/

	
}

#submenu_emp li{
float: left;
	 margin: 5px 10px 0 0;
}
	
#submenu_emp li a {
	padding: 2px 7px 2px 7px;
	color: #9cc5e1;
	text-decoration: none;
}
#submenu_emp li a:hover, #submenu_emp li .current {
	color: #086DB5;
}
.fbanner {
	float: left;
}