/*empezamos por esto, para evitar resultados extraños en distintos navegadores, y algo de estilo al texto*/
body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#666666;
	text-align:center; /*aqui mandamos a centrar todo el contenido*/ 
	scrollbar-face-color: #ffffff; 
	scrollbar-arrow-color:#b11315;/* */
	scrollbar-track-color: #ffffff; 
	scrollbar-shadow-color: #ffffff; 
	scrollbar-highlight-color: #ffffff; 
	scrollbar-3dlight-color: #ffffff; 
	scrollbar-darkshadow-color: #ffffff; 
}
#contenedor {
	width:590px; /*ancho total de la pagina*/ 
	margin-bottom:10px;
	margin-left:4px;
	margin-right:3px;
	margin-top:6px;
	height:340px;
	/*margin:10px auto; 10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
	text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
}
#encabezado {
	width:100px; /*more*/ 
	float:left; /*lo flotamos a la izquierda*/ 
	display:inline; /*(*)*/ 
}
#encabezado_pie {
	width:572px; /*more*/ 
	float:left; /*lo flotamos a la izquierda*/ 
	display:inline; /*(*)*/ 
}
#encabezado_pie h1{
	font-size:10px;
	font-weight:bold;
	border-bottom:16px solid #FFFFFF;
	color:#000000;
	margin:0; /*los h1 vienen con margen, con esto se lo quito*/ 
	text-transform:uppercase;
}
#encabezado h1 { /*encadenamos el identificador del div, con la etiqueta par areferirnos solo al h1 dentro del div encabezado, asi no afectara otros h1 en el resto del documento.*/ 
	font-size:18px;
	font-weight:bold;
	border-bottom:16px solid #FFFFFF;
	color:#000000;
	margin:0; /*los h1 vienen con margen, con esto se lo quito*/ 
	text-transform:uppercase;
}
#menu {
	float:left;
	padding:0;
	margin:12px 0px 23px 6;/*top x x left*/
	width:580px;
	height:40px; 
	
}
ul {
	list-style-type:none; /*con esto quitamos las viñetas*/
	margin:0; /*le quitamos el margen a la lista*/ 
	padding:0; /*y el relleno*/
}
li {
	font-size:12px;
	margin:0; /*le quito el margen al elemento de la lista*/ 
	float:left; /*y los floto a la izquierda para eliminar el salto de linea*/ 
}
li a {
	display:block; /*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 	font-size:12px;
	/*background-color:#CC3300; algo de color*/ 
	color:#555555; /*mas*/ 
	width:39px; /*defino el ancho del rectangulo del vinculo*/
	padding:4px 0; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/ 
	text-decoration:none; /*elimino el subrayado del vínculo*/ 
	font-weight:bold; /*decoración*/ 
	text-transform:uppercase; /*decorare los vinculos en mayusculas*/
	text-align:center;
}
li a:hover {
	color:#FFFFFF; /*mas*/ 
	background-color:#B11315; /*decoración para el evento hover (mouse encima)*/ 
}

img.floatRightClear
{
float:right;
clear:right;
margin-bottom:3px;
margin-top:8px;
margin-right:10px;
margin-left:16px;
}
img.floatRightClear22
{
float:right;
clear:right;
margin-bottom:3px;
margin-top:8px;
margin-right:119px;
margin-left:16px;
}
img.floatLeftClear
{
float:left;
clear:left;
margin:12px;
}
img.CenterClear
{
	display: block; 
	margin-left: auto; 
	margin-right: auto
}
p.menos{
	font-family:arial;
	font-size:11px;
	color:#666666;
	margin-left:38px;
	margin-right:38px;
	margin-top:38px;
	margin-bottom:38px;
	text-align:justify;
}
#contenido {
	width:572px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
	clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/
	height:380px;
	padding:5px;
	overflow-y: auto;
	overflow-x: hidden;
	border:1px solid #bbbbbb;
	float: left;
} 
#contenidoSin {
	width:572px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
	clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/
	height:380px;
	padding:5px;
	overflow-y: auto;
	overflow-x: hidden;
	float: left;
} 
#contenido h2 {
	font-size:20px;
	clear:both;
	color:#B11315;
	width:559px;
	text-transform:uppercase;
	float: left;
	height: 40px;
	text-align: center;
	margin-left: 1px;
	margin-right: 12px;
	margin-top: 14px;
	margin-bottom: 0px;
}
#contenido h3 {
	width:226px;
	font-size:14px;
	color:#999900;
	border-bottom:1px dotted #999900;
}
p {
	font-family:arial;
	font-size:12px;
	color:#666666;
	margin:8px;
	line-height:19px;
	text-align:justify;
}
#footer {
	width:560px; /*menos porque debemos sumar el padding del div contenido*/ 
	text-align:right;
	padding:10px;
	font-size:80%; /*mas pequeño el texto*/ 
	font-style:italic;
	color:#999999;
}