body {
font: normal 83% "tahoma", georgia, verdana, sans-serif;
color: black;                                                         /* texto del cuerpo de toda la pagina */ 
text-align:center;                                                   /* centra en iexplorer */
background-color: #F0F6DF;
}

h1 {margin: 0; 
color: #51262d; 
font-variant: small-caps;
}

h3 {
margin: 0; 
text-align: center; 
border-bottom: dashed 1px #51262d; 
color: #51262d;
}

.h32 {
margin: 0; 
text-align: center; 
border-bottom: dashed 1px #51262d; 
font-size: 130%;
/* font-weight:bold; */
color: red;
}


a {
color: red; 
text-decoration: none;
}

a:hover {
color: black; 
text-decoration: underline;
}

.small {
margin-left: 10px;
font-size: 50%;
}

.menu ul {
margin: 0; 
margin-top: 4px; 
margin-bottom: 10px; 
padding: 0; 
list-style: none;
}

.menu a {
width: 94%; 
margin: 2px; 
padding: 1px; 
display: block; 
border: solid 1px #35484e; 
background-color: white;    /* menu izquierdo sin pulsar */
color: red;
}

.menu a:hover {
background-color: black;    /* menu izquierdo pulsado */
color: white; 
text-decoration: none;
}

.menu2 ul {
margin: 0; 
margin-top: 4px; 
margin-bottom: 10px; 
padding: 0; 
list-style: none;
}

.menu2 a {
width: 94%; 
margin: 2px; 
padding: 1px; 
display: block; 
border: solid 0px #35484e; 
background-color: white;    /* menu izquierdo sin pulsar */
color: red;
}

.menu2 a:hover {
background-color: black;    /* menu izquierdo pulsado */
color: white; 
text-decoration: none;
}


#subir {
margin: 0; 
text-align: right; 
text-decoration: underline;
color: red;
}

#muestra {
/* font: normal 83% "tahoma", georgia, verdana, sans-serif;  */
margin: 0; 
text-align:center; 
font-size: 10pt; 
text-decoration: none;
color: blue;
}

#presentacion {
margin: 0; 
text-align: center; 
font-size: 11pt; 
text-decoration: none;
color: black;
}

#supercontenedor {
background:white url(images/content_bg.gif);
width: 810px;  /* 1024px */
/* height:100%; */     /* <== Si no se quita esto la capa no continua aplicandose */
margin: 0 auto;
padding: 0px;
background-color: white;
}

#header {
margin-bottom:0px; 
text-align: center;
margin-left: 10px;
margin-right:10px;
padding: 0px;
background-color: white;
height:64px;
width: 780px;
background: white url(images/cabecera.jpg) top left no-repeat scroll;
}

#topnav {
margin-bottom: 0px;
text-align: center;
margin-top: 0px; 
margin-left: 10px;
clear: both;
padding: 15px;
height:20px;
background: url(images/header.jpg) left bottom no-repeat scroll;
}

#left {
float: left; 
width: 23%; 
margin-bottom: 25px; 
margin-left: 10px;
padding: 5px; 
background-color: white; /* fondo izquierdo */
border: solid 0px red;    /* borde */
}

#left h3 {
color: black;                 /* titulos en el menu izquierdo */
border-bottom: dashed 1px #324339;
}

/* ***************************************/
/**   Importante para compatibilidad con Ie    **/
/****************************************/
#firstpage {
margin-left: 210px; 
margin-right: 5px; 
margin-bottom: 5px; 
height:300px;
width: 580px;
}

#left h32 {
font-size: 120%;
color: red;                 /* titulos en el menu izquierdo */
font-weight: bold;
border-bottom: dashed 1px #324339;
}

#content {
margin-left: 25%; 
margin-right: 5%; 
padding: 5px; 
padding-left: 8px; 
padding-right: 0px; 
text-align: justify;  
background-color: white;    /* fondo de las cajas del cuerpo */    
border: solid 0px red;         /* color del borde de la caja    */
background: url(images/fondo.jpg) top left no-repeat scroll; 
}

#content p {
text-align: justify;           /* texto del centro */
}

#content a:hover {
color: #f03732;
}

#titulo {
margin-left: 25%; 
margin-right: 5%; 
padding: 5px; 
padding-left: 8px; 
padding-right: 0px; 
text-align: left;  
text-decoration: underline;
color: #51262d;
background-color: white;    /* fondo de las cajas del cuerpo */    
}

#titulo p {
text-align: justify;           /* texto del centro */
}

#titulo a:hover {
color: #f03732;
}


#footer {
height:10px;
width: 725px;
border: solid 0px red;
margin-top: 15px;
margin-bottom:14px; 
margin-left: 10px;
margin-right: 10px;
clear: both;
padding: 30px;
text-align: center;
background: url(images/footer.jpg) bottom right no-repeat scroll;
}

#footer_content {
text-align:center;
padding:10px;
height:5px; 
background: url(images/bottom.gif) no-repeat;
}
#header_content {
text-align:center;
padding:0px;
height:30px;
background: url(images/top.gif) bottom no-repeat;
}

/****************************************************************
*****************************************************************
 ********EXTENSION PARA LAS TABLAS****************
*****************************************************************
****************************************************************/
/* 
	Cusco Sky table styles
	written by Braulio Soncco http://www.buayacorp.com
*/

table, th, td {
	border: 1px solid #D4E0EE;
	border-collapse: collapse;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #555;  /* 555 */
}

caption {
	font-size: 150%;
	font-weight: bold;
	margin: 5px;
}

td, th {
	padding: 4px;
}

thead th {
	text-align: center;
	background: #E6EDF5;
	color: #4F76A3;
	font-size: 100% !important;
}

tbody th {
	font-weight: bold;
}

tbody tr { background: #FCFDFE; }

tbody tr.odd { background: #F7F9FC; }

table a:link {
	color: #718ABE;
	text-decoration: none;
}

table a:visited {
	color: #718ABE;
	text-decoration: none;
}

table a:hover {
	color: #718ABE;
	text-decoration: underline !important; 
}

tfoot th, tfoot td {
	font-size: 85%;
}