/*
autor: ;
*/
/*! normalize.css v1.1.2 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,
nav,section,summary{display:block}audio,canvas,video{display:inline-block;
*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}
[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%}html,button,input,select,textarea
{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}
a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;
margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;
margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;
margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong
{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark
{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp
{font-family:monospace,serif;_font-family:'courier new',monospace;
font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:0}dd{margin:0 0 0 40px}
menu,ol,ul{padding:0px}nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure
{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;
padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;
*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;
vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}
button,select{text-transform:none}button,html input[type="button"],input[type="reset"],
input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],
input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
*{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
html{-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;font-smoothing: antialiased;}
/*########*/
@font-face{
    font-family: "BEBAS";
    src: url("font/BEBAS.TTF") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: "Avenir";
    src: url("font/Avenir.ttc") format("truetype");
    font-weight: normal;
    font-style: normal;
}
/*CONTENT*/


body
{
    background-color: #414443;
    color: #FFFFFF;
    font-family: "BEBAS";
}
.popup
{
    background-color: #b8b1ba;
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 999;
}
.loading
{
    position: absolute;
    top:0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    height: 64px;
    width: 60px;
    z-index: 101;
}
.intro
{
    /*background-image: url(../images/www/bg-intro.png);
    background-repeat: no-repeat;
    background-size: 100%;*/
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 199;
}
.popup .imgintro
{
    position: absolute;
    top: 0;
    height: auto;
    width: 100%;
    z-index: 200;
}
.popup .cursorgif
{
    float: right;
    position: absolute;
    right: 20%;
    top: 300px;
    z-index: 201;
}

.closed
{
    font-size: 25px;
    font-weight: bolder;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 202;
}
.menu
{
    font-family: "BEBAS", sans-serif;
    height: 90px;
}
.menu .logomain
{
    background-image: url(../images/colegio/logo-colegio-libertad.png);
    background-position: left center;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 92px;
    width: 218px;
}
/*.menu .logomain:hover{background-position: right center;}*/
.menu>ul
{
    float: right;
    margin-top: 55px;
}
.menu>ul>li
{
    display: block;
    float: left;
}
.menu>ul>li a
{
    background-color: #000;
    color: #fff;
    float: left;
    margin-left: 6px;
    padding: 7px 0px;
    text-align: center;
    text-decoration: none;
    width: 202px;
}
.menu>ul>li>a:hover
{
    background-image: url(../images/www/menu-hover.png);
    background-size: 100% 100%;
}
.con-submenu
{
    position: relative;
}
.con-submenu:hover ul.submenu
{
    display: block;
}
ul.submenu>li{display: table;}
ul.submenu
{
    display: none;
    float: none;
    padding-top: 40px;
    position: absolute;
    z-index: 100;
}
ul.submenu a
{
    background-color: transparent!important;
    background-image: url(../images/www/sprite-menu.png);
    height: 25px;
    width: 271px!important;
}
ul.submenu .sub.kind{background-position: 0 0;}
ul.submenu .sub.prim{background-position: 0 -35px;}
ul.submenu .sub.secu{background-position: 0 -70px;}
ul.submenu .sub.prep{background-position: 0 -105px;}
ul.submenu .sub.univ{background-position: 0 -141px;}

ul.submenu .sub.kind:hover{background-position: -278px 0px;}
ul.submenu .sub.prim:hover{background-position: -278px -35px;}
ul.submenu .sub.secu:hover{background-position: -278px -70px;}
ul.submenu .sub.prep:hover{background-position: -278px -105px;}
ul.submenu .sub.univ:hover{background-position: -278px -141px;}
.menu,
.main,
.cont-footer
{
    width: 1075px;
}
.menu
{
    margin: 50px auto 5px;
}
.main,
.cont-footer
{
     margin: 0 auto;
}
.main
{
    background-color: #fff;
    display: table;
    height: 580px;
}
.cont-footer
{
    background-color: #000;
    height: 50px;
    margin-bottom: 20px;
}
.con-main
{
    float: left;
    padding-left: 12px;
    padding-top: 10px;
    width: 730px;
}
.sidebar
{
    display: table;
    float: right;
    padding-top: 10px;
    width: 320px;
}
.sidebar>a
{
    text-decoration: none;
}
.portal
{
    background-image: url(../images/www/sprite-sidebar.png);
    background-position: 0 0;
    color: #FFFFFC;
    font-size: 20px;
    height: 103px;
    margin-bottom: 4px;
    padding: 24px 11px;
    text-transform: uppercase;
    width: 305px;
}
.portal>span{font-size: 30px;}
.portal:hover{background-position: -321px 0; padding: 24px 24px;}
.familias
{
    background-image: url(../images/www/logo-familias-fuertes.png);
    height: 172px;
    width: 307px;
}
.masvida
{
    background-image: url(../images/www/sprite-sidebar.png);
    background-position: 0 -128px;
    height: 60px;
    margin-top: 4px;
    width: 260px;
}
.masvida:hover
{
    background-position: -321px -128px;
}
/*** Home ***/
.title
{
    background-color: #000000;
    color: #ffffff;
    font-size: 21px;
    height: 37px;
    line-height: 20px;
    padding: 8px;
    text-transform: uppercase;
    width: 730px;
}
.home-slider
{
    height: 350px;
    width: 730px;
}
.sec-sabias img{}
.socials
{
    float: right;
    height: 54px;
    margin-top: -7px;
    width: 190px;
}
.socials .icnsoc
{
    background-image: url(../images/www/sprite-socials.png);
    float: left;
    height: 46px;
    margin-left: 11px; 
    width: 46px;
}
.socials .insta
{background-position: -131px 0px;}
.socials .twit
{background-position: -131px -66px;}
.socials .face
{background-position: -131px -131px;}

.socials .insta:hover
{background-position: -190px 0px;}
.socials .twit:hover
{background-position: -190px -66px;}
.socials .face:hover
{background-position: -190px -131px;}
/*Contacto*/
.contact
{
    padding-top: 22px;
    width: 730px;
}
.cont-form, .cont-info
{
    float: left;
}
.cont-form
{
    width: 510px;
}
.cont-info
{
    background-color: #A1A6A4;
    color: #fff;
    height: 218px;
    width: 220px;
}
input
{
    border: 2px solid #727B7A;
    color: #989B9A;
    height: 45px;
    letter-spacing: 10px;
    margin-bottom: 5px;
    padding-left: 15px;
    text-transform: uppercase;
    width: 495px;
}
textarea
{
    border: 2px solid #727B7A;
    color: #989B9A;
    height: 142px;
    letter-spacing: 10px;
    margin-bottom: 5px;
    padding-left: 15px;
    padding-top: 10px;
    text-transform: uppercase;
    width: 495px;
}
.send
{
    background-color: #E13D4A;
    color: #D8BEB9;
    font-size: 22px;
    height: 55px;
    width: 151px
}
.cont-info a
{
    color: #1C171A;
}
.sectel
{
    font-family: "BEBAS",sans-serif;
}
.sectel>.label
{
    margin-top: 11px;
    margin-left: 8px;
    margin-bottom: 20px
}
.sectel> ul
{
    margin-left: 30px;
}

#map_canvas
{
    height: 380px;
    width: 220px;
}
/*Mision&Vision*/
.cont-mision
{
    color: #000;
}
.cont-mision *
{
    font-family: "Avenir", sans-serif;
}
/*Festivales*/
.img-fest
{
    cursor: pointer;
    float: left;
    height: 476px;
    margin-right: 30px;
    width: 185px;
}
.nov{background-image: url(../images/festi/festival1.png);background-position: 0 0;}
.dic{background-image: url(../images/festi/festival2.png);background-position: 0 0;}
.may{background-image: url(../images/festi/festival3.png);background-position: 0 0;}

.nov:hover{background-position: -192px 0;}
.dic:hover{background-position: -192px 0;}
.may:hover{background-position: -195px 0;}
/* NORMAL */
@media only screen and (min-width: 769px) {

}
/* MOBILE */
@media only screen and (max-width: 768px) {

}