BODY
{
	scrollbar-face-color: #0b3853;
	scrollbar-shadow-color: #0b3853;
	scrollbar-highlight-color: #0b3853;
	scrollbar-darkshadow-color: #0183d8;
	scrollbar-3dlight-color: #0183d8;
	scrollbar-track-color: #000000;
	scrollbar-arrow-color: #0183d8;
	font-family: arial,verdana,helvetica;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #1671A6;
	background-color: #FFE914;
}

TEXTAREA
{
color: #FFFFFF;
background: #125C89;
border-style: solid;
border-color: #0099DF;
border-width: 1px;
scrollbar-face-color: #0A394D; 
scrollbar-shadow-color: #0099DF; 
scrollbar-highlight-color: #0099DF; 
scrollbar-darkshadow-color: #0099DF; 
scrollbar-3dlight-color: #0099DF; 
scrollbar-track-color: #0A394D;
scrollbar-arrow-color: #1E4799;
}

A:link{
	color:#009AFF;
	font-family:arial, verdana, helvetica;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none
}
A:visited{
	color:#009AFF;
	font-family:arial, verdana, helvetica;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none
}
A:hover{color:#FFFF00; font-family:arial, verdana, helvetica; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; text-decoration: none}
A:active{color:#FFFFFF; font-family:arial, verdana, helvetica; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; text-decoration: none}
	
	
LI
{
color: #231f20; list-style-image:url(http://www.cuencanos.com/webs/imagenes/vinetaclara.gif) font-family:arial,verdana,helvetica; font-size: 10px; font-style: normal; font-weight: normal; font-variant: normal
}

INPUT
{
color: #FFFFFF;
background: #125C89;
border-style: solid;
border-color:#0099DF;
border-width: 1px;
}

.input2
{
color: #f7921e;
background: #FFFFFF;
border-style: solid;
border-color: #125C89;
border-width: 1px;
}

.sinbordeinput
{color: #FFFF00;
background: none;
border-style: solid;
border-color: none;
border-width: 0px;}

SELECT
{
	background: #FFFFFF;
	color: #125C89;
	border: #0099DF;
}

.texto {
	font-family:Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	text-transform: none;
}
.formulario {  font-family: arial,verdana,helvetica; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: uppercase; color: #FFFFFF}

HR
{
size: 1px;
color: #f7921e;
width:150px;
}
.titulo {
	font-family: arial back,verdana,helvetica;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #FFFF00
}
.subtitulo {
	font-family: arial, verdana, helvetica;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #FFFF66
}
.imagenstylo {
	border: #FFE914;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px
}
.textoresaltado {
	font-family:arial,verdana,helvetica;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #CCDAE5
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
a {
   text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

div#contenedor{
	width: 97%;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	text-align: justify;
}
/* El div seleccionar tiene un margin top de 15 píxeles y uno left de 5 píxeles que posicionan el menú desplegable y su etiqueta fuera de la imagen de la cabecera y en el lado izquierdo del div envoltorio. 
*/
#seleccionar {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
/* El div miniaturas tiene un margin de 20 píxeles en cada lado, excepto a la derecha. También tiene un borde estriado de 4 píxeles, haciendo su ancho total de 228 píxeles. Tiene un float left de modo que pueda mantenerse al lado del div imagPrincipal.
*/
#miniaturas {
	float: left;
	width: 200px;
	border: 0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;
}
/* Las imágenes dentro del div miniaturas tienen tanto padding como margin. El padding permite anadir un efecto spry highlight cuando las miniaturas tiene el ratón encima. Las miniaturas tienen 80 píxeles de ancho, de modo que el ancho total de cada una llega a 96 píxeles. En teoría, deberíamos ser capaces de usar 100 píxeles para cada miniatura. Puedes modificar el margin para buscar el diseno más idóneo. 
*/
#miniaturas img {
	margin: 5px;
	padding: 3px;
	cursor: pointer;
	border: none;
	background-color:#FFFFFF;
	
}
/* El div imagPrincipal tiene un float left de modo que se muestre al lado del div miniaturas. Su ancho está configurado a 492 píxeles para rellenar el espacio horizontal sobrante en el div envoltorio (228 + 492 = 720).
*/
#imagPrincipal {
	float: right;
	width: 492px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0;
}
/* El div descripcion usa la propiedad clear para asegurarse que no se solapa con ninguno de los divs con float superiores. Usando auto para los margins left y right centra el div dentro del envoltorio.
*/
#descripcion {
	margin-right: auto;
	margin-left: auto;
	border: 0;
}