/*empezamos por esto, para evitar resultados extraños en distintos navegadores, y algo de estilo al texto*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
 /*	text-align:center;aqui mandamos a centrar todo el contenido */
	scrollbar-face-color:  #362828; 
	scrollbar-arrow-color: #E68B06;
	scrollbar-track-color:  #362828; 
	 scrollbar-shadow-color:   #362828;
	scrollbar-highlight-color:  #362828;  
	scrollbar-3dlight-color:  #362828; 
	scrollbar-darkshadow-color: #362828; 
	margin:0px;
}

#menuIzda
{
position:absolute;
clear:both;
color:red;
background-color:green;
width:100px;
left:22px;
top:11px;
float:center;
margin:0;
}
#contenedor {
	width:450px; /*ancho total de la pagina*/ 
	background-color:#362828;
	/*margin-bottom:10px;
	margin-left:3px;
	margin-right:3px;
	margin-top:10px;*/
	height:600px;
	margin:0 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:450px;/*more*/ 
	 /*lo flotamos a la izquierda*/ 
	clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/
	padding:5px;
}

#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:12px;
	font-weight:bold;
	/*border-bottom:1px dotted #e68b06; */
	color:#e68b06;
	width:auto;
	padding:3px 10px 3px 2px;
	margin-bottom:10px;
	margin-right:0;
	margin-top:0;
 margin-left:18px;
}
#encabezadoproxima {
	width:450px;/*more*/ 
	 /*lo flotamos a la izquierda*/ 
	clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/
	padding:5px;
	height:50px;
	background-image:url(../img/proxima.gif);
	background-repeat:no-repeat;
	background-position: -1px -1px;
	
}

#encabezadoproxima 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:12px;
	font-weight:bold;
	/*border-bottom:1px dotted #e68b06; */
	color:#e68b06;
	width:auto;
	padding-left:34px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:3px;
	margin-bottom:10px;
	margin-right:0;
	margin-top:0;
 margin-left:18px;

}
#encabezado h2
{

	/*border-bottom:1px dotted #e68b06; */
	color:#eeeeee;
	padding:3px;
	margin-bottom:0;
	margin-right:22px;
	margin-top:0;
	margin-left:20px;
}
.subtitulo
{
font-size:10px;
font-weight:bold;
color:#e68b06;
}
.subtitulo2
{
font-size:10px;
font-weight:bold;
color:#ffffff;
}

#contenidoIzda
{ 	width:134px;
	float:left;
	margin: 1px;	
}

img.floatRightClear2
{
	float:right;
	clear:right;
	border:1px solid #bbbbbb;
	margin-bottom:6px;
	margin-left:18px;
	margin-right:6px;
	margin-top:6px;
}

img.floatRightClear3
{
	float:right;
	clear:right;
	border:1px solid #bbbbbb;
	margin-bottom:8px;
	margin-left:38px;
	margin-right:8px;
	margin-top:8px;
}
img.floatRightClear
{
float:right;
clear:right;
margin:8px;
border:1px solid #bbbbbb;
}
img.floatLeftClear
{
float:left;
clear:left;
margin:8px;
}

img.CenterClear
{ 
	margin-left: 2px;
}

#contenido {
	width:778px; /*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*/
	padding:5px;
	float: left;
	margin-top:14px;
} 


#contenidoIzda
{ 	width:120px;
	float:left;
	margin-left: 10px;
	
}
p.menos {
	font-size:90%;
	line-height:16px;
	text-align: center;
}
#contenidoCentro
{ float:right;
	width:300px;
	height:340px;
	margin: 1px;
	overflow:auto;	
}
#footerCentro
{ 
clear:both;
float:right;
	width:280px;
	height:20px;
	margin-top: 6px;
}
#contenido h3 {
	width:226px;
	font-size:14px;
	color:#999900;
	border-bottom:1px dotted #999900;
}
p {
	margin:8px;
	line-height:16px;
	text-align: left;
}

p.dcha {
	margin:4px; 
	text-transform:uppercase;
	float:right;
}

A
{	font-size:10px;
	color:#E68B06;
	font-weight:bold;
	text-decoration:none;
}
A:hover
{	font-size:10px;
	color:#E68B06;
	font-weight:bold;
	text-decoration:none;
}
A.enlace
{
	color: #CC5C1C;
	font-weight:normal;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
A.enlace:hover
{
	color: #000000;
	font-weight:normal;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
