@charset "utf-8";
/* *****************************************************************
Theme Name: Theme sin nombre
Theme URI: http://www.xxx.xx/
Description: Theme para el sitio web de...
Author: 4sale
Author URI: http://www.4sale.cl
Version: xx/xx/xxxx
****************************************************************** */



@font-face {
    font-family:'SairaSemibold';
    src: url('../fonts/saira-semibold-webfont.eot');
    src: url('../fonts/saira-semibold-webfont.woff2') format('woff2'),
        url('../fonts/saira-semibold-webfont.woff') format('woff'),
        url('../fonts/saira-semibold-webfont.svg') format('svg');
}


@font-face {
    font-family: 'montserratblack';
    src: url('../fonts/Montserrat/montserrat-black-webfont.woff2') format('woff2'),
         url('../fonts/Montserrat/montserrat-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/Montserrat/montserrat-bold-webfont.woff2') format('woff2'),
         url('../fonts/Montserrat/montserrat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratextrabold';
    src: url('../fonts/Montserrat/montserrat-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/Montserrat/montserrat-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratextralight';
    src: url('../fonts/Montserrat/montserrat-extralight-webfont.woff2') format('woff2'),
         url('../fonts/Montserrat/montserrat-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratitalic';
    src: url('../fonts/Montserrat/montserrat-italic-webfont.woff2') format('woff2'),
         url('../fonts/Montserrat/montserrat-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratlight';
    src: url('../fonts/Montserrat/montserrat-light-webfont.woff2') format('woff2'),
         url('../fonts/Montserrat/montserrat-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/Montserrat/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/Montserrat/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratsemibold';
    src: url('../fonts/Montserrat/montserrat-semibold-webfont.woff2') format('woff2'),
         url('../fonts/Montserrat/montserrat-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratthin';
    src: url('../fonts/Montserrat/montserrat-thin-webfont.woff2') format('woff2'),
         url('../fonts/Montserrat/montserrat-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

a { transition: all 0.3s ease; text-decoration: none; }
a:hover, a:focus { transition: all 0.3s ease; text-decoration: none; }
body { 

    font-family: 'SairaSemibold';

    height: 100%; 

    width: 100%;
 overflow-x: hidden !important;
 background-color: #ffffff;    

}

header {
    height: 123px;
}

body {
    width: 100%;
    height: 100%;
    position: relative;
    background: url(../img/fondo.png) no-repeat top center;
    background-size: cover;
    margin: 0px auto;
}

/*main .container-fluid.principal {
    padding-top: 72px;
    padding-bottom: 28px;
}

main .row.justify-content-around.principal{ 
    background-color: #ffffff;  
    width: 100%;
    margin: 0px auto;
    height: 600px;
    padding: 38px;
}*/



.item {
    position: relative;
    padding: 0px;
    right: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.bg-transparente {
    top: 3px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    opacity: 0.3;
    width: 100%;
    position: absolute;
    height: 96%;
}

.btn-play {
    position: absolute;
    top: 50%;
    left: 50%;
}


.btn-play img {
    max-width: 115px;
    width: auto !important;
    display: inline-block !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    z-index: 2;
    opacity: 1;
    transition: .3s ease;
}

.header-vid {
    z-index: 3;
    top: 90%;
    width: 74%;
    padding: 10px;
    right: 1%;
    position: absolute;

    width: auto !important;
    display: inline-block
}


.header-vid .wrapper-sub .cell.bajada {
    width: auto;
    white-space: nowrap;
    color: #ffffff;
    font-size: 7pt;
}

.header-vid .wrapper-sub .cell.line {
    width: 100%;
    padding: 0px 15px;
}

.header-vid .wrapper-sub .cell.bajada p {
    margin: 0px;
    font-size: 11pt;
    letter-spacing: 2px;
}

.header-vid .wrapper-sub .cell.line span {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #fff;
}

.header-vid .wrapper-sub .cell.year {
    font-family: latolight;
    font-size: 21px;
    vertical-align: middle;
    letter-spacing: 2px;
}

.header-vid .wrapper-sub .cell.year p {
    margin: 0px;
}

img.img_baja {
     width: 90%;
    margin: 20px auto;
    display: block;
}

img.img_almedio {
    margin: 50px auto 60px auto;
    width: 70%;
    display: block;
}

img.img_cabezera{
    margin: 20px auto;
    width: 44%;
    display: block;
    padding-top: 6px;
}

/*.barra_baja {
display: block;
margin: 380px auto 0px auto;
width: 100%;
text-align: center;
padding-bottom: 20px;
background-color: #000;
height: 200px;
}*/

.top-cab { margin-bottom:30px; }
.top-cab1{ margin-top:30px; margin-bottom:30px; }


/* Footer Estilos */
.fcontenido {
	width:100%;
    margin:300px auto 0px auto;
    padding: 15px 0px 15px 0px;
	background-color: #000;
    /*height: 424px;*/
    color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
    border-top:2px solid #000000;
}


 .footer-redes { 
width: 65%;
margin-left: auto;

}


 .footer-redes .link_especial {

    display: block;
    height: 12px;
   width: 10%;
}
 .footer-redes a{

 display: inline-block;
 text-decoration: none;
 width:35px;
 height:35px;
 line-height:35px;
 text-align: center;
 border-bottom: 0px;
 font-size: 35px;
}

 .footer-redes span a {

 display: inline-block;
 text-decoration: none;
 line-height:0px;
 text-align: center;
 border-bottom: 0px;
 font-size: 10pt;
 color:#333333;
}

.cont_text {
display: block;

width: 48%;
text-align: justify;

margin-left: 212px;
}

@media (max-width:767px) {

main { width: 100%; } 

main .row.justify-content-around.principal {  height: 100%; } 

img.img_cabezera, img.img_almedio { width: 70%; margin: 0px auto 26px auto; }
img.img_baja { width: 100%; }

.btn-play img { max-width: 90px; }

.header-vid { top: 87%; }


.header-vid .wrapper-sub .cell.bajada p { font-size: 5pt; }
.fcontenido{margin-top: 20px;     height: auto;}

.cont_text {
   
    width: 78%;

    margin-left: auto;
}


.footer-redes {
    width: 100%;
}
}


@media (max-width:414px) {


.header-vid { top: 76%; }

}
@media (max-width:320px) {

.btn-play img {    max-width: 44px; }


}


@media (min-width:768px) and (max-width:979px) {}
/* test css BORRAR */