/* Hoja de Estilos global. 
Incluye aspectos generales: barra de título, el menú... */

/* Documento válido de CSS 3 */

html {
	background-color: #347;
}
.ingles{ 
	font-style:italic;
}

.centrado {
	 text-align:center;
}

.titulo {
	font-family:'Comic Sans MS','Monotype 34Corsiva',serif;
	text-align:center;
	color: #e4ffff;
	font-variant:small-caps;
	font-weight:900;
	font-size:xx-large;
	margin: 0;
	padding: 0;
	letter-spacing:0.11em;
}

img {
	border: none;
}

body {
	margin: 0;
	padding: 0;
	background-color: #347;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:88%;
}

header.cabecera {
	color: white; 
	background-color: #347;
	text-decoration: none;
	margin: 0 0 1em;
	padding: 0;
}
header.cabecera img{
	height: 4em;
}
header.cabecera a{
	float:right;
	color:white;
}
header.cabecera p{
	margin: 0.3em 0.5em 0 0;
}

.camino{
	padding:0.3em 0 0.3em 2em;
	background-color: #9af;
	font-size: 0.66em;
	color: #002;
	position:relative;
}
	
.migas2{
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:99%;
	margin:0;
	color: #002;
   	display: block; 
	position:absolute; 
	top:0.3em; 
	left:9em;
}

h2.migas {
text-decoration:none;
}

.migas, .migas a:link, .migas a:visited{
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:99%;
	margin:0;
	text-decoration:underline;
	color: #002;
    display: inline;
}
.migas a:hover, .migas a:active, .migas a:focus{
	margin:0;
	text-decoration:underline;
 	color: #002;
}

.lateral {
	background-color: #347;
	padding-right:0.5em;
	padding-left:0.5em;
	padding-top:0.7em;
	width:10em;
	float: left;
	height:100%;
	bottom:0;
}
h2.titulolateral {
	font-size:0.77em;
	font-variant:small-caps;
	padding: 0.3em 0 0.3em 1em;
	background-color: #9af;
	color:#002;
	margin:0 0 0.3em;
	width:11em;
}

/*Menú:*/
nav ul.menu {
	font-weight:bold;
	font-size:0.77em;
	padding:0;
	list-style-image:none;
	list-style-type:none;
	margin:0 0 2em;
}
.menu a {
	background-color:#336;
	display:block;
	border:thin outset #9af;
	text-decoration:none;
	color:#cff;
	padding: 0.1em 0 0.1em 1em;
	margin: 1px 0;
	width:11.05em;
	max-width:10.9em;
}
.menu a:link{
	text-decoration:none;
	color:#cff;
	margin:2px 0 0;
}
.menu a:visited{
	color:#eff;
}
.menu a:hover, .menu a:active, .menu a:focus{
	border:thin inset #9af;
	color:#002;
	background-color:#9af;
	text-decoration:none;
}

/*datos:*/
div.datos{
	font-size:0.77em;
	margin:0 0 2em;
	width:11.05em;
	border:thin outset #9af;
	background-color:#336;
	padding: 0.2em 0 1.5em 0em;
	min-width:11.9em;
}

div.datos a img{ /*para DRACO*/
	width:9.88em;
	margin:0.33em 0 -0.88em 1em;
}

p.datos img {
	max-width:9em;
	width:9em;
}
p.datos {
	color:#cff;
	padding: 0.2em 0 0.2em 0.75em;
	margin:0;
}
.datos a, .datos a:link {
	color:#cff;
	text-decoration:none;
}
.datos a:visited {
	color:#eff;
	text-decoration:none;
}
.datos a:hover, .menu a:active, .menu a:focus{
 text-decoration:underline;
}
.datos h3 {
	margin:0 0 0;
	font-size:1em;
	padding: 1em 0em 0.2em 0.4em;
	color:#e4ffff;
}

.tablaAvisos{
	width:90%;
}
.error{
	 color:red;
}
.ok{
	color:blue;
}
.flecha{
    display: none;
}
/* Sección ocultable "La Web" */
[type=checkbox] {
    display: none;
}