/* # Elementos generales de la página # */
html, textarea
{
	overflow: auto; 	/* IE ( scroll solo cuando sea necesario, para html ) */
}

body
{
	background-color: white;
	background-image: url(../img/fondo.gif);
}

a, body, div, form, h1, h2, h3, input, li, p, textarea
{
	border: none;
	color: #8D8D8D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

a
{
	font-weight: bold;
	text-decoration: underline;
	color: blue;
}

a:hover
{
	color: steelblue;
}

.logo
{
	background: url( ../img/actualizaciones/logotipo.jpg ) no-repeat;
}

/* # Componentes particulares de la página # */

/*#cabecera, #cuerpo*/ 	/* Centrado en la página ( 1024x768 la mínima resolución compatible ) */
#doc
{
	left: 50%;
	margin-left: -375px;
	overflow: hidden;
	position: absolute;
	text-align: center;
	top: 10px;
	width: 714px;
}

#cabecera
{
	background-image: url(../img/cabecera.jpg);
	background-position: top;
	background-repeat: no-repeat;
	height: 311px;
	text-align: left; 	/* IE */
}

#cuerpo
{
	background-color: white;
	margin-top: -3px;
	/*margin-top: 310px;*/
}

/* # Elementos particulares de la cabecera # */

#boletin
{
	margin-left: 15px;
	margin-top: 4px;
	text-align: center;
	width: 250px;
}

#boletin>input.boton, #contactador>p>input.boton	/* Mozilla ( separación del texto de los bordes ) */
{
	padding: 0 10px;
}

#boletin p
{
	color: #606060;
	font-weight: bold;
	margin-bottom: 4px;
}

#cabecera h2
{
	color: #636363;
	font-size: 14px;
	margin-left: 28px;
	margin-top: 19px;
	padding: 2px 0;
	width: 250px;
}

#indice
{
	margin-left: 15px;
	margin-top: 10px;
	text-align: left;
}

#indice a
{
	background-image: url(../img/li/off.gif);
	background-repeat: no-repeat;
	color: #606060;
	display: block;
	font-weight: normal;
	height: 15px;
	margin: 2px 16px;
	padding-left: 20px;
	padding-top: 3px;
	text-align: left;
	width: 200px;
}

#indice a:hover
{
	background-image: url(../img/indice/on.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
	width: 180px;
}

#logo
{
	display: block;
	height: 66px;
	margin: 22px 0 8px 10px;
	width: 250px;
}

#logo:first-child
{
	height: 66px; 					/* Mozilla */
	height: expression( "45px" ); 	/* IE7 */
}

#cabecera>#logo	/* Mozilla ( se descoloca con respecto a IE ) */
{
	margin-bottom: 30px;
}

#logo img
{
	border: none;
}

#cabecera>#logo	/* Mozilla */
{
	border: 1px solid transparent;	/* Para que no tenga desprendimiento el boletín al refrescar al pulsar Control + F5 */
}

#utilidades
{
	color: gray;
	font-weight: bold;
	margin-left: 20px;
	margin-top: 22px;
	padding: 2px 0;
	width: 250px;
}

#utilidades a
{
	color: #929292;
	margin: 0 6px;
}

#utilidades a:hover
{
	color: #86B5DE;
}

/* # Elementos particulares del cuerpo # */

#banda
{
	background-color: white;
	border-top: 5px solid #E06D20;
	margin: 3px 5px 0;
	padding: 3px 3px 0;
	text-align: left;	/* IE */
}

#banner
{
	float: right;
	height: 110px;
	margin-right: 10px;
	text-align: center;
	width: 400px;
}

#rotador
{
	background-color: #7FAEDA;
	background-image: url(../img/rotador/fondo.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	height: 110px;
	text-align: center;
	width: 257px;
}

#rotador img
{
	margin-top: 5px;
}

#contenido
{
	border-top: 5px solid #9C9C9C;
	margin: 3px 5px;
	margin-bottom: 10px;
	min-height: 110px;	/* Mozilla ( altura mínima ) */
	padding: 5px;
	text-align: left;
}

#botonescompra
{
	border: none;
	margin: 0px 0px;
	margin-bottom: 0px;
	min-height: 0px;	
	padding: 0px;
	text-align: center;
}

*html #contenido
{
	height: 110px; 		/* IE ( altura mínima ) */
}

#contenido h3
{
	background-color: #dddddd;
	border-bottom: 1px solid #c5c5c5;
	clear: right;
	margin-bottom: 5px;
	padding: 2px 10px;
}

#contactador
{
	border: 1px solid #c5c5c5;
	margin: 10px 150px;
	padding: 10px;
	text-align: right;
	width: 320px;
}

#contactador input
{
	margin-left: 50px;
	margin-top: 10px 
}

#contactador input.boton
{
	margin-right: 130px;
}

#contenido h2, #contenido p
{
	padding: 2px;
	text-indent: 0px;
}

#contenido h2
{
	background-image: url(../img/marca.gif);
	background-repeat: no-repeat;
	font-size: 13px;
	padding-left: 10px;
	text-transform: uppercase;
}

#contenido img
{
	border: 1px solid #DDDDDD;
	display: block;
	margin: 5px;
	padding: 1px;
}

#contenido ol, #contenido ul
{
	margin-left: 50px;
	list-style-position: outside;
}

#contenido ol
{
	margin-top: 5px;
}

#contenido ol ol
{
	margin-left: 15px;
	list-style-type:upper-roman;	/* IE y Mozilla */
}

#contenido ul ul
{
	margin-left: 15px;
}

#contenido ul li
{
	list-style-image:url( ../img/li.gif );
	padding-left: 2px;
}

#pie
{
	border-top: 2px solid silver;
	clear: both;
	margin-bottom: 40px;
	padding: 6px 0;
}

#navshop
{
	float: left;
	margin: 10px 5px -20px;
}

*html #navshop	/* IE */
{
	margin-bottom: -40px;
}

#navshop img, #publipunto img
{
	background-color: white;
	border: 2px solid silver;
	padding: 2px;
}

#publipunto
{
	margin-top: -165px;
	left: 100px;
	overflow: hidden;
	position: absolute;
	top: 100%;
}

*html #publipunto
{
	margin-top: -170px;
}

/* # Elementos particulares # */

a.ascenso
{
	color: orange;
	border: 1px solid #c5c5c5;
	float: right;
	margin-bottom: 10px;
	padding: 2px 10px;
}

acronym
{
	cursor: help;
}

input, textarea
{
	border: 1px solid #c5c5c5;
}

input.boton
{
	background-color: #0030ad;
	background-image: url(../img/boton/off.jpg);
	border: none;
	color: white;
	cursor: hand;	/* IE */
	font-weight: bold;
}

input.boton:hover	/* Mozilla */
{
	background-color: white;
	background-image: url(../img/boton/on.jpg);
	cursor: pointer;
}

p.imagen
{
	text-align: center;	/* IE */
}

p.imagen>img
{
	margin: auto !important;	/* Mozilla */
}

.destacado
{
	color: steelblue;
	font-weight: bold;
}

object
{
	left: 0;
	top: 0;
}

#paso1, #paso2, #paso3
{
	border-top: 4px solid orange;
	padding-top: 6px;
}

#paso2, #paso3
{
	display: none;
}

#paso3 p.actualizaciones a, #paso3 p.actualizaciones img
{
	display: inline;
	padding: 2px;
}

#paso3 p.actualizaciones
{
	border: 2px solid silver;
}

#paso3 p.actualizaciones a
{
	padding: 2px 5px 2px 2px;
}

#paso3 p.actualizaciones a:hover
{
	background-color: silver;
}

#paso3 p.actualizaciones img
{
	background-color: white;
	border: none;
	/*border: 2px solid silver;*/
	margin-right: 4px;
}

*html p.actualizaciones img
{
	border: 2px solid silver;	
}

/* # Elemento flotante # */

#flotante
{
	left: 100%;
	margin-left: -160px;
	position: absolute;
	top: 10px;
	z-index: 10;
}

#flotante .cierre
{
	position: absolute;
	margin-left: 138px;
}

/*#flotante div
{
	margin: 0;
	padding: 0;
}

#flotante .cabeza, #flotante .pie
{
	font-size: 1px;
	height: 9px;
}

#flotante .cabeza
{
	background-image: url( ../img/flotante/sup.gif );
	background-position: left top;
	background-repeat: no-repeat;
}

#flotante .anuncio
{
	background-color: #efefef;
	padding: 2px 3px;
	text-align: center;
}

#flotante .blink
{
	color: red;
	font-weight: bold;
}

#flotante .pie
{
	background-image: url( ../img/flotante/inf.gif );
	background-position: bottom right;
	background-repeat: no-repeat;
}

#flotante img
{
	border: 1px solid silver;
	padding: 1px;
}*/

/* # Ventana # */

#ventana
{
	background-image: url( '../img/inicio/ventana.gif' );
	background-position: top;
	background-repeat: no-repeat;
	height: 430px;
	left: 50%;
	margin-left: -160px;
	padding-top: 20px;
	position: absolute;
	top: 100px;
	width: 500px;
}

#ventana p
{
	margin-bottom: 6px;
	margin-right: 11px;
	text-align: right;
}

#ventana p a, #flotante a
{
	color: #6f6f6f;
	font-weight: bold;
	text-decoration: none;
}

#ventana object
{
	margin-left: 100px;
}

/*#ventana object
{
	border: 1px solid red;
	margin-left: 100px;
	margin-top: 50px;
}

#video
{
	margin-top: 10px;
}*/

/*html #ventana object
{
	margin-top: 0;
}*/

#banda
{
	border-top: 5px solid orange;
	width: 698px;
}