@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'mistergiaccoregular';
    src: url('fonts/mistergiacco_mediumoblique-webfont.eot');
    src: url('fonts/mistergiacco_mediumoblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mistergiacco_mediumoblique-webfont.woff2') format('woff2'),
         url('fonts/mistergiacco_mediumoblique-webfont.woff') format('woff'),
         url('fonts/mistergiacco_mediumoblique-webfont.ttf') format('truetype'),
         url('fonts/mistergiacco_mediumoblique-webfont.svg#mistergiaccoregular') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'mistergiabold';
    src: url('fonts/mistergiacco_bold-webfont.eot');
    src: url('fonts/mistergiacco_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mistergiacco_bold-webfont.woff2') format('woff2'),
         url('fonts/mistergiacco_bold-webfont.woff') format('woff'),
         url('fonts/mistergiacco_bold-webfont.ttf') format('truetype'),
         url('fonts/mistergiacco_bold-webfont.svg#mistergiabold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'swis721_cn_btroman';
    src: url('fonts/swisscnroman-webfont.eot');
    src: url('fonts/swisscnroman-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/swisscnroman-webfont.woff2') format('woff2'),
         url('fonts/swisscnroman-webfont.woff') format('woff'),
         url('fonts/swisscnroman-webfont.ttf') format('truetype'),
         url('fonts/swisscnroman-webfont.svg#swis721_cn_btroman') format('svg');
    font-weight: normal;
    font-style: normal;
}
img{border:none;}
body{margin:0px; padding:0px;text-align:center; font-family: 'swis721_cn_btroman', Helvetica, Arial, sans-serif; color:#686c6f; font-size:100%;
background-image: url(../images/bg_left.png), url(../images/bg_right.png);
background-position: left 106px, right 106px;
background-repeat: no-repeat;
}
a{text-decoration:none;color:#7792b3}
header{
	width:100%;
	float:left; clear:left; height:198px;border-bottom:10px solid #d7e2ee;
	background-repeat:repeat-x; background-image:url(../images/gradient.png); background-position:center top;
}
header>div{margin:0px auto; width:100%;max-width:1280px; min-width:960px;position:relative;}
header h1{float:left; margin:13px 0px 0px 45px;}
header div.contacto{margin:0px auto; float:left;margin-left:100px; margin-top:48px;}
header div.contacto>div{float:left;font-size:20px; padding:20px 25px 0; height:70px;}
header div.contacto>div:first-child{background-image:url(../images/separador.png); background-position:right center; background-repeat:no-repeat;}
header div.contacto>div h5{margin:0px 0px 5px;font-size:22px;  color:#686c6f;}
header .idioma{position:absolute; right:0px; top:71px;}
header .idioma a{float:left; width:50px; height:33px; background-image:url(../images/flags.png); margin-left:6px;}
header .idioma a.spanish{background-position:0px 0px;}
header .idioma a.english{background-position:0px -33px;}
header .idioma a.activo{opacity:0.43;}
nav, article{width:100%; max-width:1280px; min-width:960px; margin:0px auto;}
nav ul{list-style-type:none; margin:0px; padding:0px;}
nav ul li{float:left; width:20%;border:1px solid #FFF; box-sizing:border-box;}
nav ul li a{float:left; width:100%; color:#FFF; text-decoration:none;font-size:23px; font-family:mistergiaccoregular; font-style:italic;}
nav ul li a img{float:left; width:100%; height:auto; border-bottom:2px solid #FFF; }
nav ul li a span{float:left; width:100%; border-bottom:2px solid #FFF;line-height:49px;}
nav ul li:hover a span, nav ul li.activo a span{margin-bottom:4px;}
nav ul li.home{background-color:#a5c2de;}
nav ul li.servicios{background-color:#7792b3;}
nav ul li.proyectos{background-color:#3d4c5f;}
nav ul li.carrera{background-color:#cecece;}
nav ul li.carrera a{color:#3d4c5f;}
nav ul li.contacto{background-color:#484a4b;}
article{text-align:left; clear:left; padding-top:30px; font-size:17px; line-height:21px; letter-spacing:0.3px;box-sizing:border-box;}
article h2{color:#a5c2de; margin-top:20px; font-size:20px;  margin-bottom:20px;}
article p{float:left; width:100%; margin-top:0px; margin-bottom:24px;}
.homesec, .serviciossec{float:left; width:100%;}
.homesec .cuadro{float:left; width:463px}
.homesec .texto{margin:0px 0px 0px 488px;}
.serviciossec .cuadro{float:right; width:468px; margin-bottom:20px;}
.serviciossec .texto{margin:0px 480px 0px 0;}
.cuadro img{float:left; width:100%; height:auto;}
.cuadro h3{color:#fFF;margin:0px; float:left; width:100%; text-align:center; font-size:17px; line-height:40px; background-color:#7792b3; font-weight:normal;}
.datoshz{float:left; width:100%; clear:left;}
.datoshz>div{float:left;width:20%; padding:0px 20px; border-right:3px solid #819ab9; box-sizing:border-box;height:170px;}
.datoshz>div:first-child{padding-left:0px; border:none;}
.datoshz>div:last-child{border:none;}
.datoshz h2, .datoshz h4{margin-top:6px; margin-bottom:20px;}
ul.listado, .listadocheck{margin:0px; width:100%; float:left; padding:0px; list-style-type:none; margin-bottom:24px;}
.datoshz .listadocheck{margin-bottom:40px;}
.listadocheck{list-style-type:none;margin-bottom:24px; padding:0px; }
.listadocheck li{float:left; clear:left; padding-left:20px; background-repeat:no-repeat; background-position:left 4px; background-image:url(../images/check.gif);}
ul.listado li{border-right:2px solid #99b5d0; float:left; padding:0px 7px 0 0; margin-right:7px;}
ul.listado li:last-child{border:none; padding-right:0px; margin-right:0px;}
.politicas{float:left; text-transform:uppercase; color:#646260; margin-right:30px; font-size:18px; line-height:19px; font-weight:bold; padding-top:20px;}
.tablaproyectos{float:left; clear:left; width:100%;border-collapse: collapse; }
.tablaproyectos tr{width:100%; background-image:url(../images/diagonal.jpg); background-repeat:no-repeat; background-position:right top;}
 .tablaproyectos tr{border-bottom:20px solid #FFF;}
td.imgproyecto{padding:9px; border-right:1px solid #dcd8d8; width:19%}
td.imgproyecto img{float:left; width:100%; height:auto;}
.titleproyecto{vertical-align:middle; text-align:center; color:#FFF; background-color:#3d4c5f; text-align:center; font-weight:bold; padding:0px 10px; font-size:17px; border-right:1px solid #FFF; max-width:260px;}
.datosproyecto{padding:15px; font-size:15px; font-weight:bold; text-align:left; vertical-align:top; border-right:1px solid #dcd9d9; color:#484a4b;}
.datosproyecto p{margin:5px 0px 4px; float:left; width:100%;}
.descproyecto{font-weight:100px; font-size:17px; padding:20px; border-left:1px solid #FFF; vertical-align:top;}
.proyectospagination{float:left; clear:left; width:100%; text-align:right;font-family: 'mistergiabold'; font-size:27px; margin-top:20px;color:#d1d4d7; }
.proyectospagination a, .proyectospagination span{padding:0px 7px;}
.proyectospagination a{color:#3d4c5f; text-decoration:none;}
footer{float:left; width:100%; clear:left;background-image: url(../images/bg_left.png), url(../images/bg_right.png);
background-position: left 0px, right 0px;
background-repeat: no-repeat;margin-top:25px; text-align:center;}
footer>div{width:100%; border-top:10px solid #d7e2ee; float:left; margin-top:93px; padding-top:52px; padding-bottom:30px; color:#000000; font-size:12px;}
article a.mail{font-weight:bold; font-size:19px;}
.contactoleft{margin:0px 548px 0px 0px;}
.contactoright{float:right;width:510px;}
.contactoleft, .contactoright p{font-weight:bold;}
.contactoright p a{color:#686c6f;}
.contacto_col{float:left; width:50%;}
#map-centrales, #map-ecuador{width:610px;height:444px; margin-bottom:40px; float:left; max-width:95%;}
form label{float:left; font-size:19px;width:100px;clear:left; line-height:37px; font-weight:normal;}
form div{margin-left:100px;}
form div input{float:left; width:100%; border:none;background-color:#cecece; height:37px; line-height:37px; font-size:18px; color:#686c6f;box-sizing:border-box; padding:0px 5px; margin-bottom:20px;font-family: 'swis721_cn_btroman';}
form div textarea{float:left; width:100%; border:none;background-color:#cecece; height:244px;  font-size:18px; color:#686c6f;box-sizing:border-box; padding:10px 5px; margin-bottom:20px; border-bottom:6px solid #c3c3c3;font-family: 'swis721_cn_btroman';}
.boton{color:#FFF;font-family: 'mistergiaccoregular'; font-style:italic; font-size:24px; background-color:#484a4b; border:none; width:95px; line-height:37px; height:37px; text-align:center;float:left; margin-left:100px; clear:left;}
.botonruta{float:none; font-size:14px; height:22px; line-height:22px; width:auto; margin-left:10px; margin-top:5px;}
.campo{float:left; border:1px solid #CCC; font-size:16px; width:210px; margin-left:-30px;margin-top:5px;}
 .paneles {
        height: auto;
        float: left;
        width: 100%;
        overflow: hidden;
      }
p + form{margin-top:-20px; float:left;}
@media (max-width :1280px) {
	header .idioma{right:10px;}
	article{padding-left:20px; padding-right:20px;}
}
@media (max-width :1100px) {
	header div.contacto{margin-left:10px;}
	header h1{margin-left:15px;}

}
@media (max-width :980px) {
	header div.contacto{margin-left:0px;}
	header h1{margin-left:15px;}
	header div.contacto>div{padding:20px 10px 0;}

}