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

.blogsp {
padding:0!important;
margin:0!important;
background:#5c7fa7;
top:-10000000000px;
width:100%;
visibility:hidden;
position:absolute;
z-index: 989;
/*min-height: 100vh;*/
height:100vh;
overflow-y:auto;
overflow-x:hidden!important;
display:block;
-webkit-transition:  0.2s; /* Safari */
    transition: 0.2s;
}
.blogsp.mostrarBlog {
top:0!important;
visibility:visible!important
}

.blogsp section {/*padding:0!important;*/ margin:0!important; /*height:100vh; */position:relative;/* vertical-align:middle;*/ display:block; width:100vw; overflow:hidden; /*padding:100px 0 0 0!important; min-height:100vh*/ height:auto!important; padding:80px 0 58px 0!important; /*padding:80px 0 58px 0!important*/}


.blogsp section.active {display:table}
.blogsp .titulo {
color:#253043;
text-align:center;
font-weight:normal;
font-size:80px;
line-height:1.2;
display:block;
vertical-align:middle;
position:relative;
top:-400px;
opacity:0;
font-family: 'GothamUltra';
cursor:auto!important

}
.blogsp .titulo-ch {
color:#fff;
text-align:center;
font-weight:normal;
font-size:35px;
line-height:1.2;
font-family: 'GothamUltra';
position:relative;
opacity:0;
top:-100px;
display:block;
cursor:auto!important

}

.blogsp .contenido {
/*display:table-cell;
vertical-align:middle;*/
position:relative;
text-align:center;
position:relative;
/*overflow:hidden;*/
display:block!important
}

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


.blogsp ul#accesos a {height:auto!important; margin:0!important; padding:0!important; z-index:100; display:inline-block; position:relative}

.blogsp ul#accesos a div {color: #fff; text-align: center; position: absolute; display: block; width: 200px; margin-left:-100px; left:50%; opacity:0; font-size:13px; font-family:'GothamMedium', cursive; margin-top:10px }
.blogsp ul#accesos a img {border:0!important; width:auto; display:block; margin:0!important; padding:0!important; opacity:1;}
.blogsp ul#accesos a:hover {z-index:999!important; transform: scale(1.2)!important;}
.blogsp ul#accesos a:hover div {opacity:1}
.blogsp ul#accesos {
list-style:none;
margin:auto;
padding:0;
display:block;
position:relative;
text-align:center;
opacity:1;
}
.blogsp ul#accesos > li {
list-style:none;
padding: 0 10px;
margin:22px auto;
float:none;
clear:both;
display:inline-block;
}

.blogsp #presentacion {
background:#CCDCE0;
opacity:0;
padding:150px 0 80px 0!important;
}
.blogsp #blockinicial {
background:#DE4E3B;
opacity:0;
}
.blogsp #blockprimaria {
background:#39589A;
opacity:0;
}
.blogsp #blocksecundaria{
background:#63A26E;
opacity:0;
}
.blogsp #blockactividades{
background:#253043;
opacity:0;
}
.blogsp #blockacademias{
background:#732F5D;
opacity:0;
}
.blogsp #blockacademiaingles{
background:#af3637;
opacity:0;
}
.blogsp #blockaccionessolidarias{
background:#a4d0dd;
opacity:0;
}
.blogsp #blockaccionessolidarias .titulo-ch {
color:#5c7fa7!important
}
.blogsp #blockaccionessolidarias ul#accesos a div {
color:#39589A!important
}

.blogsp #blockviajeskalai{
background:#694a38;
opacity:0;
}


.blogsp .info {
opacity:0;
padding:0px 0
}

.blogsp .data {
font-style:italic;
color:#fff;
font-family: 'Droid Serif', serif; font-size:30px
}
.blogsp .data a {color:#fff}
.blogsp #presentacion .data span, .blogsp #presentacion .data a:hover {color:#ecb747}

.blogsp .gallery {height:450px!important}
.blogsp .gallery, .ppcontrol {opacity: 0}
.blogsp .owl-carousel {z-index:inherit!important}
.blogsp .owl-carousel.owl-drag .owl-item {padding:0; margin:0; z-index:999}
.blogsp .gallery, .blogsp .gallery a, .blogsp .owl-stage-outer, .blogsp .owl-stage { display:block; padding:0; margin:0}
.blogsp .gallery img { height:450px; width:auto!important}

.blogsp .ppcontrol {
position:absolute;
/*top:0;*/
width:100vw;
/*height:100vh!important;*/
margin-left:auto;
margin-right:auto;
overflow:hidden;
height:450px!important; top:122px!important
}
.blogsp .ppcontrol >div:hover {
z-index:999!important; transform: scale(1.5)!important;
}
.blogsp .pback {
position:absolute;
width:73px;
height:73px;
text-align:center;
margin-top:-37px;
top:50%;
left:15px;
cursor:pointer;
z-index:9998;
-webkit-transition:  0.2s; /* Safari */
    transition: 0.2s;
}
.blogsp .pnext {
position:absolute;
width:73px;
height:73px;
text-align:center;
margin-top:-37px;
top:50%;
right:15px;
cursor:pointer;
z-index:9998;
-webkit-transition:  0.2s; /* Safari */
    transition: 0.2s;
}

.blogsp .gallery {
padding:0;
margin:0;
 position:relative}
 
.blogsp li.btn-cerrar {visibility:hidden}


.popupblog.popupblogss.activameBlog {
    z-index: 989!important;
    position: absolute!important;
}






.videosss .popupblog {
background:#7bacbe;
width: 100%;
height: 100%;
position: fixed;
top:-100%;
left:0;
vertical-align: middle;
display:table;
z-index:0;/*120;*/
opacity:0;
}
.videosss .popupblog .contenido {padding-top:150px;/*100px*/}
.videosss .popupblog .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 .popupblog .tag:before {content:' '; display:table-cell; width:33px; height:91px; background:url(../../images/division-header.png) top left no-repeat}

.videosss .popupblog .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 .popupblog .tag.scrolleadoBlog { background:rgba(255,255,255,0.5); padding:10px 30px 10px 268px!important; }	
.videosss .popupblog .tag.scrolleadoBlog img { height:41px!important; margin-top: 18px!important}


	
.videosss .popupblog .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 .popupblog .titpop span {
font-family: 'GothamBook'!important;
}
.videosss .popupblog .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 .popupblog.activameBlog .contenido{
display: block!important;
    vertical-align: top!important;
    overflow: auto!important;
    /* min-height: 100%!important; */
    /* height: auto!important; */
    /*height: 100%!important;*/
	height: 100vh!important;
}