html, body {
	margin: 0;
	padding: 0;
	background: url(../images/pattern.jpg) repeat top left;
	text-align: center;
	font-family: Georgia, "New York", Times, "Times New Roman", serif;
	font-size: 100%;
}
ul, ul li{
	list-style: none;
	margin:0;
	padding:0;
}

/*-- CANVAS --*/
	div#canvas {
		text-align: left;
		margin: 0 auto;
		width: 797px;
		position: relative;
	}
	
	#flashportada{
		width: 500px;
		height: 51px;
		overflow: hidden;
		position: absolute;
		top: 12px;
		right: 12px;
	}
	
	div#submenu{ 
		background:url(../images/bg_header.jpg) no-repeat top left;
		width:797px;
		height:35px;
		text-align:right;
		padding:20px 0 0 0;
	}
		#submenu ul li{ float:right; }
		#submenu h2{
			font-size:70%;
			margin-right:20px;

		}
			#submenu h2 a{
				color:#fff;
				text-decoration:none;
				text-transform:uppercase;
				margin-right:15px;
			}
				#submenu h2 a:hover{ color:#ff8000;}
	
		h1 {
			height: 70px;
			width:100%;
			background: url(../images/pattern.jpg) repeat top left;
			display: block;
			padding-top:10px;
			padding-bottom: 2px;
			position: relative;
		}	
		/*---evitamos que el menú lateral solape el logo en IE---*/
		h1 a img{
			position: absolute;
		}
	
	/*-- CONTAINER --*/
		#container{	
			background: url(../images/fondo_degradado2.jpg) repeat-y top left;
		}
		
		/*-- MENU --*/
			#menu{
				width:180px;
				height:450px !important;
				background:url(../images/menu_background.jpg) no-repeat top left;
				margin-top: 0;
				margin-left:8px;
				float:left;
				}
			
			html > body #menu{
				margin-top: 0px;
				margin-left:13px;
			}
		
				html > body #menu ul#principal{
					line-height:14px;
					margin-top:55px;
				}
		
				#menu ul#principal{
					margin:55px 15px 0 25px;
				}
		
						#menu ul#principal li h2{
							font-size:70%;
							font-weight:bold;
							text-transform:uppercase;
							
						}
				
						#menu ul#principal li h2 a {}
				
				html > body #menu ul#secundario{
					margin:10px 15px 0 25px;
					line-height:12px;
				}
				
				#menu ul#secundario{
					margin:10px 15px 0 25px;
					line-height:7px;
				}
						#menu ul#secundario li{
							font-size:70%;
							font-weight:bold;
							text-transform:uppercase;
						}
				
				#menu a{
					color:#231f20 !important;
					text-decoration:none;
					display:block;
					padding:2px 0;
		
				}
				
				#menu a:hover{
					color:#ff8000 !important;
				}
	
	/*-- CONTENT --*/
	#content{
		background: url(../images/content_background.gif) repeat-x top left;
		float:left;
		margin:20px 20px 20px 10px;
		width:400px !important;
	}
			#content h1, #content h3{
				background: url(../images/h3_background.gif) no-repeat top left #fff;
				color: #fff;
				font-size: 150%;
				font-weight: normal;
				width: 400px;
				height: 28px;
				margin: 0;
				padding: 2px 0 0 5px;
				}
			#content h1 span{
				font-size: 150%;
			}
			
			#content h2{
				color: #fff;
				font-size: 180%;
				font-weight: normal;
				width: 370px;
				height: 31px;
				margin: 0;
				padding: 2px 0 0 0;
				letter-spacing: -1px;
				line-height: 23px;
			}
			#content h2 span{
				font-size: 150%;
			}
	
	
			#content h4.subtitulo{
				background: url(../images/h4_background.gif) no-repeat top left;
				color: #fff;
				font-size: 110%;
				font-weight: normal;
				width: 245px;
				height: 27px;
				/*margin: -7px 0 0 170px;*/
				padding: 0 0 0 5px;
				letter-spacing: -1px;
				line-height: 27px;
			}
			
html > #credits{
	padding:40px 10px 10px 10px;
}
#credits{
	margin-top:-10px;
	color: #fff;
	text-align:center;
	padding:20px 10px 10px 10px;
	clear: both;
	background:url(../images/bg_credits.jpg) no-repeat top left;
	font-size:70%;
}

#credits a{
	color: #fff !important;
	padding: 3px;
	text-decoration:none;

}
#credits a:hover{
	color: #ff8000 !important;
	
}

#pie_pos{
	color: #fff;
	text-align:center;
	font-size:60%;
	margin-top:10px;
	padding:10px;
	clear: both;
	font-size:100%;

}
#pie_pos a{
	color: #fff !important;
	padding: 3px;
	text-decoration:none;
}
#pie_pos a:hover{
	color: #ff8000 !important;
	background:none;

}

/*---------------CATEGORIAS----------------*/

ul#categorias{
	margin:20px 0 0 0;
	list-style: none;
	padding:0;
}
ul#categorias li{
	margin: 0;
	padding:0 4px 20px 4px;
	float: left;
}

	h4.elemento-categoria {
		margin: 0;
		padding: 0;
		font-weight: normal;
		font-size: 105%;
		position: relative;
		
	}
		h4.elemento-categoria a{
					display: block;
					width: 202px;
					height: 95px;
					background-image: url(../images/h4_categorias-background.gif);
					background-repeat: no-repeat;
					background-position: left top;
					color: #fff !important;
					letter-spacing: -1px;
					text-decoration: none;
					position: relative;
				}
				h4.elemento-categoria a:hover{
					background-position: left bottom !important;
				}
		h4.elemento-categoria span{
			display: block;
			width: 108px;
			position: absolute;
			bottom: 10px;
			left: 82px;
			cursor: pointer;
			line-height: 0.9;
		}
		h4.elemento-categoria img{
			display: block;
			position: absolute;
			top: 13px;
			left: 8px;
			z-index: 0;
		}

/*------------LISTADO-------------*/
ul#listado{
	margin:20px 0 0 0;
	list-style: none;
	padding:0;
}
ul#listado li{
	margin: 0;
	padding: 0;
}

	.elemento-listado{
		position: relative;
		height: 95px;
		margin-right: 10px;
		margin:5px 10px 5px 0;
		border:1px solid #999;
		background:url(../images/pattern_white.gif) repeat top left;
	}
		.elemento-listado h2.nombre{
		}
				.elemento-listado h2.nombre a{
					font-size:60%;
					display: block;
					color: #333;
					border-bottom:1px solid #ccc;
					width:250px;
					text-align: right;
					text-decoration: none;
					height: auto;
					margin-left: 120px;
					padding: 0 3px 1px 10px;
					text-transform:uppercase;
					letter-spacing:1px;
				}
				.elemento-listado h2.nombre a:hover{
					color:#ffba00;
					background: url(../images/pattern.jpg) #333;
				}
		p.novedad{
			position: absolute;
			top: 52px;
			left: 140px;
			z-index: 20;
		}
		.elemento-listado div.imagen-listado{
			display: block;
			border: 1px solid #999;
			position: absolute;
			top: 2px;
			left: 2px;
			width: 125px;
			height: 90px;
			overflow: hidden;
			z-index: 0;
		}
		div.imagen-listado img{
			position: absolute;
			bottom: 0;
			left: 0;
			
		}
		.elemento-listado .precio{
			background:url(../images/pattern.jpg) no-repeat top left #fff;
			border:1px solid #999;
			width:70px;
			padding: 3px;
			text-align: center;
			color: #fff;
			z-index: 10;
			position: absolute;
			top: 63px;
			left: 300px;
			font-weight: bold;
			white-space: nowrap;
		}

/*------------DETALLE-----------*/

#detalle{
	background:url(../images/pattern.jpg) repeat top left;
	padding: 7px;
	margin: 20px 0px 40px 0;
	width: 385px;
}
#detalle h2.titulo{
	background:url(../images/pattern_white.gif) repeat top left;
	display:block;
	padding:0 0 0 10px;
	width:auto;
	height:auto;
	font-size: 110%;
	color: #333;
	font-weight: normal;
	text-align:left;
	
}

	#detalle #galeria{
		float: left;
		margin-right:4px;
		margin-top:0;
	}
		#detalle #galeria a span {
			position: relative;
			left: -25px;
			top: -10px;
		}
		#detalle #galeria a span img {
			border: 0 !important;
		}
		#detalle #galeria img{
			border: 2px solid #ccc;
		}
		#detalle div.galeria-canvas {
			border: 2px solid #ccc;
			background-color:#fff;
			margin: 0;
			height: auto;
			width: 250px;
			vertical-align: middle;
		}
		#detalle div.galeria-canvas img {
			border: 0 !important;
		}
		#detalle #galeria a.thumbnail {
			vertical-align: middle;				
		}
		#detalle #galeria #selector-talla{
			color: #fff;
			font-size: 80%;
			margin-top: 20px;
			margin-bottom:40px;
			text-align:center;
		}
		#detalle #galeria #selector-talla label{
			margin-right: 5px;
		}
		#detalle #galeria #selector-talla select{
			padding: 1px;
			color: #000;
			font-size: 80%;
			border-color: #7C8CAC;
		}
	#detalle #texto-detalle{
		color: #fff;
		font-size: 80%;
		margin-left: 260px;
		margin-top:10px;
	}
		#detalle #texto-detalle p{ 
			font-family:Georgia, "New York", Times, "Times New Roman", serif !important; padding:10px 0;
		}
		
	#detalle #texto-detalle #precio{
		background:url(../images/pattern_white.gif) repeat top left;
		border: 1px solid #999;
		color: #231f20;
		font-size: 100%;
		padding: 7px;
		width: 4em;
		text-align: center;
		overflow: visible;
		margin-top:10px;
		margin-left: 44px;
   		font-weight: bold;
	  	white-space: nowrap;
	}
	#detalle #botones{
		margin: 10px 0;
		text-align: right;
		background:url(../images/bg_botones.jpg) no-repeat top left;
		height:39px;
		border:1px solid #666;
		clear: both;
	}
	#detalle #botones img, #detalle #botones input{
		margin-top: 0;
		margin-left: 0px;
/*		position: relative;
		top: 25px;
		left: 22px;
*/	}
		#botones img{
			margin:0px;
			padding:0;
		}
		#botones, #botones a{ 
			margin:0;
			padding:0;
			height:39px;
			border-right:1px solid #666;
		}
			#botones a{float:left;}
				#botones a:hover, #detalle #botones input:hover{ border-bottom:1px solid #f60; }
#anyadido{
	background: url(../images/anyadido_background.gif) no-repeat left top #99aaa8;
	height: 40px;
	color: #fff;
	font-size: 120%;
	letter-spacing: -1px;
	margin-bottom: 10px;
}	#anyadido p{
		padding: 14px 0 12px 5px;
		margin-right: 0px;
		background: url(../images/anyadido_flecha.gif) no-repeat right 7px;
	}
#plantilla{
	font-size: 100%;
	margin: 1em 0;
	width: 420px;
}
	#plantilla ol{
		background:url(../images/pattern.jpg) repeat top left;
		border: 1px solid #ccc;
		padding: 1em;
		margin: 20px auto 0 auto;
		width: 330px;
		color: #fff;
		padding-left: 2em;
		list-style: decimal;
		font-size: 90%;
		font-weight: bold;
	}
		#plantilla li{margin: 1em;}
		#plantilla li span{font-weight: normal;}
		
			#plantilla a{color: #ff8000;}
			#plantilla a:hover{color:#000; }
		
		#plantilla .aviso{
			font-size: 80%;
			color: #000;
			margin: 1em 2em;
			text-align: justify;
		}
/*------------CARRITO usadas en submenu.php y carrito.php-------------*/

#addons{
/*	position: absolute;
	top: 127px;
	right: 20px;
*/
	float:left;
	width: 150px !important;
	padding-top:24px;
	}
	#addons h3{ 
		background:none;
		height:auto;
	}

#addons #localizanos{
	width: 76px;
	height: 24px;
	background: url(../images/addons_localizanos.gif) no-repeat top left;
	/*position: absolute;
	top:0;
	left: 74px;*/
}
#addons #localizanos a{
	width: 76px;
	height: 24px;
	display: block;
}
#addons #tucompra{
	display: none;
	/*position: absolute;
	top: 0;
	left: 0;*/
	width: 74px;
	height: 24px;
	background: url(../images/addons_tucompra.gif) no-repeat top left;
}
#addons.home #tucompra{
	display: block;
}
#addons #tucompra a{
	display: block;
	width: 74px;
	height: 24px;
}
#addons #localizanos span, #addons #tucompra span{
	display: none;
	visibility: hidden;
}

#metas{
	background:url(../images/backg-metas.gif) no-repeat top left;;
	height:79px;
	width: 142px !important;
	font-size: 10px;
	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin:15px 0 0 0;
	padding: 44px 0 0 10px;
	}
#metas h3 {
	font-size: 10px;
	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight:normal;
	width:140px !important;
}

#metas a {
	font-size: 9px;
	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight:normal;
	text-decoration:none;
}
	#metas a:hover { color:#ff8000;}
	

#carrito, #carrito-detallado{
	background-color: #99aaa8;
	font-size: 60%;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #fff;
	padding: 5px;
	background:url(../images/pattern.jpg) repeat top left;
	
}
#carrito-detallado{
	width: 390px;
	margin-top: 30px; 
}
	#carrito-detallado .chart-prize{
		text-align: center;
		font-size: 110%;
	}
		#carrito-detallado .chart-prize span{
			font-size: 160%;
		}
		h4.titulo {
			font-family: Georgia, "Times New Roman", Times, serif;
			text-align: center;
			font-size: 150%;
			border-bottom: 1px solid #fff;
			margin-bottom: 10px;
		}
.chart-item{
	border-bottom: 1px solid #ccc;
	margin-top: 5px;
	padding-bottom: 5px;
}
.chart-item p{
	margin-left: 5px;
}
		.chart-item p.product-name{
			margin-left: 0;
		}
		.chart-item p.product-name a{
			color: #fff;
			font-weight: bold;
			text-decoration: none;
			margin-bottom: 2px;
			display: block;
		}
		.chart-item p img{
			vertical-align: middle;
		}
div#comprar{
	width: 105px;
	height: 30px;
	background: url(../images/button_confirmar_compra.gif) no-repeat left top;
	text-align: center;
	margin: 10px auto;
	padding-top: 0.5em; 
}
	div#comprar a{
		text-decoration: none;
		font-family: Georgia, "New York", Times, "Times New Roman", serif; 
		font-size: 140%;
		font-weight: bold;
		color: #fff;
		letter-spacing: -1px;
	}
		div#comprar a:hover{
			color: #B5C2C0;
		}
div#procesar{
	width: 193px;
	height: 30px;
	background: url(../images/button_procesar_pedido.gif) no-repeat left top;
	text-align: center;
	margin: 10px auto 2px auto;
	padding-top: 0.5em; 
}
	div#procesar a{
		text-decoration: none;
		font-family: Georgia, "New York", Times, "Times New Roman", serif; 
		font-size: 140%;
		font-weight: bold;
		color: #fff;
		display: block;
		width: 100%;
		letter-spacing: -1px;
	}
		div#procesar a:hover{
			color: #B5C2C0;
		}
ul#listado-carrito, ul#listado li{
	margin: 0;
	padding: 0;
	list-style: none;
}
#listado-carrito li{
	background: url(../images/listado-carrito_background.gif) no-repeat left top;
	padding:4px 0;
	
}
#listado-carrito li strong{
	display: block;
	text-align: right;
}
p.total{
	font-family: Georgia, "New York", Times, "Times New Roman", serif;
	text-align: right; 
	font-size:130%;
	border-top:1px solid #374E4B;
	padding: 3px 0;
	margin-top:5px;
}
p.boton1 a{
	display:block;
	background-color: #496864;
	padding: 5px;
	color:#fff !important;
	text-decoration: none;
	text-align: center;
	font-family: Georgia, "New York", Times, "Times New Roman", serif;
	border-style: ridge;
	border-width: 1px;
	font-weight: bold;
	margin: 5px 10px 0 10px;
}
p.boton1 a:hover{
	background-color: #849412;
}
p.sincompra{
	text-align: center !important;
}

/*--ocutar el carrito lateral, el boton comprar o los botones de cambiar la cantidad---*/
div.nocarrito#addons{
/*		background-image: url(../images/addons_background_compra.gif) !important;
*/	}
	.nocarrito #carrito{
	display: none;
}
	.nocarrito #localizanos{
	background: url(../images/addons_localizanos_home.gif) no-repeat top left !important;
}
	.nocarrito #tucompra{
	background: url(../images/addons_tucompra_home.gif) no-repeat top left !important;
	display: block;
}
.nocomprar #carrito #comprar{
	display: none;
}
.nobotones #carrito .boton{
	display: none;
}
#carrito .chart-prize span.total-prize {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: -1px;
	color: #EDF4BD;
	font-weight: bold;
}

p#conoce{
	margin-top: 20px;
}
p#franquicia {
	margin-top: 20px;
}
/*-----------PROCESO DE COMPRA-------*/
h4#subtitulo{
	letter-spacing: -1px;
	color: #496864 ;
	margin: 20px 0;
}
.product_detail{
	width: 28em;
	background-color: #edf4bd;
	margin: 10px auto;
	color: #849412;
	font-size: 78%;
	padding: 10px;
}
		.image-wrapper{
			float: left;
			width: 100px;
			display: inline;
		}
		.product_detail dt{
			font-size: 120%;
			font-weight: bold;
		}
		.product_detail .referencia{
			font-size: 86%;
		}
	
#seguircomprando{
	text-align: center;
	margin: 2em 0;
}
	#seguircomprando a{
		color: #E36715;
		font-weight: bold;
		letter-spacing: -1px;
		margin: 0 10px;
	}
	#seguircomprando a:hover{
		color: #fff;
		background-color: #E36715;
		text-decoration: none;
	}




/*------identificacion------*/
#identificacion{
	margin-top: 10px;
}
#identificacion p{
	margin: 5px 0;
	color: #000;
	font-size: 90%;
}
	#identificacion a{
		color: #E36715;
		padding: 2px;
	}
	#identificacion a:hover{
		color: #fff;
		background-color: #E36715;
	}
#identificacion form{
	width: 15em;
	margin: 5px auto 5px;
	padding: 10px 20px;
	background:url(../images/pattern.jpg) repeat top left;
	color:#fff;
	border: 1px solid #ccc;
}
	#identificacion label{
		display: block;
		font-size: 80%;
		color: #fff;
		margin: 10px 0 0 0;
		padding: 0;
	}
 #identificacion input{
 	width: 100%;
 }
	#identificacion input#enviar{
		width: 5em;
		margin: 10px 0 auto;
	}
	#identificacion .contrasenya{
		margin-top: 20px;
		font-size: 74%;
		text-align: center;
	}
	#identificacion .registrar{
		background:url(../images/pattern_white.gif) repeat top left;
		border: 1px solid #ccc;
		padding: 10px;
		margin: 20px auto 0 auto;
		width: 380px;
		text-align: center;
	}
/*----REGISTRO DE USUARIO------*/
div#datos-usuario{
	border: 1px solid #ccc;
	width: 380px;
	margin-top: 20px;
	padding: 10px;
	color:#fff;
	background:url(../images/pattern.jpg) repeat top left;
}
	#datos-usuario h4{
		color: #fff;
		letter-spacing: -1px;
	}
	div#datos-usuario p{
		width: 50%;
		float: left;
	}
	#datos-usuario label{
		display: block;
		font-size: 70%;
		color: #fff;
		margin: 10px 0 0 0;
		padding: 0;
	}
	div#datos-usuario p.advise{
		clear: both;
		float: none;
		width: 48%;
		margin: 0.5em 1em 0 auto;
		color: #ff8000;
		font-size: 80%;
	}
			p.advise em{
				font-size: 86% !important;
			}
	#datos-usuario select{
		font-size: 60%;
		color: #374E4B;
	}
	#datos-usuario p.login_enter{
		clear: both;
		float: none;
		width: auto;
		text-align: center;
		margin-top: 1.5em;
	}
		p.login_enter input{
			padding: 2px 4px;
		}
/*-----VALIDACION y FORMA DE PAGO-----*/
h4.bienvenida{
	color: #231f20;
	letter-spacing: -1px;
	margin-top: 0.5em;
	margin-left:10px;
	border-bottom: 1px solid #496864;
	width: 400px !important;
}
.modificar{
	text-align: right;
	font-size: 64%;
	width: 400px;
	margin: -15px 0 20px 0;
}
		.modificar a{
			color: #E36715;
			text-decoration: none;
		}
			.modificar a:hover{
				color: #fff;
				background-color: #E36715;
				padding: 3px;
			}

div.forma-pago{
		background:url(../images/pattern_white.gif) repeat top left;
		border: 1px solid #849412;
		padding: 10px;
		margin: 20px 0 0 0;
		width: 380px;
		text-align: center;
		color: #000;
}
		.forma-pago strong{
			font-size: 70%;
			margin-bottom: 1em;
			display: block;
		}
		.forma-pago form{
			text-align: left;
			width: 14em;
			margin: 0.5em auto;
			font-size: 70%;
		}
		.forma-pago form input{
			padding: 3px;
			vertical-align: middle;
		}
		.forma-pago form li{
			margin-top: 1em;
		}
		.forma-pago p.submit{
			text-align: center;
			margin-top: 1em;
		}
			.forma-pago p.submit input{
				padding: 2px 6px !important;
			}
h5.metodo-pago{
	letter-spacing: -1px;
	color: #000;
	font-size: 80%;
}
div#metodo-pago{
	font-size: 80%;
	margin: 1em 0;
	width: 400px;
}
div#metodo-pago p{
	margin: 0.5em 10px;
	text-align:justify;
}
dl.cuentas{
	font-size: 90%;
	margin: 1em auto;
	width: 380px;
	background: #EDF4BD;
	color: #849412;
	padding: 10px;
	border: 1px solid #849412;
}
	.cuentas dt{font-weight: bold; margin-bottom: 0.5em;}
	
p.acceder-pasarela{text-align: center;}
	.acceder-pasarela input{
		padding: 0.5em 1em;
	}
/*-----RECORDATORIO CONTRASEÑAS------*/
div#recuerda{
	font-size: 80%;
	margin: 1em 0;
	width: 400px;
}
div#recuerda p{
	margin: 0.5em 0;
}
div#recuerda p a{	color: #E36715; padding: 0.2em}
	div#recuerda p a:hover{
		color: #fff;
		background-color: #E36715;
	}

	div#recuerda form{
		width: 14em;
		margin: 1em auto;
		text-align: center;
	}
	div#recuerda label{
		display: block !important;
		font-size: 90%;
		color: #7C8CAC;
		margin: 10px 0 0 0;
		padding: 0;
	}
	div#recuerda form p.enviar input{
		padding: 0.1em 0.3em;
	}
/*--------RESULTADO-------*/
div#resultado {
	font-size: 90%;
	margin: 1em 0;
	width: 29em;
}
	#resultado p{
		margin: 0.5em 0;
	}
/*---CONTACTO---*/
form#contactoForm{
	border: 1px solid #D4DAA9;
	width: 320px;
	padding: 10px 10px 10px 80px;
	background:url(../images/pattern.jpg) repeat top left;
	text-align: left;
}
	form#contactoForm input{width: 260px;}
	
		#contactoForm label{
			display: block;
			font-size: 70%;
			color: #fff;
			margin: 1.5em 0 0 0;
			padding: 0;
			font-weight: bold;
		}
		#contactoForm textarea{
			width: 20em;
			height: 10em;
			margin-bottom: 1em;
		}
/*-------LOCALÍZANOS-------*/
p.localizanos{
	font-size: 80%;
	color: #000;
	width: 400px;
	margin-top: 1em;
}
h5.provincia{
	font-size: 110%;
	color: #333;
	width: 400px;
	margin-top: 2em;
	border-bottom: 1px solid #333;
}
h6{
	font-size: 80%;
	width: 400px;
	margin-top: 1em;
}
	ul.shop{
		line-height: 1.2;
		margin-bottom: 1em;
	}
	ul.shop a{
		color: #333;
		width:390px;
		
	}
		ul.shop a:hover{
			color:#ffba00;
			background: url(../images/pattern.jpg) #333;
			padding: 3px 2px;
			text-decoration: none;


		}
			li.shop-address{
				font-size: 80%;
				color: #696969;
				margin-top: 0.3em;
				margin-left:30px
			}
div.shop{
	border: 1px solid #ccc;
	padding: 0;
	background:url(../images/pattern.jpg) repeat top left;
	color:#fff;
	text-align: center;
	width: 400px;
}
/*el margen superior en shop no funciona en IE, le aplicamos un margen inferior al titulo*/
h3#vertienda{
	margin-bottom: 0.5em;
}
		div.shop h5{
			color: #ff8000;
			letter-spacing: -1px;
			margin: 0.5em 0;
		}
		p.shop-image{
			margin-bottom: 0.5em;
		}
				p.shop-image img{
					display: block;
					border: 1px solid #849412;
					margin: 0 auto;
				}
		p.shop-address{
			width: 350px;
			margin-left: auto;
			margin-right: auto;
		}
		.shop-phone{
			margin: 0.5em 0;
			font-weight: bold !important;
			font-family: "Times New Roman", Times, serif;
			
		}
form#selectorProvincia{
		background:url(../images/pattern_white.gif) repeat top left;
		border: 1px solid #ccc;
		padding: 10px;
		margin: 20px auto 0 auto;
		width: 380px;
		text-align: center;
		color: #000;
}
/*-----Textos Estáticos----*/
div.texto p{
		font-size: 90%;
		color: #000;
		margin:10px 30px 10px 10px;
		text-align: justify;
}
	.texto p a, .texto p a:visited {color: #000;}
	div.texto p a:hover{color: #ff8000;}
	
/*----paginacion----*/
p.paginacion{
	text-align: center;
	color: #333;
	font-size: 100%;
	margin: 10px 10px 10px 0;
	border: 1px dotted #999;
	padding: 1px;
}
	p.paginacion strong{ font-weight:normal;}

	p.paginacion a, p.paginacion a:visited{
		color: #E36715;
		padding: 0 2px;
	}
		p.paginacion a:hover{
			color: #333;
		}
/*--------GENÉRICAS--------*/
.clear{
	clear: both;
}
.center{
	text-align: center;}
.hidden{display: none;}
.numero{
	font-family: "Times New Roman", Times, serif;
}

.success{
	color: #496864;
	border: 1px solid #496864;
	padding: 10px;
	margin: 20px;
	font-weight: normal;
	text-align: center;
}
.warning{
	color: #e31515;
	border: 1px solid #e31515;
	padding: 10px;
	margin: 20px;
	font-weight: normal;
	text-align: center;
	font-size: 80%;
}
.warning ul, .warning ul li{
	list-style: square !important;
}
	.warning ul{
		margin: 1em auto;
		text-align: left;
		width: 80%;
	}
h4 p.warning{
	font-size: 60%;
}

.warning p, .success p{
	float: none !important;
	width: auto !important;
}
p.volver{
	text-align: center;
	margin-top: 2em;
	float: none !important;
	width: auto !important;
}
	p.volver a{
		padding: 3px;
		font-weight: bold;
		color: #000;
	}
		p.volver a:hover{
			color: #ff8000;
		}

ul.aviso_legal li {
	font-size: 80%;
	color: #000;
	margin: 10px 30px 10px 15px;
	text-align: justify;
}
h5 {
	color: #333;
	font-size: 100%;
	margin:5px 10px;
}
h6 {
	color: #666;
	font-size: 90%;
	margin:5px 10px;

}

address.aviso_legal {
	font-size: 80%;
	color: #000;
	margin: 1em 2em;
	text-align: justify;
	font-weight: bold;
}

address.aviso_legal a, ul.aviso_legal li a {
	color: #000;
}
address.aviso_legal a:hover, ul.aviso_legal li a:hover {
	color: #ff8000;
}