/*==================================== FUENTES ====================================*/
@font-face {
    font-family: 'robotolight';
    src: url('Roboto-Light-webfont.eot');
    src: url('Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Light-webfont.woff') format('woff'),
         url('Roboto-Light-webfont.ttf') format('truetype'),
         url('Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotobold';
    src: url('Roboto-Bold-webfont.eot');
    src: url('Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Bold-webfont.woff') format('woff'),
         url('Roboto-Bold-webfont.ttf') format('truetype'),
         url('Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('Roboto-Regular-webfont.eot');
    src: url('Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Regular-webfont.woff') format('woff'),
         url('Roboto-Regular-webfont.ttf') format('truetype'),
         url('Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*==================================== GENERALES ====================================*/
*{ margin: 0; padding: 0; }
body { margin:0px; padding:0px; background-color: #e7e6e9; }

/*==================================== HEADER - BARRA NAVEGACIÓN ====================================*/
header { width:100%; /*width:1348px;*/ height:92px; background-color:#C8040A; margin:0 auto; }
nav .logo { width:398px; position:absolute; top:0; z-index:2; }
nav { width:1300px; height:100%; margin:0 auto; }

ul{ list-style: none; position:relative; top:-170px; z-index:1; }
#menu { width:1190px; height:92px; padding:0; margin:0; margin-left:134px; position:absolute; top: 0px; }
#menu li>a{ border-left:solid 1px #B50408; background-color: #C8040A; height:72px; line-height:92px; font-size:12pt; font-family:'robotolight'; color: #e0dede; padding: 10px; display: block; text-decoration: none; transition: background-color 0.5s ease-in-out; }
#menu li .submenu{ width: 120%; height: 50px; line-height: 50px; font-size: 12pt; }
#menu li>a:hover{ background-color: #B20810; }
#menu>li{ height:92px; float: left; text-align:center }
#menu>li>ul{ display: none; }
#menu>li:hover>ul { display:block; }

/*==================================== FOOTER ====================================*/
footer { width:100%; /*width:1348px;*/ height:180px; margin:0 auto; font-family:'robotolight'; color:#909091; }
footer a { text-decoration:none; color:#909091; }

footer .foot1 { width:100%; height:125px; background-color:#31363D; font-size:11pt; }
footer .foot1 .contenido { width:1093px; height:125px; margin:0 auto; }
footer .foot1 .logo-footer { width:276px; height:113px; margin-left:40px; float:left; }
footer .foot1 .secciones { width:17%; height:70px; float:left; margin:27px 0px; padding-left:8%; line-height:17pt; }
footer .foot1 .secciones a { transition: color 0.5s ease-in-out; }
footer .foot1 .secciones a:hover { color:white; }
footer .foot1 .info-contacto { width:25%; height:81px; float:left; margin:22px 0px; padding-left:6%; }
footer .foot1 .redes { width:11%; height:29px; float:left; margin: 48px 0px; padding-left: 3%; }
footer .foot1 .redes a { position:relative; }
footer .foot1 .redes a img { position:absolute; transition: opacity 0.5s ease-in-out; }
footer .foot1 .redes a img.top:hover { opacity:0; }
footer .foot1 .separadorf1 { float:left; border-right: 1px solid #909091; height: 70px; width: 1px; margin-top: 30px; }

footer .foot2 { width:100%; height:55px; background-color:#222629; font-size:11pt; line-height:37pt; }
footer .foot2 .contenido { width:1093px; height:55px; margin:0 auto; }
footer .foot2 .copy { width:32%; height:55px; float:left; margin:0 auto; margin-left:55%; }
footer .foot2 .powered { width:8%; height:55px; float:left; margin:0 auto; margin-left:1%; }
footer .foot2 .logo-mm { margin-top:1%; float:left; }
footer .foot2 .logo-mm a { position:relative; }
footer .foot2 .logo-mm a img { position:absolute; transition: opacity 0.5s ease-in-out; top:initial; }
footer .foot2 .logo-mm a img.top:hover { opacity:0; }
footer .foot2 .separadorf2 { float:left; border-right: 1px solid #909091; height: 40px; width: 1px; margin-top: 7px; }

/*==================================== CONTENIDOS ====================================*/
#contenedor { width:1348px; background-color:#e7e6e9; margin:0 auto; }
#contenedor .sliderppl { width:1348px; margin:0 auto; position:relative; }
#contenedor .sliderppl .miniaturas { width:70%; height:288px; margin:0 15%; position:absolute; top:425px; }
#contenedor .mini { width:23%; margin:0 1%; float:left; position:relative; }
#contenedor .mini img { width:100%; transition: opacity 1.5s ease-in-out; }
#contenedor .mini img.top:hover { opacity: 0; }
#contenedor .cuerpo-home { width:1185px; margin:0 auto; font-family:'robotolight'; }
#contenedor .cuerpo-home .not-ser { width:1185px; margin-top: 190px; }
#contenedor .cuerpo-home .noticias-eventos { width:755px; margin:0 75px 0 0; height:100px; float:left; }
#contenedor .cuerpo-home .noticias-eventos .titulo { width:96%; margin:0 auto; font-size:25pt; color:#002E60; }
#contenedor .cuerpo-home .noticias-eventos hr {  border:none; margin-top: 10px; border-top: 1px solid #DCDBDE; }
#contenedor .cuerpo-home .noticias-eventos .marco-noticia { width:755px; height:155px; margin-top:20px; }
#contenedor .cuerpo-home .noticias-eventos .marco-noticia .imagen-noticia { width:278px; height:155px; float:left; margin:0 17px 0 10px; }
#contenedor .cuerpo-home .noticias-eventos .marco-noticia .titulo-noticia { width:450px; float:left; color:#707070; font-family: 'robotobold'; font-size:16pt; }
#contenedor .cuerpo-home .noticias-eventos .marco-noticia .texto-noticia { width:450px; height:75px; float:left; margin-bottom:10px; color:#939394; font-family: 'robotolight'; font-size:10pt; }
#contenedor .cuerpo-home .noticias-eventos .marco-noticia .enlace-noticia { width:90px; height:36px; float:left; margin-left: 321px; }
#contenedor .cuerpo-home .noticias-eventos .marco-noticia .enlace-noticia a { width:100%; height:100%; display:block; padding-left:21px; text-decoration:none; border:2px solid #7D7D7D; font-family: 'robotobold'; color:#7D7D7D; font-size:10pt; line-height: 26pt; transition: color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out; }
#contenedor .cuerpo-home .noticias-eventos .marco-noticia .enlace-noticia a:hover { color:white; background-color:#7D7D7D; }
#contenedor .cuerpo-home .servicios { width:345px; margin:70px 10px 0 0; float:left; }
#contenedor .cuerpo-home .servicios .marco-servicio { width:345px; height:85px; margin:0 0 1px 0; position:relative; transition: opacity 0.5s ease-in-out; }
#contenedor .cuerpo-home .servicios .marco-servicio:hover { opacity:0.8; }
#contenedor .cuerpo-home .servicios .marco-servicio .fondo-servicio { height:85px; }
#contenedor .cuerpo-home .servicios .marco-servicio .flecha-servicio{ position: absolute; top: 25px; left: 19px; }
#contenedor .cuerpo-home .servicios .marco-servicio .texto-servicio{ position:absolute; top:33px; left:80px; font-size:14pt; }
#contenedor .cuerpo-home .servicios .marco-servicio a { text-decoration:none; color:white; }
#contenedor .cuerpo-home .aliados { width:100%; margin-top:100px; }
#contenedor .cuerpo-home .aliados .titulo { font-family:'robotolight'; font-size:25pt; color:#002E60; text-align:center; }
#contenedor .cuerpo-home .aliados .slider { margin-top:40px; }
#contenedor .cuerpo-home .aliados .slider .bxSlider { top:0px; }

#contenedor .cabecera { width: 1348px; height:238px; margin:0 auto; position:relative; }
#contenedor .cabecera .texto{ position:absolute; top:130px; left:285px; color:white; font-family:'robotolight'; font-size:30pt; line-height:30pt; }
#contenedor .miga-pan { width:1348px; height:40px; margin:0 auto; background-color:#D6D5D8; position:relative; }
#contenedor .miga-pan .texto {  font-family:'robotoregular'; font-size: 9pt; line-height: 30pt; color: #99999A; margin-left: 278px; }
#contenedor .cuerpo { width:100%; /*width:1348px;*/ margin:0 auto; background-color:#D6D5D8; position:relative; }
#contenedor .cuerpo .texto { width:480px; position:absolute; top:45px; left:278px; color:#707070; font-family:'robotoregular'; font-size:9pt; text-align:justify; }

#contenedor .cuerpo .bloque-servicio { position:absolute; height:55px; transition: opacity 0.5s ease-in-out; }
#contenedor .cuerpo .bloque-servicio:hover { opacity:0.9; }
#contenedor .cuerpo .bloque-servicio .imagen { height:55px; position:relative; }
#contenedor .cuerpo .bloque-servicio .imagen img { height:55px; }
#contenedor .cuerpo .bloque-servicio .texto { position:absolute;  font-family:'robotoregular'; color:#d5d8dd; }

#contenedor .cuerpo .slogan { width:1348px; height:135px; margin:0 auto; background-color:white; position:relative; }
#contenedor .cuerpo .slogan .texto { width: 100%; text-align: center; position: absolute; left: 0px; top: 40px; font-size:14pt; color: #606060; font-family: 'robotoregular'; }

#contenedor .cuerpo .imagen { height:474px; }

#contenedor .cuerpo .avances { position:absolute; }
#contenedor .cuerpo .avances .titulo { position:absolute; width:300px; font-family: 'robotobold'; color: #0e325f; font-size: 18pt; top:-430px; left:870px; }
#contenedor .cuerpo .avances .fotos { position:absolute; width:281px; height:365px; top: -390px; left:835px; }
#contenedor .cuerpo .ubicacion { width: 100%; height: 60px; }
#contenedor .cuerpo .ubicacion .texto { position: absolute; color: white; font-family: 'robotobold'; font-size: 28px; top:610px; left:625px; }
#contenedor .cuerpo .ubicacion .direccion { position: absolute; color: #cee0f7; font-family: 'robotoregular'; font-size:8pt; top:646px; left:553px; }
#contenedor .cuerpo .mapa {  }
#contenedor .cuerpo .mapa .imagen { height:243px; }