html { font-size: 14px; }
body { font-style: normal; font-weight: 300; font-family: Verdana, Geneva, sans-serif; }
/* global */
.only-movil { display: block; }
.only-pc { display: none; }
.amarillo { color: rgb(249,213,0); }
@media only screen and (min-width:528px){
.only-movil { display: none; }
.only-pc { display: block; }
}
/* objects */
#contenido h1 p {
text-align: left;
line-height: 1.3;
}
a.vermas-tipo-a { text-decoration: none; color: rgb(60,60,59); background-color: white; text-transform: uppercase; font-weight: 600; padding: 7px; display: inherit; }
a.vermas-tipo-a::after { content: " "; display: inline-block; vertical-align: top; width: 10px; height: 13px; margin-left: 15px; margin-top: 2px; background-image: url('img/iconos-sprite.png'); }
a.vermas-tipo-b { color: rgb(249,213,0); }
a.vermas-tipo-b::after { content: " "; display: inline-block; vertical-align: middle; width: 31px; height: 15px; margin-left: 94px; background-image: url('img/iconos-sprite.png'); background-position: 0px -16px; }
a.vermas-tipo-c { /*color: rgb(249,213,0);*/ color: rgb(110,110,110); display: block; margin-bottom: 20px; line-height: 1.4rem; text-align: right; }
a.vermas-tipo-d { color: rgb(60,60,59); }
a.pdf_btn { color: rgb(60,60,59); }
a.pdf_btn::before{ content: ' '; margin-right: 5px; background-image: url('img/pdf.png'); display: inline-block; vertical-align: middle; width: 20px; height: 26px; }
@media only screen and (min-width:1024px){
a.vermas-tipo-a { font-size: 0.9rem; }
a.vermas-tipo-c { margin-bottom: 0px; }
}
/* top */
#top { text-align: right; background-color: rgb(60,60,59); }
#menu-top { padding-top: 0.5rem; padding-bottom: 0.5rem; display: inline-block; }
#menu-top ul li { display: inline-block; }
#menu-top ul li a { color: rgba(255,255,255,1); text-decoration: none; text-transform: uppercase; font-size: 0.7857rem; display: block; padding-right: 1rem; }
#menu-top ul li a:hover { color: rgba(255,255,255,0.7); }
#lenguaje { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; }
#lenguaje ul li { display: inline-block; }
#lenguaje ul li a { color: rgba(255,255,255,1); text-decoration: none; text-transform: uppercase; font-size: 0.7857rem; display: block; padding-left: 1rem; padding-right: 1rem; }
#lenguaje ul li a:hover { color: rgba(255,255,255,0.7); }
@media only screen and (min-width:480px){
#menu-top ul li a { padding-left: 1rem; }
}
@media only screen and (min-width:528px){
#menu-top ul { border-right-style: solid; border-right-width: 1px; border-right-color: white; }
}
/* Header */
#main-header #logo a { display: block; text-align: center; }
#main-header #logo img { width: 50%; padding-top: 1rem; padding-bottom: 2rem; }
#main-header .w-menu-redes { text-align: center; }
#main-header #menu ul { list-style: none; }
#main-header #menu ul li { text-align: center; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgb(245,245,245); }
#main-header #menu ul li a { font-weight: 600; font-size: 1rem; color: rgb(60,60,59); text-decoration: none; text-transform: uppercase; padding: 15px; display: block; }
#main-header #menu ul li:hover a, #main-header #menu ul li a.active { color: rgb(249, 213, 0); }
@media only screen and (min-width:920px){
#main-header #menu ul li a { font-size: 0.8rem; }
}
@media only screen and (min-width:1200px){
#main-header #menu ul li a { font-size: 1rem; }
}
#main-header #redes { display: none; vertical-align: middle; padding: 1.429rem; }
ul.redes-icon { display: table-row; }
ul.redes-icon li { display: table-cell; vertical-align: middle; padding-left: 0.3571rem; }
ul.redes-icon li a { background-image: url('img/social_bt.png'); }
ul.redes-icon li.fb a { background-position: 0px 0px; }
ul.redes-icon li.ytb a { background-position: -26px 0px; }
ul.redes-icon li.link a { background-position: -52px 0px; }
ul.redes-icon li:hover.fb a { background-position: 0px -26px; }
ul.redes-icon li:hover.ytb a { background-position: -26px -26px; }
ul.redes-icon li:hover.link a { background-position: -52px -26px; }
ul.redes-icon li a { display: table-cell; vertical-align: middle; text-decoration: none; border-radius: 50%; }
ul.redes-icon li a:hover { }
ul.redes-icon li a i { height: 26px; width: 26px; display: block; }
/*
#menu-movil .btns .redes-btns ul { list-style: none; }
#menu-movil .btns .redes-btns ul li { background-image: url('img/social_bt.png'); display: inline-block; vertical-align: top; padding-left: 0.3571rem; border-radius: 50%; margin-left: 0.6rem; height: 26px; width: 26px; position: relative; }
#menu-movil .btns .redes-btns ul li a { text-decoration: none; text-decoration: none; display: block; }
#menu-movil .btns .redes-btns ul li:hover { }
#menu-movil .btns .redes-btns ul li:hover a i:before { }
#menu-movil .btns .redes-btns ul li a i { position: absolute; height: 26px; width: 26px; display: block; }
#menu-movil .btns .redes-btns ul li a i::before { font-size: 1rem; color: rgb(60,60,59); }
*/
@media only screen and (min-width:480px){
#main-header #logo img { width: 30%; }
}
@media only screen and (min-width:920px){
/* Hedader */
#main-header .wrapper { padding: 1rem 1rem 2rem 1rem; }
#main-header .w-logo { width: 20%; display: inline-block; vertical-align: top; }
#main-header .w-logo #logo { display: table-cell; vertical-align: middle; }
#main-header .w-logo #logo img { width: 100%; padding: 0rem; }
#main-header .w-menu-redes { width: 80%; display: inline-block; text-align: right; padding: 1rem 0rem 0rem 0rem; }
#main-header #menu { display: inline-block; vertical-align: middle; padding-top: 0rem; }
#main-header nav#menu ul li { display: inline-block; border: none; }
#main-header nav#menu ul li a { padding: 1.071rem; }
#main-header #redes { padding: 0rem 0rem 0rem 0rem; display: inline-block; }
}
@media only screen and (min-width:1024px){
#main-header .w-logo { width: 25%; }
#main-header .w-menu-redes { width: 75%; padding: 2.3rem 0rem 0rem 0rem; }
}
@media only screen and (min-width:1200px){
#main-header #redes { padding: 0rem 0rem 0rem 3.571rem; }
}
/* Banner */
#banner { padding-bottom: 1rem; }
#banner .bx-wrapper .bx-viewport { border:none; left: 0px; }
#banner .caption1{ width: 100%; position:absolute; bottom:0px; left:0px; z-index:10; display: none; /* OJO #001 display none parche temporal, pq no quieren caption como html */ }
#banner .caption1 .wrapper .area { width: 100%; padding: 1rem; background: none repeat scroll 0% 0% rgba(80, 80, 80, 0.4); background-color: rgba(80, 80, 80, 0.4); background-attachment: scroll; background-position: 0% 0%; background-clip: border-box; background-origin: padding-box; background-size: auto auto; }
#banner .caption1 .wrapper .area p { color: white; font-family: 'gotham_boldregular'; text-transform: uppercase; }
#banner .bx-wrapper .bx-controls { display: none; } /* OJO #001 display none parche temporal, pq no quieren caption como html */
@media only screen and (min-width:1200px){
#banner .caption1 { top: 4rem; display: none; /* OJO #001 display none parche temporal, pq no quieren caption como html */ }
#banner .caption1 .wrapper .area { width: 41%; padding: 2rem 3em 2rem 3rem;; ms-transform: skew(29deg); -webkit-transform: skew(29deg); -moz-transform: skew(29deg); -o-transform: skew(29deg); background-image: url('img/fondo_bg.jpg'); background-repeat: repeat; }
#banner .caption1 .wrapper .area p { ms-transform: skew(-29deg); -webkit-transform: skew(-29deg); -moz-transform: skew(-29deg); -o-transform: skew(-29deg); padding: 0.5rem; /*font-size: 2.429rem;*/ font-size: 2rem; }
#banner .btns { color: white; ms-transform: skew(-29deg); -webkit-transform: skew(-29deg); -moz-transform: skew(-29deg); -o-transform: skew(-29deg); text-align: right; }
#banner .btns .slider-next { background: url(../bxslider/images/controls.png) no-repeat -24px -6px; width: 23px; height: 23px; cursor: pointer; display: inline-block; }
#banner .btns .slider-prev { background: url(../bxslider/images/controls.png) no-repeat -4px -6px; width: 23px; height: 23px; cursor: pointer; display: inline-block; }
#banner .btns .slider-next:hover { background-position: -24px -42px; }
#banner .btns .slider-prev:hover { background-position: -4px -42px; }
#banner .bx-wrapper .bx-controls { display: none; }
}
@media only screen and (min-width:1600px){
#banner .caption1 { top: 7rem; }
}
/* Menú footer */
#menu-footer { background-color: rgb(60,60,59); color: white; margin-top: 2.857rem; padding-top: 2.143rem; padding-bottom: 2.143rem; }
#menu-footer a { color: white; text-decoration: none; display: block; }
#menu-footer ul { list-style: none; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: white; padding-left: 0.7143rem; padding-right: 0.7143rem; padding-bottom: 1rem; margin-bottom: 1.429rem; text-align: center; }
#menu-footer ul.menu-footer li:first-child { text-transform: uppercase; padding-top: 0.3571rem; padding-bottom: 1.071rem; }
#menu-footer ul li { font-size: 0.9286rem; padding-top: 0.1429rem; padding-bottom: 0.1429rem; }
@media only screen and (min-width:600px){
/* Menú footer */
#menu-footer ul { border-left-style: solid; border-left-width: 1px; border-left-color: white; border-bottom: none; text-align: left; padding-bottom: 0rem; }
#menu-footer .bloque { width: 25%; display: inline-block; vertical-align: top; }
}
/* Footer */
footer { padding: 0.7143rem 0rem 0.7143rem 0rem; background-color: rgb(249,213,0); text-align: center; }
footer p { color: rgb(60,60,59); font-family: 'gotham_mediumregular', sans-serif; font-size: 0.8571rem; text-transform: uppercase; }
footer a { color: rgb(60,60,59); text-decoration: none; }
@media only screen and (min-width:480px){
footer { text-align: left; }
}
/* Menu Móvil */
#menu-movil { display: block; }
#menu-movil .btns { display: block; padding: 0.2rem 1rem 1rem 1rem; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgb(245,245,245); }
#menu-movil .btns .menu-show-btn { display: inline-block; vertical-align: middle; width: 30%; text-align: left; }
#menu-movil .btns .menu-show-btn a { text-decoration: none; color: rgb(0,0,0); }
#menu-movil .btns .menu-show-btn a .icon-menu3 { font-size: 1.429rem; }
#menu-movil .btns .redes-btns { display: inline-block; vertical-align: middle; width: 70%; text-align: right; }
#menu-movil .btns .redes-btns ul { list-style: none; }
#menu-movil .btns .redes-btns ul li { background-image: url('img/social_bt.png'); display: inline-block; vertical-align: top; padding-left: 0.3571rem; border-radius: 50%; margin-left: 0.6rem; height: 26px; width: 26px; position: relative; }
#menu-movil .btns .redes-btns ul li.fb { background-position: 0px 0px; }
#menu-movil .btns .redes-btns ul li.ytb { background-position: -26px 0px; }
#menu-movil .btns .redes-btns ul li.link { background-position: -52px 0px; }
#menu-movil .btns .redes-btns ul li:hover.fb { background-position: 0px -26px; }
#menu-movil .btns .redes-btns ul li:hover.ytb { background-position: -26px -26px; }
#menu-movil .btns .redes-btns ul li:hover.link { background-position: -52px -26px; }
#menu-movil .btns .redes-btns ul li a { text-decoration: none; text-decoration: none; display: block; }
#menu-movil .btns .redes-btns ul li:hover { }
#menu-movil .btns .redes-btns ul li:hover a i:before { }
#menu-movil .btns .redes-btns ul li a i { position: absolute; height: 26px; width: 26px; display: block; }
#menu-movil .btns .redes-btns ul li a i::before { font-size: 1rem; color: rgb(60,60,59); }
#menu-movil ul.menu { list-style: none; }
#menu-movil ul.menu li a { font-weight: 600; font-size: 1rem; color: rgb(60,60,59); text-decoration: none; text-transform: uppercase; padding: 1.071rem; display: block; text-align: center; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgb(245,245,245); }
#menu-movil ul.menu li a.active { color: rgb(249,213,0); }
#menu-movil ul.menu li ul { background-color: rgb(240,240,240); display: none; } /* display none: ocultar los hijos; */
#menu-movil ul.menu li ul li a { font-size: 0.8rem; }
#menu-movil ul.menu li ul li a.active { color: rgb(249,213,0); }
#menu-movil ul.menu li ul li ul { background-color: rgb(245,245,245); }
#menu-movil ul.menu li ul li ul li a { font-size: 0.7rem; }
#menu-movil ul.menu li ul.open { display: block !important; }
@media only screen and (min-width:920px){
#menu-movil { display: none; }
}
/* Menu PC */
#menu { display: none; }
@media only screen and (min-width:920px){
#menu { display: inline-block; }
}
/* Secciones, Bloques, Columnas */
/* Main Content */
#main-content{ }
#main-content #zona-lateral-1 { display: none; }
#main-content #contenido { }
#main-content #zona-lateral-2 { padding: 1rem; }
@media only screen and (min-width:480px){
/* 1 columna - 2 filas : contenido + lateral 2 */
#main-content #zona-lateral-1 { }
#main-content #contenido { }
#main-content #zona-lateral-2 { width: 50%; }
}
@media only screen and (min-width:768px){
/* 2 columnas: contenido + lateral 2; */
#main-content #zona-lateral-1 { }
#main-content #contenido { width: 70%; padding: 1rem; display: inline-block; vertical-align: top; }
#main-content #zona-lateral-2 { width: 30%; display: inline-block; vertical-align: top; padding: 0rem 1rem 1rem 1rem; }
}
@media only screen and (min-width:920px){
/* Apretado:
fila1: lateral1 + contenido
fila2: lateral 2;;
*/
#main-content #zona-lateral-1 { width: 30%; display: inline-block; vertical-align: top; padding-right: 1rem; }
#main-content #contenido { width: 70%; }
#main-content #zona-lateral-2 { }
}
@media only screen and (min-width:1024px){
/* Apretado: lateral1 + contenido + lateral 2; */
#main-content #zona-lateral-1 { width: 25%; }
#main-content #contenido { width: 55%; }
#main-content #zona-lateral-2 { width: 20%; }
}
@media only screen and (min-width:1200px){
/* Full: lateral1 + contenido + lateral 2; */
#main-content #zona-lateral-1 { width: 25%; padding-right: 2.5rem; }
#main-content #contenido { width: 50%; }
#main-content #zona-lateral-2 { width: 25%; }
}
/* Proyectos Content */
#contenido-proyecto { padding: 1rem; }
@media only screen and (min-width:480px){
}
@media only screen and (min-width:768px){
#contenido-proyecto { }
}
@media only screen and (min-width:920px){
#contenido-proyecto { width: 70%; display: inline-block; vertical-align: top; }
}
@media only screen and (min-width:1024px){
#contenido-proyecto { width: 75%; display: inline-block; vertical-align: top; }
}
@media only screen and (min-width:1200px){
}
/* Contenido */
#contenido { padding: 1rem 1rem 1rem 1rem; }
#contenido h1 { font-weight:600; font-size: 1.4rem; color: rgb(60,60,59); text-transform: uppercase; margin: 0px; padding: 0px 0px 18px 0px; }
#contenido h1.amarillo { color: rgb(249,213,0); }
#contenido h2 { font-weight:600; font-size:1.4rem; color: rgb(60,60,59); text-transform: uppercase; margin: 0px; padding: 0px 0px 20px 0px; }
#contenido h2::after { content: " "; display: inline-block; vertical-align: middle; width: 31px; height: 15px; margin-left: 25px; background-image: url('img/iconos-sprite.png'); background-position: 0px -16px; }
#contenido h3 { font-weight: 600; font-size: 1.2rem; color: rgb(60,60,59); text-transform: uppercase; margin: 0px; padding: 0px 0px 18px 0px; }
#contenido h3::before { content: " "; display: inline-block; vertical-align: middle; width: 10px; height: 13px; margin-right: 15px; background-image: url('img/iconos-sprite.png'); }
#contenido p { padding-bottom: 1rem; text-align: justify; color: rgb(60,60,59); line-height: 1.4rem; }
#contenido strong { font-weight: 600; }
#contenido ul li { padding-bottom: 20px; margin-left: 20px; text-align: justify; line-height: 1.4rem; color: rgb(60,60,59); }
#contenido .share-wrapper ul li { list-style: none; display: inline-block;vertical-align: middle; padding: 0px; margin-left: 0px; margin-right: 20px; }
#contenido .wrapper-files { padding-top: 1rem; padding-bottom: 2rem; }
@media only screen and (min-width:600px){
#contenido h2 { font-size: 2.857rem; }
#contenido h1 { font-size: 2rem;}
}
@media only screen and (min-width:920px){
#contenido { padding: 0rem; }
}
/* lista */
#contenido ul.lista-a { padding-bottom: 15px; }
#contenido ul.lista-a li { padding-bottom: 10px; }
/* Home */
#home-nosotros { padding: 1rem; }
#home-nosotros h2 { margin: 0rem; padding: 0rem 0rem 1.25rem 0rem; font-weight: 600; font-size: 2.5rem; color: rgb(60,60,59); text-transform: uppercase; }
#home-nosotros h2::after { content: " "; display: inline-block; vertical-align: middle; width: 31px; height: 14px; margin-left: 2rem; background-image: url('img/iconos-sprite.png'); background-position: 0px -65px; }
#home-nosotros p { text-align: justify; color: rgb(60,60,59); font-size: 1rem; line-height: 1.4rem; }
#home-nosotros img { width: 100%; }
#home-nosotros .col1 { padding-bottom: 1rem; }
#home-nosotros .col2 { padding-bottom: 1rem; }
#home-nosotros .col3 { padding-bottom: 1rem; }
@media only screen and (min-width:480px){
#home-nosotros img { max-width: 245px; vertical-align: top; }
#home-nosotros .col1 { display: none; }
#home-nosotros .col2 { width: 60%; display: inline-block; vertical-align: top; }
#home-nosotros .col3 { width: 40%; display: inline-block; vertical-align: top; padding-left: 2rem; }
}
@media only screen and (min-width:768px){
#home-nosotros { padding-bottom: 1.5rem; padding-top: 1.5rem; }
#home-nosotros img { width: 100%; max-width: none; }
#home-nosotros .col1 { width: 20%; display: inline-block; vertical-align: top; padding-right: 0rem; padding-bottom: 0rem; }
#home-nosotros .col2 { width: 40%; display: inline-block; vertical-align: top; padding-left: 2.3rem; padding-right: 2.3rem; padding-bottom: 0rem; }
#home-nosotros .col3 { width: 40%; display: inline-block; vertical-align: top; padding-left: 0rem; padding-right: 0em; padding-bottom: 0rem; }
}
#home-proyectos { background-image: url('img/home-proyectos-bg.png'); background-repeat: repeat; background-color: rgb(249,213,0); padding-bottom: 1.875rem; padding-top: 1.875rem; padding-left: 1rem; padding-right: 1rem; }
#home-proyectos h2 { margin: 0rem; padding: 0rem 0rem 1.25rem 0rem; font-weight: 600; font-size: 2.2rem; line-height: 2.5rem; color: rgb(60,60,59); text-transform: uppercase; word-wrap: break-word; }
#home-proyectos h2::after { content: " "; display: inline-block; vertical-align: baseline; width: 31px; height: 14px; margin-left: 20px; background-image: url('img/iconos-sprite.png'); background-position: 0px -65px; }
#home-proyectos p { font-size: 1rem; line-height: 1.4rem; color: rgb(60,60,59); text-align: justify; padding-bottom: 0.9375rem; }
#home-proyectos h3 { height: 3rem;; margin: 0px; padding: 0rem 0rem 0.9375rem 0rem; text-transform: uppercase; font-size: 1.143rem; color: rgb(60,60,59); }
#home-proyectos img { vertical-align: top; width: 100%; }
#home-proyectos .col1 { padding-bottom: 1rem; }
#home-proyectos .col2 { text-align: center; }
#home-proyectos .col2 ul { list-style: none; }
#home-proyectos .col2 ul li { text-align: left; padding-bottom: 1rem; }
#home-proyectos .col2 ul li .wrapper-proy { background-color: white; word-wrap: break-word; overflow: hidden; }
#home-proyectos .col2 ul li .wrapper-data { padding: 1.286rem; position: relative; }
#home-proyectos .col2 ul li .wrapper-data p { text-align: left; }
#home-proyectos .col2 ul li .wrapper-data a.vermas-tipo-b::after { position: absolute; right: 0px; margin-right: 1.286rem; }
@media only screen and (min-width:480px){
#home-nosotros h2 { font-size: 2rem; }
#home-proyectos h2 { font-size: 2rem; }
#home-proyectos h3 { font-size: 0.8rem; }
#home-proyectos ul li { width: 50%; display: inline-block; vertical-align: top; padding: 0.5rem; }
#home-proyectos .col2 .wrapper-proy p { font-size: 0.8rem; min-height: 10rem; }
}
@media only screen and (min-width:600px){
}
@media only screen and (min-width:768px){
#home-proyectos ul li { width: 25%; display: inline-block; vertical-align: top; padding: 0.5rem; }
#home-proyectos .col2 .wrapper-proy p { min-height: 13rem; }
#home-nosotros p { font-size: 0.9rem; }
#home-proyectos p { font-size: 0.9rem;}
}
@media only screen and (min-width:800px){
}
@media only screen and (min-width:920px){
#home-proyectos { }
#home-proyectos .col2 ul li { width: 25%; display: inline-block; vertical-align: top; }
#home-proyectos .col2 ul li { padding-right: 0.625rem; padding-bottom: 0rem; }
}
@media only screen and (min-width:1024px){
#home-proyectos h2 { font-size: 1.5rem; }
#home-proyectos h2::after { }
#home-proyectos .col1 { width: 20.4%; display: inline-block; vertical-align: top; padding-left: 0rem; padding-right: 0rem; padding-bottom: 0rem; }
#home-proyectos .col2 { width: 79.6%; display: inline-block; vertical-align: top; padding-left: 2.3rem; padding-bottom: 0rem; }
#home-main h2 { font-size: 1rem; }
}
@media only screen and (min-width:1200px){
#home-proyectos h3 { font-size: 1.143rem; }
#home-proyectos .col2 .wrapper-proy p { font-size: 1rem; min-height: 11rem; }
}
#home-main { padding-left: 1rem; padding-right: 1rem; padding-top: 2.857rem; padding-bottom: 1.429rem; }
#home-main h2 { margin: 0rem 0rem 1.429rem 0rem; padding: 0rem; text-transform: uppercase; color: rgb(60,60,59); font-weight: 600; font-size: 1.429rem; }
#home-main h2::after { content: " "; display: inline-block; vertical-align: middle; width: 31px; height: 15px; margin-left: 1.429rem; background-image: url('img/iconos-sprite.png'); background-position: 0px -16px; }
#home-main h3 { display: inline-block; vertical-align: middle; margin: 0rem; padding: 0rem 0rem 1.071rem 0rem; color: rgb(60,60,59); text-transform: uppercase; font-size: 0.9286rem; }
#home-main i.fecha { display:inline-block; vertical-align: top; color: rgb(177,177,177); font-size: 0.7857rem; text-transform: uppercase; }
#home-main i.fecha::before { content: "//"; display: inline-block; vertical-align: top; margin-left: 0.1429rem; margin-right: 0.3571rem; }
#home-main p { color: rgb(60,60,59); padding-bottom: 1.071rem; line-height: 1.4rem; }
#home-main ul { list-style: none; }
#home-main ul li { background-color: rgb(245,245,245); padding: 1.071rem; margin-bottom: 1.071rem; }
#home-main .noticias .wrapper-img { }
#home-main .noticias .wrapper-img img { width: 100%; }
#home-main .noticias .wrapper-data { }
#home-main .col1 { }
#home-main .col2 { display: none; }
@media only screen and (min-width:480px){
#home-main .noticias .wrapper-img { display: inline-block; vertical-align: top; width: 30%; }
#home-main .noticias .wrapper-data { display: inline-block; vertical-align: top; width: 70%; padding-left: 1rem; }
}
@media only screen and (min-width:768px){
#home-main .col1 { }
#home-main .col2 { }
}
@media only screen and (min-width:920px){
#home-main { }
#home-main .noticias .wrapper-img { width: 30%; }
#home-main .noticias .wrapper-img { height: 11rem; overflow: hidden; }
#home-main .noticias .wrapper-data { width: 70%; padding: 5px 0px 5px 15px; }
#home-main #bloque-youtube{ /*padding-bottom: 20px;*/ }
#home-main .col1 { display: inline-block; vertical-align: top; width: 68.33%; }
#home-main .col2 { display: inline-block; vertical-align: top; width: 31.67%; padding-left: 40px; }
}
@media only screen and (min-width:1024px){
#home-main { padding-left: 1rem; padding-right: 1rem; }
#home-main h2 { font-size: 1rem; }
#home-main p { font-size: 0.9rem; }
}
@media only screen and (min-width:1200px){
#home-main h2 { font-size: 1.429rem; }
#home-main p { font-size: 1rem; }
}
#home-certificados { text-align: center; }
/*#home-certificados img { width: 100%; max-width: 200px; }*/
#home-certificados ul { }
#home-certificados ul li { padding: 1rem; }
@media only screen and (min-width:480px){
#home-certificados ul li { display: inline-block; vertical-align: middle; width: 25%; padding: 1rem; }
/*#home-certificados img { width: 100%; }*/
}
@media only screen and (min-width:920px){
#home-certificados { }
#home-certificados ul { list-style: none; text-align: center; border-style: solid; border-width: 1px; border-color: rgb(245,245,245); padding: 12px; }
}
#bloque-fb { }
#bloque-fb .row img { width: 100%; }
#bloque-fb .row .time { color: rgb(177,177,177); font-size: 0.7857rem; text-transform: uppercase; }
#bloque-fb .row .mensaje { font-size: 0.9rem; line-height: 1.4rem; color: rgb(60,60,59); text-align: justify; padding-bottom: 0.9375rem; }
#bloque-fb .row .mensaje a { color: rgb(110,110,110); display: block; margin-bottom: 20px; line-height: 1.4rem; text-align: right; }
#fb-feed-wrapper { padding: 1.071rem 1.071rem 0 1.071rem; background-color: rgb(245,245,245) }
#bloque-fb h2 a { text-decoration: none; text-transform: uppercase; color: rgb(60,60,59); font-weight: 600; }
/* MENU LATERAL */
#menu-lateral { display: block; }
#menu-lateral > ul { list-style: none; border-right-color: rgb(220,220,220); border-right-style: solid; border-right-width: 1px; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(220,220,220); padding-bottom: 200px; }
#menu-lateral ul li a { color: rgb(110,110,110); text-align: right; display: block; text-decoration: none; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgb(220,220,220); padding-top: 7px; padding-bottom: 7px; padding-right: 20px; font-size: 0.85rem; }
#menu-lateral ul li a.active, #menu-lateral ul li a:hover { font-weight: 600; }
#menu-lateral > ul > li > a { /*font-weight: 600;*/ font-size: 1rem; color: rgb(60,60,59); padding-top: 10px; padding-bottom: 10px; position: relative; overflow: hidden; }
#menu-lateral > ul ul { list-style: none; }
#menu-lateral > ul > li > a.active:before, #menu-lateral > ul > li > a:hover:before { content: " "; display: inline-block; vertical-align: middle; width: 10px; height: 13px; margin-right: 15px; background-image: url('img/iconos-sprite.png'); }
#menu-lateral > ul > li > a.active:after, #menu-lateral > ul > li > a:hover:after { content: " "; position: absolute; display: block; width: 100%; height: 100%; top: 0; z-index: -1; left: 23px; background: rgb(249,213,0); transform-origin: bottom left; -ms-transform: skew(32deg, 0deg); -webkit-transform: skew(32deg, 0deg); transform: skew(32deg, 0deg); }
/* Galeria - Internas */
#gal-interna { background-color: white; }
#gal-interna .wrapper-gal { display: inline-block; vertical-align: top; width: 100%; margin: 0 auto; padding: 1rem 0.4rem 1rem 1.3rem; background-color: rgb(245,245,245); position: relative; }
#gal-interna .wrapper-gal figure { margin: 0rem; }
#gal-interna .wrapper-gal .outside { position: absolute; bottom: 1rem; right: 0.7rem; background-color: rgba(249,213,0,0.9); padding: 0.3571rem; min-width: 3.9rem; min-height: 2.6rem; }
#gal-interna .wrapper-gal .outside #slider-prev { margin-right: 7px; width: 12px; }
#gal-interna .wrapper-gal .outside #slider-next { width: 12px; }
#gal-interna.certificaciones .wrapper-gal img { width: 100%; }
#gal-interna.certificaciones .wrapper-gal { padding: 1rem 1rem 1rem 1rem; }
/* Proyectos Lista */
#contenido-proyecto .header-bloque1 .wrapper-titulos { }
@media only screen and (min-width:920px){
#contenido-proyecto .header-bloque1 .wrapper-titulos { display: inline-block; vertical-align: middle; width: 80%; }
}
#contenido-proyecto .header-bloque1 .wrapper-titulos h2 { font-size: 1.4rem; color: rgb(60,60,59); text-transform: uppercase; margin: 0px; padding: 0px 0px 0px 0px; }
#contenido-proyecto .header-bloque1 .wrapper-titulos h2::after { content: " "; display: inline-block; vertical-align: middle; width: 31px; height: 15px; margin-left: 25px; background-image: url('img/iconos-sprite.png'); background-position: 0px -16px; }
#contenido-proyecto .header-bloque1 .wrapper-titulos h3 { }
#contenido-proyecto .header-bloque1 .wrapper-back { text-align: right; padding-top: 2rem; padding-bottom: 2rem; }
@media only screen and (min-width:600px){
#contenido-proyecto .header-bloque1 .wrapper-titulos h2 { font-size: 2.857rem; }
}
@media only screen and (min-width:920px){
#contenido-proyecto .header-bloque1 .wrapper-back { display: inline-block; vertical-align: middle; width: 20%; padding-top: 0rem; padding-bottom: 0rem; }
}
#contenido-proyecto .header-bloque1 .wrapper-back a { color: rgb(60,60,59); text-transform: uppercase; text-decoration: none; font-size: 1.214rem; font-weight: 600; }
#contenido-proyecto .header-bloque1 .wrapper-back a::before { content: " "; display: inline-block; vertical-align: middle; width: 10px; height: 12px; margin-right: 12px; background-image: url('img/iconos-sprite.png'); background-position: 0px -80px; }
#contenido-proyecto .header-bloque1 h2 { display: inline-block; vertical-align: middle; }
#contenido-proyecto .header-bloque2 { padding: 1rem 0rem 1rem 0rem; }
#contenido-proyecto .header-bloque2 h1 { color: rgb(60,60,59); text-transform: uppercase; font-weight: 600; font-size: 2rem; padding: 0rem; margin: 0rem; }
#contenido-proyecto .header-tipo-proyectos { padding-top: 0rem; padding-bottom: 2rem; display: inline-block; width: 100%; }
#contenido-proyecto .header-tipo-proyectos h1 { margin: 0rem; padding: 0rem; font-size: 1.4rem; text-transform: uppercase; }
#contenido-proyecto .header-tipo-proyectos h1.amarillo { color: rgb(249,213,0); }
#contenido-proyecto .header-tipo-proyectos .wrapper-select { float: right; }
ul.lista-proyectos { list-style: none; text-align: center; margin-left: -2rem; }
ul.lista-proyectos li { width: 80%; display: inline-block; vertical-align: top; padding: 0rem 0rem 2rem 2rem; }
ul.lista-proyectos li:nth-child(2n+1) .wrapper-proyecto { background-color: rgb(249,213,0); }
ul.lista-proyectos li:nth-child(2n) .wrapper-proyecto { background-color: rgb(255,237,0); }
ul.lista-proyectos li .wrapper-proyecto .data{ padding: 1.429rem; text-align: left; }
ul.lista-proyectos li .wrapper-proyecto .data h3 { padding: 0rem 0rem 0.5rem 0rem; margin: 0rem; font-weight: 600; font-size: 1rem; line-height: 1.4rem; text-transform: uppercase; color: rgb(60,60,59); word-wrap: break-word; height:6rem; overflow: hidden; }
ul.lista-proyectos li .wrapper-proyecto .data p { color: rgb(60,60,59); font-size: 1rem; line-height: 1rem; height: 2rem; overflow: hidden; margin: 0rem 0rem 1rem 0rem; word-wrap: break-word; }
ul.lista-proyectos img { width: 100%; vertical-align: top; }
@media only screen and (min-width:480px){
ul.lista-proyectos li { width: 50%; }
ul.lista-proyectos li .wrapper-proyecto .data { padding: 1.429rem; height: 12.86rem; }
#contenido-proyecto .header-bloque2 h1 { display: inline-block; vertical-align: middle; }
#contenido-proyecto .header-tipo-proyectos #tipo_proyectos { display: none; }
}
@media only screen and (min-width:768){
}
@media only screen and (min-width:800px){
ul.lista-proyectos li { width: 33.33%; }
}
@media only screen and (min-width:1024px){
ul.lista-proyectos { text-align: left; }
ul.lista-proyectos li { }
}
/* Detalle del Proyecto */
#gal-proyectos { background-color: white; }
#gal-proyectos .wrapper-gal { margin: 0 auto; padding: 0px; background-color: rgb(249,213,0); position: relative; }
#gal-proyectos .wrapper-gal figure { margin: 0rem; }
@media only screen and (min-width:920px){
#gal-proyectos .wrapper-gal { display: inline-block; vertical-align: top; width: 40%; }
}
#gal-proyectos .wrapper-data { background-color: white; padding-left: 1rem; padding-top: 1rem; }
@media only screen and (min-width:920px){
#gal-proyectos .wrapper-data { display: inline-block; vertical-align: top; width: 60%; padding-top: 0rem; }
}
#gal-proyectos .wrapper-data ul { list-style: none; margin: 0rem; padding: 0rem; }
#gal-proyectos .wrapper-data ul li { }
#gal-proyectos .wrapper-data ul li .item { }
#gal-proyectos .wrapper-data ul li .cliente { width: 50%; display: inline-block; vertical-align: top; padding: 0rem 1rem 1rem 0rem; }
#gal-proyectos .wrapper-data ul li .rubro { width: 50%; display: inline-block; vertical-align: top; padding: 0rem 1rem 1rem 0rem; }
#gal-proyectos .wrapper-data ul li .inicio { width: 50%; display: inline-block; vertical-align: top; padding: 0rem 1rem 1rem 0rem; }
#gal-proyectos .wrapper-data ul li .culminacion { width: 50%; display: inline-block; vertical-align: top; }
#gal-proyectos .wrapper-data ul li .ubicacion { display: table; width: 100%; }
#gal-proyectos .wrapper-data ul li .ubicacion .wrapper-item { display: table-row; }
#gal-proyectos .wrapper-data ul li .ubicacion .wrapper-item .label { width: 50%; display: table-cell; vertical-align: top; }
#gal-proyectos .wrapper-data ul li .ubicacion .wrapper-item .valor { width: 50%; display: table-cell; vertical-align: middle; }
#gal-proyectos .wrapper-data ul li .label { text-align: center; background-color: rgb(249,213,0); padding: 0.9rem; }
#gal-proyectos .wrapper-data ul li .label img { display: inline-block; }
#gal-proyectos .wrapper-data ul li .label span { display: inline-block; width: 100%; color: rgb(0,0,0); font-size: 1rem; font-weight: 600; }
#gal-proyectos .wrapper-data ul li .valor { text-align: center; color: rgb(0,0,0); font-size: 0.85rem; background-color: rgb(240,240,240); min-height: 5.429rem; display: flex; align-items: center; justify-content: center; padding: 1rem; }
#contenido-proyecto .descripcion { background-color: rgb(240,240,240); padding: 1rem; margin-top: 1rem; margin-bottom: 1rem; }
#contenido-proyecto .descripcion .label { padding: 1rem; }
#contenido-proyecto .descripcion .label img { display: inline-block; vertical-align: middle; }
#contenido-proyecto .descripcion .label span { display: inline-block; vertical-align: middle; color: rgb(0,0,0); font-size: 2rem; word-break: break-all; }
#contenido-proyecto .descripcion .valor { color: rgb(60,60,59); font-size: 1rem; line-height: 1.2rem; }
@media only screen and (min-width:920px){
#contenido-proyecto .descripcion .label { display: inline-block; width: 35%; vertical-align: middle; text-align: left; margin-bottom: 0rem; }
#contenido-proyecto .descripcion .valor { display: inline-block; width: 65%; vertical-align: middle; }
}
#gal-proyectos .wrapper-gal .outside { position: absolute; bottom: 0.3rem; right: 0.3rem; background-color: rgba(249,213,0,0.9); padding: 0.3571rem; min-width: 3.9rem; min-height: 2.3rem; }
#gal-proyectos .wrapper-gal .outside #slider-prev { margin-right: 7px; width: 12px; }
#gal-proyectos .wrapper-gal .outside #slider-next { width: 12px; }
#gal-proyectos .bx-wrapper .bx-viewport { left: 0px; border: 0.3rem solid rgb(249,213,0); background-color: rgb(249,213,0); }
#gal-proyectos .bx-wrapper img { width: 100%; }
#contenido-proyecto.popup { text-align: justify; margin: 0 auto; padding-top: 2rem; }
@media only screen and (min-width:900px){
#contenido-proyecto.popup { width: 900px; }
}
@media only screen and (min-width:920px){
/* popup */
#gal-proyectos .wrapper-data ul li .cliente { width: 25%; }
#gal-proyectos .wrapper-data ul li .rubro { width: 25%; }
#gal-proyectos .wrapper-data ul li .inicio { width: 25%; }
#gal-proyectos .wrapper-data ul li .culminacion { width: 25%; }
}
/* Publicaciones */
ul.lista-publicaciones { list-style: none; margin-left: -1rem; }
ul.lista-publicaciones li { width: 50%; display: inline-block; vertical-align: top; }
ul.lista-publicaciones li .wrapper-proy { padding: 1rem; }
ul.lista-publicaciones li .wrapper-proy .wrapper-img { }
ul.lista-publicaciones li .wrapper-proy .wrapper-img img { vertical-align: top; width: 100%; }
ul.lista-publicaciones li .wrapper-proy .wrapper-data { background-color: rgb(245,245,245); padding: 1.286rem; }
ul.lista-publicaciones li .wrapper-proy .wrapper-data h3 { margin: 0rem; height: 5.7rem; overflow: hidden; padding: 0px 0px 1.071rem 0px; text-transform: uppercase; font-size: 0.8rem; word-wrap: break-word; color: rgb(60,60,59); }
ul.lista-publicaciones li .wrapper-proy .wrapper-data p.fecha { margin: 0rem; padding-bottom: 1rem; padding-top: 0.5rem; text-transform: uppercase; font-size: 0.7857rem; line-height: 0.7857rem; }
@media only screen and (min-width:480px){
}
@media only screen and (min-width:600px){
.wrapper-proy .wrapper-data h3 { font-size: 1rem; }
ul.lista-publicaciones li { width: 25%; display: inline-block; }
}
/* Galería */
ul.lista-galerias { list-style: none; margin-left: -1rem; padding-bottom: 1.4rem; }
ul.lista-galerias li { width: 50%; display: inline-block; vertical-align: top; padding: 0.5rem; }
ul.lista-galerias li .wrapper-proy { padding: 1rem; }
ul.lista-galerias li .wrapper-proy .wrapper-img { }
ul.lista-galerias li .wrapper-proy .wrapper-img img { vertical-align: top; width: 100%; }
ul.lista-galerias li .wrapper-proy .wrapper-data { background-color: rgb(245,245,245); padding: 1.286rem; }
ul.lista-galerias li .wrapper-proy .wrapper-data h3 { margin: 0rem; height: 5.7rem; overflow: hidden; padding: 0px 0px 1.071rem 0px; text-transform: uppercase; font-size: 1rem; word-wrap: break-word; }
ul.lista-galerias li .wrapper-proy .wrapper-data p.fecha { margin: 0rem; padding-bottom: 1rem; padding-top: 0.5rem; text-transform: uppercase; font-size: 0.7857rem; line-height: 0.7857rem; }
@media only screen and (min-width:480px){
ul.lista-galerias li { width: 33.33%; display: inline-block; }
}
ul.lista-galerias li .my-gallery-item { background-color: rgb(245,245,245); }
ul.lista-galerias li .my-gallery-item .figures { position: relative; }
ul.lista-galerias li .my-gallery-item .figures figure { margin: 0rem; position: absolute; top: 0; left: 0; visibility: hidden; }
ul.lista-galerias li .my-gallery-item .figures figure:first-child{ position: relative; visibility: visible; }
ul.lista-galerias li .my-gallery-item .figures figure a { display: block; }
ul.lista-galerias li .my-gallery-item .figures figure img { width: 100%; vertical-align: top; }
ul.lista-galerias li .my-gallery-item .figures figure figcaption { display: none; }
ul.lista-galerias li .my-gallery-item .area-descr { padding: 1rem; }
ul.lista-galerias li .my-gallery-item .area-descr h3 { margin: 0rem; /*height: 5.7rem;*/ min-height: 10rem; overflow: hidden; padding: 0px 0px 1.071rem 0px; text-transform: uppercase; font-size: 1rem; color: rgb(60,60,59); word-wrap: break-word; }
ul.lista-galerias li .my-gallery-item .area-descr .fecha { margin: 0rem; padding-bottom: 1rem; padding-top: 0.5rem; text-transform: uppercase; font-size: 0.7857rem; line-height: 0.7857rem; }
@media only screen and (min-width: 480px){
ul.lista-galerias li { vertical-align: top; }
}
@media only screen and (min-width:768px){
ul.lista-galerias li .my-gallery-item .area-descr h3 { min-height: 5rem; }
}
/* Noticias */
ul.lista-noticias { list-style: none; }
ul.lista-noticias li { background-color: rgb(245,245,245); margin-bottom: 1rem; padding: 1rem; }
ul.lista-noticias .wrapper-img { width: 100%; display: inline-block; vertical-align: top; padding-bottom: 1rem; }
ul.lista-noticias .wrapper-img img { width: 100%; vertical-align: top; }
ul.lista-noticias .wrapper-data { display: inline-block; vertical-align: top; line-height: 1.4rem; color: rgb(60,60,59); }
ul.lista-noticias .wrapper-data h3 { margin: 0rem; padding: 0px 0px 1.071rem 0px; color: rgb(60,60,59); text-transform: uppercase; font-weight: 600; font-size: 0.9286rem; }
ul.lista-noticias .wrapper-data i.fecha { display: inline-block; color: rgb(177,177,177); font-size: 0.7857rem; text-transform: uppercase; }
ul.lista-noticias .wrapper-data i.fecha::before { content: "//"; display: inline-block; vertical-align: top; margin-left: 0.1429rem; margin-right: 0.3571rem; }
ul.lista-noticias .wrapper-data p { color: rgb(60,60,59); padding-bottom: 1.071rem; }
@media only screen and (min-width:480px){
ul.lista-noticias .wrapper-img { width: 27%; padding-bottom: 0rem; }
ul.lista-noticias .wrapper-img img { padding-right: 1rem; }
ul.lista-noticias .wrapper-data { width: 73%; }
}
/* Contacto */
#form-contacto { }
#form-contacto p { padding-bottom: 0.5rem; }
#form-contacto .block { padding-bottom: 1rem; padding-top: 1rem; }
#form-contacto .block label { display: block; width: 100%; }
#form-contacto .block input { display: block; width: 100%; }
#form-contacto .block textarea { display: block; width: 100%; }
#form-contacto .block select { display: block; width: 100%; }
#form-contacto .block.center { text-align: center; }
#form-contacto .error p { color: red; }
#form-contacto .block.center #html_element div div { text-align: center; display: inline-block; }
#form-contacto .mensaje p { color: cornflowerblue; text-align: center; }
.contacto-direcciones { background-color: rgb(245,245,245); padding: 2rem; margin-top: 2rem; }
.contacto-direcciones h3 { margin: 0px 0px 0px 0px; padding-bottom: 1rem; }
.contacto-direcciones p { padding-bottom: 1rem; }
@media only screen and (min-width:480px){
#form-contacto .block label { display: inline-block; width: 20%; }
#form-contacto .block input { display: inline-block; width: 80%; }
#form-contacto .block input.boton { display: inline-block; width: 20%; }
#form-contacto .block textarea { display: inline-block; width: 80%; }
#form-contacto .block select { display: inline-block; width: 80%; }
}
/* construimos */
#construimos-main { }
#construimos-main h1 { margin: 0rem 0rem 1.429rem 0rem; padding: 0rem; text-transform: uppercase; color: rgb(60,60,59); font-weight: 600; font-size: 2.857rem; }
#construimos-main h1::after { content: " "; display: inline-block; vertical-align: middle; width: 31px; height: 15px; margin-left: 1.429rem; background-image: url('img/iconos-sprite.png'); background-position: 0px -16px; }
#construimos-main h2 { margin: 0rem 0rem 1.429rem 0rem; padding: 0rem; text-transform: uppercase; color: rgb(60,60,59); font-weight: 600; font-size: 1.429rem; }
#construimos-main h2::after { content: " "; display: inline-block; vertical-align: middle; width: 31px; height: 15px; margin-left: 1.429rem; background-image: url('img/iconos-sprite.png'); background-position: 0px -16px; }
#construimos-main h3 { font-size: 2rem; }
#construimos-main .col1 .bloque1-main { margin-bottom: 2rem; padding: 1rem; }
#construimos-main .col1 .bloque1-main .logo { text-align: center; padding-bottom: 1rem; }
#construimos-main .col1 .bloque1-main .logo img { width: 40%; }
#construimos-main .col1 .bloque1-main .data { }
#construimos-main .col1 .bloque1-main p { text-align: justify; color: rgb(60,60,59); font-size: 1rem; line-height: 1.4rem; padding-bottom: 1.4rem; }
#construimos-main .col1 .bloque-obras { padding: 1rem; }
#construimos-main .col1 .bloque-obras .lista { text-align: center; }
#construimos-main .col1 ul.obras-emblematicas img { width: 100%; }
#construimos-main .col1 ul.obras-emblematicas li { width: 25%; display: inline-block; vertical-align: middle; padding: 1.4rem; }
#construimos-main .col1 ul { list-style: none; width: 75%; display: inline-block; text-align: left; }
#construimos-main .col2 ul { list-style: none; }
#construimos-main .col2 ul li { background-color: rgb(245,245,245); padding: 1.071rem; margin-bottom: 1.071rem; }
#construimos-main .col2 #bloque-youtube ul li p { padding: 1rem 0rem 0rem 0rem; color: rgb(60,60,59); }
@media only screen and (min-width: 480px){
#construimos-main .col1 { display: inline-block; vertical-align: top; width: 68.33%; }
#construimos-main .col1 .bloque1-main { padding: 1rem; }
#construimos-main .col1 .bloque1-main .logo { display: inline-block; vertical-align: top; width: 25%; padding-right: 1rem; border-right-style: solid; border-right-width: 1px; border-right-color: rgb(245,245,245); }
#construimos-main .col1 .bloque1-main .logo img { width: 100%; }
#construimos-main .col1 .bloque1-main .data { display: inline-block; vertical-align: top; width: 75%; padding-left: 1.4rem; }
#construimos-main .col1 .bloque-obras { padding: 0rem; }
#construimos-main .col1 .bloque-obras h2 { padding-bottom: 2rem; padding-top: 2rem; }
#construimos-main .col2 { display: inline-block; vertical-align: top; width: 31.67%; padding-left: 40px; }
}
@media only screen and (min-width:480px){
/* contenedor principal */
.wrapper { margin: 0 auto; }
/* columnas */
.col-size-3 { width: 25%; display: inline-block; vertical-align: top; }
.col-size-4 { width: 33.33%; display: inline-block; vertical-align: top; }
.col-size-6 { width: 50%; display: inline-block; vertical-align: top; }
.col-size-9 { width: 75%; display: inline-block; }
#main-content{ }
#main-content .content-col-1{ padding-right: 40px; }
#main-content .content-col-2{ }
#main-content .content-col-3{ padding-left: 30px; }
}
@media only screen and (min-width:1200px){
.wrapper { width: 1200px; }
/* columnas */
.content-col-1 { width: 25%; display: inline-block; vertical-align: top; }
.content-col-proyectos { width: 75%; display: inline-block; }
}