/*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;
	background-color:#362828;
}

#contenedor
{
	text-align:left;
	width:170px;
	margin:0;
	background-color:#362828;
}

#cabecera
{
	padding:2 2 2 8px;
	font-weight:bold;
	/*border-bottom:1px dotted #e68b06; */
	color:#e68b06;
	margin-top:8px;
	margin-left:10px;
	margin-right:0px;
	margin-bottom:12px;
}
#cabecera h1
{
	font-size:11px;
	font-weight:bold;
	/*border-bottom:1px dotted #e68b06; */
	color:#e68b06;
	margin-top:6px;
	margin-bottom:6px;
	margin-left:0px;
	margin-right:6px;
	margin-height:6px;

}

#lateral
{
	width:174px;
	float:left;	
	height:340px;
	overflow-x:hidden;
	overflow-y:auto;
}
#lateral h1
{
	font-size:11px;
	font-weight:bold;
	/*border-bottom:1px dotted #e68b06; */
	color:#e68b06;
	margin-top:6px;
	margin-bottom:6px;
	margin-left:0px;
	margin-right:6px;
	margin-height:6px;
}
p {
	margin:8px;
	line-height:16px;
	text-align: left;
}
p.menos {
	font-size:90%;
	line-height:16px;
	text-align: center;
}
img.CenterClear
{ 
	margin-left: 2px;
}
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*/
}
ul.lista {
	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.niveltres {
width:136px; /*defino el ancho del rectangulo del vinculo*/
	list-style-type:none; /*con esto quitamos las viñetas*/
	margin-bottom:0; /*le quitamos el margen a la lista*/ 
	padding-bottom:0; /*y el relleno*/
	margin-top:0;
	padding-top:0; /*y el relleno*/
}
li.niveltres1 {
width:136px; /*defino el ancho del rectangulo del vinculo*/
	list-style-type:none; /*con esto quitamos las viñetas*/
	margin-bottom:0; /*le quitamos el margen a la lista*/ 
	margin-top:0;
	padding-top:0; /*y el relleno*/
	padding-bottom:0; /*y el relleno*/
}
li {
 /*display:block;con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 						font-size:10px;
	color:#fff;
	width:136px; /*defino el ancho del rectangulo del vinculo*/
	padding:0 0 8px 8px; /*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*/ 
	margin:0;
}
li.color {
 /*display:block;con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 						font-size:10px;
	color:#e68b06;
	width:136px; /*defino el ancho del rectangulo del vinculo*/
	padding:4px 0 3px 7px; /*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*/ 
	margin:0;
}
span.color {
 /*display:block;con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 						font-size:10px;
	color:#e68b06;
	width:136px; /*defino el ancho del rectangulo del vinculo*/
	
	text-decoration:none; /*elimino el subrayado del vínculo*/ 
	margin:0;
}
li a {
/*	display:block; con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ font-size:10px;
	color:#fff;
	width:150px; /*defino el ancho del rectangulo del vinculo*/
	padding: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*/ 
margin:0;
}
li a:hover {
/*	display:block; con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 						font-size:10px;
	color:#e68b06;
	width:150px; /*defino el ancho del rectangulo del vinculo*/
	padding: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*/ 
	margin:0;
}
li a.marcado {
/*	display:block; con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 						font-size:10px;
	color:#e68b06;
	width:150px; /*defino el ancho del rectangulo del vinculo*/
	padding: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*/ 
margin:0;
}
li a.marcado:hover {
/*	display:block; con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 						font-size:10px;
	color:#e68b06;
	width:150px; /*defino el ancho del rectangulo del vinculo*/
	padding: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*/ 
	margin:0;
}
li a.enlace2 {
/*	display:block; con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 						font-size:10px;
	color:#e68b06;
	width:150px; /*defino el ancho del rectangulo del vinculo*/
	padding: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*/ 
margin:0;
}
li a.enlace2:hover {
/*	display:block; con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 						font-size:10px;
	color:#fff;
	width:150px; /*defino el ancho del rectangulo del vinculo*/
	padding: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*/ 
	margin:0;
}

li a.enlace3 {
/*	display:block; con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 						font-size:10px;
	color: #fff;
	width:150px; /*defino el ancho del rectangulo del vinculo*/
	padding: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*/ 
margin:0;
}
li a.enlace3:hover {
/*	display:block; con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 						font-size:10px;
	color:#fff;
	width:150px; /*defino el ancho del rectangulo del vinculo*/
	padding:0; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/ 
	text-decoration:underline; /*elimino el subrayado del vínculo*/ 
	margin:0;
}

.estilogris
{
font-size:10px;
color:#E1E1E1;
}
.blanco{
font-size:10px;
color:#FFF;
}
.marcado2{
color: #E5E5E5;
font-size:10px;
font-weight:bold;
}