body{ background: #EAEAEA url(../images/fondocolor.gif) repeat-x }

.limpio{ clear: both; float: none }

a{ text-decoration: none; color: #053d76 }
    a:hover{ text-decoration: underline; color: #053d76 }

div.container{ margin-bottom: 20px }

/*  MENU PRINCIPAL    */
#mainMenu{ background: #fff; clear: both; float: none; margin: 60px 0 0 20px; padding: 0 }
    #mainMenu li{ display: inline }
        #mainMenu li a{ background: transparent url(../images/mainMenu-trans.png) no-repeat; display: block; float: left; height: 28px; text-indent: -9999px; overflow: hidden }
            #mainMenu li a.home{ width: 78px }
            #mainMenu li a.infoGeneral{ background-position: -78px 0; width: 161px }
            #mainMenu li a.thatEnglish{ background-position: -239px 0; width: 123px }
            #mainMenu li a.secundaria{ background-position: -362px 0; width: 106px }
            #mainMenu li a.examenes{ background-position: -468px 0; width: 105px }
            #mainMenu li a.contacto{ background-position: -573px 0; width: 87px }
        
            #mainMenu li a.home:hover{ background-position: 0 -75px }
            #mainMenu li a.infoGeneral:hover{ background-position: -78px -75px }
            #mainMenu li a.thatEnglish:hover{ background-position: -239px -75px }
            #mainMenu li a.secundaria:hover{ background-position: -362px -75px }
            #mainMenu li a.examenes:hover{ background-position: -468px -75px }
            #mainMenu li a.contacto:hover{ background-position: -573px -75px }

            #mainMenu li.active a.home, #mainMenu li.active a.home:hover{ background-position: 0 -36px }
            #mainMenu li.active a.infoGeneral, #mainMenu li.active a.infoGeneral:hover{ background-position: -78px -36px }
            #mainMenu li.active a.thatEnglish, #mainMenu li.active a.thatEnglish:hover{ background-position: -239px -36px }
            #mainMenu li.active a.secundaria, #mainMenu li.active a.secundaria:hover{ background-position: -362px -36px }
            #mainMenu li.active a.examenes, #mainMenu li.active a.examenes:hover{ background-position: -468px -36px }
            #mainMenu li.active a.contacto, #mainMenu li.active a.contacto:hover{ background-position: -573px -36px }


/*  COLUMNA IZQUIERDA   */
ul#subMenu, ul#subMenu ul { font-size: 15px; list-style-type:none; margin: 0 0 5px 0; padding: 0 }
    ul#subMenu{ border-bottom: 1px dotted #053d76; padding-bottom: 10px }
    ul#subMenu li{ margin-top: 5px }
        ul#subMenu li a { font-family: arial narrow, helvetica narrow, arial condensed, helvetica condensed, arial, helvetica, sans-serif;
                            line-height: 13px; display: block; text-decoration: none; color: #053d76; font-size: 13px; font-weight: bold }
            ul#subMenu li a:hover { }
            ul#subMenu li.active a { color: #000 }

    ul#subMenu li ul li a { padding-left: 5px; color: #767676 }
    
ul#logotipos{ list-style: none; margin: 15px 0 0 0; padding: 0 }
    ul#logotipos li{ display: inline }
        ul#logotipos li span{ background: transparent url(../images/logos.png) no-repeat; display: block; float: left; height: 42px; text-indent: -9999px; overflow: hidden }
            ul#logotipos li span.eoidna{ width: 110px }
            ul#logotipos li span.gobiernoNavarra{ background-position: -125px 0; margin-left: 20px; width: 74px }

/*  CONTENIDO DE LA WEB   */
.contenido{ background: #FFF; clear: both; float: none; padding: 20px; min-height: 600px }

.cabecera, .cabeceraSeccion{ border-bottom: 1px dotted #053d76; color: #585858; font-size: 18px; line-height: 20px; padding-bottom: 6px }
    .cabecera{ color: #053d76 }

    .cabeceraSubcategoria{ color: #000; font-size: 14px }

.izquierda{ margin: 0; padding: 0; width: 204px }

.derecha{ margin: 0 0 0 50px; padding: 0; width: 656px }
    .derecha p{ font-family: Verdana, Geneva, sans-serif; font-size: 11px; line-height: 15px; color: #333 }
    
    .derecha p, .derecha ul li{ width: 410px }
        .derecha table p, .derecha table ul li{ width: auto }
    
    .derecha.largo{ margin: 0 0 0 30px; padding: 0; width: 860px }
    
    .derecha.extra{ width: 656px }
    
/*  TABLA PLANES DE ESTUDIOS  */
table.planEstudios{ color: #fff }
    table.planEstudios td{ border: 1px solid #fff }
        table.planEstudios td.center{ text-align: center;  }
        
/*  TABLA DE CALENDARIO   */
table td.mes{ background: #666; color: #fff; text-align: center }

/*  CONTENIDO DONDE ESTAMOS   */
ul.listadoCorreos { list-style: none; margin: 0; padding: 0 }
    ul.listadoCorreos li{ margin-bottom: 6px }
        ul.listadoCorreos li a{ display: block }
        
/*  CONTENIDO PROFESORES  */
ul#profesores, ul#profesores ul{ margin: 0; padding: 0; list-style: none }
    ul#profesores li.separado{ margin-top: 20px }

/*  CONTENIDO NORMATIVA   */
ul.numerada{ list-style: decimal }

/*  DE TODO    */
p.piePaginaPortada{ text-align: center; border-top: 15px solid #0b58a5; margin: 0 30px; padding-top: 8px }

img.logoThat{ float: right; margin: 5px 11px 25px 10px }

ul.listadoNegrita li{ font-weight: bold }

ul#listadoDondeThat, ul#listadoDondeThat ul{ list-style: none; list-style: none; margin: 0; padding: 0 }
    ul#listadoDondeThat h4{ color: #0b58a6; font-size: 12px; font-weight: bold }
    ul#listadoDondeThat strong{ color: #000 }
    
    ul#listadoDondeThat ul li{ margin-bottom: 25px; width: 250px }
    
ul.sinStilo{ list-style: none; margin:0; padding: 0 }

h2.cabecera.portada{ margin-top: 25px }
.derecha #avisos{ width: 175px; margin: 0 0 0 -30px; padding: 0; overflow: inherit; clear: right }
.derecha #avisos ul, .derecha #avisos ul li p{ list-style:none; padding: 0; margin: 0 0 10px 0;  width: 175px }
    .derecha #avisos ul{ margin-top: 12px }
        .derecha #avisos ul li{ border-bottom: 1px solid #EAEAEA; margin-bottom: 10px; padding: 0 0 2px 0 }


#form1 {margin:20px 0 0;}
#form1 label {display:block;padding:0; font-weight: normal}
#form1 textarea {font-size:90%;margin:0 0 5px;padding:4px;width:350px;}
#form1 .tit {color:#333333;float:left;margin:0 10px 0 0;padding:0;width:65px;}
/*#form1 .boton {background-color:#179D21;border:medium none;color:#FFFFFF;cursor:pointer;float:right;margin:10px 37px 0 0;padding:2px 0;width:100px;}
#form1 .boton:hover {background-color:#333333;color:#FFFFFF;}*/
#form1 input#boton {clear: both; float: left; margin-left: 75px; margin-top: 40px}
ul.error_list{list-style: none outside none; margin:0; padding:0; }
.form-error {color: red; float:left;margin:0 10px 0 0;padding:0;width:65px;}

#form2 {margin:20px 0 0;}
#form2 label {display:block;padding:0; font-weight: normal; }
#form2 textarea {font-size:90%;margin:0 0 5px;padding:4px;width:350px;}
#form2 .tit {color:#333333;float:left;margin:8px 10px 0 0;padding:0;width:90px;}
/*#form1 .boton {background-color:#179D21;border:medium none;color:#FFFFFF;cursor:pointer;float:right;margin:10px 37px 0 0;padding:2px 0;width:100px;}
#form1 .boton:hover {background-color:#333333;color:#FFFFFF;}*/
#form2 input#boton {clear: both; float: left; margin-left: 75px; margin-top: 40px}
#form2 ul.error_list{list-style: none outside none; margin:0; padding:0; }
#form2 ul.error_list li {color: red; font-weight: bold; float:left;margin:0 10px 0 0;padding:0;width:65px;}




/* lista Audio */
ul.audio{ display:block; clear:both; width:350px; height:150px; overflow:hidden;}

ul.audio, ul.audio li{ display:block; clear:both;  margin-bottom:15px; }

ul.audio li .media{ float:left; width:300px; padding:5px 0; }
ul.audio li a.descarga{ float:left; width:30px; margin-left:20px; padding:5px 0;}