body {text-align: center}
body {background-color: #708090; }

.centrado {
	text-align:left;
	font-family:Arial;
	font-weight: bold;
	color: #F00;
}
.left {text-align:left}
.fltrt {float: right}

#global {width:996px ; margin: 0px auto; background-color: #708090; padding: 0px; border: none; font-family:Arial}

* {
	margin:0px;
	padding:0px;
	border: 0px;
}
p {text-align: justify}
img {	border-style: none;}
h0 {font-size: 14.0pt; color: #000080 ; font-weight: bold ; text-decoration: none ; text-align: center; }
h1 {font-size: 14.0pt; color: #000080 ; font-weight: bold ; text-decoration: underline ; text-align: center; }
h2 {font-size: 12.0pt; color: #000080 ; font-weight: bold ; text-decoration: none ; text-align: center; padding:3px}
h3 {font-size: 1.2em; color: #000080 ; font-weight: bold ; text-decoration: none ; text-align: left}
h4 {color: #EE94DA; text-align: left; padding: 8px 20px 8px 20px; font-size: 0.8em; font-weight:100; text-align:justify}
h5 {color: #F09; text-align: left; 	padding: 8px 20px 8px 20px; font-size: 0.8em; font-weight:100; text-align:justify}

h6 {font-size: 10.0pt; font-family: Verdana ; color:#0D599C ; font-weight: bold ; text-decoration: none ; text-align: left; margin-left: 10px; margin-right:15px }
h7 {font-size: 10.0pt; font-family: Verdana ; color:#0D599C ; text-decoration: none ; text-align: left ; font-style:oblique;  }
h8 {font-size: 10.0pt; font-family: Verdana ; color:#693 ; text-decoration: none ; text-align: left ; font-style:oblique; }
h9 {font-size: 10.0pt; font-family: Verdana ; color:#000 ; font-weight: bold ; text-decoration: none ; text-align: left; font-style:oblique;}
h10 {font-size: 10.0pt; font-family: Verdana ; color:#000 ; text-decoration: none ; text-align: left;}

/* DEFINICIONES DE ESTILOS DE PÁRRAFOS PARA LAS TABLAS DE TWEETS O6, OAY, OT Y OW */
H1 /* Texto ummo nativo */ { color:#0D599C ; font-family:Verdana ; font-size: 9.0pt; font-weight:bold; }


#cabecera {background-color: #FFEFDB;  margin: 0px; float: left; width: 996px; border: 1px solid black; padding:0px }
#cabecera h1 {font-size: 14.0pt; color: #000080 ; font-weight: bold ; text-decoration: none ; text-align: center}
#cabecera h2 {font-size: 12.0pt; color: #000080 ; font-weight: bold ; text-decoration: none ; text-align: center}

#cabecera-carta {
	background-color: #EEEED1;
	float: left;
	width: 800px;
	border-top: 2px solid black ; border-right: 2px solid white; border-bottom: 2px solid white; border-left: 2px solid black;
	margin-left: 98px;
	padding:2px}
	
#cabecera-historia {
	background-color: #DCDCDC;
	float: left;
	width: 700px;
	border-top: 2px solid black ; border-right: 2px solid white; border-bottom: 2px solid white; border-left: 2px solid black;
	margin-left: 45px; margin-top:20px; margin-bottom:6px; 
	padding:3px 6px 3px 6px;}	

#cabecera-historia h2 {font-size:10.0pt; color: #000080 ; font-weight: 100 ; text-decoration: none ; text-align: justify; margin: 3px 6px 3px 6px;}

#cabecera-carta h1 {font-size: 1em; color: #1C1C1C ; font-weight: bold ; text-decoration: none ; text-align: center ; margin: 4px}

#navegacion {background-color: #6959CD; border-top: none; border-right: 1px solid black; border-bottom: 1px solid black; border-left: 1px solid black;width: 996px; margin: 0px; padding: 0px; float: left   }
#navegacion h2 {font-size: 1.1em; color: black ; font-weight: bold ; text-decoration: none ; text-align: center}

#menu-navega {background-color: #6959CD; width: 198px; float: left; text-align: center; margin: 0px; padding: 4px 0px 4px 0px }
#menu-navega a {
	color: white;
	font-size:1em;
	text-decoration: none;
	font-weight: bold;}
#menu-navega a:link {}
#menu-navega a:visited {
	color: white}
#menu-navega a:hover {
	color: #C0DCC0;
	text-decoration: underline}
#menu-navega a:active {}
#menu-navega p {text-align: center}

#contenido {background-color: #F5F5F5 ; width: 996px ; float:left ; border: 1px solid black ; margin: 0px }
#contenido p {padding: 10px 20px 10px 20px; font-size:1em;}
#contenido a {color: blue; font-size:1em ; text-decoration: none; font-weight: bold}
#contenido a:link {}
#contenido a:visited {
	
}
#contenido a:hover {color: green; text-decoration: underline}
#contenido a:active {}
#contenido img {margin: 0px}

#contenido2 {background-color: #F5F5F5 ; width: 996px ; float:left ; border: 1px solid black ; margin: 0px }
#contenido2 p {padding: 10px 20px 10px 20px; font-size:1em;}
#contenido2 a {color: #63F; font-size:0.9em ; text-decoration: none; font-weight: bold}
#contenido2 a:link {}
#contenido2 a:visited {
	
}
#contenido2 a:hover {color: #0FC; text-decoration: underline}
#contenido2 a:active {}
#contenido2 img {margin: 0px}

#menu {
	background-color: #FFD700;
	width: 155px;
	float:left;
	text-align:left;
	margin: 2px 15px 3px 3px;
	border: 1px solid black;
	color: #708090; 	padding-bottom: 4px;
	padding-left: 3px;
	padding-top: 6px;
	padding-bottom: 4px;
	border-top-width:  inherit;}
#menu a {color: blue; font-size:1em ; text-decoration: none; font-weight:100}
#menu a:link {}
#menu a:visited {color: blue}
#menu a:hover {color: green; text-decoration: underline}
#menu a:active {}
#menu img { margin-left: 10px; margin-bottom: 3px; margin-top: 5px}
#menu h2 {font-size: 1em; color: #000080 ; font-weight: bold ; text-decoration: underline ; text-align: left}
#menu li { list-style:none ; margin: 4px 0px 4px 6px}

#contenido-carta {
	background-color: #fcfcf2;
	width: 996px;
	float:left;
	border: 1px solid black;
	margin: 0px;
	padding-top: 10px;
	text-align: justify}
#contenido-carta p {
	padding: 0px 20px 0px 20px;
	font-family:Verdana, Helvetica, sans-serif;}
#contenido-carta a {}
#contenido-carta a:link {color: blue;
	font-size:1em;
	text-decoration: none;
	font-weight: bold}
#contenido-carta a:visited {
	color: #A52A2A; text-decoration: none;
	font-weight: bold}
#contenido-carta a:hover {color: green; text-decoration: underline}
#contenido-carta a:active {
	font-family:Arial, Helvetica, sans-serif;}
#cabecera-tabla {
	background-color: #DCDCDC;
	border-top: 2px solid black ; border-right: 2px solid white; border-bottom: 2px solid white; border-left: 2px solid black;
	margin: 10px 40px 0px 40px;
	padding:2px}
#pie {
	background-color:#EEEEE0;
	border: 1px solid black;
	width: 996px;
	margin: 0px;
	float: left;
	table-layout:auto;
	padding-top: 10px;
	padding-bottom: 4px}
#pie ul {text-align:left}
#pie ol {text-align:left}
#pie a {color: blue; font-size:1em ; text-decoration: none; font-weight: bold}
#pie a:link {}
#pie a:visited {
	color: blue;}
#pie a:hover {color: green; text-decoration: underline}
#pie a:active {}	
#pie p {padding: 1px 20px 1px 20px}
#pie table p {
	padding: 2px;
	text-align: left;
}
#pie table img {
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 2px;
	margin-right: 2px;
}
#pie h2 {font-size: 1.1em; color: #000080 ; font-weight: bold ; text-decoration: none ; text-align: center}
#pie h3 {font-size: 1em; color: black ; font-weight: bold ; text-decoration: none ; text-align: center}
#pie h4 {
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	padding: 0;
	color: #FF34B3;
}
#pie h5 {
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	padding: 0;
	margin: 5px 10px 5px 10px;
	color:#000080 ;
	text-align:center
}

	
#pie-2 {
	background-color: #C0C0C0;
	border: 1px solid black;
	width: 996px;
	margin: 0px;
	float: left;
	padding: 0px;}
#pie-2 img {float:left}

#separador {
	background-color: #708090;
	width: 996px;
	float: left;
	height: 4px;
	max-height: 4px;}
	
#finalizador {background-color: #708090; width: 996px; float: left; height: 30px }

#recuadroscontenidoleft {
	background-color: #FFFAF0;
	width: auto;
	float:left;
	text-align:left;
	margin: 6px 15px 6px 20px;
	border: 1px solid black;
	color: black; 	padding-bottom: 4px;
	padding-left: 0px;
	padding-top: 2px;
	border-top-width: inherit;}
	#recuadroscontenidoleft-1 {
	background-color: #FFFFFC;
	width: auto;
	float:left;
	text-align:left;
	margin: 6px 15px 6px 20px;
	border: 1px solid black;
	color: black; 	padding-bottom: 4px;
	padding-left: 0px;
	padding-top: 2px;
	border-top-width: inherit;}
#recuadroscontenidoleft p {padding: 2px 10px 2px 10px}
#recuadroscontenidoright p {padding: 2px 10px 2px 10px}
#recuadroscontenidoright {
	background-color: #FFFAF0;
	width: 550;
	float: right;
	text-align:left;
	margin: 6px 20px 6px 15px;
	border: 1px solid black;
	color: black; 			padding-bottom: 4px;
	padding-left: 0px;
	padding-top: 4px;
	border-top-width: inherit;
}
#recuadroscontenidoright2 {
	background-color: #FFFAF0;
	width: 480;
	float: right;
	text-align:left;
	margin: 6px 20px 6px 15px;
	border: 1px solid black;
	color: black; 	padding-bottom: 4px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-top-width: inherit;}

table {
	padding: 4px;
	width: 938px;
	border: thin solid;
	margin: 5px 25px 5px 29px;
	background-color: #8B8B83;
	text-align: center;
	border-bottom-color: #000;
	border-left-color: #FFF;
	border-right-color: #000;
	border-top-color: #FFF;}

th, td {
    font-size: 12px;
    font-weight: 100;
    font-family: Arial;
    vertical-align: top; /* Alinea el texto en la parte superior */
    padding: 3px; /* Aumenta el padding */
    border: thin solid #000;
    white-space: normal; /* Permite que el texto se divida en varias líneas */
    word-wrap: break-word; /* Asegura que las palabras largas no desborden */
    box-sizing: border-box; /* Incluye padding y border en el cálculo del tamaño */
    overflow: hidden; /* Evita que el texto desborde visualmente */
}

	
#global #pie table tr td div {

}

#ibozoo-1 {
	background-color: #FFFFF0;
	width: auto;
	float:left;
	text-align:left;
	margin: 4px 15px 6px 20px;
	border-top: 2px solid #D02090;
	border-right: 2px solid #D02090;
	border-bottom: 2px solid #D02090;
	border-left: 2px solid #D02090;
	color: black; 	padding-bottom: 6px;
	padding-left: 15px;
	padding-top: 6px;
	padding-right: 15px;}

#ibozoo-numeros {
	background-color: #FFFFF0;
	width: auto;
	float:left;
	text-align:left;
	margin: 4px 15px 6px 20px;
	border: 2px solid #76EE00;
	color: black; 	padding-bottom: 6px;
	padding-left: 15px;
	padding-top: 6px;
	padding-right: 15px;}
	
#ibozoo-azulon {
	background-color: #FFFFF0;
	width: 926px; 
	text-align:left;
	margin: 4px 15px 6px 20px;
	border: 2px solid #00BFFF;
	color: black; 	padding-bottom: 6px;
	padding-left: 15px;
	padding-top: 6px;
	padding-right: 15px;}
	
#ibozoo-verdoso {
	background-color: #FFFFF0;
	width: 926px;
	text-align:left;
	margin: 4px 15px 6px 20px;
	border: 2px solid #76EE00;
	color: black; 	padding-bottom: 6px;
	padding-left: 15px;
	padding-top: 6px;
	padding-right: 15px;}
	
#ibozoo-verdeazul {
	background-color: #FFFFF0;
	width: 926px;
	text-align:left;
	margin: 4px 15px 6px 20px;
	border: 2px solid #2E8B57;
	color: black; 	padding-bottom: 6px;
	padding-left: 15px;
	padding-top: 6px;
	padding-right: 15px;}

#recuadro-negro {
	background-color: #FFFFF0;
	width: 926px;
	text-align:left;
	margin: 4px 15px 6px 20px;
	border: 1px solid black;
	color: black; 	padding-bottom: 6px;
	padding-left: 15px;
	padding-top: 6px;
	padding-right: 15px;}