*{margin:0;padding:0;outline:0;border:none;box-sizing:border-box;}
body{font:14px/20px 'Open Sans',Arial,Helvetica,sans-serif;background:#fff;text-align:center;color:#000;}
a{text-decoration:none;}
a:hover{}
.clear{clear:both;}

.animated,
.hidden{visibility:hidden;}
.visible{visibility:visible;}

::selection{background:#333;color:#fff;}
::-moz-selection{background:#333;color:#fff;}
::-webkit-selection{background:#333;color:#fff;}

::placeholder{color:#000;opacity:.7;}
::-moz-placeholder{color:#000;opacity:.7;}
::-webkit-placeholder{color:#000;opacity:.7;}

#header{position:fixed;width:100%;min-height:80px;background:rgba(225,27,34,.95)/*#e11b22*/;padding:15px 5% 30px;color:#fff;z-index:99;box-shadow:0 5px 10px rgba(0,0,0,.5);}
#header h1{float:left;position:absolute;top:5px;padding:10px 0;width:30%;}
#header h1 a{color:#e11b22;font-size:1%;}
#header h1 img{display:block;width:100%;max-width:120px;height:auto;}
#header .right{float:right;width:75%;}
#header .datos{text-align:right;font:95%/120% 'Open Sans';color:#f4f4f4;text-shadow:1px 1px #91171c;}
#header .datos a{color:#f4f4f4;}

#menu{margin:15px 0 0;}
#menu li{float:right;list-style:none;width:150px;text-align:right;}
#menu li.social{width:50px;}
#menu li a{color:#fff;font:140%/120% 'Open Sans';text-shadow:2px 2px #91171c;}

#portada{width:100%;position:relative;}
#portada .swiper-container{height:600px;}
#portada .swiper-slide{position:relative;overflow:hidden;}
#portada .swiper-slide img{display:block;width:100%;height:auto;}
#portada .swiper-slide h2{position:absolute;right:5%;bottom:15%;font:300 475%/125% 'Open Sans';color:#fff;padding:15px 30px;z-index:3;text-shadow:2px 2px #91171c;}
#portada .swiper-slide h2 div{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(225,27,34,.9)/*#e11b22*/;z-index:-1;border-radius:15px 0 15px 0;box-shadow:2px 2px #91171c,0 0 10px rgba(0,0,0,.5);}

.wrap{width:100%;max-width:1200px;padding:0 5%;margin:0 auto;text-align:left;}

.seccion{padding:50px 0 50px;margin:0 auto;text-align:left;}
.titulo{font:300 400%/125% 'Open Sans';color:#e11b22;text-shadow:2px 2px #e8e8e8;margin:0 auto 35px;text-align:left;}

.recuadro{width:100%;color:#fff;text-shadow:1px 1px #7F1119;font:125%/120% 'Open Sans';background:#AF1722;letter-spacing:-1px;margin:50px auto 0;padding:0 5%;position:relative;display:flex;align-items:center;}
.recuadro .frase{float:left;width:20%;padding:25px;background:#e11b22;}
.recuadro .frase img{display:block;margin:0 auto;width:100%;max-width:200px;height:auto;}
.recuadro .tips{float:left;width:80%;background:#AF1722;padding:10px 0;display:flex;align-items:center;}
.recuadro .tip{float:left;width:25%;padding:0 10px 15px;font-size:110%;line-height:110%;letter-spacing:-.5px;text-align:center;border-right:1px solid #7F1119;}
.recuadro .tip.noborder{border-right:none;}
.recuadro .tip img{display:block;width:60%;height:auto;margin:0 auto 10px;max-width:300px;}
.recuadro .tip span{display:block;height:40px;}
.recuadro .tip span.small{font-size:80%;}

#brochure{display:block;margin:40px auto 50px;width:250px;background:#e11b22;color:#fff;font:110%/135% 'Open Sans';letter-spacing:1px;text-transform:uppercase;border:2px solid #e11b22;padding:20px 0 20px 15px;text-align:center;position:relative;border-radius:10px 0 10px 0;cursor:pointer;transition:all 400ms ease-out;-moz-transition:all 400ms ease-out;-webkit-transition:all 400ms ease-out;}
#brochure:hover{color:#e11b22;background:none;}
#brochure:active{top:2px;}

#trabajos{margin:0 auto;}
#trabajos .galeria{}
#trabajos .galeria li{float:left;width:25%;background:#e11b22;list-style:none;border:1px solid #fff;overflow:hidden;}
#trabajos .galeria li img{display:block;width:100%;height:auto;transition:all 500ms ease-out;-moz-transition:all 500ms ease-out;-webkit-transition:all 500ms ease-out;}
#trabajos .galeria li:hover img{opacity:.4;transform:scale(1.25) rotate(-5deg);-moz-transform:scale(1.25) rotate(-5deg);-webkit-transform:scale(1.25) rotate(-5deg);transition:all 5000ms ease-out;-moz-transition:all 5000ms ease-out;-webkit-transition:all 5000ms ease-out;}

.tag-cloud{color:#e11b22;line-height:225%;text-align:justify;}
.tag-cloud .tag.odd{color:#8b161b;}
.tag-cloud .tag1{font-size:100%;}
.tag-cloud .tag2{font-size:120%;}
.tag-cloud .tag3{font-size:140%;}
.tag-cloud .tag4{font-size:160%;}
.tag-cloud .tag5{font-size:180%;}
.tag-cloud .tag6{font-size:200%;}
.tag-cloud .tag7{font-size:220%;}
.tag-cloud .tag8{font-size:240%;}
.tag-cloud .tag9{font-size:260%;}
.tag-cloud .tag10{font-size:280%;font-weight:bold;}

#footer{background:#000;color:#fff;padding:50px 5% 25px;}
#footer h2{color:#fff;text-shadow:2px 2px #444;}

#contacto{}
#form{float:left;width:60%;padding:25px 25px 0 0;}
#form .campo{margin:0 auto 25px;}
#form label{display:none;}
#form input,
#form textarea{display:block;margin:0 auto;width:100%;color:#fff;font:120%/135% 'Open Sans';background:#444;padding:20px;border-radius:10px 0 10px 0;transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-webkit-transition:all 200ms ease-out;}
#form input:focus,
#form textarea:focus{background:#666;}
#form textarea{resize:none;height:200px;}
#form .msj{display:none;color:#e11b22;margin:0 auto 25px;color:#fff;text-align:center;font:100%/125% 'Open Sans';letter-spacing:2px;text-transform:uppercase;}
#form button{display:block;margin:0 auto;width:100%;background:#e11b22;color:#fff;font:150%/135% 'Open Sans';letter-spacing:5px;text-transform:uppercase;border:2px solid #e11b22;padding:20px;border-radius:10px 0 10px 0;cursor:pointer;transition:all 400ms ease-out;-moz-transition:all 400ms ease-out;-webkit-transition:all 400ms ease-out;}
#form button:hover{color:#e11b22;background:none;}
.map{float:left;width:40%;padding:25px 0 0 25px;}
.map .dato{text-align:left;margin:0 auto 15px;font-size:125%;line-height:125%;}
.map .dato a{color:#fff;}
.map .dato .icon{float:left;color:#e11b22;font-size:135%;line-height:100%;margin:0 10px 0 0;}
.map iframe{margin:10px auto 0;}

#ezlon{float:right;margin:25px 0 0;width:80px;font:10px/20px Arial;color:#fff;text-shadow:1px 1px 1px #000;text-align:center;}
#ezlon:hover{text-decoration:none;}
#ezlon span{display:block;background:url(../img/ezlon.png) no-repeat center center;margin:0 auto;width:80px;height:25px;text-indent:-99999em;opacity:1;-moz-opacity:1;-webkit-opacity:1;-o-opacity:1;-ms-opacity:1;transition:opacity 300ms ease-out;-moz-transition:opacity 300ms ease-out;-webkit-transition:opacity 300ms ease-out;}
#ezlon span:hover{opacity:.75;}