/* Compiladores: Hoja de Estilo (CSS 2.1) global. 
Incluye aspectos generales, así como la barra de título, el menú... */

html {
	background-color: #347;
}

lang(en){ /*no funciona en ninguno*/
	font-style:italic;
}
.ingles{ 
	font-style:italic;
}

.centrado {
	 text-align:center;
}

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

img {
	border: none;
}

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

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

.salto, .salto a:link, .salto a:visited { /* Enlace invisible */
	float:left;
	font-size:0.77em;
	color: #347;
	margin: 0;
	padding: 0;
}
.salto a:hover, .salto a:active, .salto a:focus { /* se hace visible */
	color: black;
	font-size:0.77em;
	background-color:white;
}

.camino{
	margin-top:-1px;/*para firefox*/
	padding:0.3em 0 0.3em 2em;
	background-color: #9af;
	font-size: 0.77em;
	color: #002;
}

.migas, .migas a:link, .migas a:visited{
	margin:0;
	text-decoration:none;
	color: #002;
}
.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.95em;
	font-variant:small-caps;
	padding: 0.3em 0 0.3em 1em;
	background-color: #9af;
	color:#002;
	margin:0 0 0.3em;
	width:8.66em;
}

/*Menú:*/
ul.menu {
	font-weight:bold;
	font-size:0.95em;
	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:8.53em;
	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.8em;
	margin:0 0 2em;
	width:10.05em;
	border:thin outset #9af;
	background-color:#336;
	padding: 0.2em 0 1.5em 0em;
	min-width:11.33em;
}

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:1.11em;
	padding: 1em 0em 0.2em 0.4em;
	color:#e4ffff;
}

/*div.pie{
	font-size:60%;
	color: #ffffff;
	background-color: #036;
	margin:0;
	padding: 0.1em 0.5em;
	clear:both;
}
*/