/*Básicos*/

body {background-color:#414E6C; font-size: 75%;}
body {font-family: trebuchet ms, verdana, arial, helvetica, serif}

h3 {font-size: 2.0em; color: #414E6C}
h4 {font-size: 1.6em; line-height:1.2em; margin-bottom:0.5em}
h4 {color: #414E6C}
h5 {margin: 0.5em 0 0.5em 0; color: #666; font-weight:bold; font-size:1.1em}
a {text-decoration:none; color: #3C5BAE;}
a:hover {text-decoration:underline !important}
p {color: #333}
img.r {float:right;}
img.l {float:left;}


.contenido {margin:10px;}
    

/* Estructura */
.container {width:1000px}
    .body {background: url(bkg_body.png) repeat-y top left; position:relative}
    .header {background: url(bkg_header.png) no-repeat bottom left;height:30px}
        #menu {background:url(bkg_menu.jpg) repeat-x left top; height:40px; line-height:40px; text-align: center}
        #menu ul li {display:inline; color: #fff; padding:0.5em 1.5em 0.5em 1.5em ; font-size:1.2em;   }
        #menu ul li.on0 {background: url(bkg_menu_on0.png) no-repeat center center; font-weight:bold}
        #menu ul li.on1 {background: url(bkg_menu_on1.png) no-repeat center center; font-weight:bold}        
        #menu li a {color: #fff; text-decoration:none}
        #menu li a:hover {color: #fff; text-decoration:underline}
    
    .footer {background: url(bkg_footer.png) repeat-y bottom left; color: #000; padding-bottom:1.5em}
        .footer li {display:inline}
        .footer ul.smb { font-size:0.9em; margin-left: 6em; padding-top:10px}
        .footer ul.smb li {padding-left:5px}
        .footer ul.smb li:before {content:"· "}
        .footer ul.smb li.f:before {content:""}
        .footer ul.smb li a {color: #000; text-decoration:none}
        .footer ul.smb li a:hover {text-decoration:underline}
        .footer ul.w3c {float:right; height:4em; line-height:4em; margin-right:2em}

.push-1h { margin: 0 -60px 0 60px; }
.col-2 div {padding:10px; width:228px; float:left; margin-right:10px; background:#fff; border:1px solid #ddd}
.col-2 div.last {margin-right:0}

.body-header .main-content {  height:125px; overflow:hidden; text-align:left; margin-bottom:0}
.body-header .main-content img {margin:5px 0 0 0; padding:5px 5px 0 5px; background-color:#fff; width:500px; height:120px}
    .body-header .right-sidebar ul {width:160px; margin:1em auto }
    .body-header .right-sidebar ul li { display:inline}
    .body-header .right-sidebar ul li a {display:block; width:32px; height:32px; overflow:hidden; float:left;position:relative; margin:4px}
    .body-header .right-sidebar ul li a img {position:relative}
    .body-header .right-sidebar ul li a:hover img,
    .body-header .right-sidebar ul li.on a img {margin-top: -32px}

.body-content .box {margin: 0 10px 10px 10px ;  background:#fff; padding:10px}

.body-content .left-sidebar {padding-top:3em}
.body-content .left-sidebar .box {border: 1px solid #ccc;}
.body-content .right-sidebar {padding-top:1em}
.body-content .right-sidebar .box {margin:0 0 10px 0; border: 1px solid #ccc}
.box-blue { border: 1px solid #414E6C !important; background-color:#cdd0d9 !important; }
.box-blue h4 {color: #fff}

.box-blue a.mas {color: #414E6C; background-image: url(max_h-blue.png)}

#logo {position:absolute;  left:60px; top: -35px; background: url(logo.png) no-repeat top center; height:110px; text-align:center; padding-top:130px; font-size: 0.9em;}
#logo h1 {color: #fff;   margin:0 20px 0px 20px; font-size:1.1em }
#logo h2 {color: #fff; font-size:0.9em; margin-top: 0.5em}

/* Enlaces especiales */

a.mas, div.mas a {text-decoration:none; text-transform:lowercase; color: #94BD42; background: url(mas_h.png) no-repeat right center; line-height:18px; padding-right:20px; display:block; text-align:right; margin-top:0.25em}
div.mas span.date {display:block; font-weight:bold; float:left}
div.mas a {clear:right}
div.mas {margin-top:1em; background:url(dot4x1.png) repeat-x bottom left; ; }

/* Cajas laterales */

.box h4 span {display:block; visibility:hidden; padding-top:0.5em}
.body-content .left-sidebar .box,
.body-content .right-sidebar .box {background-repeat:no-repeat; background-position: top center}

.body-content .left-sidebar .box p,
.body-content .right-sidebar .box p{font-size:0.9em}

#box_historia.box {background : url(box-historia.jpg) no-repeat #fff; border:1px solid #ccc; }
#box_historia.box h4{color: red}
#box_organizacion.box {background: url(box-organizacion.jpg) no-repeat #fff left top;}
#box_etapas.box {background-image: url(box-etapas_educativas.jpg)}
#box_calendario.box {background-image: url(box-calendario.jpg)}
#box_goethe.box {background-image: url(box-goethe.jpg)}
#box_servicios.box {background-image: url(box-servicios.jpg)}
#box_servicios.box ul {font-size:0.8em; padding-left:2em}
#box_historia.box ul {font-size:0.8em; background-color: #FFF6F3; padding:2px}
#box_historia.box ul li {list-style-type: none; padding-bottom: 0.5em}
#box_historia.box ul li a {color: #f60}
#box_historia h5 a {color: #d40; font-weight:bold; font-size: 1.2em}
#box_intercambios {background:url(box-intercambios.jpg) no-repeat bottom center #fff; padding-bottom: 130px}
#box_escuelapadres {background:url(box-escuelapadres.jpg) no-repeat bottom center #ACA392; padding-bottom: 130px}
#box_escuelapadres a.mas,
#box_escuelapadres h4  {color: #fff}
#box_galeria .galeria-box { text-align:center;}

#banners {margin-top:3em}
    #banners ul {text-align:center}
    #banners ul li{display:inline; padding: 2px}

/*Zona principal*/
#seccion_home .contenido {margin:0}
#seccion_home #noticias {background: url(bkg_noticias.jpg) #fdfdfd repeat-x bottom left !important; margin-left:0; margin-top:4em; margin-right:0}
#seccion_home #noticias .tabs {position:absolute; margin-top:-40px; width:470px}
#seccion_home     #noticias .tabs h3 {float:left; background:#fefefe; padding: 0 4em 0 1em; margin-left: -10px; border-top:1px solid #fff}
#seccion_home     #noticias .tabs a {float:left; display:block; background:#ddd; padding:10px 10px 0 10px; background:url(bkg_noticias_vertodo.jpg) repeat-x; border-top:1px solid #fff; color: #fff; font-weight:bold; text-decoration:none}
#seccion_home     #noticias .destacada {background:url(bkg_noticia_destacada.png) no-repeat bottom center; }
#seccion_home     #noticias .item {padding:15px; clear:both}    


#seccion_interior .body-content .main-content {background-color:#fff;}
#seccion_interior .submenu li {list-style:none; display:block}
#seccion_interior .submenu li a {display:block; background:url(bkg_submenu.png) no-repeat top center; line-height:32px; padding:0 1em 0 2em ; color: #94BD42; }
#seccion_interior .submenu li a:hover, #seccion_interior .submenu li.on a {background-position: 0 -32px; color: #fff; text-decoration:none}
#seccion_interior .submenu li li a,
#seccion_interior .submenu li.on li a
    {background:url(bullet_quad.gif) no-repeat 1.5em center; padding-left: 3em; color:#94BD42 }
#seccion_interior .submenu li li a:hover,
#seccion_interior .submenu li.on li a:hover
    {color: #000; background-position:1.5em center}
#seccion_interior .submenu li li.on a {font-weight:bold; color: #000; background-position: 1.5em center}

#seccion_interior .submenu li ul {display:none}
#seccion_interior .submenu li.on ul {display:block}



.contenido p{
    font-size:1.1em; margin-bottom:0.5em;text-indent:1em
}
#seccion_interior .contenido h3 {margin-bottom: 0.5em}
.contenido strong {font-weight:bold; color: #000}

.contenido .destacado {
    font-size: 1.2em; background-color: #F7FAEF; border: 1px solid #E7F0D2;
    padding: 1em 1em 1em 2em; margin:1em
}

.contenido .small {font-size: 0.9em}

.contenido ul {font-size: 1.1em}
.contenido ul li {list-style:url(bullet_quad.gif); }
.contenido ol li {margin-bottom:0.5em}
.contenido ul,.contenido ol  {padding: 0 0 1em 2em; }
.contenido dl { margin-bottom: 0.5em}
.contenido dl dt {font-size: 1.2em}
.contenido dl dd {padding-left: 2em}
#seccion_interior .contenido h4 {margin: 1em 0 0.5em 0} 
.contenido h5 {font-size: 1.2em; color:#3C5BAE; border-bottom:1px solid #414E6C; margin: 2em 0 0.5em 0}

.dl-table-3 dl dt {float:left; width: 200px}
.dl-table-3 dl dd { float:left; width: 100px}
.dl-table-3 dl dd strong {font-size: 1.2em; margin:0.5em}
.dl-table-3 h4, .contenido dl {clear:both; padding: 1em 0 0 0}
.dl-table-3 dl {margin-left: 1em}

.contenido table {border: 1px solid #ccc; border-collapse:collapse; width:95%; margin: 1em auto 1em auto}
.contenido table caption {text-align:center}
.contenido table th,
.contenido table td {padding: 0.2em; border-left: 1px solid #ccc}
.contenido table thead th {background-color: #94BD42; font-size: 1.1em}
.contenido table tbody tr.odd {background-color:#F7FAEF}

.m, .mr, .ml, .mc {padding: 5px; background-color:#fff; border:1px solid #ccc}
.mr {float:right;  margin: 10px 0 10px 10px;  }
.ml {float:left;  margin: 10px 10px 10px 0; }
.mc {margin:10px auto 10px auto; }


a.link-galeria {background:url(ico_galeria.png) 0px -32px no-repeat; padding: 10px 5px 10px 40px; line-height:32px; }


/* Galeria */
.galeria-album {background:red}
.galeria-album .item {display:block; width:160px; height:150px; text-align:center; float:left }
.galeria-album .item a:hover img.m {background-color:#E7F0D2; border-color:#ABD74D}
.galeria-album .item span {display:block;}
.galeria-imagen { text-align:center;}
.galeria-imagen a {display:block}

/* Enlaces */
.enlaces-listado h4 {clear:both; margin-top:1em}
.enlaces-listado .item { clear:both; background:url(dot4x1.png) bottom left repeat-x}

/* Documentos */
.documentos-listado .item { clear:both; background:url(dot4x1.png) bottom left repeat-x}
.documentos-listado .item dl {clear:none}
.documentos-listado {padding-bottom:2em}

.contenido em {font-style:italic; color: #666}

/* Banners */
.body-content .left-sidebar  .banner {margin: 10px 0 10px 10px}

#calendar .month {border-collapse:collapse; border: 1px solid #ccc; width: 140px;  float:left; margin: 5px}
#calendar .month td {width:24px; empty-cells: show; height:24px; border: 1px solid #ccc}
#calendar .month th {text-align:center; }
#calendar .month td {background: url(bkg-calendar-lectivo.png)}
#calendar .month td.festivo {background: url(bkg-calendar-festivo.png)}
#calendar .month td.parcial {background: url(bkg-calendar-parcial.png)}
#calendar .leyenda * {vertical-align:middle}
#calendar .leyenda img {border: 1px solid #000}