@charset "utf-8";
/***********************************************************************************************************************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}*{outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing:border-box; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;font-smoothing: antialiased;text-rendering:optimizeLegibility;}
/***********************************************************************************************************************************************/
@font-face{font-family: 'M-Light'; src: url('../_font/Morl-Light.eot?#iefix') format('embedded-opentype'),  url('../_font/Morl-Light.otf')  format('opentype'),url('../_font/Morl-Light.woff') format('woff'), url('../_font/Morl-Light.ttf')  format('truetype'), url('../_font/Morl-Light.svg#M-Light') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family: 'M-Regular'; src: url('../_font/Morl-Regular.eot?#iefix') format('embedded-opentype'),  url('../_font/Morl-Regular.otf')  format('opentype'),url('../_font/Morl-Regular.woff') format('woff'), url('../_font/Morl-Regular.ttf')  format('truetype'), url('../_font/Morl-Regular.svg#M-Regular') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family: 'M-Bold'; src: url('../_font/Morl-Bold.eot?#iefix') format('embedded-opentype'),  url('../_font/Morl-Bold.otf')  format('opentype'),url('../_font/Morl-Bold.woff') format('woff'), url('../_font/Morl-Bold.ttf')  format('truetype'), url('../_font/Morl-Bold.svg#M-Bold') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family: 'M-ExtraLight'; src: url('../_font/Morl-ExtraLight.eot?#iefix') format('embedded-opentype'),  url('../_font/Morl-ExtraLight.otf')  format('opentype'),url('../_font/Morl-ExtraLight.woff') format('woff'), url('../_font/Morl-ExtraLight.ttf')  format('truetype'), url('../_font/Morl-ExtraLight.svg#M-ExtraLight') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family: 'MR-Thin'; src: url('../_font/MorlRounded-Thin.eot?#iefix') format('embedded-opentype'),  url('../_font/MorlRounded-Thin.otf')  format('opentype'),url('../_font/MorlRounded-Thin.woff') format('woff'), url('../_font/MorlRounded-Thin.ttf')  format('truetype'), url('../_font/MorlRounded-Thin.svg#MR-Thin') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family: 'G-Black'; src: url('../_font/Gotham-Black.eot?#iefix') format('embedded-opentype'),  url('../_font/Gotham-Black.otf')  format('opentype'),url('../_font/Gotham-Black.woff') format('woff'), url('../_font/Gotham-Black.ttf')  format('truetype'), url('../_font/Gotham-Black.svg#G-Black') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family: 'G-Book'; src: url('../_font/Gotham-Book.eot?#iefix') format('embedded-opentype'),  url('../_font/Gotham-Book.otf')  format('opentype'),url('../_font/Gotham-Book.woff') format('woff'), url('../_font/Gotham-Book.ttf')  format('truetype'), url('../_font/Gotham-Book.svg#G-Book') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family: 'G-Medium'; src: url('../_font/Gotham-Medium.eot?#iefix') format('embedded-opentype'),  url('../_font/Gotham-Medium.otf')  format('opentype'),url('../_font/Gotham-Medium.woff') format('woff'), url('../_font/Gotham-Medium.ttf')  format('truetype'), url('../_font/Gotham-Medium.svg#G-Medium') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family: 'G-Light'; src: url('../_font/Gotham-Light.eot?#iefix') format('embedded-opentype'),  url('../_font/Gotham-Light.otf')  format('opentype'),url('../_font/Gotham-Light.woff') format('woff'), url('../_font/Gotham-Light.ttf')  format('truetype'), url('../_font/Gotham-Light.svg#G-Light') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family: 'MS-SemiLight';src: url('../_font/MorlSans-SemiLight.eot?#iefix') format('embedded-opentype'),  url('../_font/MorlSans-SemiLight.otf')  format('opentype'),url('../_font/MorlSans-SemiLight.woff') format('woff'), url('../_font/MorlSans-SemiLight.ttf')  format('truetype'), url('../_font/MorlSans-SemiLight.svg#MS-SemiLight') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family: 'MS-Black';src: url('../_font/MorlSans-Black.eot?#iefix') format('embedded-opentype'),  url('../_font/MorlSans-Black.otf')  format('opentype'),url('../_font/MorlSans-Black.woff') format('woff'), url('../_font/MorlSans-Black.ttf')  format('truetype'), url('../_font/MorlSans-Black.svg#MS-Black') format('svg');font-weight: normal;font-style: normal;}
/***********************************************************************************************************************************************/
body{ width: 100%; height: 100%; margin:0; overflow-x:hidden; background:#14151a; font-family: 'M-ExtraLight'; font-size:18px; line-height:22px; letter-spacing: 1px; color: #fff;}
a,a:link,a:visited,a:active{ text-decoration:none;}
h1,h2,h3,h4{ display: block; font-family: 'MR-Thin'; margin: 15px 0px;}
h1{ font-size:64px; line-height:51px;}
h2{ font-size:32px; line-height:26px; font-family: 'M-ExtraLight'; text-transform: uppercase;}
h3{ font-size:51px; line-height:40px;}
h4{ font-size:40px; line-height:32px;}
h5{ font-size:32px; line-height:26px;}
h6{ font-size:26px; line-height:21px;}
p{ margin: 15px 0px;}
b{ font-family: 'M-Regular';}
section{ position: relative; width: 100%; height:100%; margin: 0; padding: 0;}
article{ position: relative; width: 100%; padding: 60px 5vw;}
article:nth-of-type(1){ height:100%; padding:0;}
article:nth-of-type(even){ background: rgba(36,37,42,0.2);}
button,.button{ background: none; border: 1px solid #fff; color: #fff; padding: 12px 30px; text-transform: uppercase; font-family: 'MS-SemiLight'; font-size: 16px; line-height: 16px; letter-spacing: 4px; display: block; margin: 10px 0; cursor: pointer;}
button:hover,.button:hover{ border: 1px solid #000; background: #000; color: #fff; }
input,textarea{ display: block; background: none; border: 1px solid #fff; font-family: 'M-ExtraLight'; font-size: 16px; line-height: 16px; color: #fff; width: 100%; padding: 10px; margin: 10px 0; resize: none;}
input[type="checkbox"]{ display:none; width: 1px; height: 1px; margin: 0px; }
input[type="checkbox"]+label{ position: relative; display: inline-block; margin-left: 30px; }
input[type="checkbox"] + label::before{ position: absolute; display:inline-block; content: ""; width: 20px; height: 20px; top: 0px; left: -30px; background: none; z-index: 2; text-align: center; border: solid 1px #fff; vertical-align: middle; }
input[type="checkbox"]:checked + label::after{ content: ""; background: #fff; position: absolute; display:block; width: 14px; height: 14px; top: 4px; left: -26px;}
select{ background: none; border: 1px solid #fff; font-family: 'M-ExtraLight'; font-size: 16px; line-height: 16px; color: #fff; padding: 5px 15px 5px 5px; resize: none;}
.button{ display: inline-block;}
::-webkit-input-placeholder{ color: #fff !important;}
::-moz-placeholder{ color: #fff !important; opacity: 1;}
:-moz-placeholder{ color: #fff !important; opacity: 1;}
::-ms-input-placeholder{ color: #fff !important;}
:-ms-input-placeholder{ color: #fff !important;}
::placeholder{ color: #fff !important;}
:placeholder{ color: #fff !important;}

.Warning{ border-color: #ff5757;}
.Warning + label::before{ border-color: #ff5757 !important;}
.DivCell{ position: relative; display: table-cell; width: 100vw; height: 100vh; vertical-align: middle; text-align: center;}
/*.FullCnt{ padding: 60px 0;}*/

/*HEADER*/
header{ position: absolute; width: 100%; left: 0; top: 0; z-index: 15;}
#Logo{ position: absolute; width: 122px; height: 117px; left: 20px; top: 20px; z-index: 1; text-transform: uppercase; fill:#14151a;}
nav{ position: absolute; right: 40px; top: 60px; z-index: 2; font-family:'G-Medium'; font-size: 14px; line-height: 14px; }
nav ul{ padding:0; margin:0;}
nav li { position:relative; display: inline-block; margin: 0 15px;}
nav li a{ display:block; color: #14151a; text-transform: uppercase; letter-spacing: 2px;}
nav li a::after{ content: ""; position: absolute; width: 0%; height: 1px; background: #14151a; top: 105%; left: 50%; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
nav ul ul{ visibility: hidden; position:absolute; left:-10px; top:100%; white-space:nowrap; padding-top: 0px; opacity: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
nav ul ul li{ position:relative; display: inline-block; margin: 0 10px;}
nav ul ul li a{ font-size: 12px; line-height: 12px;}
ul li:hover ul{ visibility: visible; padding-top: 10px; opacity: 1;}
nav li:hover a::after{ width: 100%; left: 0%;}
nav li:hover ul li a::after{ width: 0%; left: 50%;}
nav li:hover ul li:hover a::after{ width: 100%; left: 0%;}
nav .active a::after{ width: 100%; left: 0%;}
nav .active ul li a::after{ width: 0%; left: 50%;}
nav .active ul .active a::after{ width: 100%; left: 0%;}

#MM{ position: absolute; width: 30px; height: 31px; right: 40px; top: 52px; cursor: pointer; visibility: hidden; z-index: 3; border:1px solid #14151a;}
#MM span{ position: relative; display: block; width:20px; height:1px; left:4px; top:14px; background: #14151a;}
#MM span::before,#MM span::after{ background: #14151a; content: ""; display: block; position: absolute; width:100%; height: 1px; }
#MM span::before{ top: -7px;}
#MM span::after{ top: 7px;}
#MM span::before, #MM span::after { -webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s;}
#MM span::before { -webkit-transition-property: top, -webkit-transform; transition-property: top, transform;}
#MM span::after { -webkit-transition-property: top, -webkit-transform; transition-property: top, transform;}
#MM.active span { background: none;}
#MM.active{ border-color: #fff;}
#MM.active span::before,#MM.active span::after{ background: #fff;}
#MM.active span::before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
#MM.active span::after { top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
#MM.active span::before, #MM.active span::after { -webkit-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s;}

#MMNav{ position: fixed; background: #000; width: 100vw; height: 100vh; left: 100vw; top: 0; visibility: hidden; z-index: 2; font-family: 'G-Book'; text-transform: uppercase; font-size: 3vh; line-height: 3vh;}
#MMNav span{ position: absolute; background: #000; width: 100vw;}
#MMNav span:last-child{ padding-left: 5vw;}
#MMNav span:last-child::before{ display: block; content: ""; height: 1px; width:90vw; background: #fff; margin:1vh 0;}
#MMNav b{ font-family: 'G-Black'; font-weight: normal;}
#MMNav a{ color: #fff; font-family: 'G-Light'; padding: 0 2vw 0 5vw;}
#MMNav a:hover{ background: #fff; color: #14151a;}
#MMNav .DivCell{ text-align: left;}

/*QUICKACCESS*/
#SMenu{ background:#24252a; position: absolute; display: block; width: 100vw; padding:0px; text-align: center; font-family: 'G-Book'; letter-spacing: 1px; top: 100vh; z-index: 14;}
#SMenu.active{ background:#24252a;}
#SMenu a{ background:#24252a;margin: 0; color: #fff; text-transform: uppercase;}
#SMenu a:hover{ background: #fff; color: #14151a;}
#SMenu a.active{ background: #fff; color: #14151a;}

#SMenuMM{ background:#24252a; position: absolute; display: block; width: 100vw; left: 0; z-index: 14; visibility: hidden;}
#SMenuMM span{ position: relative; display: block; width:20px; height:1px; left:50%; top:50%; margin-left:-10px; margin-top: -1px; background: #fff;}
#SMenuMM span::before,#SMenuMM span::after{ background: #fff; content: ""; display: block; position: absolute; width:100%; height: 1px; }
#SMenuMM span::before{ top: -6px;}
#SMenuMM span::after{ top: 6px;}
#SMenuMM span::before, #SMenuMM span::after { -webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s;}
#SMenuMM span::before { -webkit-transition-property: top, -webkit-transform; transition-property: top, transform;}
#SMenuMM span::after { -webkit-transition-property: top, -webkit-transform; transition-property: top, transform;}
#SMenuMM.active span { background: none;}
#SMenuMM.active span::before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
#SMenuMM.active span::after { top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
#SMenuMM.active span::before, #SMenuMM.active span::after { -webkit-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s;}

/*SPOTIFY*/
#SpotifyPlayer{ width:250px; height: 80px; position: fixed; left: -300px; bottom: 60px; z-index: 11;}
#ShowSpotify{ position: fixed; display: block; width:30px; height:30px; fill:#1db954; left: 2vw; bottom: 80px; z-index: 1;}
#SpotifyPlayer iframe{ position: absolute; display: block; z-index: 3; }
.isMobile #SpotifyPlayer{ bottom: 120px;}
.isMobile #ShowSpotify{ bottom: 80px;}

/*GOTOP*/
#GoTop{ background: #2e303c; position: fixed; width:80px; height:80px; fill:#fff; right: -100px; bottom: 3vw; -webkit-border-radius:100%; border-radius: 100%; overflow: hidden; cursor: pointer; -webkit-transition: right 0.4s ease; transition: right 0.4s ease; z-index: 12;}
#GoTop.active{ right: 3vh;}
#GoTop svg{ position: absolute; top: 50%; margin-top: -22px;}
#GoTop .LogoTxt{display: none;}
#GoTop:hover{ background: #fff;}
#GoTop:hover svg{ fill: #2e303c;}

/*1 A LA VEZ*/
.ShowAllMast{ background:#fff !important; width: 100vw; padding:0; overflow: hidden; color:#14151a;}
.ShowAllMast h2{ margin-left: 5vw; margin-top: 60px;}
.ShowAllM{ position: relative; background: #fff; width: 100%; height: 25vw; padding: 0; overflow: hidden; color:#14151a;}
.ShowAllMast::after{ content: ""; display: block; position: absolute; width: 0vw; height: 100%; top: 0; left: 0; background: #000; z-index: 4; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
/*.ShowAllM::after{ content: ""; display: block; position: absolute; width: 0vw; height: 100%; top: 0; left: 0; background: #000; z-index: 4; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}*/
.ShowMast{ position: absolute; top:0; left: 0; visibility: hidden; color: #14151a;}
.ShowMast div{ background: #fff; position: absolute; width: 40vw; height: 25vw; top: 0; left: 0;}
.ShowMast div:nth-of-type(1){ width: 60vw; left: 40vw;}
.ShowMast div:nth-of-type(1) .DivCell{ position: relative; width: 40vw; height: 25vw; left: 10vw; text-align: left;}
/*.ShowAllMast.active .ShowAllM::after{ width:100vw;}
.ShowAllMast.active2 .ShowAllM::after{ width:0vw; left: 100vw;}*/
.ShowAllMast.active::after{ width:100vw;}
.ShowAllMast.active2::after{ width:0vw; left: 100vw;}

/*2 COLUMNAS*/
.InfoShows{ position: relative; margin: 2vw 0; border-bottom: 1px solid #24252a;}
.InfoShows div{ position: relative; width: 30%;}
.InfoShows div:nth-of-type(1){ padding-bottom: 5vw;}
.InfoShows div:nth-of-type(2){ position: absolute; width: 65%; height: 94%; left: 35%; top: 0;}
/*.InfoShows:nth-of-type(even) div:nth-of-type(1){ position: absolute; width: 60%; height: 95%; left: 0; top: 0;}
.InfoShows:nth-of-type(even) div:nth-of-type(2){ padding-bottom: 5vw; position: relative; width: 30%; left: 65%;}*/

/*3 COLUMNAS*/
.column3{ position: relative; display: inline-block; width: 28vw; height: 25vw; overflow: hidden; margin:1vw; color:#fff;}
.column3 div:nth-of-type(1){ position: absolute; width: 100%; height: 100%; left: 0; top: 0; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.column3 .Txt{ background: #24252a; position: absolute; width: 100%; bottom: 0; left: 0; padding: 5% 10%;}
.column3 .Txt p{ height: 1px; margin: 0; overflow: hidden; opacity: 0; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.isMobile .column3 .Txt p{ height: auto; margin: 10px 0; opacity: 1;}
.column3:hover .Txt p{ height: auto; margin: 10px 0px; opacity: 1;}
.column3:hover div:nth-of-type(1){ width: 120%; height: 120%; left: -10%; top: -10%;}

/*4 COLUMNAS*/
.column4{ position: relative; display: inline-block; width: 20.5vw; height:18vw; overflow: hidden; margin: 1vw; color:#fff;}
.column4 div:nth-of-type(1){ position: absolute; width: 100%; height: 100%; left: 0; top: 0; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.column4 .Txt{ background: #24252a; position: absolute; width: 100%; bottom: 0; left: 0; padding: 5% 10%;}
.column4 .Txt p{ height: 1px; margin: 0; overflow: hidden; opacity: 0; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.isMobile .column4 .Txt p{ height: auto; margin: 10px 0; opacity: 1;}
.column4:hover .Txt p{ height: auto; margin: 10px 0; opacity: 1;}
.column4:hover div:nth-of-type(1){ width: 120%; height: 120%; left: -10%; top: -10%;}

/*LOADER*/
#Loader{ position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; background: #14151a; z-index: 100;}
#Loader span:nth-of-type(1){ background: #2e303c; position: absolute; height: 100vh; left: 100vw; z-index: 10;}
#Loader span:nth-of-type(2){ background: #1d2029; position: absolute; height: 100vh; left: 100vw; z-index: 11;}
#Loader .ALoader{ position: absolute; display: block; width: 240px; height: 240px; margin-left: -120px; margin-top: -120px; left: 50%; top:50%; z-index: 2;}
#Loader .SLoader{ position: absolute; display: block; width: 90px; height: 20px; margin-left: -45px; margin-top: 106px; left: 50%; top:50%; z-index:1;}
#Loader .LLoader{ position: absolute; display: block; width: 200vw; height: 195px; margin-top: -128px; left: -50vw; top:50%; z-index: 1; text-align: center;}
#Loader .LLoader svg{ position: relative; display: inline-block; width: 207px; height: 173px; vertical-align: middle; margin: 0 0px; top:-30px; fill:#24252a;}
#Loader .LLoader div{ position: relative; display: inline-block; width:50vw; font-size: 30px; line-height: 30px; letter-spacing: 2px; text-transform: uppercase; color:#73686c; vertical-align: middle; margin-top: 80px;}
#Loader .LLoader div:nth-of-type(1){font-family: 'G-Black'; text-align: right;}
#Loader .LLoader div:nth-of-type(2){font-family: 'G-Book'; text-align: left;}
#Loader.active{ background: none;}
#Loader.active .ALoader{ visibility: hidden;}
#Loader.active .SLoader{ visibility: hidden;}
#Loader.active .LLoader{ visibility: hidden;}

/*FOOTER*/
footer{ position: relative; background: #000; width: 100%; z-index: 10; padding: 30px 0px;}
footer .footerCnt{ position: relative; width: 85%; height: 100%; margin: 0 auto;}
footer .footerCnt div{ position: relative; display: inline-block; vertical-align: top;}
footer .footerCnt div:nth-of-type(1){ width: 30%;}
footer .footerCnt div:nth-of-type(2){ width: 55%; text-align: center;}
footer .footerCnt div:nth-of-type(3){ width: 15%;}
footer a{ display: inline-block; color: #fff; margin: 5px 30px 5px 0;}
footer .UnderL{ border-bottom: 1px #fff solid;}
footer svg{ fill:#fff; width: 24px; height: 24px; vertical-align: middle;}
footer p{ bottom: 20px;}
footer a:hover, footer a:hover svg{ color: #747381; fill:#747381;}
footer .UnderL:hover{ border-bottom: 1px #747381 solid;}
footer span{display: block;}

/*BANNER IMAGENES*/
.Bpoints{ position: absolute; width: 100vw; text-align: center; bottom:85px; z-index: 8; fill:#24252a;}
.Bpoints .BnP{ position: relative; display: inline-block; width: 23px; height: 23px; margin: 0 5px; cursor: pointer;}
.Bpoints .BnP .CP{ display: none; fill:#24252a;}
.Bpoints .CP2{ fill:none; stroke:#24252a;}
.Bpoints .active .CP{ display: block;}
.Bpoints .BnS{ position: relative; display: inline-block; width: 35px; height: 23px; margin: 0 5px;}
.Whi .BnS{ fill:#fff;}
.Whi .BnP .CP{ fill:#fff;}
.Whi .CP2{ fill:none; stroke:#fff;}
.BnImg{ position: absolute; width: 100vw; height: 100vh; left:150vw; top:0; visibility: hidden;}
.BnImg:nth-of-type(1){ left:0; visibility: visible;}
.BnImg span{ position: absolute; width: 50vw; height: 100vh; top: 0; overflow: hidden;}
.BnImg span:nth-of-type(1){ left: 0;}
.BnImg span:nth-of-type(2){ left: 50vw;}
.BnImg span div{ position: absolute; width: 100vw; height: 100vh; top: 0;}
.BnImg span:nth-of-type(1) div{ left: 0; }
.BnImg span:nth-of-type(2) div{ right: 0vw;}

.APrev{ position: absolute; width: 60px; height: 60px; top: 50%; left: 40px; padding: 15px; margin-top: -30px; cursor: pointer; z-index: 8; -webkit-border-radius:100%; border-radius: 100%; border: 1px solid #24252a; }
.APrev svg{ fill:#24252a;}
.APrev:hover{ background: #24252a; }
.APrev:hover svg{ fill:#fff;}
.ANext{ position: absolute; width: 60px; height: 60px; top: 50%; right: 40px; padding: 15px; margin-top: -30px; cursor: pointer; z-index: 8; -webkit-border-radius:100%; border-radius: 100%; border: 1px solid #24252a; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.ANext svg{ fill:#24252a;}
.ANext:hover{ background: #24252a; }
.ANext:hover svg{ fill:#fff;}
.Whi svg{ fill:#fff;}
.Whi{ border-color: #fff;}
.ANext.Whi:hover{ background: #fff; }
.ANext.Whi:hover svg{ fill:#24252a;}
.APrev.Whi:hover{ background: #fff; }
.APrev.Whi:hover svg{ fill:#24252a;}


/*DESCRIPCION*/
.DobleDiv .DivLeft{ position: relative; display: inline-block; vertical-align: top; width: 30%; min-width: 250px; }
.DobleDiv .DivRight{ position: relative; display: inline-block; vertical-align: top; width: 70%;}

/*LISTADO*/
.Line{ width:90vw; margin: 0px; padding: 2vw 0px; border-bottom: 1px solid #24252a;}
.Line span{ position: relative; display: inline-block; height: 20vw; overflow: hidden; vertical-align: top;}
.Line span:nth-of-type(1){ width:30vw; }
.Line span:nth-of-type(2){ width:55vw; margin-left: 1vw; padding: 0 2vw;}
.Line .DivCell{ height: 20vw; text-align: left;}
.ShowMeMore{ position: relative; width: 100%; margin-bottom: 2vw;}
.ShowMore{ position: absolute; width: 100%; height: 30px; left: 0; bottom: 2vw; text-align: center;}
.ShowMore a{ display: inline-block; position: relative; width: 30px; height: 30px; padding: 5px; margin: 0 1vw; cursor: pointer; z-index: 8; -webkit-border-radius:100%; border-radius: 100%; border: 1px solid #fff; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); vertical-align: middle; }
.ShowMore a svg{ fill:#fff;}
.ShowMore a:hover{ background: #fff;}
.ShowMore a:hover svg{ fill:#000;}

/*MENU FULL*/
.DisciMen a{ background:#24252a; display: block; position: absolute; overflow: hidden;}
.DisciMen a div:nth-of-type(1){ display: block; position: absolute; width: 100%; height: 100%; top:0; left: 0; -webkit-transition: background-position 0.6s ease, -webkit-filter 0.6s ease; transition: background-position 0.6s ease, filter 0.6s ease; z-index: 2;  -webkit-filter: grayscale(0.6); filter: grayscale(0.6);}
.DisciMen a .DivCell{ z-index: 1; color:#fff;}
.DisciMen a p{ font-family: 'M-ExtraLight'; text-transform: uppercase;}
.DisciMen a:hover div:nth-of-type(1){ -webkit-filter: grayscale(0); filter: grayscale(0);}
.isMobile .DisciMen a div:nth-of-type(1){ -webkit-filter: grayscale(0); filter: grayscale(0);}

/*HEADER HIDDEN*/
.HeadHidden{ overflow: hidden;}
.HeadHidden video{ position: absolute; left: 50%; top: 50%;}

/*IMAGE FULL*/
.HFull{ position: absolute; width: 100vw; height: 100vh; left: 0; top: 0; }
.HFullDer{ position: absolute; width: 40vw; height: 100vh; left:62vw; top: 0; color: #14151a;}
.HFullDer .DivCell{ width: 37vw; text-align: left;}
.HFullDer button{ border: 1px solid #14151a; color: #14151a;}
.HFullDer button:hover{ border: 1px solid #000; color: #fff;}

/*COLUMNAS*/
.HIzq{ position: relative; width: 50vw; height: 100vh; left: 0; top: 0;}
.HDer{ position: absolute; width: 50vw; height: 100vh; left: 50vw; top: 0; color: #14151a;}
.HDer .DivCell{ width: 37vw; left: 5vw; text-align: left;}
.HDer button{ border: 1px solid #14151a; color: #14151a;}
.HDer button:hover{ border: 1px solid #000; color: #fff;}

.Whi{ color: #fff;}
.Whi button{ border: 1px solid #fff; color: #fff;}

/*CONTACTO*/
.DsInline{ position:relative; display: inline-block; vertical-align: middle; width: 30vw; text-align: left; margin: 0 5vw;}
#map{ width: 100%; height: 80vh;}
#MsgError{ position: absolute; color:#ff5757;}

/*BIO RELA INSP */
.BtnsInfo{ width: 95%; margin: 15px 0;}
.BtnsInfo .button{ margin: 0; margin-left: -1px; display: inline-block; padding: 10px 0; text-align: center;}
.BtnsInfo .button:nth-of-type(1){ width: 30%;}
.BtnsInfo .button:nth-of-type(2){ width: 30%;}
.BtnsInfo .button:nth-of-type(3){ width: 40%;}
.BtnsInfo .button:hover{ border: 1px solid #fff; background: #fff; color: #14151a;}
.BtnsInfo .button.active{ border: 1px solid #fff; background: #fff; color: #14151a;}
.LosTxt{ display: none;}
.InspImage{ position: relative; display: inline-block; width: 20vw; height: 20vw; margin: 0.5vw; }

/*GALERIA*/
.ShowPics{ position: relative; width: 100%; margin: 1vw 0;}
.ShowPics img{ display: block; position: relative; width: auto; height: 100%; margin: 0 auto;}
.PrevAllGal{ text-align: center;}
.PrevGal{ display: inline-block; width: 5vw; height: 5vw; margin: 0;}

/*VIDEOS*/
.TxtVideo{ position: relative; display: inline-block; width: 74vw;}
.TxtVideo video{ width: 100%;}
.TxtMoreVd{ position: relative; display: inline-block; width:12vw; margin-left: 4vw; vertical-align: top;}
.TxtMoreVd img{ position: relative; display: block; width: 100%;}
.TxtMoreVd a{ position: relative; display: block; width:12vw; margin: 20px 0;}
.TxtMoreVd a:nth-of-type(1){margin: 0 0 20px;}
.TxtMoreVd a::before{ position: absolute; display:block; content: ""; background:rgba(0,0,0,0.1); width: 100%; height: 100%; left:0; top:0; z-index: 3;}
.TxtMoreVd a::after{ position: absolute; display:block; content: ""; background:url('../_img/ico-play.svg') no-repeat center center; background-size: 100% 100%; width: 40%; height: 40%; left:30%; top: 30%; z-index: 4;}
.TxtMoreVd a:hover::before{background:rgba(0,0,0,0.5);}

/*TERMINOS*/
.Terms{ padding: 18vh 5vw !important; height: auto !important;}
.Terms a{ color: #fff; text-decoration: underline;}

/*PROFESORES*/
#LosProfes{ overflow: hidden; cursor: none;}
#LosProfes canvas{ position: absolute; width:100%; height:100%; left: 50%; top: 50%;}
#SptfProf{ display: block; width: 95%; height: 330px; margin-top:50px;}

#ViewInfoClick{ background: #14151a; position: absolute; white-space: nowrap; color: #fff; padding:0; font-size: 1.8vh; line-height: 1.8vh; cursor: none;}
#ViewInfoClick span{ position: relative; display: inline-block; vertical-align: middle; }
#ViewInfoClick span:nth-of-type(1){ position: relative; display: inline-block; background: #fff; width:2.8vh; height:2.8vh;}
#ViewInfoClick span:nth-of-type(1) img{ position: absolute; width: 70%; height: 70%; left: 15%; top: 15%; }
#ViewInfoClick span:nth-of-type(2){ padding: 0 0.6vw;}
#ViewInfoClick.active span:nth-of-type(1) img{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }


/*RESPONSIVE*/
@media (max-width: 1600px){/*80%*/
	body{ font-size:15px; line-height:17px;}
	h1,h2,h3,h4{ margin: 12px 0px;}
	h1{ font-size:51px; line-height:40px;}
	h2{ font-size:26px; line-height:21px;}
	h3{ font-size:40px; line-height:32px;}
	h4{ font-size:32px; line-height:26px;}
	h5{ font-size:26px; line-height:21px;}
	h6{ font-size:21px; line-height:17px;}
	p{ margin: 12px 0px;}
	article{ padding: 48px 5vw;}
	button,.button{ padding: 10px 24px; font-size: 13px; line-height: 13px; letter-spacing: 3px; margin: 8px 0;}
	input,textarea{ font-size: 13px; line-height: 13px; padding: 8px; margin: 8px 0;}
	input[type="checkbox"]+label{ margin-left:24px; }
	input[type="checkbox"] + label::before{ width: 16px; height: 16px; left: -24px; }
	input[type="checkbox"]:checked + label::after{ width: 10px; height: 10px; top: 4px; left: -20px;}
	select{ font-size: 13px; line-height: 13px; padding: 4px 12px 4px 4px; }

	/*HEADER*/
	#Logo{ width: 98px; height: 94px; left:20px; top: 20px;}
	nav{ right: 32px; top: 48px; font-size: 12px; line-height: 12px;}
	nav li { margin: 0 12px;}
	nav ul ul li{ margin: 0 8px;}
	nav ul ul li a{ font-size: 10px; line-height: 10px;}
	ul li:hover ul{ padding-top: 8px;}

	#MM{ width: 24px; height: 25px; right: 32px; top: 42px;}
	#MM span{ width:16px; left:3px; top:12px; }
	#MM span::before{ top: -6px;}
	#MM span::after{ top: 6px;}

	/*SPOTIFY*/
	#SpotifyPlayer{ bottom: 48px;}
	#ShowSpotify{ width:24px; height:24px; bottom: 64px;}
	.isMobile #SpotifyPlayer{ bottom: 96px;}
	.isMobile #ShowSpotify{ bottom: 84px;}
	
	/*GOTOP*/
	#GoTop{ width:64px; height:64px; right: -80px;}
	#GoTop svg{ margin-top: -18px;}
	
	/*1 A LA VEZ*/
	.ShowAllMast h2{ margin-top: 48px;}	

	/*3 COLUMNAS*/
	.isMobile .column3 .Txt p{ margin: 8px 0;}
	.column3:hover .Txt p{ margin: 8px 0px;}

	/*4 COLUMNAS*/
	.isMobile .column4 .Txt p{ margin: 8px 0;}
	.column4:hover .Txt p{ margin: 8px 0;}

	/*LOADER*/
	#Loader .ALoader{ width: 192px; height: 192px; margin-left: -96px; margin-top: -96px;}
	#Loader .SLoader{ width: 72px; height: 16px; margin-left: -36px; margin-top: 85px;}
	#Loader .LLoader{ height: 156px; margin-top: -103px;}
	#Loader .LLoader svg{ width: 166px; height: 139px; top:-24px; }
	#Loader .LLoader div{ font-size: 24px; line-height: 24px; margin-top: 64px;}

	/*FOOTER*/
	footer{padding: 24px 0px;}
	footer a{ margin:4px 24px 4px 0;}
	footer svg{ width: 20px; height: 20px;}
	footer p{ margin: 16px 0;}
	
	/*BANNER IMAGENES*/
	.Bpoints{ bottom:68px;}
	.Bpoints .BnP{ width: 18px; height: 18px; margin: 0 4px;}
	.Bpoints .BnS{ width: 28px; height: 18px; margin: 0 4px;}
	.APrev{ width: 48px; height: 48px; left: 32px; padding: 12px; margin-top: -24px; }
	.ANext{ width: 48px; height: 48px; right: 32px; padding: 12px; margin-top: -24px;}	
	
	/*LISTADO*/
	.ShowMore{ height:24px;}
	.ShowMore a{ width:24px; height: 24px; padding: 4px;}
	
	/*IMAGE FULL*/
	.HFullDer .Up span{ bottom: 8px; font-size: 22px; line-height: 22px;}
	.HFullDer .Down span{ top:12px;}
	
	/*BIO RELA INSP */
	.BtnsInfo{ margin: 12px 0;}
	.BtnsInfo .button{ padding:8px 0;}
	
}
@media (max-width: 1000px){/* /10 */
	body{ font-size:1.8vw; line-height:2.2vw; letter-spacing: 0.1vw;}
	h1,h2,h3,h4{ margin: 1.5vw 0px;}
	h1{ font-size:6.4vw; line-height:5.1vw;}	
	h2{ font-size:3.2vw; line-height:2.6vw;}
	h3{ font-size:5.1vw; line-height:4vw;}
	h4{ font-size:4vw; line-height:3.2vw;}
	h5{ font-size:3.2vw; line-height:2.6vw;}
	h6{ font-size:2.6vw; line-height:2.1vw;}
	p{ margin: 1.5vw 0px;}
	article{ padding: 6vw 5vw;}
	button,.button{ padding: 1.2vw 3vw; font-size: 1.6vw; line-height: 1.6vw; letter-spacing: 0.4vw; margin: 1vw 0;}
	input,textarea{ font-size: 1.6vw; line-height: 1.6vw; padding: 1vw; margin: 1vw 0;}
	input[type="checkbox"]+label{ margin-left: 3vw; }
	input[type="checkbox"] + label::before{ width: 2vw; height: 2vw; left: -3vw;}
	input[type="checkbox"]:checked + label::after{ width: 1.4vw; height: 1.4vw; top: 0.4vw; left: -2.6vw;}
	select{ font-size: 1.6vw; line-height: 1.6vw; padding: 0.5vw 1.5vw 0.5vw 0.5vw; }

	/*HEADER*/
	#Logo{ width: 12.2vw; height: 11.7vw; left: 2vw; top: 2vw;}
	nav{ right: 4vw; top: 6vw; font-size: 1.4vw; line-height: 1.4vw; visibility: hidden;}
	nav li { margin: 0 1.5vw;}
	nav ul ul li{ margin: 0 1vw;}
	nav ul ul li a{ font-size: 1.2vw; line-height: 1.2vw;}
	ul li:hover ul{ padding-top: 1vw;}

	#MM{ visibility: visible; width: 3vw; height: 3.1vw; right: 4vw; top: 5.2vw;}
	#MM span{ width:2vw; left:0.4vw; top:1.4vw; }
	#MM span::before{ top: -0.7vw;}
	#MM span::after{ top: 0.7vw;}
	
	/*SPOTIFY*/
	#SpotifyPlayer{ bottom: 6vw;}
	#ShowSpotify{ width:3vw; height:3vw; bottom: 8vw;}
	.isMobile #SpotifyPlayer{ bottom: 12vw;}
	.isMobile #ShowSpotify{ bottom: 8vw;}

	/*GOTOP*/
	#GoTop{ width:8vw; height:8vw; right: -10vw;}
	#GoTop svg{ margin-top: -2.2vw;}
	
	/*1 A LA VEZ*/
	.ShowAllMast h2{ margin-top: 6vw;}
	.ShowAllM{ height: 30vw;}
	.ShowMast div{ height: 30vw;}
	.ShowMast .DivCell{ height: 30vw;}
	
	/*3 COLUMNAS*/
	.column3{ width: 43vw; height: 45vw; }
	.isMobile .column3 .Txt p{ margin: 1vw 0;}
	.column3:hover .Txt p{ margin: 1vw 0px;}

	/*4 COLUMNAS*/
	.column4{ width: 43vw; height: 45vw; }
	.isMobile .column4 .Txt p{ margin: 1vw 0;}
	.column4:hover .Txt p{ margin: 1vw 0px;}

	/*LOADER*/
	#Loader .ALoader{ width: 24vw; height: 24vw; margin-left: -12vw; margin-top: -12vw;}
	#Loader .SLoader{ width: 9vw; height: 2vw; margin-left: -4.5vw; margin-top: 10.6vw;}
	#Loader .LLoader{ height: 19.5vw; margin-top: -12.8vw;}
	#Loader .LLoader svg{ width: 20.7vw; height: 17.3vw; top:-3vw; }
	#Loader .LLoader div{ font-size: 3vw; line-height: 3vw; letter-spacing: 0.2vw; margin-top: 8vw;}
	
	/*FOOTER*/
	footer{ padding: 3vw 0px;}
	footer a{ margin: 0.5vw 3vw 0.5vw 0;}
	footer svg{ width: 2.4vw; height: 2.4vw;}
	footer p{ margin: 2vw 0;}

	/*BANNER IMAGENES*/
	.Bpoints{ bottom:8.5vw;}
	.Bpoints .BnP{ width: 2.3vw; height: 2.3vw; margin: 0 0.5vw; }
	.Bpoints .BnS{ width: 3.5vw; height: 2.3vw; margin: 0 0.5vw;}
	.APrev{ width: 6vw; height: 6vw; left: 4vw; padding: 1.5vw; margin-top: -3vw;}
	.ANext{ width: 6vw; height: 6vw; right: 4vw; padding: 1.5vw; margin-top: -3vw;}
	
	/*DESCRIPCION*/
	.DobleDiv .DivLeft{ width: 100%;}
	.DobleDiv .DivRight{ width: 100%;}
	
	/*LISTADO*/
	.Line span{ display: block; height: auto;}
	.Line span:nth-of-type(1){ width:100%; height: 25vw;}
	.Line span:nth-of-type(2){ width:100%; margin-left: 0; padding: 0 0;}
	.Line .DivCell{ display: block; height: auto;}
	.ShowMore{ height: 3vw;}
	.ShowMore a{width: 3vw; height: 3vw; padding: 0.5vw; }
	
	/*IMAGE FULL*/
	.HFullDer .Up span{ bottom: 1vw; font-size: 2.8vw; line-height: 2.8vw; letter-spacing: 0.02vw;}
	.HFullDer .Down span{ top:1.5vw;}
	
	/*BIO RELA INSP */
	.BtnsInfo{ width: 95%; margin: 1.5vw 0;}
	.BtnsInfo .button{ padding: 1vw 0;}
	
	/*GALERIA*/
	.PrevGal{ width: 10vw; height:10vw;}
	
	/*VIDEOS*/
	.TxtVideo{ width: 90vw;}
	.TxtMoreVd{ width:90vw; margin-left: 0vw;}
	.TxtMoreVd a{ display: inline-block !important; width:25vw; margin:1.5vw 2.5vw;}
	.TxtMoreVd a:nth-of-type(1){margin: 1.5vw 2.5vw;}
	
	/*PROFESORES*/
	#SptfProf{ height: 80px; margin-top:3vw;}

}
@media (orientation:portrait){
	body{ font-size:2vh; line-height:2.2vh; letter-spacing: 0.1vh;}
	h1,h2,h3,h4{ margin: 1.5vh 0px;}
	h1{ font-size:6.4vh; line-height:5.1vh;}
	h2{ font-size:3.2vh; line-height:2.6vh;}
	h3{ font-size:5.1vh; line-height:4vh;}
	h4{ font-size:4vh; line-height:3.2vh;}
	h5{ font-size:3.2vh; line-height:2.6vh;}
	h6{ font-size:2.6vh; line-height:2.1vh;}
	p{ margin: 1.5vh 0px;}
	article{ padding: 6vh 5vw;}
	article:nth-of-type(1){ padding:0;}
	button,.button{ padding: 1.2vh 3vh; font-size: 1.8vh; line-height: 1.8vh; letter-spacing: 0.4vh; margin: 1vh 0;}
	input,textarea{ font-size: 1.8vh; line-height: 1.8vh; padding: 1vh; margin: 1vh 0;}
	input[type="checkbox"]+label{ margin-left: 3vh; }
	input[type="checkbox"] + label::before{ width: 2vh; height: 2vh; left: -3vh;}
	input[type="checkbox"]:checked + label::after{ width: 1.4vh; height: 1.4vh; top: 0.4vh; left: -2.6vh;}
	select{ font-size: 1.8vh; line-height: 1.8vh; padding: 0.5vh 1.5vh 0.5vh 0.5vh; }
	
	/*HEADER*/
	#Logo{ width: 12.2vh; height: 11.7vh; left: 2vh; top: 2vh;}
	nav{ right: 4vh; top: 6vh; font-size: 1.4vh; line-height: 1.4vh; visibility: hidden;}
	nav li { margin: 0 1.5vh;}
	nav ul ul li{ margin: 0 1vh;}
	nav ul ul li a{ font-size: 1.2vh; line-height: 1.2vh;}
	ul li:hover ul{ padding-top: 1vh;}

	#MM{ visibility: visible; width: 3vh; height: 3.1vh; right: 4vh; top: 5.2vh;}
	#MM span{ width:2vh; left:0.4vh; top:1.4vh; }
	#MM span::before{ top: -0.7vh;}
	#MM span::after{ top: 0.7vh;}
	
	/*SPOTIFY*/
	#SpotifyPlayer{ bottom: 4vh;}
	#ShowSpotify{ width:3vh; height:3vh; bottom: 6vh;}
	.isMobile #SpotifyPlayer{ bottom: 9vh;}
	.isMobile #ShowSpotify{ bottom: 5vh;}
	
	/*GOTOP*/
	#GoTop{ width:8vh; height:8vh; right: -10vh; bottom: 3vh;}
	#GoTop svg{ margin-top: -2.2vh;}
	
	/*1 A LA VEZ*/
	.ShowAllMast h2{ margin-top: 6vh;}
	.ShowAllM{ height: 75vh;}
	.ShowMast div:nth-of-type(1){ width:100vw; height: 20vh; left: 0vw; top:0;}
	.ShowMast div:nth-of-type(1) .DivCell{ width: 90vw; height: 20vh; left: 5vw;}
	.ShowMast div:nth-of-type(2){ width:100vw; height: 55vh; left: 0vw; top:20vh;}
	
	/*2 COLUMNAS*/
	.InfoShows{  margin: 4vh 0; padding-bottom: 2vh;}
	.InfoShows div{ width: 100%;}
	.InfoShows div:nth-of-type(1){ padding-bottom:0vh;}
	.InfoShows div:nth-of-type(2){ position: relative; width: 100%; height: 30vh; left: 0; top: 0;}
	/*.InfoShows:nth-of-type(even) div:nth-of-type(1){ position: relative; width: 100%; height: 30vh; left: 0; top: 0;}
	.InfoShows:nth-of-type(even) div:nth-of-type(2){ padding-bottom: 0vh; position: relative; width: 100%; height: auto; left: 0%;}*/
	
	/*3 COLUMNAS*/
	.column3{ width: 90vw; height: 55vw; margin: 1vh 0;}
	.column3 .Txt{ padding: 2% 5%;}
	.isMobile .column3 .Txt p{ margin: 1vh 0;}
	.column3:hover .Txt p{ margin: 1vh 0;}	
	
	/*4 COLUMNAS*/
	.column4{ width: 90vw; height: 55vw; margin: 1vh 0;}
	.column4 .Txt{ padding: 2% 5%;}
	.isMobile .column43 .Txt p{ margin: 1vh 0;}
	.column4:hover .Txt p{ margin: 1vh 0;}	
	
	/*FOOTER*/
	footer{ padding: 3vh 0px; text-align: center;}
	footer .footerCnt div:nth-of-type(1){ width:100%;}
	footer .footerCnt div:nth-of-type(2){ width:100%;}
	footer .footerCnt div:nth-of-type(3){ width:100%;}
	footer a{ margin: 0.5vh 3vh 0.5vh 0;}
	footer svg{ width: 2vh; height: 2vh;}
	footer p{ margin: 2vh 0;}
	
	/*BANNER IMAGENES*/
	.Bpoints{ bottom:8.5vh;}
	.Bpoints .BnP{ width: 2.3vh; height: 2.3vh; margin: 0 0.5vh; }
	.Bpoints .BnS{ width: 3.5vh; height: 2.3vh; margin: 0 0.5vh;}
	.APrev{ visibility: hidden;}
	.ANext{ visibility: hidden;}
	
	/*LISTADO*/
	.Line span{ display: block; height: auto;}
	.Line span:nth-of-type(1){ width:100%; height: 25vh;}
	.Line span:nth-of-type(2){ width:100%; margin-left: 0; padding: 0 0;}
	.Line .DivCell{ display: block; height: auto;}
	.ShowMore{ height: 3vh;}
	.ShowMore a{width: 3vh; height: 3vh; padding: 0.5vh; }
	
	/*MENU FULL*/
	.DisciMen a{ position: relative;}
	/*
	.DisciMen a{ background:#24252a; display: block; position: absolute; overflow: hidden;}
	.DisciMen a div:nth-of-type(1){ display: block; position: absolute; width: 100%; height: 100%; top:0; left: 0; -webkit-transition: background-position 0.6s ease, -webkit-filter 0.6s ease; transition: background-position 0.6s ease, filter 0.6s ease; z-index: 2;  -webkit-filter: grayscale(0.6); filter: grayscale(0.6);}
	.DisciMen a .DivCell{ z-index: 1; color:#fff;}
	.DisciMen a p{ font-family: 'M-ExtraLight'; text-transform: uppercase;}
	.DisciMen a:hover div:nth-of-type(1){ -webkit-filter: grayscale(0); filter: grayscale(0);}
	.isMobile .DisciMen a div:nth-of-type(1){ -webkit-filter: grayscale(0); filter: grayscale(0);}*/

	/*IMAGE FULL*/
	.HFull{ height: 60vh;}
	.HFullDer{ width: 90vw; height: 40vh; left:10vw; top: 60vh; color: #fff;}
	.HFullDer .DivCell{ width: 90vw; height: 38vh; text-align: left;}
	.HFullDer button{ border: 1px solid #fff; color: #fff;}
	
	/*COLUMNAS*/
	.HIzq{ position: relative; width:100vw; height: 60vh; left: 0; top: 0;}
	.HDer{ position: absolute; width:100vw; height: 40vh; left: 0vw; top:60vh;}
	.HDer .DivCell{ width: 90vw; height: 40vh; left: 5vw;}
	
	/*CONTACTO*/
	.DsInline{ width: 90%; margin: 5vh 0;}
	
	/*BIO RELA INSP */
	.BtnsInfo{ margin: 1.5vh 0;}
	.BtnsInfo .button{ padding: 1vh 0;}
	.InspImage{ width: 43vw; height:43vw; margin: 0.5vh;}

	/*VIDEOS*/
	.TxtMoreVd a{ width:40vw; }
	
	/*PROFESORES*/
	#SptfProf{ height: 80px; margin-top:3vh;}


}