@font-face {
    font-family: 'oswald';
    src: url('oswald-bold.eot');
    src: url('oswald-bold.eot?#iefix') format('embedded-opentype'),
         url('oswald-bold.woff2') format('woff2'),
         url('oswald-bold.woff') format('woff'),
         url('oswald-bold.ttf') format('truetype'),
         url('oswald-bold.svg#oswaldbold') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'oswald';
    src: url('oswald-regular.eot');
    src: url('oswald-regular.eot?#iefix') format('embedded-opentype'),
         url('oswald-regular.woff2') format('woff2'),
         url('oswald-regular.woff') format('woff'),
         url('oswald-regular.ttf') format('truetype'),
         url('oswald-regular.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.contenedor_superior_publi{display:none;}
#cont_brand{width:100%;}
#cont_brand section{width:100%;clear:both;padding:6em 0 9em;}
#cont_brand section:first-child{background:#000;padding:0;}
#cont_brand section h1, #cont_brand section h1 img {width:90%;text-align:center;}
#cont_brand section > header{max-width:115.3em;width:100%;margin:0 auto;}
#cont_brand section:nth-child(2){background:#c86d0b;padding:1.1em 0;}
#cont_brand section.fixed{position:fixed;top:0;z-index:10;}
#cont_brand section nav ul{width:100%;text-align:center;}
#cont_brand section nav li{display:inline-block;border-right:1px solid #945516;}
#cont_brand section nav li:last-child{border:0;}
#cont_brand section nav li a{font:1.4em/1em oswald,serif;color:#fff;padding:.643em 2.5em .429em;display:inline-block;text-transform:uppercase;letter-spacing:1px;}
#cont_brand section nav li a:hover{opacity:.7;}
#cont_brand section header h2{font:3em/1.2em oswald,serif;color:#1b1b1b;text-transform:uppercase;text-align:center;}
#cont_brand section header h2 span{border-bottom:1px solid #1b1b1b;}
#cont_brand section header h2:before{content:"·";padding-right:.4em;}
#cont_brand section header h2:after{content:"·";padding-left:.4em;}
#reportajes{background:#0c0c0c;}
#cont_brand section#reportajes header h2{color:#fff;}
#cont_brand section#reportajes header h2 span{border-bottom:1px solid #fff;}
#reportajes div{width:100%;max-width:99.1em;margin:7em auto 0;}
#reportajes h3{font:2em/1em oswald,serif;text-transform:uppercase;}
#reportajes h3 a{color:#fff;}
#reportajes hr{color:#fff;width:8%;margin:1.3em 0;}
#reportajes  p{font:1.8em/1em proximanova,serif;color:#fff;}
#reportajes iframe{border-radius:20px;margin-top:1.2em;}
#fotogaleria div{width:100%;max-width:99.1em;margin:7em auto 0;}
#fotogaleria div ul{width:100%;}
#fotogaleria div li{display:block;float:left;width:18%;margin:0 2% 2% 0;}
#fotogaleria div a{display:block;}
#fotogaleria div a img{width:100%}
#introduccion .cnt-rrss{width:100%;text-align:center;padding:0 0 3em;margin:-3em auto 0;}
#introduccion .cnt-rrss button{margin:0 2em;display:inline;border:1px solid #cbd2d8;background:none;}
#introduccion .cnt-rrss button span:first-child,#introduccion .cnt-rrss a{width:3.5em;height:3.5em;text-indent:-9999px;font-size:10px;display:block;float:left;background-size:cover;}
#introduccion .cnt-rrss button span:nth-child(2){font:1.4em/1em arial;color:#ccc;padding:.5em 0 .4em;width:4.571em;display:block;float:left;}
#introduccion .cnt-rrss button#bt-what{display:none;}
#introduccion .cnt-rrss #bt-what a{background:url(../img/bt-whatsapp.jpg) 0 0 no-repeat;background-size:cover;}
#introduccion .cnt-rrss #bt-fb span:first-child{background:url(../img/bt-facebook.jpg) 0 100% no-repeat;background-size:cover;}
#introduccion .cnt-rrss #bt-twit a{background:url(../img/bt-twitter.jpg) 0 100% no-repeat;background-size:cover;}
#introduccion .cnt-rrss #bt-fb:hover{border-color:#4271ab;}
#introduccion .cnt-rrss #bt-twit:hover{border-color:#5fd3e1;}
#introduccion .cnt-rrss #bt-fb:hover span:first-child, #introduccion .cnt-rrss #bt-twit:hover a{background-position:0 0;}
#introduccion div{width:100%;max-width:99.1em;margin:7em auto 0;}
#introduccion figure{width:38%;float:left;text-align:center;}
#introduccion figure img{width:92%;}
#introduccion h3{width:62%;float:left;font:2.3em/1.333em oswald,serif;color:#1b1b1b;text-transform:uppercase;}
#introduccion p{width:62%;float:left;font:1.6em/1.647em proximanova,serif;color:#1b1b1b;}
#introduccion hr{color:#1b1b1b;width:10%;margin:1.8em 0;float:left;}
#introduccion .ver-cnt-txt{display:block;margin:0 auto;clear:both;background:url(../img/desplegar-texto.png) 0 1.7em no-repeat;font:1.8em/1.647em proximanova,serif;color:#1b1b1b;cursor:pointer;border:0;padding:2em 0 1em 3em;background-size:23%;}
#introduccion .txt-total{margin:1em auto;display:none;width:97%;padding-top:2em;clear:both;}
#introduccion .txt-total p{width:100%;padding-bottom:1em;}
#videos{background:#0c0c0c;}
#cont_brand section#videos header h2{color:#fff;}
#cont_brand section#videos header h2 span{border-bottom:1px solid #fff;}
#videos > div{width:100%;max-width:99.1em;margin:7em auto 0;}
#videos button{width:4%;height:7.7em;float:left;border:0;cursor:pointer;margin-top:19%;opacity:.7;}
#videos button:hover{opacity:1;}
#videos button:first-child{background:url(../img/izquierda.png) 0 0 no-repeat;background-size: 100%;}
#videos button:last-child{background:url(../img/derecha.png) 0 0 no-repeat;background-size: 100%;}
#videos button.desactivado, #videos button.desactivado:hover{cursor:default;opacity:.1;}
#videos > div > div{width:84%;margin:0 2%;position:relative;overflow:hidden;height:60em;float:left;}
#videos .video{width:100%;position:absolute;left:100%;}
#videos .video:first-child{left:0;}
#videos .video div{position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
#videos .video div iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;}
#videos h3{font:2em/1.1em oswald,serif;color:#fff;text-transform:uppercase;margin-top:1em;}
#videos p{font:1.8em/1.1em proximanova,serif;color:#fff;}
#videos hr{color:#fff;width:10%;margin:1.8em 0;}
@media (max-width:768px){
	#fotogaleria div li{margin:0 1% 2%;}
	#reportajes div{width:95%}
	#introduccion h3{width:50%}
	#introduccion p{width:auto;float:none;padding:0 1em;}
	#introduccion hr{display:none;}
	#introduccion figure{width:49%;}
	#introduccion .cnt-rrss button#bt-what{display:inline;}
	#introduccion .cnt-rrss button span:first-child, #introduccion .cnt-rrss #bt-what a{width:3.2em;height:3.2em;}
	#introduccion .cnt-rrss button span:nth-child(2){width:3.571em;padding:.38em 0;}
	#introduccion .txt-total{width:96%;}
	#introduccion .txt-total p{padding:0 0 1em;}
	#videos button:first-child{margin-left:1%;}
	#videos > div > div{height:48em;}
}
@media (max-width:414px){
	#cont_brand section{padding:3em 0 5em;}
	#cont_brand section nav li a{font-size:1.25em;padding:.643em .29em .429em;}
	#cont_brand section header h2{font-size:1.7em;}
	#introduccion div, #videos > div, #fotogaleria div, #reportajes div{margin-top:2em;}
	#introduccion figure{width:100%;}
	#introduccion figure img{width: 88%;margin: 0 auto;}
	#introduccion h3{width:88%;margin:0 auto;float:none;font-size:1.6em;padding:.5em 0;}
	#introduccion hr{display:none;}
	#introduccion p{width:88%;margin:0 auto;float:none;font-size:1.3em;}
	#videos > div > div{height:28em;}
	#videos h3, #reportajes h3{font-size:1.6em;}
	#videos p, #reportajes p{font-size:1.3em;}
	#fotogaleria div li{width:31%;}
	#introduccion .cnt-rrss{padding:0 0 1em;margin:-2em auto 0;}
	#introduccion .cnt-rrss button{margin:0 1em;}
	#introduccion .cnt-rrss button span:first-child, #introduccion .cnt-rrss #bt-what a, #introduccion .cnt-rrss #bt-twit a{width:2.2em;height:2.2em;}
	#introduccion .cnt-rrss button span:nth-child(2){font-size:1.1em;width:3em;padding:.28em 0;}
	#introduccion .txt-total{width:89%;}
}