/* Hoja de estilos - ceh.css */

/* Modificación de estilos clásicos */

body {
/*	background: rgb(150,25,75); */
	background: rgb(150,25,75);
	color: black;
	font-size: 10pt;
	font-family: verdana, sans-serif;
	margin : 0;
	border: 0;
	padding: 0;
}

div {
	margin: 0;
	border: 0;
	padding: 0;
}

h1 {
	font-size: 16pt;
}

h2 {
	font-size: 12pt;
}

h3,h4,h5 {
	font-size: 10pt;
}

img {
	border: 0;
	background-color: none;
}

hr {
	border: 1px dotted gray;
	border-width: 0 0 1 0;
	margin: 1em;
}

table {
	margin : 0;
	border: 0;
	padding: 0;
	border-space: 0;
	border-collapse: collapse;
	align: top;
}

td,th {
	margin : 0;
	border: 0;
	padding: 10px 5px;
	vertical-align: top;
}

th {
	font-weight: bold;
}

/* Comportamiento estándar de los enlaces */
a:link { text-decoration:none; color: rgb(25,25,25) }
a:visited { text-decoration:none; color: rgb(25,25,25) }
a:active { text-decoration:none }
a:hover {
	text-decoration:none;
	font-weight: bolder;
	color: rgb(150,25,75);
}



/* ************* */
/* Id especiales */
/* ************* */

/* Para la cabecera */

#cabecera {
/*	background-color: aliceblue; */
	background-color: #eeeeee;
	height: 60px;
	vertical-align: middle;
	text-align: center;
	padding-top: 5px;
}

#raya {
	background-color: rgb(120,20,50);
	font-size: 0;
	height: 6px;
	border-bottom: 2px solid #f5f5f5;
}


/* Para el lado izquierdo */

#ceh-izq {
	margin: 0;
	border: 0;
	padding: 0;
	width: 180px;
}

.menu {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 1px solid rgb(0,0,0);
	background-color: rgb(180,180,180);
	border-top: 0;
	font-size: 10pt;
}

.menu li {
	border-top: 1px solid rgb(0,0,0);
	padding: 5px 15px;
}

.submenu {
	background-color: #ddd;
	text-indent: 10pt;
	font-size: 0.8em;
	color: rgb(100,100,100);
}

.submenu strong { 
	font-weight: bolder;
	color: rgb(50,50,50);
}

.submenu a:link { text-decoration:none; color: rgb(100,100,100); }
.submenu a:visited { text-decoration:none; color: rgb(100,100,100); }
.submenu a:active { text-decoration:none; }
.submenu a:hover { text-decoration:none; color: rgb(150,25,75); }

.selec {
	font-weight: bolder;
	text-transform: uppercase;
}

.actual {
	font-weight: bolder;
	color: black;
	text-transform: uppercase;
}

.actual a:link { text-decoration:none; color: rgb(25,25,25) }
.actual a:visited { text-decoration:none; color: rgb(25,25,25) }
.actual a:active { text-decoration:none }
.actual a:hover { text-decoration:none; font-weight: bold; color: rgb(150,25,75); }


/* Para el lado derecho */

#ceh-der {
	margin : 0;
	border: 0;
	padding: 2px;
	background-color: #eeeeee;
}

#contenido {
	margin: 0;
	border: 4px solid rgb(120,20,50);
	padding: 10px;
}

#contenido .titulo {
	margin: 5px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid rgb(120,120,120);
	font-size: 13pt;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: bold;
	text-align: left;
	color: rgb(120,120,120);
}

#contenido .autor {
	margin: 5px 0;
	font-size: 13pt;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: bold;
	text-align: right;
	font-style: italic;
	color: rgb(120,120,120);
}

#contenido .texto {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 10pt;
	text-align: justify;
	text-indent: 15px;
}


#contenido .texto td {
	margin : 0;
	border: 0;
	padding: 4px 6px;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 10pt;
	text-align: justify;
}



#contenido a:link { text-decoration:none; font-weight: bolder; color: rgb(150,25,75); }
#contenido a:visited { text-decoration:none; font-weight: bolder; color: rgb(150,25,75); }
#contenido a:active { text-decoration:none; font-weight: bolder;}
#contenido a:hover { text-decoration:none; color: rgb(150,25,75); }


/* Clases */

.center { text-align: center; }
.negri { font-weight: bolder; }
.grande { font-size: 1.1em; font-weight: bolder; line-height: 3em }
.mediana { font-size: 1em; font-weight: bolder; line-height: 2em }
.griego {font-size: 13pt; font-family: symbol; }

.creditos {
	margin-top: 5px;
	border-top: 1px solid #aaaaaa;
	padding-top: 5px;
	font-size: 8pt;
	text-align: center;
	color: #aaaaaa;
}

.creditos a:link { text-decoration:none; color: #aaaaaa; }
.creditos a:visited { text-decoration:none; color: #aaaaaa; }
.creditos a:active { text-decoration:none; }
.creditos a:hover { text-decoration:none; color: #aaaaaa; }