html {
    position: relative;
    height: 100%;
}

body {
    height: 100%;
    font-family: "Open Sans","Helvetica Neue", Helvetica, Arial, sans-serif;
    /*background: url("/images/background.png");*/
    background-color: #fff;    
}

.underline { text-decoration: underline }

.color-sjb { color: #a42320 !important; }

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 { text-transfor1m: uppercase }

.upper {text-transform: uppercase;}

.limpia {
    list-style: none;
}

.btn-primary {
    background-color: #a42320;
    border-color: #801A17;
    color: #ffffff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    color: #ffffff;
    background-color: #801A17;
    border-color: #801A17;
}

.has-error a {
    color: #a42320;
}

.bbll {
    color: #a42320;
    text-decoration: underline;
}

.glyphicon {
    color: #a42320;
}

.badge {
    color: #ffffff;
    background-color: #a42320;
}

.list-sjb {
    list-style: outside none none;
    padding-left: 30px;
}

.list-sjb li {

}

.list-sjb li:before {
    content: "\e080";
    font-size: 60%;
    font-family: "Glyphicons Halflings";
    margin-left: -15px;
    margin-top: 5px;
    color: #555555;
    float: left;
}

.panel-default  {
    /*border: 1px solid transparent;*/
    /*width: -moz-max-content;*/
}

#cookie-message {
    width: 100%;
    z-index: 9999;
    margin-bottom: 0;
}

#cookie-message a  {
    text-decoration: underline;
}

.popup .glyphicon {
    font-size: 64px;
    margin: 20px;
}

.popup-title {
    text-align: center;
    margin-top:30px;
    text-transform: none;
}

.popup-message {
    margin: 30px;
}

#contenedor-principal {
    min-height: 100%
}

.center-pills { display: inline-block; }

.item-menu-comedor {
    float:right; position:relative; top:-24px; right: 20px;
}

#lista-secciones a { height: 80px}

.grupo-seccion {
    padding-top: 50px;
    padding-bottom: 50px;
}

.odd {
    background-color: #f6f6f6;
}
.odd1 {
    background-color: #fff;
}

.grupo-seccion .title {
    color: #a42320;
    margin-bottom: 30px;
}

.aviso-error {
    font-size: 90%;
    font-style: italic;
    opacity: 0.5;
}

#titulo-secccion { text-transform: uppercase; font-weigh3t: bold; font-size: 140%}

.cabecera {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
}

.cabecera span {
    background-image: url('/images/semi-trans.png');
    padding: 5px 20px;
    color: white;
}

/* BARRA DE NAVEGACION DEL HEADER 
-------------------------------------------------- */
.navbar-default {
    border: none !important;
    min-height: 160px;
    height: 160px;
    margin-bottom: 0px;
    background-image: url("/images/fondo-header.png");
    background-position: center top;
    background-repeat: repeat-x;
}

.navbar-brand {
    height: 85px;
    padding: 5px 5px 5px 20px;
    position:absolute;
    z-index:9200;
}

.navbar-default .navbar-nav > li > a { color: #fff; padding: 8px 8px; text-transform: uppercase; text-align: right }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus
{
    background-color: #801A17;
    color: #fff;
}

.navbar-nav.navbar-right:last-child
{
    margin-right: 0;
}

.navbar-default .navbar-collapse {
    position: relative;
    top: 0px;
    background-color: #a42320;
    z-index: 9100;
    border-color: #fff;
}

.navbar > .container .navbar-brand span
{
    left:10px;
    position: relative;
    font-size: 16px;
    top:-25px;
    color: #fff;
}

.navbar-toggle {
    background-color: #fff;
    border: 1px solid #ccc;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #a42320;
}

.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #a42320;
    width: 20px;
}

.navbar-default .dropdown-menu > li > a { text-transform: uppercase }

.navbar-default .dropdown-menu > li > a:hover,
.navbar-default .dropdown-menu > li > a:focus {
    color: #a42320;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus {
    background-color: #801A17;
    color: #fff;
}

.menu {
    height:100%;
}

.menu.collapse {
    float:left;
    height: 100% !important;
    width: auto;
}

menu.collapse.height {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    -moz-transition: height 0.35s ease;
    -o-transition: height 0.35s ease;
    transition: height 0.35s ease;
}

menu.collapse.width {
    position: relative;
    width: 0;
    overflow: hidden;
    -webkit-transition: width 0.35s ease;
    -moz-transition: width 0.35s ease;
    -o-transition: width 0.35s ease;
    transition: width 0.35s ease;
}

menu.collapse.in.width {
    width: auto;
}

menu.collapse.in.height {
    height: auto;
}

menu.collapse-inner {
    position: relative;
    width: 250px;
    height: 100%;
}

.img-izq { width:200px; float:left; margin-top: 80px; }
.txt-der { margin-left: 250px; }

.more-news {margin-left: 15px;}
.more-news a { padding: 0 5px; background-color: transparent; border: none; margin-top: 14px; }
.more-news a:hover { color: #a42320 }
.more-news a:before {
    content:"\e080";
    float: left;
    font-family: "Glyphicons Halflings";
}

.navbar-default .secciones-header { float:right }
.navbar-default .secciones-header a { display: inline-block; text-decoration: none; border: none !important }
.navbar-default .secciones-header img { margin-top: 20px; width: 180px }
.navbar-default .secciones-header span {font-size: 12px}


/* FOOTER
-------------------------------------------------- */
#footer {background-color: #a42320; color: #fff; font-size: 100%; text-transform: uppercase; width:100%; position: relative;border-top: 2px solid #801A17 !important;}
#footer a, .footer a:active, .footer a:visited { text-decoration: none; color: #fff; border:none; }
#footer a:hover { color: #fff; background-color: #801A17; bo1rder-bottom: 1px solid #e3dfd5 }

#footer .list-group { padding:0 }
#footer li.list-group-item { background-color: transparent; border: none; padding: 0;margin:2px}

#footer .list-group a { padding-left:10px; margin-left: -10px; display: block; width: 100% }

#footer .line1 {max-width:670px; margin:0 auto; text-align: left; padding: 15px}
#footer .line2 {width:100%; margin:0 auto;clear: both; text-align: center}

#footer .line2 a { padding-left: 5px; padding-right: 5px }

#footer .title {font-weight: bold;
                text-transform: uppercase;
                color:#e3dfd5;
}

#footer .section {text-align: left; margin:1.0416666%; position:relative; width: 200px; float: left}
#footer .address-phone {  }
#footer .sections { }
#footer .info { }

#footer .copy {font-size: 10px; margin-bottom: 10px;position: relative;display: inline-block; #display: inline; _display: inline; zoom: 1;}
#footer .copy span {display: inline-block; #display: inline; _display: inline; zoom: 1;}
#footer .terms { font-size: 10px; line-height: 50px; margin-right: 5%;display: inline-block; #display: inline; _display: inline; zoom: 1;}
#footer .terms .sep { border-left: 1px solid #ccc; }

#footer .freepik { font-size: 9px; text-transform: none }

/* HOME 
-------------------------------------------------- */

.home { font-size: 100%; }

.home .event-month {text-transform: uppercase; font-size: 14px;color:#666}
.home .event-day {font-size: 24px; color:#a42320;}
.home .event-description { }

.home .more-news a:before {
    font-size: 50%;
    margin: 5px 0 0 -20px;
}

.home .alexia-img { margin-bottom: 30px; margin-top: 30px; }
.home .alexia-text { margin: 20px; line-height: 180% }

.home .lang-text { margin: 20px; line-height: 180% }

.home .list-group { margin-top: 20px; }
.home li.list-group-item { background-color: transparent; border: none; }
.home .title {border-bottom: 1px solid #666;padding-left: 10px; margin-top: 20px;}
.home .desc1ription {margin-left: 5px;background:url('../images/sprite.png') no-repeat -280px -36px;padding: 5px 5px 5px 10px;}

.home .item-box {text-decoration: none; margin: 20px 0 20px 0; display: inline-block; #display: inline; _display: inline; zoom: 1;}
.home .item-box .item-description { margin-top: 20px; padding-left: 5px; padding-right: 5px; font-size: 90%; }
.home .item-box .item-ensenanza, .home .item-box h2 { margin: 20px; }
.home .item-box .img-ensenanza { margin-top: 60px}


/* HOME CAROUSEL
-------------------------------------------------- */

.home .carousel {
    height: 300px;
}

.home.cont-carousel {
    /*border-bottom: 1px solid #801A17 !important;*/
}

.home .carousel-caption {
    z-index: 10;
    /*background: url(/images/semi-trans.png);*/
    color: #fff;
    bottom: 0;
    padding: 0 5px 10px;
    left:0;
    right: 0;
}

.home .carousel .item {
    height: 300px;
    color: #fff;
    background-color: none;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.home .carousel a {
    text-decoration: none;
}

.home .carousel-indicators {
    bottom: -32px;

}

.home .carousel-indicators li {
    border: 1px solid #ccc;
}

.home .carousel-control.left { background-image: none }
.home .carousel-control.right { background-image: none }

.home .content-others { }

.home .content-others img { margin:20px }

.home .more-news a.list-group-item:hover,
.home .more-news a.list-group-item:focus {
  background-color: transparent !important;
}

/* CALENDARIO 
-------------------------------------------------- */

.calendario {   
    text-align: center;
}

.calendario .jumbotron p {font-size: 120% }

.calendario .month {margin: 10px; width: 180px; display: inline-block; #display: inline; _display: inline; zoom: 1;}

.calendario .month .month-name { font-size: 120%;
                                 font-weight: bold;
                                 margin: 10px;
                                 text-align: center;
                                 text-transform: uppercase; }

.calendario .month .cal-tdays { margin: 0 auto; border-collapse: separate;
                                border-spacing: 4px; }

.calendario .month .cal-tdays th ,
.calendario .month .cal-tdays td {padding: 2px;text-align: center;}
.calendario .month .cal-tdays td {border: 1px solid #eee}
.calendario .month .cal-tdays td:empty {border: none}

.calendario .cal-type-1 {  } /* dia lectivo */
.calendario .cal-type-2 { background-color: #79CDCD } /* fin de semana */
.calendario .cal-type-3 { background-color: #999900 } /* dia no lectivo */
.calendario .cal-type-4 { background-color: #F0322C } /* dia festivo */
.calendario .cal-type-5 { background-color: #FFFF33 } /* otros dias nos lectivos */

.calendario .leyend { text-align: left; margin-left: 20px; margin-bottom: 20px; margin-top: 20px }
.calendario .leyend div { line-height: 120%;
                          margin-bottom: 4px;}
.calendario .leyend div span { border: 1px solid #ccc;
                               float: left;
                               height: 14px;
                               margin-right: 10px;
                               width: 14px;}


/* EVENTOS CAROUSEL
-------------------------------------------------- */

.eventos .carousel-control.left {
    background: none;
}
.eventos .carousel-control.right {
    background: none;
}

.eventos .cal-tdays { width : 200px; margin: 0 auto; magin-top:20px; }
.eventos .cal-tdays th {padding: 2px; text-align: center; width: 30px;}
.eventos .cal-tdays td { padding: 2px; text-align: center; width: 30px; border-top:none; border-bottom: 1px solid #ddd }

.eventos .cal-tdays .type-1 { color: #EFEE00 }
.eventos .cal-tdays .type-2 { color: #FF9900 }
.eventos .cal-tdays .evento {background-color: #a42320; color: white}

.eventos .event { padding: 15px; }
.eventos .event-day {font-size: 180%; color: #a42320;text-align: right;float: left;padding-top: 10px;line-height: 100%; width: 40px;}
.eventos .event-day-contents {border-left: 1px solid #ccc;
                              margin-left: 60px;
                              padding: 10px;} 
.eventos .event-content {margin-bottom: 10px;padding-left: 10px;font-size: 120%;}

.eventos .control {
    left: 50%;
    position: absolute;
    top: 9px;
    z-index: 10;
    font-size: 20px;
}

.eventos .control.prev { margin-left: -115px; }
.eventos .control.next { margin-left: 95px; }

.eventos .item-month {
    position: relative;
    padding-bottom: 50px;
}

.eventos .panel-default {
    overflow: hidden;
}



.js-secciones .btn-group { float : none; }
.js-secciones .list-group { margin-top: 30px }

/* ENSENANZAS
-------------------------------------------------- */
.ensenanza #actividades .list-group { margin-top: 0px }

.ensenanza.infantil .cabecera { background-image: url('/images/infantil.jpg'); }
.ensenanza.primaria .cabecera { background-image: url('/images/primaria.jpg'); }
.ensenanza.secundaria .cabecera { background-image: url('/images/secundaria.jpg'); }
.ensenanza.bachillerato .cabecera { background-image: url('/images/bachillerato.jpg'); }

/* ORIENTACION FAMILIAR
-------------------------------------------------- */
.orientacion .cabecera { background-image: url('/images/orientacion.jpg'); }


/* EL COLEGIO
-------------------------------------------------- */
.colegio .cabecera { background-image: url('/images/colegio.jpg'); }


/* BOLSA DE TRABAJO
-------------------------------------------------- */

#form-trabajo {
    margin-top: 30px;
}

/* CONTACTO
-------------------------------------------------- */

#form-contacto {
    margin-top: 30px;
}


/* ALEXIA
-------------------------------------------------- */

.alexia-frame {
    width:100% !important;
}

/* IDIOMAS
-------------------------------------------------- */

.idiomas img { width:200px; }

/* NOTICIAS
-------------------------------------------------- */
.noticias .cabecera { background-image: url('/images/noticias.jpg'); }

.noticias { position: relative }

.noticias .list-group-item {
    padding-top: 20px;
    padding-bottom: 20px;
}

.noticia .title {border-bottom: 1px solid #666;padding-left: 10px; padding-bottom: 4px;}

.noticia .list-group-item {
    border:none;
    background: none;
    padding: 0;
    text-transform: uppercase;
    font-size: 90%;
}

.noticia .more-news a:before {
    font-size: 60%;
    margin: 3px 0 0 -18px;
}

.noticia .panel-footer a { text-decoration: none }

.noticia .photo { width: 100% }

.noticia .contenido { margin-top: 20px; margin-bottom: 20px; }

.noticia #contenido-noticia h1,.noticia #contenido-noticia h2,.noticia #contenido-noticia h3,.noticia #contenido-noticia h4,.noticia #contenido-noticia h5,.noticia #contenido-noticia h6 { text-transform: none }

.noticia .control {
    position: relative;
    top: 9px;
    z-index: 10;
    font-size: 20px;
}

.noticia .control.prev { float:left}
.noticia .control.next { float: right}

.noticia .titulo { margin-left: 30px; margin-right: 30px; color: #a42320; }

.noticia .panel .panel-heading { border-radius: 0 }
.noticia .panel a {color : #a42320; text-decoration: none}

.noticia.error-not-found h1 {
    color : #a42320;
    margin-top: 50px;
    margin-bottom: 50px;    
}
.noticia.error-not-found  h3 {
    margin-bottom: 50px;    
}

.noticia.error-not-found a { }

.noticia .docs-title {
    margin-top: 10px;
}

/* MENUS COMEDOR
-------------------------------------------------- */
.comedor .cabecera { background-image: url('/images/comedor.jpg'); }

.comedor .menu-comedor {
    width: 165px;
    height: 189px;
    display: inline-block;
    margin: 10px;
}

.comedor .bebes { background-image: url(../images/menu_bebes.jpg); }
.comedor .comun { background-image: url(../images/menu_comun.jpg); }
.comedor .nogluten { background-image: url(../images/menu_celiaco.jpg); }
.comedor .dieta { background-image: url(../images/menu_dieta.jpg); }
.comedor .nohuevo { background-image: url(../images/menu_nohuevo.jpg); }
.comedor .nolacteos { background-image: url(../images/menu_nolacteos.jpg); }
.comedor .otros { background-image: url(../images/menu_otros.jpg); }

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 650px) {
    #footer .section { width: 170px; }
    .home .item-box .item-description { padding-left: 20px; padding-right: 20px; }
    .navbar-default .secciones-header img { margin-top: 10px; width: 80px;}
}

@media (max-width: 550px) {
    #footer .section { width: 100%; }
    #footer .terms { display: block }

}

@media (max-width: 728px) {
    .eventos .control { top: 0px; }
}


@media (max-width: 767px) {
    .carousel,
    .carousel .item {
        height: 200px;
    }

    .carousel-caption {
        bottom: 10px;
    }

    .carousel-caption > h3 {
        font-size: 18px;
    }

    .carousel-indicators {
        display:none;
    }

    .navbar-default .navbar-collapse {
        top: 0;
        /*border-color: #801A17 !important;
        border-top:none !important;
        border-bottom: 1px solid #801A17 !important;
        border-right: 1px solid #801A17 !important;*/
    }

    .navbar > .container .navbar-brand span
    {
        left:-30px;
        top:28px;
    }

    .item-menu-comedor { display:none }

}

@media screen and (max-width:992px) 
{
    .home .item-box h2 { text-align: center }
    .home .item-box .img-ensenanza { margin-top: 0px}
}

@media (max-width: 767px) {
    .home .content-mas { margin-left: 20px; margin-right: 20px }
    .img-izq { width:150px;}
    .txt-der { margin-left: 170px; }
    .navbar-default { background: none }

    .navbar-default .navbar-nav > li > a { color: #777; }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { background-color: #fff; color: #777; }
    .navbar-default .navbar-collapse { top: 0px; background-color: #fff; }
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus { background-color: #fff; color: #777; padding-right: 10px }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; text-align: right; margin-right: 30px}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #a42320; }
}

@media (min-width: 768px) {

    /* Bump up size of carousel content */
    .carousel-caption p {
        margin-bottom: 20px;
        font-size: 21px;
        line-height: 1.4;
    }

}

@media screen and (max-width:500px) 
{
    .text-secc { display:none }
    #lista-secciones a { height: 38px}
    .cabecera h2 { font-size: 24px }
    .home .ensenanza { width: 100px }
}

@media screen and (max-width:400px) 
{
    .calendario .month {margin: 10px 0; width: 250px;}
    .cabecera span { padding: 5px 10px; }
    .img-izq { display:none }
    .txt-der { margin-left: 0px; }
}



/* UNIFORMIDAD
-------------------------------------------------- */

table.minimalistBlack {
  border: 1px solid #000000;
  text-align: center;
  border-collapse: collapse;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2%;
}
table.minimalistBlack td, table.minimalistBlack th {
  border: 1px solid #000000;
  padding: 3px 5px;
}
table.minimalistBlack tbody td {
  font-size: 14px;
}
table.minimalistBlack thead {
  background: #CFCFCF;
  background: -moz-linear-gradient(top, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
  background: -webkit-linear-gradient(top, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
  background: linear-gradient(to bottom, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
  border-bottom: 1px solid #000000;
}
table.minimalistBlack thead th {
  font-size: 15px;
  font-weight: bold;
  color: #000000;
  text-align: left;
}
table.minimalistBlack tfoot {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  border-top: 1px solid #000000;
}
table.minimalistBlack tfoot td {
  font-size: 14px;
}