Body {
 font-family: Tahoma; 
 font-size: 12px; 
 color: #000000; 
 background: URL('imagenes/fondo_bajo.jpg') #4682B4; 
 text-align: center;
 margin-top: 10px; 
 margin-bottom: 10px; 
 margin-left: auto;
 margin-right: auto;
 padding: 0px;
 letter-spacing: normal; 
 vertical-align: text-top; 
 word-spacing: normal; 
 white-space: normal; 
}
h1 {font-size: 16px; text-transform: uppercase;}
h2 {font-size: 14px; border: dotted 1px #191970; text-align: center; background-color: #4682B4; padding: 4px; color: #FFFFFF; text-transform: uppercase;}
h3 {font-size: 12px; border: solid 1px #191970; text-align: left; background-color: #4682B4; padding: 2px; color: #FFFFFF; text-transform: uppercase;}
h4 {font-size: 12px; border-bottom: solid 2px #4682B4;}
h5 {font-size: 12px;}
h6 {font-size: 12px; margin-bottom:0px; text-decoration:underline;}

a {color: #000000; font-weight: bold; margin: 0px; padding: 0px;}
a:link {text-decoration: none; color: #000000;}
a:visited {text-decoration: none; color: #000000;}
a:hover {text-decoration: underline; color: #000000;}
a:active {text-decoration: none; color: #000000;}

/* LINK DEL PIE*/
a.pie {color: #ffffaa; font-weight: bold; margin: 0px; padding: 0px;}
a.pie:link {text-decoration: none; color: #ffffaa;}
a.pie:visited {text-decoration: none; color: #ffffaa;}
a.pie:hover {text-decoration: underline; color: #ffffaa;}
a.pie:active {text-decoration: none; color: #ffffaa;}
p.links {
text-align: center;
padding-top:3px;
border-top: dotted 1px #4682B4;
border-bottom: dotted 1px #4682B4;
padding-bottom:3px;
}
table.links {
text-align: center;
width:100%;
margin-top:3px;
padding-top:3px;
border-top: dotted 1px #4682B4;
border-bottom: dotted 1px #4682B4;
padding-bottom:3px;
margin-bottom:3px;
}
img {
text-align: center;
 border-style: none; 
 margin: 0px; 
 padding: 0px;
}
img.right {
 float: right; 
 clear: right;
 padding-left: 10px; 
} 
img.left {
 float: left; 
 clear: left;
 padding-right: 10px; 
} 
img.mascota {
 position: relative;
 top: 0px;
 float: right; 
 clear: right;
 margin: 0px 0px 0px 10px;
 padding:0px;
 }
div.margen {
 position: relative;
 top: 0px;
 float: right; 
 clear: right;
 margin: 0px 0px 0px 10px;
 padding:0px;
 width: 200px;
 color: #000000; 
 text-align: Left; 
 border: solid 1px black;}
div {
 padding: 0px; 
 margin: 0px; 
 margin-left: auto;
 margin-right: auto;
 width: 600px; 
 text-align: center;
}
div.web {
 text-align: center;
 background: white; 
/* background: #FFFFFF;*/
 border:solid 4px #191970;
 float: center;
 margin-left: auto;
 margin-right: auto;
 padding: 0px;
 clear: both;
 display: block;
}
div.web  img {
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 display: block;
}
div.header {
 padding: 0px; 
 padding: 0px; 
 background: #191970; 
 margin: 0px;
 color: #ffffff; 
 text-align: right;
}
div.cuerpo {
 padding: 0px;
 width: 580px;
 margin-top: 20px;
 margin-bottom: 20px;
 padding-left: 10px;
 padding-right: 10px;
 /*background: #ffffff;*/ 
 text-align: left;
 clear: both;
}
div.pie {
 padding-top: 5px; 
 padding-bottom: 5px; 
 background: #191970; 
 color: #ffffff;
 clear: both; 
 text-align: right; 
}
div.icono {
 width: 560px;
 /*background: #ffffff;*/ 
 color: #000000; 
 text-align: right; 
 /*border: dashed 1px black;*/
 position: relative;
 Left: 10px;
 Right: 10px;
 /*margin-left: auto;
 margin-bottom: 10px;
 margin-top: 0px;
 margin-right: auto;*/
}
p {
 text-align: justify; 
 vertical-align: text-top}
p.resaltado {
 background: B0C4DE;}
p.mensaje {
 text-align: center;
 background: B0C4DE;
 border: 1px dotted black;
 }
p.fuente {
 margin: 0px; 
 padding:0px; 
 text-align: right; 
 font-size: 10px; 
}
 p.colaboran {
 width: 250px; 
 border: solid 1px black;
 margin-left: auto;
 margin-right: auto;
 float: none;
 clear: none;
}
 p.colaboran img{
 width: 100px; 
}
table {
 font-size: 10px;
 empty-cells: show;
 border-collapse: separate;
 border: none;
 width:100%;
 }
table.ficha_personaje {
 border: solid 1px #B0C4DE;
 width:100%;
 text-align: right;
}
table.ficha_personaje td {
 border: solid 1px #B0C4DE;
 width:50%;
 text-align: left;
}
 table.ficha_personaje th {
 border: solid 1px #B0C4DE;
 width:50%;
 text-align: right;
}
table.horario {
 border: solid 1px black;
 width: 60%;
 margin-top: 0px;
 padding: 0px;
 font-size: 10px;
 float: left;
 clear: left; 
 empty-cells: show;
 border-collapse: separate;
 }
table.horario th {
 border: solid 1px black;
 background: B0C4DE;
 }
table.horario tfoot {
 border: solid 1px black;
 background: B0C4DE;
 }
table.horario caption {
 font-size: 12px;
 font-weight: bold;
 }
table.horario td {
 border: solid 1px black;
 }
table.horario a {
 display: block;
 }
table.horario a:hover {
 display: block;
 background: B0C4DE;
 }
table.horario tr:hover {
background: B0C4DE;
 }
table.colaboran {
width: 100%;
 font-size: 10px;
 text-align: center;}
table.colaboran td {
   width: 50%;}
table.colaboran th {
	background: B0C4DE;
   }
table.cartas {
 border: solid 1px black;
 font-size: 10px;
 text-align: center;
 }
table.cartas td {
 border: solid 1px black;
 }
table.cartas th {
 background: B0C4DE;
 }
ol.expositores {list-style: none;
	padding: 0;
	margin: 0;
}
ol.expositores li img {
float: left;
padding-right: 10px;
}

ol.expositores li {
 border: dotted 1px black;
 margin-top: 5px;
 padding: 10;
 margin-bottom: 5px;
 display: block;
}

ol.expositores li:hover {
background: B0C4DE;
}
/* POSICIONES */
table.posiciones {
 border: solid 1px black;
 width: 100%;
 margin-top: 0px;
 padding: 0px;
 font-size: 10px;
 clear: left; 
 empty-cells: show;
 border-collapse: separate;
 }
table.posiciones th {
 border: solid 1px black;
 background: B0C4DE;
 }
table.posiciones tfoot {
 border: solid 1px black;
 background: B0C4DE;
 }
table.posiciones thead {
 border: solid 1px black;
 background: B0C4DE;
 }
table.posiciones caption {
 font-size: 12px;
 font-weight: bold;
 }
table.posiciones td {
 border: solid 1px black;
 }
table.posiciones tr:hover {
 background: B0C4DE;
 }
td BLOCKQUOTE {
 display: none;
 background: B0C4DE;
 }
td:hover BLOCKQUOTE{
 width: 100px;
 height: 100px;
 background: white;
 Overflow: auto;
 margin: 0;
 position: absolute;
 display: block;
 border: dotted 1px black;

 }
dt {
   border: dotted 1px Blue;
   background: B0C4DE;   
	 font-size: 12px; 
	 padding:2px;
   	 font-weight: bold;
	 }
dd {
	 font-size: 12px; 
	 margin-bottom:0px; 
   }
/*CUADRO DE LINKS A ACTIVIDDES*/
div.esquela {
						margin:0px;
						padding: 0px;
						width: 300;
						display: block;
						position: relative;
						top: 0px;
						}
div.esquela a {
  					display: block;
						height: 24px;
						width: 130px;
						text-decoration: none;
						margin: 0px;
						}
div.esquela ul {
						list-style-type: none;
						width: 290;
					 	margin:0px;
						padding:0px;
						display: block;
						/*float: left;
						clear: left;*/
						}
div.esquela li {
					 width: 130px;
					 height: 24px;
					 float: left; 
					 margin: 3px; 
					 padding: 3px;
 					 text-align: center; 
					 /*display: block;*/ 
					 border: 1px dotted #191970;
					 }
div.esquela li:hover {
					 background: B0C4DE;
					 border: 1px solid #191970;
					 }
li.resaltar {
           background: B0C4DE;
					 font-weight: bold;				 
					 }
/*CUADRO DE LINKS A ACTIVIDDES*/
div.muestra {
						margin:0px;
						padding: 0px;
						width: 360;
						display: block;
						position: relative;
						top: 0px;
						}
div.muestra a {
  					display: block;
						height: 80px;
						width: 160px;
						text-decoration: none;
						margin: 0px;}
div.muestra a:hover {
						background: B0C4DE;
						text-decoration: none;
						}
div.muestra ul {
						list-style-type: none;
						margin:0px;
						padding:0px;
						display: block;
						}
div.muestra li {
					 width: 160px;
					 height: 60px;
					 float: left; 
					 margin: 3px; 
					 padding: 0px;
					 text-align: center;
					 border: 1px dotted white; 
					 }
div.muestra li:hover {
					 border: 1px dotted black;
					 }
form {margin:0px; padding:0px;}					 			 					  
@import"nav-h.css";