/*************************************
    www.tel.uva.es - Estilos CSS
 *************************************/

/* Atributos generales
*************************************/
body {
  background-color: #ffffff;
  margin: 0px;
  padding: 0px;
  font-family: arial, verdana, helvetica, sans-serif;
}

img {border: 0px;}
a {text-decoration: none;}
a:link {color: #00008b;}
a:visited {color: #00008b;}
a:hover {color: #333;}
a:active {color: #8b0000;}


/* Barra superior
*************************************/
#barrasuperior {
  border-bottom: 1px solid #aaa;
  background-color: rgb(100,140,190);
  padding: 3px 0px 1px 0px; 
  margin:2px;
  font-size: 70%;
  font-weight: bold; 
  font-family: verdana, helvetica, arial, sans-serif;
  margin-bottom: 22px;
}
#logout {color: rgb(15,80,160); font-size: 10px; font-family: arial;float: left; margin-right: 12px; padding-right: 8px; border-right: 1px solid #aaa; } 
#logout a{color: #00008b}
#etsit {font-size: 200%; letter-spacing:.13em; display:block;}
#derecha { text-align: right;  display:block; background-color: rgb(200,215,230); padding:4px 0px; width:100%}
#izquierda { text-align: left;  margin:5px 10px; display:block; }
div#barrasuperior code {color: rgb(15,80,160);}
#izquierda a { color: #ffffff; }
#derecha a{ color: rgb(15,80,160);}
#barrasuperior a:hover {color: #333;}
#barrasuperior a:active {color: #8b0000;}

/* Portada
*************************************/
#contenedor_principal{min-width:1003px}
#escudos{ margin-right: 5px; text-align: right;height:80px;z-index:1}
#escudos a{text-align: center; float:right; color: #8b0000; font-size: 60%; font-family: verdana, helvetica, arial, sans-serif; font-weight:bold;}
#bloques{padding-bottom:60px}
#bloque1{float: left; width: 45%; height: 375px; padding-left:40px; margin-top:30px; height:355px;}
#bloque1 .escuela{color: #999; font-family: helvetica, arial; font-size: 20pt; margin-top: 0px; margin-bottom: 5px;}
#bloque2{margin-top:100px; padding-left:22px;width:25%; height:365px;float:left; font-family: helvetica, arial; font-size: 16pt; text-align: left;}
#bloque2 p{height: 45px; margin-top: 0px; margin-bottom: 0px;}
#bloque3{float: left; text-align: center; height:375px; width:20%; }
#bloque3 .abajo{padding-top:200px}
#bloque3 a{color: #8b0000; margin-top: 0px; font-size: 75%; font-family: helvetica, arial; font-weight:bold;}
#informacion{clear:both;margin-top:2em; padding-left: 105px; padding-right: 105px; text-align: left;overflow:hidden}
#informacion a{color: #8b0000; font-size: 100%; font-family: helvetica, arial;font-weight:bold}

/* Menú
*************************************/
#menu {
  /* background-color: rgb(200,215,230);*/
  margin-top:-35px;
  margin-left:5px;
  text-align: center;
  width: 190px;
  float: left;
}

#nombre_menu {
  text-align: center;
  text-transform:capitalize;
  font-family: verdana,arial,helvetica,sans-serif;
  color:rgb(30,70,120);
  width: 180px;
  margin: 0px 2px 4px 4px;
  padding:4px 0px 4px 0px;
  background-color: rgb(200,215,230);
  color: rgb(15,80,160);
  font-weight: bold; 
  border: 1px solid rgb(15,80,160);
}

div#el_menu2{
  text-align: left;
  background-color: rgb(105,150,205);
  width: 175px;
  margin: 2px 4px 0px 4px;
  padding: 4px 2px 4px 5px;
  font-size: 71%;
  font-family: verdana, helvetica, arial, sans-serif;
  font-weight: bold;
  border-bottom: 1px solid rgb(15,80,160);
}

div#el_menu2 a{
color: #ffffff; 
}
#el_menu2 a:hover{
background-color: rgb(15,80,160);
  margin: -4px;
    width: 175px;
    padding: 4px 2px 4px 5px;
color: #add8e6; 
  display: block;
}

div#el_menu2_elegido{
  text-align: left;
  background-color: rgb(15,80,160);
  width: 175px;
  margin: 2px 4px 0px 4px;
  padding: 8px 2px 8px 5px;
  font-size: 71%;
  font-family: verdana, helvetica, arial, sans-serif;
  font-weight: bold;
  border-bottom: 1px solid #000000;
}

div#el_menu2_elegido a{
color: #ffffff; 
}
div#el_menu2_elegido a:hover{
color: #add8e6;
}

div#el_menu3 {
  text-align: left;
  /*background-color: rgb(180,192,208);*/
background-color: rgb(200,215,230);
  width: 175px;
  margin: 0px 4px 1px 4px;
  padding: 4px 2px 4px 5px;
  font-size: 65%;
  font-family: verdana, helvetica, arial, sans-serif;
  font-weight: bold;
  /*border-bottom: 1px solid rgb(100,100,100);*/
}

div#el_menu3 a{color: #ffffff; }
#el_menu3 a:hover {color:rgb(15,80,160);}

#submenu_general{
text-align:left;
  font-size: 82%;
  font-family: verdana,arial,helvetica,sans-serif;
  width: 180px;
  margin: 2px 4px 0px 4px;
  padding: 4px 0px 4px 2px;
  background-color: rgb(100,140,190);
  color: #ffffff; 
  font-weight: bold; 
  border-bottom: 1px solid rgb(15,80,160);
}
div#submenu_general a{color: #ffffff; }
#submenu_general a:hover {color: #000000; }

/* Contenido
*************************************/
#contenido {
  text-align: justify;
  margin: 0 0 0 195px;
  padding: 4px 50px 10px 50px;
  font-size: 80%;
}

div#contenido h1{
  text-align: center;
  color: white;
  background-color: rgb(15,80,160);
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  font-size: 22px;
  font-family: verdana, helvetica, arial, sans-serif;
  margin-bottom: 10px;
}

div#contenido h2{
  font-size: 140%;
  color: rgb(15,80,160);
  display:block;
  border-bottom: 2px solid rgb(15,80,160);
  margin-top: 40px;
  margin-bottom: 20px;
}

div#contenido h3{
  font-weight: bold;
  font-size: 120%;
  padding-left: 30px;
  color: rgb(15,80,160);
  line-height: 0em;
}

div#contenido p{
  padding-left: 30px;
}

div#contenido .foro_seccion{
  margin-left:10px;
  padding:0px;
  width:60%;
  color:rgb(15,80,160);
  border-bottom:1px dotted rgb(15,80,160); 
  text-align:left;
  font-weight: bold;
}

div#contenido form{
  padding-left: 30px;
}

div#contenido dd{
  margin-left: 15px;
}

div#contenido dt{
  margin-top: 20px;
}

div#contenido code{
  font-family: courier;
  font-size: 80%;
}

div#contenido ul{
  padding-left: 60px;
  line-height: 1.6em;
}

div#contenido ol{
  padding-left: 60px;
  line-height: 1.2em;
}

div#contenido input {
  border: 1px solid rgb(140,170,230) ;
  padding: 3px;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 8.5pt;
}

div#contenido textarea {
  border: 1px solid rgb(140,170,230) ;
  padding: 3px;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 8.5pt;
}

div#contenido select {
  border: 1px solid rgb(140,170,230) ;
  padding: 3px;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 8.5pt;
}

/* Tablas
*************************************/
#tablabordes{
  margin: 0px 5px 5px 5px;
  text-align: justify;
  font-family: verdana, helvetica, arial, sans-serif;
  width:95%;
}

#tablon{
  margin: 0px 5px 5px 5px;
  text-align: justify;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 80%; 
  width:95%;
}

#filacabecera{
  font-size: 70%;  /* Enables font size scaling in MSIE */
  font-family: verdana, helvetica, arial, sans-serif;
  text-align: center;
  padding: 3px 5px 3px 5px;
  font-weight: bold;
  color: white;
  background-color: rgb(15,80,160);
}

#filaazul{
  font-size: 80%;  /* Enables font size scaling in MSIE */
  padding: 2px 2px 2px 2px;
  background-color: rgb(140,170,230);
  border: 1px solid  rgb(140,170,230) ;
}

#filagris1{
  font-size: 70%;  /* Enables font size scaling in MSIE */
  padding: 2px 2px 2px 2px;
  background-color: rgb(225,225,225);
}

#filagris3{
  font-size: 70%;  /* Enables font size scaling in MSIE */
  padding: 2px 2px 2px 2px;
  background-color: rgb(195, 195, 195);
}

#filagris2{
  font-size: 70%;  /* Enables font size scaling in MSIE */
  padding: 2px 2px 2px 2px;
  background-color: rgb(210,210,210);
}

#filaazulclaro{
  font-size: 80%;  /* Enables font size scaling in MSIE */
  padding: 2px 2px 2px 2px;
  background-color:  rgb(200,215,230);
  border: 1px solid  rgb(140,170,230) ;
}

#fila{
  font-size: 80%;  /* Enables font size scaling in MSIE */
  padding: 10px 10px 20px 10px;
  background-color: rgb(245,245,245);
}

#filapie{
  font-size: 60%;  /* Enables font size scaling in MSIE */
  background-color: rgb(15,80,160);
  color: #ffffff; 
  padding: 3px 10px 2px 10px; 
  font-size: 70%;
  font-weight: bold; 
}

#filapie a { color: #ffffff; }
#filapie a:hover {color: #add8e6;}

/* Formularios
*************************************/
.boton {
  background-color: rgb(140,170,230);
}

div#contenido form .boton2 {
  background-color: rgb(200,215,230);
  padding: 3px 3px 3px 3px; 
  font-weight: bold; 
  color:rgb(30,70,120);
  font-size:10px;
  margin:0px;
  border: 1px solid rgb(15,80,160);
}


/* Eventos - Filtros
*************************************/
#filtrocabeceraoculta{
  background-color:  rgb(200,210,250);
  font-size: 100%;  /* Enables font size scaling in MSIE */
  color:white;
  font-family: verdana, helvetica, arial, sans-serif;
  padding: 2px 2px 2px 2px;
  height: 40px;
  width:100%;
}

#filtroscabeceravisible{
  border: 3px solid rgb(200,210,250);
  font-size: 120%;  /* Enables font size scaling in MSIE */
  color:white;
  font-family: helvetica;
  height: 40px;
  width:50px;
  }

  #filtrostabla{
  
  font-size: 120%;  /* Enables font size scaling in MSIE */
  color: #00008b; 
  font-family: verdana;
  border: 3px solid rgb(200,210,250);
  padding: 2px 2px 2px 2px;
  width:600px;
  }
  
  #filtrostablainterior{
   width:20%;   
  font-size: 100%;  /* Enables font size scaling in MSIE */
  padding: 10px 10px 20px 10px;
  text-align: center;
  }


/* Calendario
*************************************/
#filanumeromeses
{
text-align: center;
width: 9.09%;

}

#filanumeromeses
a{
font-family: verdana, helvetica, arial, sans-serif;
font-size: 100%;
text-align: center;
color: rgb(200,215,230);
}

#filanumeromeses
a:hover{
font-size: 200%;
text-align: center;
color: rgb(140,170,230);
}


#nombre_mes{
  font-size: 22px;  /* Enables font size scaling in MSIE */
  background-color: #ffffff;
  color: rgb(15,80,160); 
  text-align: center;
  font-family: verdana, helvetica, arial, sans-serif;
}

#nombre_dias{
  font-size: 100%;  /* Enables font size scaling in MSIE */
  padding: 10px 10px 20px 10px;
  background-color: rgb(105,150,205);
  text-align: center;
  color: #ffffff;
}
 
#calendariofondo{
background-color: rgb(245,245,245);
}

#dia_hoy{
  font-size: 80%;  /* Enables font size scaling in MSIE */
  padding: 10px 0px 0px 0px;
  background-color: rgb(140,170,255);

margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
}

#dia_docencia{
  font-size: 80%;  /* Enables font size scaling in MSIE */
  padding: 10px 0px 0px 0px;
  background-color: rgb(200,215,230);
  
margin-top:10px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
}

#dia_no_docencia{
font-size: 80%;  /* Enables font size scaling in MSIE */
padding: 10px 0px 0px 0px;
background-color: rgb(234,211,255);

margin-top:10px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
}

#dia_festivo{

font-size: 80%;  /* Enables font size scaling in MSIE */
padding: 10px 0px 0px 0px;
background-color: rgb(255,200,200);

margin-top:10px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;

}

#dia_fin_de_semana{
font-size: 80%;  /* Enables font size scaling in MSIE */
padding: 10px 0px 0px 0px;
background-color: rgb(161,194,231);

margin-top:10px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
}

#leyendatitulo{
  font-size: 100%;  /* Enables font size scaling in MSIE */
  padding: 5px 5px 5px 5px;
 background-color: rgb(200,210,250);
   border: 3px solid rgb(200,210,250);
margin-top: 0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
vertical-align: top;
}

#leyendamuestra{
  font-size: 80%;  /* Enables font size scaling in MSIE */
  padding: 10px 0px 0px 0px;
  border: 3px solid rgb(200,210,250);
margin-top:10px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
}

/* Eventos - Lista
********************************/
#listaeventos{ 
padding-top: 12px; 
padding-bottom: 12px; 
}

#titulolista{
font-family: arial, sans-serif;
font-size:20px; color: rgb(15,80,160);
height: 50px;
}

#diadelevento{ 
font-family: arial, sans-serif; 
font-size:24px; color:rgb(15,80,160); 
font-weight: bold; 
} 

#detalleseventodiferentedia{ 
font-size: 11px; 
font-family: arial, sans-serif; 
color:#6B6B6B; 
border-top:2px solid rgb(15,80,160); 
}

#detalleseventoigualdia{ 
font-size: 11px; 
font-family: arial, sans-serif; 
color:#6B6B6B; 
}

#resaltadoesevento{ 
font-size: 11px; 
font-family: arial, sans-serif; 
color:#6B6B6B; 
border-bottom:1px solid rgb(15,80,160); 
}


/* Mensajes error
*************************************/
#nombre_calendario {
  text-align: center;
  text-transform:capitalize;
  font-family: verdana,arial,helvetica,sans-serif;
  color:rgb(30,70,120);
  width: 180px;
  margin: 0px 2px 4px 4px;
  padding:4px 0px 4px 0px;
  background-color: rgb(200,215,230);
  color: rgb(15,80,160);
  font-weight: bold; 
  border: 1px solid rgb(15,80,160);
}

div#celdacalendario{
  text-align: left;
  background-color: rgb(105,150,205);
  width: 175px;
  margin: 2px 4px 0px 4px;
  padding: 4px 2px 4px 5px;
  font-size: 71%;
  font-family: verdana, helvetica, arial, sans-serif;
  font-weight: bold;
  border-bottom: 1px solid rgb(15,80,160);
}


/* Pie página
*************************************/
#pie {
  color: #333;
  margin-top: 30px;
  border-top: 1px solid #aaa;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 11px;
  padding: 2px;
  clear: both;
}

#pie_derecha { text-align: right;  float: right;}
#pie_izquierda { text-align: left;  float: left; }

#pie_debug {
  color: white;
  background-color: rgb(200,35,20);
  font-size: 80%;
  margin: 0;
  padding: 1em 2.5mm 2.5ex 2.5mm;
  clear: both;
}


/************************************************/
/*			Ocupacion		*/


#boton_secundario
{
font-size: 100%;   /* Enables font size scaling in MSIE */
text-align: center;
background-color: rgb(140,170,230); 
border: 1px solid  rgb(0,0,0) ;
}

#boton_secundario
a{
font-family: verdana, helvetica, arial, sans-serif;
font-size: 100%;   /* Enables font size scaling in MSIE */
background-color: rgb(140,170,230); 
color: rgb(255,255,255);
text-decoration: none;
}

#boton_secundario
a:hover{
font-size: 100%;   /* Enables font size scaling in MSIE */
text-align: center;
background-color: rgb(150,196,255); 
color: rgb(0,0,0);
text-decoration: none;
}

#boton_secundario_selec
{
font-size: 100%;   /* Enables font size scaling in MSIE */
text-align: center;
background-color: rgb(20,0,255);
border: 1px solid  rgb(0,0,0) ;
}

#boton_secundario_selec
a{
font-size: 100%;   /* Enables font size scaling in MSIE */
background-color: rgb(20,0,255);
color: rgb(255,255,255);
text-decoration: none;
}

#boton_secundario_selec
a:hover{
font-size: 100%;   /* Enables font size scaling in MSIE */
text-align: center;
background-color:rgb(20,0,255);
color: rgb(255,255,255);
text-decoration: none;
}



#Celda_Horario_nombre_dia{
  text-align: center;
  font-size: 100%;  /* Enables font size scaling in MSIE */
  color: white;
  padding: 0px 0px 0px 0px;
  background-color: rgb(105,150,205);
  width: 100px;
  
margin-top:10px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
}

#Celda_Horario_hora{
  text-align: center;
  font-size: 70%;  /* Enables font size scaling in MSIE */
  padding: 0px 0px 0px 0px;
  background-color: rgb(161,194,231);
  width: 15px;
  
margin-top:10px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;

}

#Celda_Horario_contenido_libre{
  font-size: 100%;  /* Enables font size scaling in MSIE */
  text-align: center;
  font-weight: bold; 
  padding: 0px 0px 0px 0px;
  background-color: rgb(200,215,230);
  height:30px;
  
margin-top:10px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
}


#Celda_Horario_contenido_ocupado{
  font-size: 80%;  /* Enables font size scaling in MSIE */
  text-align: center;
  padding: 0px 0px 0px 0px;
  background-color: rgb(255,200,200);
  height:30px;
  
margin-top:10px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
}

#Celda_Horario_contenido_reservado{
  font-size: 80%;  /* Enables font size scaling in MSIE */
  text-align: center;
  padding: 0px 0px 0px 0px;
  background-color: rgb(234,211,255);
  height:30px;
  
margin-top:10px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
}

#Celda_Horario_separacion{
   background-color: rgb(105,150,205);
   height:20px;
}



#C_filanumeromeses
{
text-align: center;
width: 9.09%;

}

#C_filanumeromeses
a{
font-family: verdana, helvetica, arial, sans-serif;
font-size: 100%;
text-align: center;
color: rgb(200,215,230);
}

#C_filanumeromeses
a:hover{
font-size: 200%;
text-align: center;
color: rgb(140,170,230);
}


#C_nombre_mes{
  font-size: 18px;  /* Enables font size scaling in MSIE */
  background-color: #ffffff;
  color: rgb(15,80,160); 
  text-align: center;
  font-family: verdana, helvetica, arial, sans-serif;
}

#C_nombre_dias{
  font-size: 100%;  /* Enables font size scaling in MSIE */
  padding: 10px 10px 20px 10px;
  background-color: rgb(105,150,205);
  text-align: center;
  color: #ffffff;
}
 
#C_calendariofondo{
background-color: rgb(245,245,245);
}

#C_dia_hoy{
  font-size: 80%;  /* Enables font size scaling in MSIE */
  padding: 0px 0px 0px 0px;
  background-color: rgb(140,170,255);

margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
}

#C_dia_docencia{
  font-size: 80%;  /* Enables font size scaling in MSIE */
  padding: 0px 0px 0px 0px;
  background-color: rgb(200,215,230);
  
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
}

#C_dia_no_docencia{
font-size: 80%;  /* Enables font size scaling in MSIE */
padding: 0px 0px 0px 0px;
background-color: rgb(234,211,255);

margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
}

#C_dia_festivo{

font-size: 80%;  /* Enables font size scaling in MSIE */
padding: 0px 0px 0px 0px;
background-color: rgb(255,200,200);

margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;

}


#C_dia_fin_de_semana{
font-size: 80%;  /* Enables font size scaling in MSIE */
padding: 0px 0px 0px 0px;
background-color: rgb(161,194,231);

margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
}