/*PARA TODA LA WEB*/
img{
	border:0;
}

.rojo{color:#CC0000}
.blanco {color: #FFFFFF}
.gris {color: #CCCCCC}

a{
	text-decoration:underline;
	color:#996666;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
}
h2{	font-size:1em;
	color:#C00;
	}
h2 a{	font-size:1em;
	color:#006;
	}
h4{	font-size:0.9em;
	color:#C00;
	}
h2 a{	font-size:0.9em;
	color:#006;
	}		
.tablamenu{ width:100%;
     		 text-align:center}
.tablamenu td{ padding-bottom:3px; padding-top:3px;}
/**/
body{
	text-align:center;
	font-size:0.8em;
	margin-top:7px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#339;
	margin:0px;
	background-color: #ffffff;
	}

#contenedor{
	background-color:#fff;
	overflow:hidden;
	margin: 0 auto;
	width:920px;
	height:auto;
	text-align:center;
	position:relative;
	}
#cabecera{ 
	float:none;
	margin-top:10px;
	padding-top:10px;
	width:100%;
	position:relative;	
	border-left:0;
	border-right:0;


	}
#cabecera_logo{ 
	float:left;
	position:relative; 
	width:24%;
	padding-top:2px;
	padding-bottom:2px;


}
#cabecera_flash{ text-align:center;
	float:right;
	position:relative;
	width:76%;
	padding-top:2px;
	padding-bottom:2px;


}
#menus{ 
	width:100%;
	background-color:#900;
	color:#FFF;
	text-align:center;
	margin-top: 2%;
	font-size:1.3em;
	}
#menu{
	background-color:#900;
	overflow:hidden;
	float:left;
	position:relative;
	text-align:center;
	width:19.75%;
	border:#FFF solid 1px;
	}
#menu a{ 
	text-decoration:none;
	color:#FFF;
	}
#menu_current{
	background-color:#006;
	overflow:hidden;
	float:left;
	position:relative;
	text-align:center;
	width:19.75%;
	border:#FFF solid 1px;
	}
#menu_current a{ 
	text-decoration:none;
	color:#FFF;
	}
#secciones{ 
	width:100%;
	background-color:#900;
	color:#FFF;
	text-align:center;
	margin-top: 2%;
	font-size:1.3em;
	}
#seccion{
	background-color:#900;
	overflow:hidden;
	float:left;
	position:relative;
	text-align:center;
	width:16.43%;
	border:#FFF solid 1px;
	}
#seccion a{ 
	text-decoration:none;
	color:#FFF;
	}
#seccion_current{
	background-color:#006;
	overflow:hidden;
	float:left;
	position:relative;
	text-align:center;
	width:16.43%;
	border:#FFF solid 1px;
	}
#subsecciones{ 
	width:100%;
	background-color:#FFF;
	color:#900;
	text-align:center;
	margin-top: 2%;
	font-size:1.3em;
	}
#subseccion{
	background-color:#fff;
	overflow:hidden;
	float:left;
	position:relative;
	text-align:center;
	width:33.1%;
	border:#900 solid 1px;
	}
#subseccion a{ 
	text-decoration:none;
	color:#900;
	}
#subseccion_current{
	color:#006;
	overflow:hidden;
	float:left;
	position:relative;
	text-align:center;
	width:33.1%;
	border:#006 solid 1px;
	}

#busquedas{
	margin-top:5px;
	margin-bottom:5px;
	width:100%;
	text-align:left;
	font-size:1.2em;
	color:#999;
	background:#c6d5fd;
	float:left;
	border:#Ccc solid 2px;
	}
#buscacasilla{ 
	margin-top:5px;
	margin-bottom:5px;
	width:16.43%;
	float:left;
	margin-right:2px;
	}
#buscacombo{
	float:left;
	width:100%; 
	color:#333333;
	font-size:0.9em;
	}
#buscatexto{
	margin-left:1%;
	position:relative;
	float:left;
	text-align:left;
	color:#333333;
	font-size:0.9em;
	border-width:1px;
	}
#centro{
	overflow:hidden;
	float:left;
	position:relative;
	width:100%;
}
#centro_izquierda{
	overflow:hidden;
	float:left;
	position:relative;
	width:75%;
	color:#000;
	text-align:center;
	padding-left:0.5%;
}
#malla{
	 width:168px;
	 height:190px;
	 color:#FFF;
	 text-align:center;
	 border:1px #ccc solid;
	}
#celda{	
	text-align:center; 
	vertical-align:bottom;
	 height:150px;
}
#colores{
	text-align:center;
}	
#precio{
		width:100%;
		text-align:center;
		font-size:2em;
		background-color:#ccc;
}
#precioantes{
		width:20%;
		text-align:center;
		text-decoration:line-through;
		font-size:1.5em;
		background-color:#ccc;
}
#preciodespues{
		width:70%;
		text-align:center;
		font-size:2em;
		background-color:#ccc;
}
#marca{
	text-align:left;
	font-size:0.8 em;
	color:#333;
}
#paginas{ 
	width:100%;
	background-color:#ccc;
	color:#900;
	text-align:center;
	padding-top: 1%;
		padding-bottom: 2%;
	font-size:1.1em;
	}
#paginas a{ 


	color:#036;


	font-size:1em;
	text-decoration:none;
	}
#centro_derecha{
	overflow:hidden;
	float:left;
	position:relative;
	width:24%;
	color:#000;
	text-align:center;
	padding-left:0.5%;
}
#centro_derecha_titulo{
	margin-top:2%;
	overflow:hidden;
	float:left;
	position:relative;
	width:96%;
	color:#FFF;
	background-color:#CCC;
	text-align:center;
	padding-left:0.5%;
	padding-right:0.5%;
    font-size:1.2em;

}
#centro_derecha_titulo a{ 	color:#FFF;text-decoration:none;

}
#centro_derecha_facebook{
	margin-top:2%;
	overflow:hidden;
	float:left;
	position:relative;
	width:96%;
	color:#FFF;
	background-color:#CCC;
	text-align:center;
	padding-left:0.5%;
	padding-right:0.5%;
    font-size:1.2em;
	font-family:Klavika Bold;

}
#centro_derecha_facebook a{	font-family:Klavika Bold; font-style:normal; 	color:#33c;text-decoration:none;

}
#cesta{
	position:relative;
	float:left;
	width:98%;
	background:#CCC;
	}
#cestaimagen{
	position:relative;

	width:100%;
}
#cestalinea{
	position:relative;

	width:100%;
}
#cestatotal{
	border-top:#900 solid 1px;
	position:relative;

	width:100%;
	font-size:2em;

}
#cestapaso{
	position:relative;
	float:left;
	width:98%;
	font-size:2em;
	color:#006;
	margin-right:2%;
	margin-top:2%;
}

#cestacontacto{ 
	position:relative;
	float:left;
	width:98%;
	font-size:2em;
	color:#FFF;
	margin-right:2%;
	margin-top:2%;
}
#centro_foto{
	overflow:hidden;
	float:left;
	position:relative;
	width:67%;
	color:#000;
	text-align:center;
}
#fotomediana {
  text-align: center;
  		border-bottom:#900 solid 1px;
}
#fotomediana a img {
  cursor: url(imagenes/glass.cur), pointer;
  margin: 3px 3px 0 3px;
}

#centro_datos{
	overflow:hidden;
	float:left;
	position:relative;
	width:31%;
	color:#000;
	text-align:center;
	padding-left:0.5%;
	text-decoration:none;
}
#colormediano{
	color:#333;
	text-align:center;
		 font-size:1em;
}	
#otrasvistas{
	 border-top:#900 solid 1px;
	color:#333;
	text-align:center;
		 font-size:1em;
}	
#otrasvistas a img {
  cursor: url(imagenes/glass.cur), pointer;
  margin: 3px 3px 0 3px;
}	
#detprecioantes{ width:100%;
	background:#CCC;
	color:#FFF;
	text-align:center;
	text-decoration:line-through;

		 font-size:2em;
		 height:50px;

}
#detprecio{ width:100%;
	background:#CCC;
	color:#FFF;
	text-align:center;
		 font-size:3em;
		 height:50px;
}
#detcompo{width:100%;
	margin-top:0.5%;
	border:#CCC solid 1px;
	}
#detcolor{width:100%;
	margin-top:0.5%;
	border:#CCC solid 1px;
	color:#006;
	}
	

#dettalla{
		margin-top:0.5%;
		padding-top:1%;
	border:#CCC solid 1px;

	}
#detavisa{
	margin-top:0.5%;
	padding:1%;

	border:#CCC solid 1px;

	}
#detanadir{
	margin-top:0.5%;
	padding-top:1%;
	border:#CCC solid 1px;
	margin-bottom:2%;
	padding-bottom:2%;
}

/* Generamos los estilos de las span, para bordes redondeados */
span.top, span.bottom{
   width:100%;
   height:6px; 
   display:block;
}
span.top {
   background:url(imagenes/redondeos/LC.gif) top left no-repeat; 
}
span.bottom{
   background:url(imagenes/redondeos/LC.gif) bottom left no-repeat;
}
span.top span, span.bottom span{
   width:6px; 
   height:6px;
   float:right;
   font-size:6px; /* Esto es para IE6, que no respeta el height del span si el tamaņo de letra es mayor a este  */
}
span.top span{
   background:url(imagenes/redondeos/RC.gif) top right no-repeat;
}
span.bottom span{
   background:url(imagenes/redondeos/RC.gif) bottom right no-repeat;
}
/* Fin de estilos de las span, para bordes redondeados */

/* para avisar si no hay talla */
#contenedor_avisame{

	background-color: #996666;
	color:#FFF;
	font-size:1.2em;
	padding-top: 10px;
	padding-left: 10px;

	}
#centro_mitad_texto{
	overflow:hidden;
	padding:2%;
	float:left;
	position:relative;
	width:46%;
	text-align:center;
	font-size:1.1em;
	background-color:#FFF;
	height:375px;
}

#centro_mitad_imagen{
	overflow:hidden;
	float:left;
	position:relative;
	width:50%;

}

#centro_tiendas_fotos{
	overflow:hidden;
	float:left;
	position:relative;
	width:48%;
}
#centro_tiendas_textos{
	overflow:hidden;
	float:left;
	position:relative;
	width:48%;
	font-size:1.1em; 
}
#centro_tiendas_separador{
	overflow:hidden;
	float:left;
	position:relative;
	width:100%;
	 border-bottom:#900 solid 1px;
}