@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'GothamUltra';
    src: url('../fonts/GothamUltra.eot');
    src: url('../fonts/GothamUltra.eot') format('embedded-opentype'),
         url('../fonts/GothamUltra.woff2') format('woff2'),
         url('../fonts/GothamUltra.woff') format('woff'),
         url('../fonts/GothamUltra.ttf') format('truetype'),
         url('../fonts/GothamUltra.svg#GothamUltra') format('svg');
}
@font-face {
    font-family: 'GothamBook';
    src: url('../fonts/GothamBook.eot');
    src: url('../fonts/GothamBook.eot') format('embedded-opentype'),
         url('../fonts/GothamBook.woff2') format('woff2'),
         url('../fonts/GothamBook.woff') format('woff'),
         url('../fonts/GothamBook.ttf') format('truetype'),
         url('../fonts/GothamBook.svg#GothamBook') format('svg');
}
@font-face {
    font-family: 'GothamMedium';
    src: url('../fonts/GothamMedium.eot');
    src: url('../fonts/GothamMedium.eot') format('embedded-opentype'),
         url('../fonts/GothamMedium.woff2') format('woff2'),
         url('../fonts/GothamMedium.woff') format('woff'),
         url('../fonts/GothamMedium.ttf') format('truetype'),
         url('../fonts/GothamMedium.svg#GothamMedium') format('svg');
}
@font-face {
    font-family: 'GothamLight';
    src: url('../fonts/GothamLight.eot');
    src: url('../fonts/GothamLight.eot') format('embedded-opentype'),
         url('../fonts/GothamLight.woff2') format('woff2'),
         url('../fonts/GothamLight.woff') format('woff'),
         url('../fonts/GothamLight.ttf') format('truetype'),
         url('../fonts/GothamLight.svg#GothamLight') format('svg');
}
@font-face {
    font-family: 'GothamBold';
    src: url('../fonts/GothamBold.eot');
    src: url('../fonts/GothamBold.eot') format('embedded-opentype'),
         url('../fonts/GothamBold.woff2') format('woff2'),
         url('../fonts/GothamBold.woff') format('woff'),
         url('../fonts/GothamBold.ttf') format('truetype'),
         url('../fonts/GothamBold.svg#GothamBold') format('svg');
}

@import url('https://fonts.googleapis.com/css?family=Droid+Serif:400,400i');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,900|Roboto+Condensed:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Grand+Hotel');


/*font-family: 'Roboto Condensed', sans-serif;
font-family: 'Roboto', sans-serif;*/
a, button, .background, .video a .bkvideo img {
	-webkit-transition:  0.2s; /* Safari */
    transition: 0.2s;
}
*:focus {outline:none!important}
a:hover *,a:focus *,a:active *, a:link *, a:visited * {text-decoration:none!important}

a {cursor:pointer}
:hover,:focus {text-decoration:none!important}
body { color:#fff; overflow-x:hidden!important; background:#fafafa; font-family: 'Roboto Condensed', sans-serif;}
a:hover {text-decoration:none}

.center { text-align:center}
img { max-width:100%; height:auto}
.right {text-align:right}
.clearfix { clear:both}

.navbar-fixed-bottom, .navbar-fixed-top {z-index:990}
nav {background:none!important}
nav .container-fluid {padding-left:50px; padding-right:50px; padding-top:35px;/*30px*/}
.navbar {margin-bottom:0}
.navbar-brand {width:145px; height:auto; margin:0 auto!important; padding:0}
.navbar-toggle {background:#5ca1d9; margin-top:10px!important; margin-left:auto!important; margin-right:auto!important;}
.navbar-toggle .icon-bar {background:#fff}
.navbar-header {margin:0 auto!important}
.navbar-nav>li {font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; color:#fff; text-transform:uppercase}
.navbar-nav>li>a {position:relative}
.navbar-nav>li>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:15px }
.navbar-nav>li>a:hover div {opacity:1}
.nav>li>a img {
-webkit-transition:  0.2s; /* Safari */
    transition: 0.2s;
}
	
.navbar-nav>li>a:hover, .navbar-nav>li>a:active, .navbar-nav>li>a:focus, .open>a {/*background:#5ca1d9!important;*/background:none!important; color:#fff!important}
/*.nav>li>a:hover img {z-index:999!important; transform: scale(1.5)!important;}*/
.nav>li>a:hover {z-index:999!important; transform: scale(1.5)!important;}


.navbar-nav.usermenu>li>a:hover, .navbar-nav.usermenu>li>a:active, .navbar-nav.usermenu>li>a:focus, .open>a {background:none!important; color:#5ca1d9!important}

body.tablonnn.degrade {
background: rgba(180,220,209,1);
background: -moz-linear-gradient(top, rgba(162,198,188,1) 0%, rgba(162,198,188,1) 70%, rgba(180,220,209,1) 70%, rgba(180,220,209,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(162,198,188,1)), color-stop(70%, rgba(162,198,188,1)), color-stop(70%, rgba(180,220,209,1)), color-stop(100%, rgba(180,220,209,1)));
background: -webkit-linear-gradient(top, rgba(162,198,188,1) 0%, rgba(162,198,188,1) 70%, rgba(180,220,209,1) 70%, rgba(180,220,209,1) 100%);
background: -o-linear-gradient(top, rgba(162,198,188,1) 0%, rgba(162,198,188,1) 70%, rgba(180,220,209,1) 70%, rgba(180,220,209,1) 100%);
background: -ms-linear-gradient(top, rgba(162,198,188,1) 0%, rgba(162,198,188,1) 50%, rgba(180,220,209,1) 70%, rgba(180,220,209,1) 100%);
background: linear-gradient(to bottom, rgba(162,198,188,1) 0%, rgba(162,198,188,1) 70%, rgba(180,220,209,1) 70%, rgba(180,220,209,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2c6bc', endColorstr='#b4dcd1', GradientType=0 );
}

.bktablonbackground {background:rgba(0,0,0,.2); position:absolute;width:100%; margin:auto; height:30vh; bottom:0px; opacity:0; display:block; z-index:4}
body.tablonnn {
padding:0!important;
margin:0!important;
background:#b4dcd1;
-webkit-transition:  0.2s; /* Safari */
    transition: 0.2s;
}
section {padding:0!important; margin:0!important; height:100vh; position:relative; vertical-align:middle; display:none; width:100vw; overflow:hidden;}


section.active {display:table}
.titulo {
color:#fff;
text-align:center;
font-weight:normal;
font-size:80px;
line-height:1.2;
display:table-cell;
vertical-align:middle;
position:relative;
top:-400px;
opacity:0;
font-family: 'GothamUltra';
}
.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
}

.contenido {
display:table-cell;
vertical-align:middle;
position:relative;
text-align:center;
position:relative
}

.contenido div.bktablon {position:relative;width:657px; margin:auto; top:-260px; opacity:0; z-index:5}
.contenido div.bktablon a {height:auto!important; position:absolute; /*7%*/  margin:0!important; padding:0!important; z-index:100}
.contenido div.bktablon a img {border:0!important; display:block; margin:0!important; padding:0!important; opacity:0; transform: scale(2.5);}
.contenido div.bktablon a:hover {z-index:999!important; transform: scale(1.5)!important;}
.tablon { width:657px; height:auto; position:relative!important; opacity:1!important; transform: scale(1)!important;}

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

#tabloninstitucional.solo .titulo-ch {top:0; opacity:1}
#tabloninstitucional.solo .bktablonbackground {opacity:1}
#tabloninstitucional.solo .bktablon {top:60px; opacity:1}

#tabloninicial .elemento01 {width:57px; left:45px; top:15px;}
#tabloninicial .elemento02 {width:218px; left:131px; top:43px; }
#tabloninicial .elemento03 {width:171px; left:361px; top:47px; }
#tabloninicial .elemento04 {width:164px; left:357px; top:147px}
#tabloninicial .elemento05 {width:89px; left:68px; top:166px}
#tabloninicial .elemento06 {width:140px; left:185px; top:141px}
#tabloninicial .elemento07 {width:71px; left:40px; top:249px}
#tabloninicial .elemento08 {width:72px; left:108px; top:248px}
#tabloninicial .elemento09 {width:71px; left:188px; top:242px}
#tabloninicial .elemento10 {width:53px; left:555px; top:48px}
#tabloninicial .elemento11 {width:53px; left:555px; top:83px}
#tabloninicial .elemento12 {width:53px; left:555px; top:117px}
#tabloninicial .elemento13 {width:53px; left:555px; top:152px}
#tabloninicial .elemento14 {width:53px; left:555px; top:186px}
#tabloninicial .elemento15 {width:53px; left:555px; top:220px}
#tabloninicial .elemento16 {width:53px; left:555px; top:254px}
#tabloninicial .elemento17 {width:63px; left:308px; top:248px}
#tabloninicial .elemento18 {width:63px; left:353px; top:254px}
#tabloninicial .elemento19 {width:68px; left:465px; top:253px}
#tabloninicial .elemento20 {width:63px; left:403px; top:251px}
#tabloninicial .elemento21 {width:63px; left:253px; top:255px}

#tabloninstitucional .titulo-ch {top:0; opacity:1}
#tabloninstitucional .bktablonbackground {opacity:1}
#tabloninstitucional .bktablon {top:60px; opacity:1}
#tabloninstitucional .elemento01 {width:224px; left:321px; top:-31px;}
#tabloninstitucional .elemento02 {width:256px; left:55px; top:82px; }
#tabloninstitucional .elemento03 {width:115px; left:100px; top:146px; }
#tabloninstitucional .elemento04 {width:148px; left:100px; top:205px}
#tabloninstitucional .elemento05 {width:148px; left:259px; top:205px}
#tabloninstitucional .elemento06 {width:148px; left:100px; top:263px}
#tabloninstitucional .elemento07 {width:148px; left:259px; top:263px}
#tabloninstitucional .elemento08 {width:142px; left:472px; top:225px}

#tablonacademia .titulo-ch {top:0; opacity:1}
#tablonacademia .bktablonbackground {opacity:1}
#tablonacademia .bktablon {top:60px; opacity:1}
#tablonacademia .elemento01 {width:144px; left:135px; top:-42px;}
#tablonacademia .elemento02 {width:126px; left:71px; top:145px; }
#tablonacademia .elemento03 {width:136px; left:239px; top:127px; }
#tablonacademia .elemento04 {width:126px; left:398px; top:42px}
#tablonacademia .elemento05 {width:126px; left:478px; top:149px}


#tablonaccsolidaria .titulo-ch {top:0; opacity:1}
#tablonaccsolidaria .bktablonbackground {opacity:1}
#tablonaccsolidaria .bktablon {top:60px; opacity:1}
#tablonaccsolidaria .elemento01 {width:169px; left:76px; top:-18px;}
#tablonaccsolidaria .elemento02 {width:96px; left:260px; top:56px; }
#tablonaccsolidaria .elemento03 {width:96px; left:350px; top:55px; }
#tablonaccsolidaria .elemento04 {width:226px; left:98px; top:141px}
#tablonaccsolidaria .elemento05 {width:146px; left:424px; top:160px}


#tablonacademiaingles .titulo-ch {top:0; opacity:1}
#tablonacademiaingles .bktablonbackground {opacity:1}
#tablonacademiaingles .bktablon {top:60px; opacity:1}
#tablonacademiaingles .elemento01 {width:92px; left:396px; top:-14px;}
#tablonacademiaingles .elemento02 {width:123px; left:67px; top:74px; }
#tablonacademiaingles .elemento03 {width:114px; left:211px; top:118px; }

#tabloninstitucional .elemento01, #tablonacademia .elemento01, #tablonaccsolidaria .elemento01, #tablonacademiaingles .elemento01 { cursor:auto!important}

#tabloninstitucional .elemento01:hover, #tablonacademia .elemento01:hover, #tablonaccsolidaria .elemento01:hover, #tablonacademiaingles .elemento01:hover {z-index:999!important; transform: scale(1)!important;}


li.btn-cerrar {visibility:hidden}


#escudocolegio {position:absolute; left:45px; top:7px; z-index:9999!important; }

.poppreinscripcion, .poppreinscripcion7mo, .poppreinscripcionprimario, .poppreinscripcionmedio {
padding:0!important;
margin:0!important;
background:#fff;
top:-10000000000px;
width:100%;
visibility:hidden;
position:absolute;
z-index: 9999!important;
/*min-height: 100vh;*/
height:100vh;
overflow-y:auto;
overflow-x:hidden!important;
display:block;
-webkit-transition:  0.2s; /* Safari */
    transition: 0.2s;
}
.poppreinscripcion.mostrarpreinscripcion, .poppreinscripcion7mo.mostrarpreinscripcion, .poppreinscripcionprimario.mostrarpreinscripcion, .poppreinscripcionmedio.mostrarpreinscripcion {
top:0!important;
visibility:visible!important
}

.poppreinscripcion .contenedorrr, .poppreinscripcion7mo .contenedorrr, .poppreinscripcionprimario .contenedorrr, .poppreinscripcionmedio .contenedorrr {width:675px; margin:120px auto 0 auto}
img.brand {width:136px; height:auto; position:relative;}

.cruzgde {width:46px; height:46px; position:relative; display:block; float:right; right:50px; top:35px}

.cruzgde:before {content: ' '; display: block; width: 1px; height:46px; background:#335076!important; transform:rotate(45deg)!important; position:absolute; left:50%; margin-left:-1px; top:50%; margin-top:-23px; transform-origin:50% 50%!important}

.cruzgde:after {content: ' '; display: block; width: 1px; height:46px; background:#335076!important; transform:rotate(-45deg)!important; position:absolute; right:50%; margin-right:-1px; top:50%; margin-top:-23px; transform-origin:50% 50%!important}


.poppreinscripcion .contenedorrr h2, .poppreinscripcion7mo .contenedorrr h2, .poppreinscripcionprimario .contenedorrr h2, .poppreinscripcionmedio .contenedorrr h2 {text-align:left!important; font-size:22px!important; line-height:1.3!important; color:#335076!important; font-family: 'GothamUltra'; margin-bottom:60px!important}

.poppreinscripcion .contenedorrr h2:after, .poppreinscripcion7mo .contenedorrr h2:after, .poppreinscripcionprimario .contenedorrr h2:after, .poppreinscripcionmedio .contenedorrr h2:after { content:' '; display:block; width:65px; height:4px; background:#335076!important; margin-top:30px}

.poppreinscripcion .contenedorrr p, .poppreinscripcion7mo .contenedorrr p, .poppreinscripcionprimario .contenedorrr p, .poppreinscripcionmedio .contenedorrr p {font-family: 'GothamBook'!important; font-size:16px!important}
a.btninscripcionformulario {background:#335076!important; color:#fff; font-size:14px; font-family: 'GothamBook'!important; display:inline-block; padding:10px; line-height:1.1; margin-top:50px!important}
a.btninscripcionformulario:link, a.btninscripcionformulario:visited, a.btninscripcionformulario:active {color:#fff!important}
a.btninscripcionformulario:hover {background:#fff!important; color:#335076!important}
.cruzgde:hover:before, .cruzgde:hover:after {background: #000!important}



a.btnformularion {background:#fff!important; border:2px solid #335076; color:#335076; font-size:14px; font-family: 'GothamBook'!important; display:inline-block; padding:10px; line-height:1.1; margin-top:50px!important}
a.btnformularion:visited, a.btnformularion:active {color:#335076!important}
a.btnformularion:hover {background:#335076!important; color:#fff!important}

.cajon .not-cont a, .cajon .not-cont a:visited, , .cajon .not-cont a:active {color:#92B5CE!important}
.cajon .not-cont a:hover {text-decoration:underline!important}

footer {background:#0a4372; margin:0; padding:45px 0 0 0; color:#fff!important}

footer ul.redes {display:flex; flex-wrap:wrap; justify-content: center; align-items: center; list-style:none; padding:0 15px; margin:0 0 30px 0}
footer ul.redes li {padding:8px 15px}
footer ul.redes li a, footer ul.redes li a img {display:block; width:65px; height:auto; -webkit-transition:  0.2s; /* Safari */
    transition: 0.2s;}

footer ul.redes li a:hover {transform: scale(1.2) !important}
footer h3 {text-align: center; font-family: 'GothamBold'; font-weight:normal; font-size:16px; line-height:1.6; margin:0 auto 15px auto; padding:0 15px}
footer h5 {text-align: center; font-family: 'GothamBook'; font-weight:normal; font-size:16px; line-height:1.6; margin:0 0 45px ; padding:0 15px}

footer .copyright {text-align: center; display:block; padding:30px 15px; background:#4fa3db; font-size:13px; font-style:italic}



ul.menucillo {display:flex; flex-wrap:wrap; justify-content: center; align-items: center; list-style:none; padding:0px; margin:0; position: absolute;
   width: 100%; height: 100%;}
ul.menucillo li {margin:0px 35px; text-align:center; position:relative; cursor:pointer;  z-index: 9}
ul.menucillo li div {color:#0a4372!important; text-align: center; position: absolute; display: block; width: 200px; margin-left: -100px; left: 50%;
   font-size: 18px; line-height:1.2; font-family: 'GothamMedium', cursive; font-weight:bold; text-transform:uppercase; margin-top: 15px; opacity:1}
   ul.menucillo li:hover div {opacity:1!important}
ul.menucillo li, ul.menucillo li img {display:block; width:96px; height:auto; -webkit-transition:  0.2s; /* Safari */
    transition: 0.2s;}

ul.menucillo li:hover img {transform: scale(1.2) !important}

.azulin { padding:80px 20px; background:#0a4372}
.frasesin {max-width:840px; margin:auto}
.frasesin h4 {
    margin: 0!important;
    padding: 45px 20px 15px 20px!important;
    text-align: center;
    color: #fff;
    font-weight: normal!important;
    font-family: 'GothamBold';
    text-transform: uppercase;
    font-size: 26px;
    line-height: 1.2;
}
.frasesin p {color: #fff; padding: 0 20px 15px 20px;  font-size: 21px; font-family: 'GothamBook';
    line-height: 1.6; margin:auto!important; text-align:center}
.frasesin p:last-child {padding-bottom:45px!important}


header.presentacioni {border-bottom:1px solid #345176; display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center}
header.presentacioni ul {display:flex; flex-wrap:wrap; justify-content: center; align-items: center; list-style:none; padding:15px; margin:0}
header.presentacioni  ul li {padding:15px; text-align:center}
header.presentacioni  ul li a {color: #4fa3db; text-align:left; font-weight: normal!important; font-family: 'GothamBold'; text-transform: uppercase;font-size: 14px; line-height: 1.2;}

header.presentacioni  ul li:first-child a, header.presentacioni  ul li a:hover {color:#0a4372!important}
header.presentacioni  ul li:first-child a:hover {color:#4fa3db!important}


header.presentacioni ul.redes {display:flex; flex-wrap:wrap; justify-content: center; align-items: center; list-style:none; padding:15px; margin:0}
header.presentacioni  ul.redes li {padding:8px 15px}
header.presentacioni  ul.redes li a, header.presentacioni ul.redes li a img {display:block; width:36px; height:auto; -webkit-transition:  0.2s; /* Safari */
    transition: 0.2s;}

header.presentacioni  ul.redes li a:hover {transform: scale(1.2) !important}


.mixtura {display:flex; flex-wrap:wrap; justify-content: center; align-items: center}
.loguillos { width:40%; text-align:center}
.loguillos img {width:66.66%!important}
.likeavirgin {width:60%; height:auto}


