/*Azul: 005098*/




@font-face {
	font-family: 'Bebas Neue';
	src: url('/fonts/BebasNeue-Regular.eot');
	src: local('☺'), url('/fonts/BebasNeue-Regular.woff') format('woff'), url('/fonts/BebasNeue-Regular.ttf') format('truetype'), url('/fonts/BebasNeue-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}





*{box-sizing:border-box;font-family: 'Roboto', sans-serif;}
html,body{margin:0; padding:0}

header{background-image:url(/img/fondo-header.jpg); background-size:cover; background-position:center center; text-align:center;color:#fff;}
.sliderHome{text-align:center;color:#fff;border-bottom:dashed 4px #005098 }
#spanFrase{font-family: 'Bebas Neue', cursive; text-transform:uppercase; padding:1rem 0 2rem 0; font-size:3rem; display:inline-block; color:#fff }
#spanFrase>span{font-family:'Roboto', sans-serif; font-size:1.2rem; text-align:right; display:block; text-transform:none; font-style:italic;color:#666}
h2, header h1{color:#666; font-weight:lighter; font-size:1.1em}
h2 span, header h1 span {color:#005098 }
.clearfix{clear:both; font-size:0; height:0; width:0;}

#divCookies{position:fixed; z-index:1000;background:#333; color:#aaa;  width:100%; bottom:0; left:0; font-size:.9rem;border-top: solid 1px rgba(255,255,255,.05);display:none }
#divCookies>div{position:relative}
#divCookies>div>p{padding:.2rem 0}
#divCookies a{color:#aaa}
#divCookies #btnCerrarCookies{position:absolute; right:0;width:40px; height:40px; line-height:40px; font-size:1.2rem; top:0; text-align:center; color:#aaa; margin-top:-.5rem }
#divCookies #btnCerrarCookies:hover{color:#fff}
#divCookies #divInfoCookies{display:none}

#divTopBar{display:table; width:100%; padding-top:2rem; padding-bottom:2rem}
#divTopBar.int{padding-bottom:2rem}
#divTopBar > div { display: table-cell; text-align:left; vertical-align:middle }
#divTopBar > div:last-child{text-align:right}
#divTopBar img { height: auto; }

/*Navegación*/
nav ul{list-style-type:none; padding:0; margin:0}
nav ul li{display:inline-block}
nav a{ color:#ccc; text-decoration:none;font-weight:lighter; font-family:'Bebas Neue', cursive;}
nav a.activo{color: #0c6086}
nav a:hover{color:#ffffff8a}
nav a.activo:hover{color:#1080b4}

#divDestacado{ position:relative}
#divDestacado h1 a{color: #666; font-weight: lighter; font-size: 1em;text-decoration:none}
#divDestacado img{max-width:100%;}
#btnBajar { position: absolute; bottom: 20px; left: 50%; margin-left: -30px; border-radius: 50%; background: #005098; width: 60px; height: 60px }
#btnBajar:before{content:'\f107'; font-family:FontAwesome; position:absolute;  font-size:1.2rem; display:block; text-align:center; width:60px;text-align:center; color:#ccc; line-height:60px}
#btnBajar:hover:before{transform:scale(1.2); color:#fff}
.btn{border:solid 2px #005098; color:#005098;  padding:1rem; text-decoration:none; background:transparent; outline:none; cursor:pointer; text-transform:uppercase; transition:all .1s ease-in-out;}
.btn:hover {background:#005098; color:#fff!important }
.btn:active{transform:translateY(2px)}

section h2{color:#005098;  text-transform:uppercase; font-size:1.5rem}
section h3, section h1{font-family: 'Bebas Neue', cursive;font-size:2.2rem; text-transform:uppercase; margin:0}
section h3:after, section h1:after{content:'';display:block; width:50%;border-bottom:solid 5px #005098; clear:both;margin-top:1rem}
section h1{margin-top:3rem}
section p, section ul{font-size:1.2rem; line-height:1.8em; color:#333; font-weight:lighter}
.sec50>div>div{min-height:250px;}

/*Sobre nosotros*/
#secSobreNosotros{background:#005098;padding:2rem 0; }
#secSobreNosotros p{color:#ccc}
#secSobreNosotros h2{text-align:center;color:#fff}
#divFotoTradicion { background-image: url(/img/tradicion-v3.jpg); background-size: cover; background-position: center }
#divFotoExperiencia{background-image:url(/img/experiencia-v2.jpg); background-size:cover;}

/*Footer*/
footer{background:#111; padding:3rem 0; color:#fff}
footer .divColumna>div>div{display:inline-block; text-align: center; }
footer .divColumna>div>div img{float:center}
footer strong{font-weight:lighter; color:#005098; display:block; font-size:1.3em}
footer #spanTelefono{font-size:2rem; font-weight:bold; font-family:'Bebas Neue'; text-decoration: none; color: #fff;}
footer #spanTelefono:hover{color: #ffffffb2;}

#btnFacebook:hover img, 
#btnTwitter:hover img, 
#btnLinkedin:hover img {
    opacity: 0.8;
}

/*Migas*/
#divMigas{background:#005098; color:#fff}
#divMigas a{font-weight:lighter; padding:1rem 0;display:inline-block; color:#fff; text-decoration:none}
#divMigas a:after{content: '\f105';font-family: FontAwesome;display:inline-block; padding:0 .5rem}
#divMigas>span{padding:1rem 0;display:inline-block; font-weight:bold}
#divMigas .fa{padding-right:.5rem}
#divMapa{width:100%;padding:0; height:50%; min-height:400px}
#divMapa iframe{width:100%; height:50%; min-height:400px}

#secFormulario>div{padding:0; vertical-align:top}
#divMapaExt{position:relative; overflow:hidden;font-size:0}
#secFormulario #divVenConocernos{background:rgba(0, 80, 152, 0.85); width:100%; height:50%; min-height:0; color:#fff}
#secFormulario #divVenConocernos h3:after { border-color:#fff}
#secFormulario #divVenConocernos p{color:#fff}

input[type="text"], textarea { border-bottom:solid 2px #ddd;border-top:none; border-left:none; border-right:none; font-size:1.5rem; display:block; padding:1rem 0; outline:none; width:100%; font-weight:lighter; margin-top:1rem}
input[type="text"]:focus, textarea:focus{border-bottom-color:#005098}
textarea{height:150px}
#secFormulario #divFormulario .btn{width:100%; margin-top:1rem}
#secFormulario #divFormulario a{font-weight:bold; color:#005098; text-decoration:none}

/*Catálogo*/
#secCatalogo { background-color: #eee; padding-top: 3rem; padding-bottom: 3rem;  }
#secCatalogo h2{text-align:center}
#secCatalogo img { width: 100%;border-bottom:solid 20px #333 }
.divCatalogo > div > a { background: #005098;display:block; text-decoration:none; font-size:0; }
.divCatalogo > div > a > div { padding: 2rem; }
.divCatalogo > div > a > div p { font-size: 1rem;margin-bottom:0 ;color:#ccc; text-align:center}
.divCatalogo > div > a h2 { margin-top:0; color:#fff; font-family:'Bebas Neue'}
.divCatalogo > div > a p{line-height:1.6rem}
#secDisenoWeb{background:#005098; padding:3rem 0; margin:3rem 0 }
#secDisenoWeb h2, #secDisenoWeb p{color:#fff}
#secDisenoWeb>div>div:last-child{background-image:url(../img/iphone-web.png); background-size:contain; background-position:center center; background-repeat:no-repeat}
hr{opacity:0; display:block; height:3rem;}

/*Productos*/
#secProductos, #secProductosObra{background:#005098; padding-top:3rem;  }
#secProductos h2, #secProductosObra h2{text-align:center; color:#fff}
#secProductos p{text-align:center; color:#ccc}
#secProductos .divFancy img, #secProductosObra .divFancy img{width:100%}

#divRedes a{display:inline-block; line-height:2.5rem; width:2.5rem; text-align:center;text-decoration:none}
#divRedes a img{width:40px}

#secFabricantes{border-bottom:dashed 4px #005098; text-align:center; padding-top:2rem}
#secFabricantes a{display:inline-block; padding:1rem 3rem ; width:50%; float:left; margin-bottom:2rem}
#secFabricantes a>img{width:100%}

.g-recaptcha{padding-top:1rem!important}
.g-recaptcha>div{margin:0 auto}

.divObra1 { background-image:url(../img/obras-2-zoom.jpg); background-size:cover; background-position:center center; min-height:360px}
.divObra2 { background-image:url(../img/obras-1-zoom.jpg); background-size:cover; background-position:center center; min-height:360px }
.divObra3 { background-image:url(../img/obras-3-zoom.jpg); background-size:cover; background-position:center center; min-height:360px}
.divObra4 { background-image:url(../img/obras-4-zoom.jpg); background-size:cover; background-position:center center; min-height:360px }
.divObra5 { background-image:url(../img/obras-5-zoom.jpg); background-size:cover; background-position:center center; min-height:360px }
.divObraPlazaOeste { background-image: url(../img/edificioPlazaOeste.jpg); background-size: cover; background-position: center center; min-height: 360px }
.divObraProfuturo { background-image:url(../img/edificioProfuturo.jpg); background-size:cover; background-position:center center; min-height:360px }

@media only screen and (max-width:939px) {

    .btn { display: block; font-size: 1.5rem; }
    nav { display: none; }
    nav ul li { display: block; width: 100%; }
    nav a { font-size: 1.6rem; display: block; width: 100%; text-align: left; padding: 1rem 2rem; }
    nav.activo { display: block; position: absolute; width: 100%; left: 0; padding: .5rem; z-index: 1001; margin-top: 1rem; }
    nav.activo ul { background: #fff; box-shadow: 0 5px 10px rgba(0,0,0,.2); padding: 1rem 0; }
    #btnMenu { color: #ffffff; font-size: 2.5rem; width: 5rem; height: 5rem; line-height: 5rem; text-align: center; display: inline-block; }
    #btnMenu:hover { background: #ffffff33; }
    #divTopBar img { width: 180px; }
    #divDestacado {padding: 2rem 0 7rem 0;}
    .divColumna { padding-left: 2rem; padding-right: 2rem; position: relative; }
    #divFotoTradicion { height: 400px; background-position: center; }
    .sec50 > div > div { padding: 2rem; }
    .divCatalogo > div > a { margin-bottom: 2rem; }
    #secDisenoWeb > div > div:last-child{height:500px}
    #secProductosObra{display:none}
    footer .divColumna>div>div { display: block; width: 100%; margin-bottom: 2rem; }
    footer .divColumna>div>div:last-child { margin-bottom: 0; }

}

@media only screen and (max-width: 432px) {
    #divTopBar { padding-top: 1rem; padding-bottom: 1rem; }
    #btnMenu { font-size: 2rem; width: 4rem; height: 4rem; line-height: 4rem; }
    #divTopBar img { width: 140px; }
    .divColumna { padding-left: 1rem; padding-right: 1rem; }
}

@media only screen and (min-width:940px){
    #divTopBar img { width: 200px; }
    .btn{display:inline-block; font-size:1.2rem}
    #btnMenu{display:none}
    .divColumna{margin:0 auto; width:900px}
    nav a{padding:1rem .6rem;display:inline-block; font-size:1rem; }
    #divDestacado .btn{padding-left:5rem; padding-right:5rem}
    #divDestacado { padding: 2rem 0 12rem 0; }
    .sec50 { display: table; width: 100%; }
    .sec50 > div { display: table-cell; width: 50%;font-size:0 }
    .sec50 > div:first-child, .sec50.rtl > div:last-child { text-align: right; }
    .sec50 > div:first-child > div { padding: 3rem 1rem 3rem 0; }
    .sec50 > div:last-child { text-align: left; }
    .sec50 > div:last-child > div { padding: 3rem 0 3rem 1rem; }
    .sec50.rtl > div:last-child > div{padding: 3rem 0 3rem 0;}
    .sec50 > div > div { width: 450px; display: inline-block; text-align: left; }
    .sec50.rtl { direction: rtl; }
    .sec50.rtl * { direction: ltr; }

    #secDisenoWeb{background-image:url(../img/fondo-mac.jpg); background-attachment:fixed; background-size:cover}
    #secDisenoWeb>div>div{display:table-cell; width:50%; vertical-align:top}
    #secDisenoWeb>div{display:table}
     #secDisenoWeb>div>div:last-child{text-align:center}
    footer .divColumna>div{display:table; width:100%}
    footer .divColumna>div>div{display:table-cell; width:33.33%}
    

    header {background-attachment:fixed }
    #secCatalogo { background-image: url(/img/fondo-servicios.jpg); background-attachment:fixed; background-size:cover;}

    .divCatalogo:not(:first-child) { padding-top: 2rem; }
    .divCatalogo { display: table; }
    .divCatalogo > div { display: table-cell; padding-left: 1rem; padding-right: 1rem;width:50% }
    .divCatalogo>div>a>div{height: 300px;overflow-y: auto;}
    .divCatalogo > div:first-child { padding-left: 0; padding-right: 2rem; }
    .divCatalogo > div:last-child { padding-left: 2rem; padding-right: 0; }
    .divCatalogo > div > a {  transition:transform .1s; position:relative; /*cursor: default*/ }
    .divCatalogo > div > a:hover{transform:scale(1.02); box-shadow:0 0 15px rgba(0,0,0,.1)}
    .divCatalogo > div > a:after{content:'Más información...'; display:block; background:#333;  color:#fff; font-size:1.2rem; position:absolute; transform:translateY(-80px); width:100%; text-align:center; padding:1rem 0; opacity:0; transition:all .1s}
    .divCatalogo > div > a:hover:after{ transform:translateY(-50px); opacity:1}

    .divFancy {font-size:0}
    .divFancy a{display:inline-block; width:20%}

    #secFabricantes a { width:25%}
    .sec50>div>div{min-height:450px;}
}

@media only screen and (min-width:1240px){

    .divColumna{margin:0 auto; width:1200px}
    .sec50>div>div{width:600px;}
    #divTopBar img { width: 240px; }
    nav a { font-size: 1.15rem; }
    #secFormulario #divFormulario, #secFormulario #divVenConocernos >div{ width:600px}
    #spanFrase{width:800px}

    

}
@media only screen and (min-width:1440px){

    .divColumna{margin:0 auto; width:1400px}
    .sec50>div>div{width:700px;}
    #divTopBar img { width: 280px; }
    nav a { font-size: 1.25rem; }
    #secFormulario #divFormulario, #secFormulario #divVenConocernos >div { width:700px}


}

::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: #005098;
}

::selection {
    color: #fff; 
    background: #005098;
}