@font-face {
    font-family: 'centrale_sans_regularregular';
    src: url('../fonts/centrale_sans_regular-webfont.woff2') format('woff2'),
         url('../fonts/centrale_sans_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'centrale_sans_lightlight';
    src: url('../fonts/centrale_sans_light-webfont.woff2') format('woff2'),
         url('../fonts/centrale_sans_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/* Generales */
body{font-family: 'centrale_sans_regularregular'; font-size: 20px;}
h2{font-family: 'centrale_sans_lightlight'; font-size: 20px; background-image: url(../img/fondotitulos.jpg); background-size: cover; background-position: top left; padding: 15px 30px; margin-top: 0;}
h3{font-family: 'centrale_sans_regularregular';}
a:focus{outline:0px;}
/* header */
#header{background-image: url(../img/headerfondo.jpg); background-size: cover; background-position: center bottom; background-repeat: no-repeat;}
#header .contenido{padding: 10% 0;}
/* Maintop */
#maintop{background-image: url(../img/fondo_maintop.jpg); background-size: cover; background-position: top left; background-repeat: no-repeat;}
#maintop img{display: inline-block; width: 25%; margin-right: 20%}
#maintop p{display: inline-block; width: 50%; padding-right: 4%; vertical-align: middle; box-sizing: border-box;}
/* Menu */
#menu{background-image: url(../img/menufondo.jpg); background-size: cover; background-position: top center; background-repeat: no-repeat; color: #FFF;}
.menu li{width: 19%; position: relative; margin-top: 80px;}
.menu li .logo_cuerpo{position: absolute; width: 30%; left: 50%; margin-left: -15%; top: -50px; z-index: 2;}
.menu li .cuerpo{width: 70%;}
.descargar_cartilla{background: red; float: right; margin: 0 5% 20px 0; padding: 10px; color: #FFF;}
.descargar_cartilla:hover{background: yellow; text-decoration: none;}
/* Galerias de fotos */
/*.galeria_fotos{float: left; margin: 0; padding: 0; border-top: 5px solid #F7DC00; border-bottom: 5px solid #F7DC00;}
.galeria_fotos li{float: left; width: 20%; list-style-type: none;}*/
.galeria_fotos a{display: block; float: left; width: 20%;border-top: 5px solid #F7DC00; border-bottom: 5px solid #F7DC00; position: relative;}
.galeria_fotos a .imgp{width: 100%;}
.galeria_fotos a:hover .imgp{-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.galeria_fotos a:hover .imgOver{display: block;}
.imgOver{display: none; position: absolute; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px;}
/* Footer */
.logos_footer li{vertical-align: middle;}
.logos_footer .w40p{width: 40%;}
.logos_footer .w28p{width: 28%;}
/* Proyectos */
#proyecto1{background-image: url(../img/proyecto1/fondo_bichopolis.jpg); background-size: cover; background-position: top center; background-repeat: no-repeat; color: #FFF;}
#proyecto2{background-image: url(../img/proyecto2/fondo_campocolombia.jpg); background-size: cover; background-position: top center; background-repeat: no-repeat; color: #FFF;}
#proyecto3{background-image: url(../img/proyecto3/sena_fondo.jpg); background-size: cover; background-position: top center; background-repeat: no-repeat; color: #FFF;}
#proyecto4{background-image: url(../img/proyecto4/funcahum_fondo.jpg); background-size: cover; background-position: top center; background-repeat: no-repeat; color: #FFF;}
#proyecto5{background-image: url(../img/proyecto5/santafe_fondo.jpg); background-size: cover; background-position: top center; background-repeat: no-repeat; color: #FFF;}
.contenido_proyecto_right{padding: 25px 0 25px 50px;box-sizing: border-box;}
.contenido_proyecto_left{padding: 25px 50px 25px 0;box-sizing: border-box;}
#footer{background-image: url(../img/footerfondo.jpg); background-size: cover; background-position: top center; background-repeat: no-repeat;}
/* Legal */
#legal{margin: 15px 0;}
#legal p{margin: 0; color: #073a69; font-size: 15px;}
/* Especiales */
.pr0{padding-right: 0;}
.pl0{padding-left: 0;}
.mt20{margin-top: 20px;}
.mt50{margin-top: 50px;}
/* Media queris */
@media only screen and (max-width: 1100px){
    body{font-size: 17px;}
    h2{font-size: 16px;}
    .logo_principal{width: 70%;}
    .menu li .cuerpo {width: 80%;}
}

@media only screen and (max-width: 950px){
    body{font-size: 15px;}
    h2{font-size: 14px;}
    .menu li .logo_cuerpo{top: -30px;}
}

@media only screen and (max-width: 830px){
    #maintop{background-size: cover; background-position: top left;}
}

@media only screen and (max-width: 768px){
    #maintop{background-image: none;}
    #maintop img{display: block; width: 40%; margin: 0 30%}
    #maintop p{display: block; width: 90%; margin: 0 5% 3% 5%;}
    .contenido_proyecto_left, .contenido_proyecto_right{padding: 15px;}
    .menu li{width: 29%;}
    #proyecto1{background-image: url(../img/proyecto1/fondo_bichopolis_movil.jpg);}
    #proyecto2{background-image: url(../img/proyecto2/fondo_campocolombia_movil.jpg);}
    #proyecto3{background-image: url(../img/proyecto3/sena_fondo_movil.jpg);}
    #proyecto4{background-image: url(../img/proyecto4/funcahum_fondo_movil.jpg);}
    #proyecto5{background-image: url(../img/proyecto5/santafe_fondo_movil.jpg);}
}