/* Hoja de estilos para la visualización de la web en dispositivos móviles.*/
	
/* Documento válido de CSS 3 */

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

img {
	border: none;
}

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

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

.camino{
	padding:0.8em 0 0.8em 1em;
	background-color: #9af;
	color: #002;
    font-size: 2.3em;
}

.migas, .migas a, .migas a:link, .migas a:visited{
	margin:0;
	text-decoration:none;
	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;
	bottom:0;
    float: none;
}
h2.titulolateral {
	font-size:2.5em;
	font-variant:small-caps;
	padding: 0.3em 0 0.3em 1em;
	text-align: center;
	background-color: #9af;
	color:#002;
	margin:0 0 0.3em;
}
label.titulolateral{
	display: block;
}

/*Menú:*/
nav ul.menu {
	font-weight:bold;
	font-size:3em;
	padding:0;
	list-style-image:none;
	list-style-type:none;
	margin:0 0 0.5em;
}
.menu a{
	background-color:#336;
	border:thin outset #9af;
	text-decoration:none;
	color:#cff;
	padding: 0.1em 0 0.1em 0em;
	margin: 1px 0;
	text-align: center;
	display: block;
}
.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:2em;
	margin: 0 0 0.5em;
	border:thin outset #9af;
	background-color:#336;
}

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, .datos a:active, .datos a:focus{
 text-decoration:underline;
}
.datos h3 {
	margin:0 0 0;
	font-size:1em;
	padding: 1em 0em 0.2em 0.4em;
	color:#e4ffff;
}


/* cuerpo */
.contenido{
    float: none;
	position:absolute;
	font-size:2.5em;
	background:#eff url(Images/Fondo.gif) fixed;
	margin:0em 0;
	padding:0.7em;
	color:#002;
	line-height:1.19em;
}

.contenido .cursiva{
	font-style:italic;
}

.contenido a, .contenido a:link
{
	color:#206;
}

.contenido a:visited{
	color:black;
}
.contenido a:hover, .contenido a:active, .contenido a:focus{
	color:#104;
	background-color:#9bf;
}

.contenido h1{
	text-align:center;
	font-weight:bold;
	font-size:250%;
	font-variant:small-caps;
	letter-spacing:0.077em;
	color:#347;
	padding:0.3em 0;
	font-family:Palatino, 'Palatino Linotype', Georgia,'Bookman Old Style',Garamond,'Times New Roman',serif;
    line-height:1.1em;
}

.contenido h2 {
	text-align:left;
	font-size:175%;
	font-weight:bold;
	font-variant:small-caps;
	color:#126;
	letter-spacing:0.033em;
	padding-top:0.2em;
	font-family:Palatino, 'Palatino Linotype', Georgia,'Bookman Old Style',Garamond,'Times New Roman',serif;
	line-height: 100%;
}

.contenido h3 {
	text-align:left;
	font-size:125%;
	font-weight:bold;
	font-variant:small-caps;
	color:#123;
	letter-spacing:0.011em;
	padding-top:0.1em;
	font-family:Palatino, 'Palatino Linotype', Georgia,'Bookman Old Style',Garamond,'Times New Roman',serif;
}

.contenido .curso{
	text-align:center;
	font-weight:bold;
	font-size:100%;
	color:#347;
	margin-top:-1.1em;
}

.contenido .nota{
	 font-size:85%;
	 padding:0 1.5em 0;
	 margin:0.6em;
}

.contenido strong{
	 font-weight:bold; 
	 color:#301;
}
.contenido em{
	color:#612;
	font-style:normal;
}

.fuerte {
	 font-weight:900 !important; 
	 font-size:1.05em;
	 letter-spacing:0.05em;
	 color:#502 !important;
}

code{
	font-family:'Courier New','Courier','Lucida Console','Andale Mono',monospace;
	font-size:106%;
}
pre{
	white-space: pre-wrap;
}

.tablaAvisos{
	width:90%;
}
.error{
	 color:red;
}
.ok{
	color:blue;
}
.ingles{ 
	font-style:italic;
}
.centrado {
	 text-align:center;
}
.flecha{
    display: inline;
    width: 0; 
	height: 0; 
	border-left: 0.5em solid transparent;
	border-right: 0.5em solid transparent;
	
	border-top: 0.5em solid black;
    float:right;
    margin-right: 0.5em;
    margin-top: 0.4em;
}
img.accesibilidad {
	height: 2.5em;
}
/* Sección ocultable "La Web" */
[type=checkbox] {
    display: none;
}
:checked + div {
    display: block !important;
    animation: fadein 2s;
}
div.datos{
    display:none;
}
/* formularios */
input[type="text"], select{
	margin-top:0.33em;
	font-size: 1.5em;
	width:100%;
}
input[type="radio"]{
	
}
.boton { 
	width: 8em;
	font-size: 1.2em;
}
fieldset{
	margin: 1em;
	padding: 1em 1em 1em 0.5em;
	display:block;
	border: 0.08em solid grey;
}
fieldset  label{
	width:11em;
	float:left;
	margin-top:0.33em;
}
.tam2 {
	 font-size:120%;
}
.formCentrado{
	width:100%;
	text-align:center;
	margin:0 auto;
}