/* 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%;
	outline:0;
}
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:3em; }
h2 { font-size:2.8em; }
h3 { font-size:2em; }
h4 { font-size:1.6em; }
h5, h6 {
	font-size:1.2em;
	font-weight:bold;
}
code {
	font-family:Consolas,'Andale Mono','Lucida Console',monospace;
	color:#666;
}
/* Formularios */
/* Fieldsets */
fieldset {
	margin:0; border:1px solid #CCC; padding:0;
}
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 {
	margin:.4em; padding:.4em;
	width:20em;
}
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 {
	margin:.4em 2em; padding:.4em;
	width:8em;
}
/* Textareas */
textarea {
	margin:.4em;
	width:20em; height:12em;
}
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 {
	margin-bottom:1em; border:2px solid #ddd; padding:.8em;
}
.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; }
.linea-abajo { border-bottom:1px #CCC solid; }
.linea-arriba { border-bottom:1px #CCC solid; }
/* 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;
}
/* Limpiar contenido flotante */
.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;
}
/* Tablas */
#contenido table {
	border-collapse: collapse;
	margin: 0 auto; border: 0 none #FFF; padding: 0;
}
#contenido table.sin-borde { border: 0 none #FFF; }
#contenido tr { margin:0; }
#contenido td,
#contenido th {
	display:table-cell;
	margin:0; border: 1px solid #CCC; padding: .8em;
	vertical-align: middle; 
	text-align: left;
}
#contenido table.centrada td,
#contenido table.centrada th {
	text-align: center;
}
#contenido table.sin-borde td,
#contenido table.sin-borde th {
	border: 0px none #fff;
}