* { margin:0; padding:0;}	 /* Con esto hacemos que toda la página * /

/*
2.1.1. Selector universal
Se utiliza para seleccionar todos los elementos de la página. El siguiente ejemplo elimina el margen y el relleno de todos los elementos HTML (por ahora no es importante fijarse en la parte de la declaración de la regla CSS):

* {
  margin: 0;
  padding: 0;
}El selector universal se indica mediante un asterisco (*). A pesar de su sencillez, no se utiliza habitualmente, ya que es difícil que un mismo estilo se pueda aplicar a todos los elementos de una página.

No obstante, sí que se suele combinar con otros selectores y además, forma parte de algunos hacks muy utilizados (como se verá más adelante).
*/


/*================== index.html ==================*/
/*#page .content .col_2 .ind_img{ display:block; margin-bottom:21px;}
#page .content .col_2 .title1{ margin:35px 0 16px 0;}*/
/* En ocasiones, es necesario aplicar estilos CSS a un único elemento de la página. Aunque puede utilizarse un selector de clase para aplicar estilos a un único elemento, existe otro selector más eficiente en este caso.

El selector de ID permite seleccionar un elemento de la página a través del valor de su atributo id. Este tipo de selectores sólo seleccionan un elemento de la página porque el valor del atributo id no se puede repetir en dos elementos diferentes de una misma página.

La sintaxis de los selectores de ID es muy parecida a la de los selectores de clase, salvo que se utiliza el símbolo de la almohadilla (#) en vez del punto (.) como prefijo del nombre de la regla CSS:

 */
#page{
	display:block;
	margin-bottom:12px;
}

/*header*/
.fondo_arriba{
	height:65px;
	background:url(imagenes/fondo_linea_arriba.gif) 0 0 repeat-x;
	}
	
.contenedor_centrado {
	width:900px;
	margin: 0 auto;		/*centra el contenedor*/
}

/*linea menu*/
.fondo_anuncio{ background:url(imagenes/fondo_anuncios.jpg) 0 0 repeat-x; width:100%; height:90px; text-align:center;}


/*contenido*/
.super_contenedor{
	background:#fdfdfe url(imagenes/fondo_contenedor.gif) 0 0 repeat-x;
	width:100%;
	/*width:760px;*/
	}

.contenedor {
	width:900px;
	margin: 0 auto;		/*centra el contenedor*/
	background:#FFFFFF;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:justify;
	color:#6f7f94;	
/*	border-top: 1px solid #003366;*/
/*	border: 1px solid #c03;
	padding:24px 0 0 0;*/
}

.columna_izq{
	width: 250px;
/*	padding:0 0 0 0 px;*/
/*	border: 1px solid #c03;*/
	float:left;
	}
	
.columna_contenido{
/*	width:600px;
	margin-left:160px;
	border-left:1px solid #FFF;
	padding:10px 0 0 10px;*/
	width:650px;
	float:left;
	}

.columna_contenido a{ /*color:#054150;*/ color:#004080; text-decoration:none}
.columna_contenido a:hover{
/*	color:#006680;*/
	border: 1px solid #01ACD6;
	padding: 1px;
/*	font-weight:bold;*/
/*	text-transform:uppercase;*/
/*	text-decoration:underline;*/
/*	border-left:dashed;
	border-left-color:#333333;
	border-left-width:2px;*/
}

.subsecciones {
	margin:10px;
/*	margin: 15px 10px;*/
	padding: 8px ;
/*	font-size:0.687em;	*/
	font-size:10px;
/*	float: left;*/
/*	width: 230px;*/
	background: url(imagenes/fondosubseeciones.gif) no-repeat top left;
}

.subsecciones a {
	text-decoration:none;
	color:#6f7f94;	
}


.categorias {
	font-size:14px;
/*	color: #054150;*/
	color:#004080;
}

.categorias_bajo {
	font-size:10px;
	color:#6f7f94;
}

.listadoConBolsa {
/*	font-size: 9;*/
/*	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#EEF1F2;*/
	
	border: 1px solid #eae8e8;
/*	background: url(imagenes/fnd_listado.jpg) repeat-x top;*/
	background: url(imagenes/fondo_listado_docto.gif) repeat-x top;
	margin:8px;
	padding:8px;
	display:block;
	height:72px;
/*	width:610px;*/
}

.listadoConBolsa:hover {
/*	background-color:#EDF8F8;*/
	background: none;
/*	background-color:#EDF1F5;*/
	background-color:#f8fcef;
	border: 1px dashed #a3a1a1;
}

.listadoSinBolsa {
	border: 1px solid #F3F3F3;
/*	background: url(imagenes/fondo_listado_docto.gif) repeat-x top;*/
	margin:2px 18px 2px 18px;
/*	margin:8px;*/
	padding:4px;
	display:block;
	height:48px;
}

.listadoSinBolsa:hover {
/*	background: none;*/
/*	background-color:#f8fcef;*/
/*	border: 1px dashed #a3a1a1;*/
}

.list_icono_izq{
float:left;
width:64px;
padding: 0 8px 0 0;
}

.visitas{
	color:#71AF0B;
	font-size:9px;
}

.list_monedas_der_CB{
	float:right;
	width:32px;
	padding: 0 6px 0 8px;
	margin-top:-90px;
	margin-right:16px;
	border: 1px solid #eae8e8;
/*	height:64px;*/
}

.list_monedas_der_SB{
	float:right;
	width:32px;
	padding: 0 6px 0 8px;
	margin-top:-52px;
	margin-right:26px;
	border: 1px solid #eae8e8;
/*	height:64px;*/
}

.thumb { width:48px; height:48px; margin: 0; padding:0; float:left; overflow:hidden; border:none;}
.thumb img { width:48px; height:48px;}

.CampoTitulo{
	color:#336699;
/*	font-size:12px;*/
}

.CampoTexto{
	color:#424242;
/*	font-size:12px;*/
}

h1 {
	font-size:16px;
/*	color: #054150;*/
	color:#004080;
}

h4 {
/*	color: #054150;*/
	color:#004080;
}

.publicidadEspera{
	margin:10px;
	padding: 10px ;
	height:60px;
	border:solid;
	border-style:dashed;
	border-width:1px;
	border:#999999;
	background-color:#F2F2F2;
}

.publicidad{
	margin:10px;
/*	padding: 10px ;*/
	height:80px;
	border:none;
	
/*	border:solid;
	border-style:dashed;
	border-width:1px;
	border:#999999;*/
	background-color:#F2F2F2;
}

.publicidad a:link img, a:visited img, a:hover img {
	border: none;
	text-decoration: none;
}

.caracteristicasBasico li {
	background: url(imagenes/caracteristicas_24x24.png) left center no-repeat;
	padding-left: 30px;
	margin-bottom: 10px;
/*	margin-left:10px;*/
	}

.caracteristicasMAS li {
	background: url(imagenes/BulletAzul.png) left center no-repeat;
	padding-left: 30px;
	margin-bottom: 10px;
	height:30px;
/*	margin-left:10px;*/
	}


/*footer*/
.piecera{ text-align:center;
	padding:20px 0 20px 0;
	color:#6f7f94;
	font-size:0.687em;
	background:url(imagenes/fondo_piecera.gif) 0 0 repeat-x;
	clear:left;
	}
.piecera a{ color:#6f7f94; text-decoration:none}
.piecera a:hover{ text-decoration:underline;}

/* Navegador */
#navegador {
/*	list-style-image:url(images/vineta.png);*/
	list-style:none;
	margin:0;
	padding:0;
	}
	
/* luego a los elementos de la lista */
#navegador li {
/*	margin:1px;
	padding:2px;
	border:1px solid #6699CC;*/
	}

#navegador li a {
	display:block; /*Convertimos el vínculo en un bloque*/
/*	width:100px;*/
	padding:2px;
	text-decoration:none;
/*	text-align:center;*/
	font-size:11px;
	color:#FFFFFF;
	background-color:#01538D;
	border-left:10px solid #666666;  /*Agrego un borde ancho a la izquierda*/
	}

/*Ahora vamos con el hover:*/
#navegador li a:hover {
	color:#99CC00;
	background-color:#003366;
	border-left-color:#99CC00; /*Luego le cambio el color al borde en el evento hover*/
	}





.borrar { clear:both;}


.columnaDescripcion {
/*font-weight:normal;
line-height:1.5em;*/
background: #424242 /*url(lineadescript.gif) repeat-x bottom*/;
color:#fff;
padding:8px;
/*padding-left:7px;
padding-right:3px;*/
}

.columnaBasico {
background: #66aed2 url(linealight.gif) repeat-x bottom;
color:#fff;
}

.columnaMAS {
background: #3393c3 url(lineastandard.gif) repeat-x bottom;
color:#fff;
}

.columna-premium {
background: #0078b4 url(lineapremium.gif) repeat-x bottom;
color:#fff;
}


/* Registro */

.TituloRegistro {
/*	margin-bottom: 10px;*/
	padding-bottom: 5px;
	border: 2px solid #0080C0;
	border-width: 0 0 4px;
	color:#333333;
	}

.registro{
	color: #999;
	font-size: 11px;
	line-height: 130%;
	padding-top: 30px;
	display: block;
	margin: 10px 0 -10px;
	border: none;
	background-color:#E9FBFC;
	text-align:center;
	}



/* --------------------------------- */
/*	CSS de Live Validation	*/

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

/*	Fin de CSS de Live Validation	*/


/* --------------------------------- */
/*MESSAGE BOX CLEAN	serie	  		 */
	.clean-yellow{
		border:solid 1px #DEDEDE;
		background:#FFFFCC;
		color:#7D7D00;
		font-weight:bold;
		padding:4px;
		text-align:center;
	}
	.clean-green{
		border:solid 1px #BDE8E8;
		background:#EFFAFA;
		color:#222222;
		padding:4px;
/*		text-align:center;*/
	}
	.clean-purple{
		border:solid 1px #EEE6F7;
		background:#F5F0FB;
		color:#222222;
		padding:4px;
/*		text-align:center;*/
	}
	.clean-gray{
		border:solid 1px #DEDEDE; 
		background:#EFEFEF;
		color:#222222;
		padding:4px;
/*		text-align:center;*/
	}
	.clean-ok{
		border:solid 1px #349534; 
		background:#C9FFCA;
		color:#008000;
		font-weight:bold;
		padding:4px;
		text-align:center;
	}
	.clean-error{
		border:solid 1px #CC0000; 
		background:#F7CBCA;
		color:#CC0000;
		font-weight:bold;
		padding:4px;
		text-align:center;
	}

/* --------------------------------- */


/* --------------------------------- */
/*Bolsa de monedas	  		 */
	.bolsa-monedas-Ok{
		border:solid 1px #BDE8E8;
		background:#EFFAFA;
		color:#336699;
		padding:4px;
		text-align:right;
		font-size:26px;
		font-weight:bolder;
		
	}
	.bolsa-monedas-Alerta{
		border:solid 1px #339900;
		background:#DFFFDF;
		color:#333333;
		padding:4px;
		text-align:right;
		font-size:26px;
		font-weight:bolder;
		
	}
	.bolsa-monedas-Vacio{
		border:solid 1px #800040;
		background:#FFB0B0;
		color:#990000;
		padding:4px;
		text-align:right;
		font-size:26px;
		font-weight:bolder;
		
	}



/* --------------------------------- */


/* --------------------------------- */
/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}

	#slider a:link img, a:visited img, a:hover img {
	border: none;
	text-decoration: none;
}


		
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:660px;
		height:220px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:650px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */