/* fuentes */

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OPENSANS-REGULAR.ttf') format('embedded-opentype') format('truetype');
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

@font-face {
    font-family: "League Spartan";
    src: url('../fonts/LEAGUESPARTAN-BOLD.otf') format('embedded-opentype') format('opentype');
}


@font-face {
    font-family: 'Conv_LeagueSpartan-Bold';
    src: url('../fonts/LeagueSpartan-Bold.eot');
    src: local('☺'), url('../fonts/LeagueSpartan-Bold.woff') format('woff'), url('../fonts/LeagueSpartan-Bold.ttf') format('truetype'), url('../fonts/LeagueSpartan-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* Especial clases */


/* End of special clases */
body {
    font-family: 'Open Sans', sans-serif;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
    color: #777;
    font-size: 13px;
}

p {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

h1, h2, h3, h4, h5, h6{
    font-family: 'Conv_LeagueSpartan-Bold';
    text-transform: uppercase;
}

.tittle-main{font-size: 35px;}

/* stdClases */

.lone-tbn{
    background: #017aaf;
    color: #fff;
    padding: 10px;
    width: 100%;
    text-align: center;
    border-radius: 10px;
}

.lone-tbn a {
    font-weight: 600;
    color: #ffffff !important;
    font-size: 19px;
}

.stepz{
    width: 100%;
    margin-bottom: 25px;
}

.menu-element{
    font-size: 14pt;
    line-height: 1.2em;
    color: #2a2a2a;
}

.top-text-one{
    font-size: 16pt;
    font-weight: 600;
}

.top-text-two{
    font-size: 24pt;
    font-weight: 700;
    line-height: 1.2em;
}

.biggie{
    font-size: 16px;
    line-height: 2em;
}

.separador-maximo{height:4em;width:100%;}
.separador{height:2em;width:100%;}
.separador-inter{height:1.5em;width:100%;}
.separador-mini{height:1em;width:100%;}
.separador-micro{height:.5em;width:100%;}
.separador-nano{height:.25em;width:100%;}
.separador-pico{height:.125em;width:100%;}

/* Form CSS */

form {
    margin:0
}
form label {
    display: block;
    margin-bottom:.2em;
    font-family:"Inconsolata", sans-serif;
    font-size:13px;
    line-height:13px;
    font-size:1.3rem;
    line-height:1.3rem;
    color:#000;
}
form label.error {
    margin-top:-1em;
    margin-bottom:1em;
    font-size:12px;
    line-height:12px;
    font-size:1.2rem;
    line-height:1.2rem;
    color:#c0392b
}
form input[type="text"], form input[type="password"], form input[type="date"], form input[type="datetime"], form input[type="datetime-local"], form input[type="month"], form input[type="week"], form input[type="email"], form input[type="number"], form input[type="search"], form input[type="tel"], form input[type="time"], form input[type="url"], form textarea {
    padding: 15px 3px;
    width: 100%;
    height: 30px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    background: rgba(255, 255, 255, 0);
    border: 2px solid #e2e2e2;
    color: #333;
    margin-bottom: 10px;
}
form input[type="text"]:focus, form input[type="password"]:focus, form input[type="date"]:focus, form input[type="datetime"]:focus, form input[type="datetime-local"]:focus, form input[type="month"]:focus, form input[type="week"]:focus, form input[type="email"]:focus, form input[type="number"]:focus, form input[type="search"]:focus, form input[type="tel"]:focus, form input[type="time"]:focus, form input[type="url"]:focus, form textarea:focus {
    border-color: #f15623;
    outline: none;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none
}
form input[type="text"][disabled], form input[type="password"][disabled], form input[type="date"][disabled], form input[type="datetime"][disabled], form input[type="datetime-local"][disabled], form input[type="month"][disabled], form input[type="week"][disabled], form input[type="email"][disabled], form input[type="number"][disabled], form input[type="search"][disabled], form input[type="tel"][disabled], form input[type="time"][disabled], form input[type="url"][disabled], form textarea[disabled] {
    background:#fff
}
form input[type="text"].error, form input[type="password"].error, form input[type="date"].error, form input[type="datetime"].error, form input[type="datetime-local"].error, form input[type="month"].error, form input[type="week"].error, form input[type="email"].error, form input[type="number"].error, form input[type="search"].error, form input[type="tel"].error, form input[type="time"].error, form input[type="url"].error, form textarea.error {
    background:#e6e6e6;
    border-color:#c0392b
}
form textarea{
    height:90px;
}

input[type="submit" i]{
    float: right;
    color: #ffffff;
    background: #007aaf;
    border: 2px solid #007aaf;
    border-radius: 8px;
    font-size: 16pt;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 20px;
    cursor: pointer;
    padding: 10px 38px;
    width: 100%;
}

input[type="submit" i]:hover {
    float: right;
    color: #007aaf;
    background: #ffffff;
}

fieldset {
    border:0px;
    margin:0;
    padding:0
}

select {
    padding: 15px 3px;
    height: 30px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    background: rgba(255, 255, 255, 0);
    border: 2px solid #e2e2e2;
    color: #333;
    margin-bottom: 10px;
}

select.full-select {
    padding: 15px 3px;
    height: 40px;
    width: 90%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    background: #f15623;
    border: 2px solid #f15623;
    color: #fff;
    margin: 50px auto;
    float: none;
    display: block;
}

.required {
    color:#e9266d
}
#success, #error {
    display:none
}
#success span, #error span {
    display:block;
    position:absolute;
    top:0;
    width:100%
}
#success span p, #error span p {
    margin-top:6em
}
#success span p {
    color:#9bd32d
}
#error span p {
    color:#c0392b
}


/* Menu Resposive*/

.hudinni {
    display: block;
}

.alignright {
    float: right;
    padding-left: 20px;
}
.aligncenter {
    display: block;
    float: none !important;
    margin-left: auto;
    margin-right: auto;
}

.centerText{text-align:Center;}


/* Actividades */
.col-blue {
    color: #2670a0;
}
.col-orange {
    color: #f17f23;
}

/* admisiones */
.bgcontrol {
    background-position: right center !important;
    background-image: url(../imgs/Nosotros_Quienes-somos0ce1.jpg) !important;
    background-repeat: no-repeat !important;
}

.customrow {
    width: 100%;
    height: 125px;
    -webkit-border-radius: 99px 0px 0px 99px;
    -moz-border-radius: 99px 0px 0px 99px;
    border-radius: 99px 0px 0px 99px;
}

.bg-arrow{
    background-image: url(../imgs/rp_asset-arrow.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

.bg-yellow {
    background: #f5ad00;
}

.bg-blueadm {
    background: #111771;
}
.bg-pink {
    background: #f50671;
}
.bg-blue {
    background: #007aaf;
}
.bg-white {
    background: #ffffff;
}

.overblack{
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9;
}

.alert-box{
    width: 450px;
    margin: 10% auto;
}

.crtlIcon {
    margin-left: -5px !important;
    padding-top: 8px !important;
}
.smallpadding{padding-top:20px;}

form input[type="text"].error, form input[type="password"].error, form input[type="date"].error, form input[type="datetime"].error, form input[type="datetime-local"].error, form input[type="month"].error, form input[type="week"].error, form input[type="email"].error, form input[type="number"].error, form input[type="search"].error, form input[type="tel"].error, form input[type="time"].error, form input[type="url"].error, form textarea.error {
    background: #111771 !important;}

.english-subnav a{color:#fff;}
.english-subnav:hover a{color:#111771;}

#success span, #error span {
    position: relative !important;
    top: inherit !important;
    bottom: 200px;
    width: 95%;
    height: 10px;
    text-align: right;
    padding-left: 50%;
}

#success span p, #error span p {font-size: 40px;line-height: 1.2em;margin-top: 0em !important;}

.footer-people{width:50%;}
.mainlogo{width: 200px;}
.mobi-navi{display:none;}
.moni-navi{display:block;}

@media screen and (max-width: 1090px){
	.primariaBg,.kinderBg,.secundariaBg{background-size: 100%;height:80%}
	.header-unit {height: 490px;}
	.mainBanner{height:490px;}
}

@media screen and (max-width:720px){
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: inherit !important;}
    .footer-people{width:80%;}
    .top-text-two {font-size: 16pt;}
    .mainlogo{width: 100%;}
    .top-text-one {font-size: 13pt;}
    select {padding: 2px 10px;height: 35px;}
    select.full-select {padding: 3px 5px;}
    .alert-box {width: 265px;}
    .alert-box .separador-maximo {height: 10em;}
    .alert-box input[type="submit" i] {margin-bottom: 20px;}
    .mobi-navi{display:block;}
    .moni-navi{display:none;}
    .tittle-main{font-size: 25px;}
    .col-md-3{padding-right: 5px;padding-left: 5px;}
	.nav-pills {position: relative;}
	.primariaBg,.kinderBg,.secundariaBg{height:60%}
    .pagos {width: 230px !important;}
    #success span, #error span {padding-left: 0;}
    #success span p {font-size: 25px;}
}

 @media screen and (max-width: 520px){
	#menu-menu-principal,.libros{display:none;}
	.librosDos{display:block;position: absolute;top: 0;left: -45px;}
	.menuText{display:block;padding-left:10px;}
	.defaultSpace{margin-bottom: 10px;}
	.nav > li > a {padding: 10px 8px;}
	.primariaBg,.kinderBg,.secundariaBg{height:40%}
	.header-unit {height: 250px;}
	.mainBanner{height:250px;}
	
 }

@media screen and (max-width:990px){
    .bg-arrow {background-image: inherit;}
}

@media screen and (max-width: 395px){
		.header-unit {height: 170px;}
	.mainBanner{height:170px;}
	.adjstxt-banner{font-size: 1.5em;}
    .extrabighead {font-size: 2.5em;}
	.primariaBg,.kinderBg,.secundariaBg{height:35%}

}