@charset "utf-8";
/* CSS Document */

.videosss {
padding:0!important;
margin:0!important;
overflow:hidden;
background:#526fac;
-webkit-transition:  0.2s; /* Safari */
    transition: 0.2s;
}
.overauto {overflow:auto!important}
.videosss .video-container { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden; z-index:5; opacity:0}
/*.videosss .video-container { position: relative; width:100%; height: 100%; z-index:5; opacity:0}*/

.videosss .video-container iframe, .videosss .video-container object, .videosss .video-container embed { position: absolute; top: 0; left: 0% !important; width: 100% !important; height: 100% !important; }
.videosss div.info.tiempos {position:absolute; top:0; left:0; z-index:119; background:rgba(255,255,255,0.4); padding:10px; color:#000}

.videosss #bloqueador {width:100%; height:100%; position:fixed; z-index:10; background:rgba(255,255,255,0);}
.videosss #backkk {width:100%; height:100%; position:absolute; z-index:3; background:rgba(0,0,0,0.5); opacity:0; left:0; top:0}

.videosss section.videin, .videosss section#dashboard {/*padding:0!important;*/ margin:0!important;/* height:100vh;*/ position:absolute; vertical-align:middle; display:none; width:100vw; /*overflow:hidden;*/ z-index:99; padding:100px 0 0 0!important;/*padding:120px 0 0 0!important;*/  min-height:100vh}

.videosss section#dashboard {display:table!important; padding-top:0!important}
.videosss section.videin.active {display:table}
.videosss section.videin .titulo {
color:#fff;
text-align:center;
font-weight:normal;
text-transform:uppercase;
font-size:70px;/*80px;*/
line-height:1.2;
/*display:table-cell;
vertical-align:middle;*/
position:relative;
top:-400px;
opacity:0;
z-index:6;
font-family: 'GothamUltra';
display:inline-block
}
.videosss section.videin .titulo-ch {
color:#fff;
text-align:center;
font-weight:normal;
font-size:55px;
line-height:1.2;
font-family: 'GothamUltra';
position:relative;
opacity:0;
top:-100px;
display:block;
cursor:pointer
}

.videosss section.videin .contenido {
display:table-cell;
vertical-align:middle;
/*vertical-align:top;*/
position:relative;
text-align:center;
position:relative;
z-index:6
}

.videosss section.videin .contenido div.interacciones {position:relative; margin:auto; /*top:-260px;*/ margin-top:40px; opacity:0; z-index:5}
.videosss section.videin .contenido div.interacciones a {height:auto!important; margin:0!important; padding:0!important; z-index:100}
.videosss section.videin .contenido div.interacciones a img {border:0!important; display:block; margin:0!important; padding:0!important; -webkit-transition:  0.2s; /* Safari */
    transition: 0.2s;
}

.videosss section.videin .contenido div.interacciones a:hover img {z-index:999!important; transform: scale(1.5)!important;}
.videosss section.videin .tablon { width:657px; height:auto; position:relative!important; opacity:1!important; transform: scale(1)!important;}

.videosss .cerrar {width:68px; left:-20px; top:18px;}


.videosss section.videin ul#accesos {
display:block;
list-style:none;
padding:0;
margin:45px 0 0 0;
opacity:0;
top:-260px;
}
.videosss section.videin ul#accesos li{
display:inline-block;
list-style:none;
padding:0;
margin:0 12px;
}

.videosss section.videin ul#accesos li a {height:auto!important; margin:0!important; padding:0!important; z-index:100}
.videosss section.videin ul#accesos li a img {height:41px; width:auto; border:0!important; display:block; margin:0!important; padding:0!important; -webkit-transition:  0.2s; /* Safari */
    transition: 0.2s;
}

.videosss.comienzo section.videin ul#accesos li a img {height:81px!important}
.videosss section.videin ul#accesos a:hover img {z-index:999!important; transform: scale(1.5)!important;}

.videosss section.videin ul#accesos.academy li.btn-info {background:none!important; border:none!important}
.videosss section.videin ul#accesos.academy li a img {height:100px!important}

.videosss section.videin .interacciones ul {
display:block;
list-style:none;
padding:0;
margin:30px 0 0 0;/*25px 0 0 0;*/
}
.videosss section.videin .interacciones ul li{
display:inline-block;
list-style:none;
padding:0;
margin:0 12px;
}
.videosss section.videin .interacciones ul li a img {height:58px; width:auto; border:0!important; display:block; margin:0!important; padding:0!important; -webkit-transition:  0.2s; /* Safari */
    transition: 0.2s;
}


	
.videosss section.videin .destino {
margin:0;
padding:0;
text-align:center;
opacity:0}
.videosss section.videin .destino img {height:81px; width:81px; display:inline-block}
.videosss section.videin .destino figcaption {
font-size:18px;/*30px; 25px*/
line-height:1.2;
color:#fff;
display:block;
text-align:center;
padding:10px 0 20px 0;
margin:0;
font-weight:bold!important;
/*font-family: 'Grand Hotel', cursive;*/
font-family: 'GothamMedium', cursive;
text-transform:uppercase;

}

.videosss .popup.activamePopup { z-index:120; position: absolute!important}

.videosss .popup {
background:#7bacbe;
width: 100%;
height: 100%;
position: fixed;
top:-100%;
left:0;
vertical-align: middle;
display:table;
z-index:0;/*120;*/
opacity:0;
}
.videosss .popup .contenido {padding-top:150px;/*100px*/}
.videosss .popup .tag {position:absolute; /*top:45px; left:45px;*/padding-top:7px; padding-left:268px; width:100%; top:0; left:0; z-index:5; -webkit-transition:  0.2s; /* Safari */
    transition: 0.2s;
	display: table;
    vertical-align: middle;
    height: 91px;
}
.videosss .popup .tag:before {content:' '; display:table-cell; width:33px; height:91px; background:url(../../images/division-header.png) top left no-repeat}

.videosss .popup .tag img {height:77px; width:auto; display:table-cell; margin-top:8px; -ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
    transform: rotate(-10deg); -webkit-transition:  0.2s; /* Safari */
    transition: 0.2s;
}

	
/*SCROLLADO*/
.videosss .popup .tag.scrolleado { background:rgba(255,255,255,0.5); padding:10px 30px 10px 268px!important; }	
.videosss .popup .tag.scrolleado img { height:41px!important margin-top: 18px!important}


	
.videosss .popup .titpop {
color:#fff;
text-align:center;
font-weight:normal;
font-size:41px;
line-height:1.2;
font-family: 'GothamUltra';
position:relative;
display:block;
text-transform:uppercase
}
.videosss .popup .titpop span {
font-family: 'GothamBook'!important;
}
.videosss .popup .subtitpop {
font-size:20px;/*30px;*/
line-height:1.2;
color:#fff;
display:block;
text-align:center;
padding:0;
margin:0 0 20px 0;
font-weight:normal!important; /*400*/
/*font-family: 'Grand Hotel', cursive;*/
font-family: 'GothamMedium', cursive;
text-transform:uppercase;


}
.videosss .btn-cerrar {visibility:hidden}

.pageload-overlay {z-index:9999!important; display:block}

.pageload-overlay svg path {
/*fill:#526fac!important*/
fill: rgba(255,255,255,0.1)!important;
}
.pageload-overlay:after {display:none!important}

.pageload-overlay:before {
background:url(../images/preload.png) top left no-repeat!important;
background-size:100% auto!important;
/*width:40px!important;
height:72px!important;*/
/*width:120px!important;
height:131px!important;
margin-left:-60px!important;
margin-top:-66px!important;*/
width:101px!important;
height:109px!important;
margin-left:-50px!important;
margin-top:-55px!important;
border-radius:0px!important;
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-animation: Agrandar 0.6s linear infinite alternate;
animation: Agrandar 0.6s linear infinite alternate;
}

@-webkit-keyframes Agrandar {
	to { -webkit-transform: scale(1.2); }
}

@keyframes Agrandar {
	to { transform: scale(1.2); }
}



.atroden {clear:both}
.scrollaaaaa {padding: 25px}
.videosss .popup.activamePopup .contenido{
display: block!important;
    vertical-align: top!important;
    overflow: auto!important;
    /* min-height: 100%!important; */
    /* height: auto!important; */
    /*height: 100%!important;*/
	height: 100vh!important;
}
.misha_loadmore {color:#fff; background:none!important; padding:25px; display:inline-block; float:none}

.misha_loadmore img {height:41px; width:auto; border:0!important; display:block; margin:0!important; padding:0!important; -webkit-transition:  0.2s; /* Safari */
    transition: 0.2s;
}
.misha_loadmore:hover img {z-index:999!important; transform: scale(1.5)!important;}

.cajon {
padding:0 20px 40px 20px;
margin:0;
display:block;
overflow:hidden;
max-width:940px
}
.cajon:after {
/*content:' ';
display:block;
background:#fff;
height:3px;
width:100%;
position:relative;
bottom:-8px
*/}
.cajon .not-fecha {
	background:#fff;
	color:#92B5CE;
	/*font-size:28px;*/
	font-size:24px;
	padding:15px 30px;
	text-align:left;
	font-family: 'GothamMedium';
	text-transform:uppercase;
}
.cajon .not-fecha:after {
content:' ';
background:#92B5CE;
display:block;
width:45px;
height:3px;
}
.not-multi {position:relative; width:100%; display:block}

.not-multi .ppcontrol  {opacity:1!important;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%!important;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;

}
.not-multi .owl-nav {
 position: absolute;
    top: 0;
    width: 100%;
    height: 100%!important;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
	margin:0 auto!important
}
.not-multi .ppcontrol .pback, .not-multi .owl-nav .owl-prev {
    position: absolute;
    width: 40px;
    height: 104px;
    text-align: center;
    margin: -52px 0 0 0!important;
	padding:0!important;
    top: 50%;
    left: 15px;
    cursor: pointer;
    z-index: 4;
    -webkit-transition: 0.2s;
    transition: 0.2s;
	background:rgba(255,255,255,0)!important;
}
.not-multi .ppcontrol .pnext, .not-multi .owl-nav .owl-next {
    position: absolute;
    width: 40px;
    height: 104px;
    text-align: center;
    margin: -52px 0 0 0!important;
	padding:0!important;
    top: 50%;
    right: 15px;
    cursor: pointer;
    z-index: 4;
    -webkit-transition: 0.2s;
    transition: 0.2s;
	background:rgba(255,255,255,0)!important;	
}
.not-multi .ppcontrol .pback:hover,.not-multi .ppcontrol .pnext:hover, .not-multi .owl-nav .owl-prev:hover, .not-multi .owl-nav .owl-next:hover {
    transform: scale(1.2)!important;
}
.not-multi .ppcontrol img { width:40px!important; height:auto}
.not-multi .ppcontrol > div {cursor:pointer}
.cajon .not-multi img { /*width:100%; height:auto*/
/*width:100%!important; height:auto!important;*/ height: auto!important; max-width: 100%!important; display:inline-block!important; width: 100%!important}
.owl-carousel .owl-item {text-align:center!important; display:block!important}
.owl-carousel .owl-stage-outer {/*height:auto!important*/}
.owl-stage-outer.owl-height {
	height: auto;
}

.cajon .not-multi .not-video { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden;}
.cajon .not-multi .not-video iframe, .cajon .not-multi .not-video object, .cajon .not-multi .not-video embed { position: absolute; top: 0; left: 0% !important; width: 100% !important; height: 100% !important; }

.cajon .not-multi .not-videoup { position: relative; margin-bottom: -4px; overflow:hidden}
.cajon .not-multi .not-videoup > video { width:100%!important; height:auto!important}


.cajon .not-tags {
background:#fff;
color:#9E9E9E;
text-align:center;
padding:30px 20px 0px 20px;
font-size:12px;
line-height:1.8;
font-family: 'GothamMedium';
	text-transform:uppercase;
}
.cajon .not-tit {
background:#fff;
color:#92B5CE;
text-align:left;
padding:0 30px 20px 30px;
font-family: 'GothamBold';
font-size:28px;
	text-transform:uppercase;
}
.cajon .not-tit h3 {
color:#92B5CE;
/*font-size:28px;*/
font-size:20px;
margin:0;

}
.cajon .not-cont {
background:#fff;
color:#9E9E9E;
text-align:left;
padding:0 30px 30px 30px;
font-size:13px;
font-family: 'GothamMedium';
line-height:1.6
}
.cajon .not-cont p:last-child {margin-bottom:0!important}
.grupete.moddescargas .cajon .not-fecha, .grupete.moddescargas .cajon .not-tags, .grupete.moddescargas .cajon .not-tit, .grupete.moddescargas .cajon .not-cont {
display:none!important}

.grupete.modinfografias .cajon .not-fecha, .grupete.modgaleria .cajon .not-multi.imgnotas, .grupete.modinfografias .cajon .not-multi.imgnotas {
display:none!important
}
.grupete.modgaleria .cajon .not-tit h3, .grupete.modinfografias .cajon .not-tit h3 {
font-size: 20px!important;
}
.grupete.modvirgen .cajon .not-fecha, .grupete.modesqueleto .cajon .not-tit, .grupete.modesqueleto .cajon .not-tags, .grupete.modesqueleto .cajon .not-cont, .grupete.modesqueleto .cajon .not-multi.imgnotas {
display:none!important
}
.grupete.modvirgen .cajon .not-multi.imgfulli, .grupete.modgaleria .cajon .not-multi.imgfulli, .grupete.modinfografias .cajon .not-multi.imgfulli {
display:block!important;
}

.grupete.modbienvenida .cajon .not-fecha, .grupete.modbienvenida .cajon .not-tags {
display:none!important}

.grupete.modbienvenida .cajon .not-tit, .grupete.modbienvenida .cajon .not-cont {background:none!important}
.grupete.modbienvenida.grupete .cajon .not-tit h3 {
font-size: 65px!important; color:#fff!important; text-align:center!important; font-family: 'GothamUltra'!important;
}
.grupete.modbienvenida.grupete .cajon .not-tit {padding-top:40px!important}
.grupete.modbienvenida.grupete .cajon .not-cont {color:#fff!important}


.cajon .not-multi.imgfulli {display:none}
.descargli {text-align:center; padding-bottom:30px;}
.descargli img {display:inline-block; width:100%; height:auto; max-width:85px}
.descargli h4 { display:block; text-align:center; color:#fff; font-weight:normal!important; font-size:13px; font-family: 'GothamMedium'; transform: scale(1); -webkit-transition:  0.2s; /* Safari */
    transition: 0.2s;}
.descargli:hover img {opacity:0.7}
.descargli:hover h4{transform: scale(1.5)!important;}

@media only screen and (min-width: 1200px) {
	.descargli:nth-child(6n+1) { clear:both!important}
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
	.descargli:nth-child(4n+1) { clear:both!important}
}
@media only screen and (max-width: 768px) {
	.descargli:nth-child(2n+1) { clear:both!important}
}

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

.grupete.modbienvenida .cajon, .grupete.moddescargas .cajon, .grupete.modinfo .cajon, .grupete.modvirgen .cajon, .grupete.modtablon .cajon {
	width:66.66666667%!important;
	float:none!important;
	margin-left:auto!important;
	margin-right:auto!important
}

}

.videosss section.videin ul#accesos.especial li {background:none!important}
.videosss section.videin ul#accesos.especial li span.titnivel { background:none; color:#fff; display:block; text-align:center; /*font-size: 34px;*/ font-size: 25px; line-height: 1.2;
    padding: 10px 0 20px 0;
    margin: 0;
    font-weight: bold!important;
    font-family: 'GothamUltra', cursive;
    text-transform: uppercase;

}
.videosss section.videin ul#accesos.especial li a {display: inline-block; padding: 0; margin: 0 5px!important}


.fantomfrase { position:fixed; bottom:0px; left:0; width:100%; text-align:center; color:#fff; display:block; font-size: 17px; line-height: 1.2;
    padding: 25px 0 ;
    margin: 0;
    font-family: 'GothamMedium'; letter-spacing:2px; font-weight:400;
    text-transform: uppercase; z-index:999; opacity:1; -webkit-transition:  0.2s; /* Safari */
    transition: 0.2s; 
	}
	
.fantomfrase strong, .fantomfrase b {/*font-family: 'GothamUltra'!important; font-weight:normal!important*/}	

.fantomfrase.ocultafrase {opacity:0!important}
	
@media only screen and (max-width: 1200px) { .fantomfrase {display:none!important}}	

.btn-tutorial {display:none!important}




.videosss section#dashboard ul#accecin {
display:block;
list-style:none;
padding:0;
margin:45px 0 0 0;
opacity:1;
}
.videosss section#dashboard ul#accecin li{
display:inline-table;
list-style:none;
padding:0;
margin:0 12px; text-align:center;
opacity:0;
/*top:-300px;*/
position:relative
}
.videosss section#dashboard ul#accecin li.escudin {display:block!important; margin-bottom:60px!important; }
.videosss section#dashboard ul#accecin li.escudin img {width:360px!important; /*444px*/ height:auto!important; animation-name: none!important;}

.videosss section#dashboard ul#accecin li {height:auto!important; margin:0!important; padding:0 20px!important; z-index:100; -webkit-transition: 0.2s; transition: 0.2s;}

.videosss section#dashboard ul#accecin li img {-webkit-transition: 0.2s; transition: 0.2s; animation-name: atencion; animation-duration: 1s; animation-iteration-count: infinite; -webkit-animation-name:atencion; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite;}

@keyframes atencion { 0% { margin: translateY(0px);} 50% {transform: translateY(10px)} 100% {transform: translateY(0px)} }


.videosss section#dashboard ul#accecin li img {height:95px; /*height:82px;*/ width:auto; border:0!important; display:inline-block; margin:0!important; padding:0!important; -webkit-transition:  0.2s; /* Safari */
    transition: 0.2s;
}
.videosss section#dashboard ul#accecin li div {
    color: #fff;
    text-align: center;
    display: block;
	font-size: 15px;
    font-family: 'GothamMedium', cursive; text-transform:uppercase;
    margin-top: 15px;
}


/* ULT01-08*/