body {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	background-color: #000000;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	margin: 0px;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #000000;
	font-size: 13px;
	font-weight: bold;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border: 1px solid #FFFFFF;
}

input {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #000000;
	font-size: 13px;
	font-weight: bold;
	border: #CCCCCC;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

input#textobuscador, input#botonbuscador {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	background-color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-image: url(imagenes/fondobuscar.jpg);
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

select {
	color: #FFF;
    background: #000000;
    border-style: solid;
    border-color: #FFA70F;
    border-width: 1px;
}	

a:link{
	color:#FFFFFF;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline
}
a:visited{
	color:#FFA70F;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline
}
a:hover{
	color:#F57F05;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	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:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline
}
.imagenstylo {
	border: #CCCCCC;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding: 2px;
	margin: 1px;
	background-color:#000000;
}
.sinbordeinput {
	background: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.titulo {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #F57F05;
	text-transform: uppercase;
}
.subtitulo {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFA70F;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
}
.textoresaltado {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
}
.texto {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #CCCCCC;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
}

tr#box, td#box, td#box2, td#box3, td#box4, td#box5, td#box6, td#box7, td#box8, td#box9 {
	width: 300px;
	background-color: #000000;
	background-image: url(imagenes/gradient.jpg);
	background-repeat: repeat-x;
	background-position: 0 -5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
}
div#contenedor{
	width: 97%;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	text-align: justify;
}
li {
	list-style-position: inside;
	list-style-image: url(imagenes/vineta.jpg);
	list-style-type: none;
}
/* 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 {
	background-color: #000000;
	background-image: url(imagenes/gradient.jpg);
	background-repeat:  repeat-x;
	background-position: 0 bottom;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
}
/* 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 {
	margin: 20px 0 20px 20px;
	float: left;
	width: 200px;
	border: 0;
	background-color: #000000;
	background-image: url(imagenes/gradient.jpg);
	background-repeat:  repeat-x;
	background-position: 0 bottom;
}
/* Las imágenes dentro del div miniaturas tienen tanto padding como margin. El padding permite ańadir 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 diseńo 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: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0;
	background-color: #000000;
	background-image: url(imagenes/gradient.jpg);
	background-repeat:  repeat-x;
	background-position: 0 bottom;	
}
/* 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 {
	width: 75%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border: 0;
}