/* general */
body {
	margin:0;
	border:0 none #FFF;
	padding:0;
	text-align:center;
	font:62.5% Helvetica,Geneva,Arial,'Bitstream Vera Sans',sans-serif;
	color:#FFF;
	height:100%;
}
div, dl, ul, ol, dd, dt, li, form, fieldset {
	margin:0;
	padding:0;
	color:#333;
	text-align:left;
}
img {
	border:0 none #FFF;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
/* cabeceras */
h1, h2, h3, h4, h5, h6 {
	margin:0;
	border:0 none #FFF;
	padding:0;
	font-weight:normal;
	/* font-family:'Trebuchet Ms',Helvetica,Geneva,Arial,'Bitstream Vera Sans',sans-serif; */
	font-family:'Cambria',Baskerville,'Bitstream Vera Serif','Palatino Linotype',Georgia,'Times New Roman',serif;
	text-align:left;
}
h1 {
	font-size:2.0em;
}
h2 {
	font-size:1.8em;
}
h3 {
	font-size:1.6em;
}
h4 {
	font-size:1.4em;
}
h5, h6 {
	font-size:1.2em;
	font-weight:bold;
}
code {
	font-family:Consolas,'Andale Mono','Lucida Console',monospace;
	color:#666;
}
/* Formularios */
/* Fieldsets */
fieldset {
	padding:0;
	margin:0;
	border:1px solid #CCC;
}
legend {
	font-weight:bold;
	font-size:1.2em;
}
legend,
label,
input,
textarea {
	font:1.3em/1.7em Helvetica,Geneva,Tahoma,Arial,'Bitstream Vera Sans',sans-serif;
	color:#333;
}
/* Cajas */
input.texto {
	width:20em;
	margin:.4em;
	padding:.4em;
}
input.texto-corto {
	width:10em;
}
input.texto {
	border:1px solid #BBB;
	background-color:#F6F6F6;
}
input.texto:focus {
	border:1px solid #999;
	background-color:#FFF;
}
input.botones {
	width:8em;
	padding:.4em;
	margin:.4em 2em;
}
/* Textareas */
textarea {
	width:20em;
	height:12em;
	margin:.4em;
}
textarea {
	border:1px solid #BBB;
	background-color:#F6F6F6;
	padding:.4em;
}
textarea:focus {
	border:1px solid #999;
	background-color:#FFF;
}
/* Select */
select {
	border:1px solid #CCC;
	background-color:#F6F6F6;
}
select:focus {
	border:1px solid #999;
	background-color:#FFF;
}
/* Success, error & notice boxes for messages and errors. */
.error,
.mensaje, 
.ok {
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}
.error {
	background-color:#FBE3E4;
	color:#D12F19;
	border-color:#FBC2C4;
}
.mensaje {
	background-color:#FFF6BF;
	color:#817134;
	border-color:#FFD324;
}
.ok {
	background-color:#E6EFC2;
	color:#529214;
	border-color:#C6D880;
}
.error a
	{ color:#D12F19; }
.mensaje a
	{ color:#817134; }
.ok a
	{ color:#529214; }
/* Clases comunes */
.mayusculas {
	font-variant:small-caps;
}
.oculto {
	display:none;
}
/* alineas los textos a derecha, izquierda o centro */
.a-centro {
	text-align:center !important;
}
.a-derecha {
	text-align:right !important;
}
.a-izquierda {
	text-align:left !important;
}
/* flotas imagenes a derecha, izquierda o centro.
   El HTML necesario es de la forma <p class="en-centro"><img></p> */
p.en-centro img {
	text-align:center;
	margin:.8em;
}
p.en-derecha img {
	float:right;
	margin:.8em;
}
p.en-izquierda img {
	float:left;
	margin:.8em;
}
.limpia-derecha:after {
	content:".";
	display:block;
	height:0;
	clear:right;
	visibility:hidden;
}
.limpia-izquierda:after {
	content:".";
	display:block;
	height:0;
	clear:left;
	visibility:hidden;
}
.limpia-ambos:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/* texto dentro del contenedor comun */
#contenido p,
#pie p,
#contenido ul,
#contenido ol,
#contenido dl
{
	margin:0;
	padding:.2em 1.2em;
	color:#333;
	text-indent:0;
}
#contenido ul {
	list-style:disc outside;
	margin-left:1em;
}
#contenido ol {
	list-style:decimal outside;
	margin-left:1em;
}
#contenido p,
#pie p,
#contenido li,
#contenido dd,
#contenido dt {
	font:1.3em/1.5em 'Segoe UI',Tahoma,Helvetica,Geneva,Arial,'Bitstream Vera Sans',sans-serif;
	text-align:left;
}
#contenido dd {
	margin-left:1em;
}
#contenido dt {
	font-weight:bold;
}
#contenido p {
	text-align:justify;
}