<style type="text/css">

body 
{
 background-image: none;
}
.sup
{
	border-style:solid;
	border-width:1px;
	border-color:#E6BDB5;
	}

.mal {
	background-color: #FF0000;
}
.guapa {background: white;  width:180px; height:540px; overflow: auto; align:left; padding:10px; border-color:#C9AB99; border-style:dotted; border-width:1px}


A:link {font-size: 10px; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif;   text-decoration: none}
A:active { font-size: 10px; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif;   text-decoration: none}
A:visited {font-size: 10px; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif;   text-decoration: none}
A:hover {font-size: 10px;  font-family: Verdana, Arial, Helvetica, sans-serif;   color: #C9AB99;  text-decoration: none}
.letras {font-size: 10px; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif;  text-decoration: none}
.Estilo11 {font-size: 10px}
.Estilo12 {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #C9AB99;
}

.Estilo16 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #A9BEC7;
	font-size: 24px;
}
.Estilo19 {font-size: 10px; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
.Estilo22 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #A9BEC7; font-size: 12px; }
.Estilo22p {font-family: Verdana, Arial, Helvetica, sans-serif; color: #A9BEC7; font-size: 10px; }
.Estilo22BLANCO {font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px; }
.Estilo22BLANCON {font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px; font-weight:bold }
.Estilo22NEGRITA {font-family: Verdana, Arial, Helvetica, sans-serif; color: #A9BEC7; font-size: 12px; font-weight: bold }

.Estilo26 {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #C9AB99; font-weight: bold; }
.rojo{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #FF0000}

.titblanco {font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; font-size: 10px; font-weight:bold}
.titblancog {font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; font-size: 10px; font-weight:bold}


.linea{ border-style:dashed;
border-width:2px;
border-color:#A9BEC7;
display:none
}
.linea-fina{ border-style:dashed;
border-width:1px;
border-color:#A9BEC7
}

.recuadro{ border-style:solid;
border-width:0px;
border-color:#C9AB99
}

/*********************** SCROLLERS ***********************/
.root 		{
		position:relative;
		height:			200px;
		width: 	180px;
		
		}
.root p 	{
		padding:5px
		}
.thumb 		{
		position:			absolute;
		height:			9px;
		width:			15px;
		left: 			10px;
		z-index:100
		}
.up, .dn 	{
		position:absolute;
		left: 			0px;
		z-index:		1
		
		
		}
		
.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{
		border:			0;
		}
.scrollContainer { 

		position:	   relative; 
		left:			0px; 
		top:			0px; 
		width:			180px; 
		height:			200px;
		
		/*clip:			rect(0 200 200 0); */
		overflow:			auto; 
		border-top:		    1px dashed #C9AB99;
		border-left:		1px dashed #C9AB99;
		border-right:		1px dashed #C9AB99;
		border-bottom:		1px dashed #C9AB99;
		background:		#FFFFFF;
		
		}
.scrollContent { 
		position:		relative; 
		left:			0px; 
		top:			0px; 
		padding-right: 20px
		
		}
.scrollContent h4{ 

		}









dl, dt, dd, ul, li {
margin: 0;
padding:0;
list-style-type: none;
}

#menu {
width: 140px;
font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:10px;
}

#menu dt {



color:#000000;
height: 20px;
width: 140px;
text-align: left;
background: #FFFFFF;

}


#menu li {

text-align: left;
 background: #FFFFFF;
height: 10px;
width: 100px;
margin-left:13px;
margin-bottom:5px;
}
#menu li a{
display: block;
color: #000000;
text-decoration: none;
height: 10px;
width: 100px;

}
#menu dt a{
display: block;
color: #000000;
text-decoration: none;
height: 20px;
width: 120px;
}
#menu li a:hover  {
color: #C9AB99;

}
#menu dt a:hover  {

 color:#C9AB99;


}
</style>
