@import url('navegacion.css');
body {
	background-color: #fff; /* Defino los valores generales para el body*/
	color: black;
	text-align: justify;
	font-size:0.83em;
        font-family: Arial,Helvetica,Verdana,Sans-serif;
	padding:0;
	margin:0;

}
h1,h2,h3,h4,h5 {
	text-align:left;
        font-weight:bold;
	font-family:verdana,Arial,Tahoma,Sans-serif;

}
h1 { font-size:1.7em;}
h2 { font-size:1.5em;}
h3 { font-size:1.2em;}
h4 { font-size:1em; color: navy; background-color: transparent;}
h5 { font-size:1em;}
.nota {
	border-bottom: 1px solid #c90;
	font-style: italic;
	cursor: help;
      }
q {
	color: #909;
	background-color: transparent;
	display:block;
}
cite { color: #f90; background-color: transparent;}
acronym {
        border-bottom: 1px dotted #090;
	background-color: transparent;
	cursor: help;
}
samp,code { font-family:courier,serif;}
samp {color: Black;}
html>body code {
	background-color: transparent;
	background-image:url("/imagenes/codigo.png");
}
code {
	background-color: #D5E8FF;
	color: Black;
	border:1px solid black;
	display:block;
	padding:5px;
	font-weight:bold;
	text-indent:0;
	text-align:left;
	margin:3px 1em 3px 1em;
	}
blockquote {
	padding: 10px 4px 4px 4px;
	border:1px dotted #727272;
	background-repeat:no-repeat;
	background-color:#f9f9f9;
}
.enlace {
	cursor: pointer;
	background-color:transparent;
}
a,.enlace { padding: 0 0.1em 0 0.1em;}
a:link,a:visited,
.enlace,.enlace:visited {
	text-decoration: underline;
	font-weight: bold;
	letter-spacing: normal; }
a:hover,
.enlace:hover {
	text-decoration: none;
	font-weight: bold; }
a:active,
.enlace:active {
	text-decoration:underline;
	font-weight: bold;
	background-color: #eee;
	color: black;
}
input {
	border-style: solid;
	border-width: 1px;
}
textarea {
	border-style: solid;
	border-width: 1px;
}
/* Campo del formulario (donde se pone el e-mail) */
input {
        margin: 2px;
        padding: 2px 4px 2px 0;
}
textarea {
/*Los textarea de la administración son especiales: ver admin.css*/
        width: 60%;
        height: 6em;
	/*Fin condiciones especiales en la administración. Sigue estilos comunes*/
	font-family:verdana,arial,tahoma,serif;
	font-size:1.2em;
        margin-right: 0.8em;
	margin-bottom:10px;
	padding: 5px;
	vertical-align:top;

}
input.porpagina {
	margin-left:6px;
	text-align:center;
}
input.boton {
	border: 1px solid black;
	text-align:left;
}
input:hover {
	cursor:hand;
}
.naiandei { /* Texto enfatizado de la página*/
	letter-spacing: 2px;
}
.no {
	text-decoration: line-through;
}

div#pie {
	padding: 10px 10px 0 5px;
	clear: both;
	position: relative;

}
body  div#pie p {
	border-style: solid none none solid;
        border-width: 1px;
	text-align:left;
	margin:0;
	padding-left:0.5em;
	text-indent:0;
}
li { margin: 0.2em 0.2em 0.2em 0;}
label { margin: 1em;text-align:right;}
.primerparrafo {
	text-indent:0;	
}
.primerparrafo:first-letter {
	border: 1px solid black;
	font-size:1.5em;
	text-indent:0;
	margin: 2px 2px -2px 10px;
	padding: 1px 3px 1px 3px;
	font-weight: bold;
	float: left;
}/*
.primerparrafo:first-word { text-transform:uppercase;
}*/
div#contenido div div.entrada-contenedor {
	border:0;
}
html>body p { text-indent: 0.8em;}
#contenido p { line-height:1.2em;}
img.float {
	float: left;
	padding: 0 0.3em 0 0.1em;
}
td { vertical-align: top;}
td.recordardatos {
	padding-left: 1em;
	width:50%;
	border-left: 1px solid #CCC;}
td.recordardatos p {
	margin: 0 0 0.5em 0;
}
body #contenido form div input.radio,
body #contenido form div input.boton {
	width:auto;
}
img {
	border: 0;
}
img.smiley {
	vertical-align:bottom;
}
blockquote.largo p { text-align:center;} /* Estilo para letras de canciones y en general texto centrado dentro de una cita.*/
p#dentroadmin {
	text-align:center;
	border:1px solid black;
	background-color:#DFCF1D;
	}
/*Caja con la imagen a la izquierda */
#contenido span.izquierda {
	float:left;
	padding:2px 1px 2px 4px;
	margin: 3px 3px 0 6px;
	width:237px;
	background-color: #eee;
	border:1px dotted #ccc;
	font-size:0.9em;
	text-align:left;
	text-indent:0;
}

/* La imagen dentro de la caja a la izquierda*/
#contenido span.izquierda img {
	position:relative;
	margin-bottom:5px;
}
/* Caja con la imagen al centro */
#contenido span.centro {
	padding:4px;
	display:block;
	margin: 3px 0 3px 0;
	font-size:0.9em;
	text-align:center;
}
/* La imagen dentro de la caja al centro*/
#contenido span.centro img {
	padding:1px;
	position:relative;
	margin-bottom:5px;
}
 /*Caja con la imagen a la derecha */
#contenido span.derecha {
	float:right;
	padding:2px 1px 2px 4px;
	margin: 3px 3px 0 6px;
	width:237px;
	background-color: #eee;
	border:1px dotted #ccc;
	font-size:0.9em;
	text-align:left;
	text-indent:0;
}
/* La imagen dentro de la caja a la derecha*/
#contenido span.derecha img {
	position:relative;
	margin-bottom:5px;
}
#contenido div#ayuda-wiki {
	/*width:36%;*/
	/*Atención!: La longitud de la caja está puesta en cada página para poder acceder a ella desde javscript. El valor siempre debe ser 36% <<<<-*/
	float:right;
	height:auto;
	padding:0;
	position:relative;
	margin:0;
}
div#ayuda-wiki p {
	margin:0;
}
div#contenido div#cuerpo-ayuda-wiki {
	font-size:0.88em;
	position:absolute;
	z-index:1;
	display:inline;
	text-align:left;
	background-color:#eee;
	border-top:0px solid black; /* OJO: en ayudas.js hay una nota sobre los bordes y unos pixeles locos */
	border-right:1px solid black;
	border-bottom:1px solid black;
	border-left:1px solid black;
}
div#contenido form div#cuerpo-ayuda-wiki p {
	padding:0;
	margin:0;
}
p.mostrar-ocultar {
	border:1px solid black;
	margin:0;
	padding:0;
	text-align:center;
	cursor:pointer;
	display:block;
	color:white;
}
p.mostrar-ocultar:hover {
	text-decoration:underline;
}
p#nota-dotclear {
	font-size:0.8em;
	text-align:center;
	border-top:1px solid black;
	padding:0;
	margin:0;
}
div#contenido span.edicion-admin {
/*Cajita para administrar las entradas de los comentarios y el weblog*/
	background-color:#CCC;
	border:1px solid black;
	right:0;
	font-size:0.9em;
	-moz-border-radius:4px;
	margin-top:1px;
	float:right;
	text-indent:0;
	}
/*Enlaces en rojo para la edicion desde el administrador*/
div#contenido span.edicion-admin a {
	padding-left:5px;
	padding-right:5px;
}
div#contenido span.edicion-admin a:hover {
	background-color:red;
	}
object.youtube {
	width:425px;
	height:350px;
	margin-left:-212px;
	position: relative;
	left:35%;
}
body#portada object.youtube {
	width:425px;
	height:350px;
	margin-left:-212px;
	position: relative;
	left:50%;
}