/********************** <General> **********************/
* {margin: 0; padding: 0;}

body{
	background: #5C000F url(/img/bg_body.png) 40px 0 repeat-x;
}

.accesibilidad{display: none;}

#contenedor{
	width: 900px;
	height: 650px;
	margin: auto;
	margin-top: 40px;
	background: url(/img/bg_contenedor.jpg) bottom no-repeat;
}
#contenedor.general{
	background: url(/img/bg_contenedor_general.jpg) bottom no-repeat;
}
/********************** </General> **********************/
/********************** <Cabecera> **********************/
#cabecera{
	float: left;
	width: 895px;
	height: 105px;
}
	#cabecera h1{
		display: inline;
		float: left;
		margin: -1px 0 0 7px;
		padding: 0px 0 0 0px;
		background:url(/img/logo.png) no-repeat;
	}
		#cabecera h1 a{
			display: block;
			width: 305px;
			height: 102px;
			outline: none;
			text-indent: -5000px;
		}
/********************** </Cabecera> **********************/
/********************** <Menu> **********************/
ul#menu{
	float: left;
	margin: 35px 0 0 0px;
	list-style: none;
}
	#menu li{
		float: left;
		margin: 0 0 0 0;
	}
		ul#menu li a{
			display: block;
			height: 24px;
			text-indent: -5000px;
			outline: none;
		}

			/********/
			ul#menu li#empresa_es a, ul#menu li#empresa_en a, ul#menu li#empresa_it a{
				width: 111px;
				background: url(/img/menu_empresa_es.png) no-repeat;
			}
			ul#menu li#empresa_en a{background: url(/img/menu_empresa_en.png) no-repeat;}
			ul#menu li#empresa_it a{background: url(/img/menu_empresa_it.png) no-repeat;}
			
			ul#menu li#empresa_es a:hover, ul#menu li#empresa_es.on a{background:url(/img/menu_empresa_es.png) no-repeat left -27px;}
			ul#menu li#empresa_en a:hover, ul#menu li#empresa_en.on a{background:url(/img/menu_empresa_en.png) no-repeat left -27px;}
			ul#menu li#empresa_it a:hover, ul#menu li#empresa_it.on a{background:url(/img/menu_empresa_it.png) no-repeat left -27px;}
			/********/
			/********/
			ul#menu li#producto_es a, ul#menu li#producto_en a, ul#menu li#producto_it a{
				width: 119px;
				background: url(/img/menu_producto_es.png) no-repeat;
			}
			ul#menu li#producto_en a{background: url(/img/menu_producto_en.png) no-repeat;}
			ul#menu li#producto_it a{background: url(/img/menu_producto_it.png) no-repeat;}
			
			ul#menu li#producto_es a:hover, ul#menu li#producto_es.on a{background:url(/img/menu_producto_es.png) no-repeat left -27px;}
			ul#menu li#producto_en a:hover, ul#menu li#producto_en.on a{background:url(/img/menu_producto_en.png) no-repeat left -27px;}
			ul#menu li#producto_it a:hover, ul#menu li#producto_it.on a{background:url(/img/menu_producto_it.png) no-repeat left -27px;}
			/********/
			/********/
			ul#menu li#filosofia_es a, ul#menu li#filosofia_en a, ul#menu li#filosofia_it a{
				width: 115px;
				background: url(/img/menu_filosofia_es.png) no-repeat;
			}
			ul#menu li#filosofia_en a{background: url(/img/menu_filosofia_en.png) no-repeat;}
			ul#menu li#filosofia_it a{background: url(/img/menu_filosofia_it.png) no-repeat;}

			ul#menu li#filosofia_es a:hover, ul#menu li#filosofia_es.on a{background:url(/img/menu_filosofia_es.png) no-repeat left -27px;}
			ul#menu li#filosofia_en a:hover, ul#menu li#filosofia_en.on a{background:url(/img/menu_filosofia_en.png) no-repeat left -27px;}
			ul#menu li#filosofia_it a:hover, ul#menu li#filosofia_it.on a{background:url(/img/menu_filosofia_it.png) no-repeat left -27px;}
			/********/
			/********/
			ul#menu li#contacto_es a, ul#menu li#contacto_en a, ul#menu li#contacto_it a{
				width: 123px;
				background: url(/img/menu_contacto_es.png) no-repeat;
			}
			
			ul#menu li#contacto_en a{background: url(/img/menu_contacto_en.png) no-repeat;}
			ul#menu li#contacto_it a{background: url(/img/menu_contacto_it.png) no-repeat;}
			
			ul#menu li#contacto_es a:hover, ul#menu li#contacto_es.on a{background:url(/img/menu_contacto_es.png) no-repeat left -27px;}
			ul#menu li#contacto_en a:hover, ul#menu li#contacto_en.on a{background:url(/img/menu_contacto_en.png) no-repeat left -27px;}
			ul#menu li#contacto_it a:hover, ul#menu li#contacto_it.on a{background:url(/img/menu_contacto_it.png) no-repeat left -27px;}
			/********/
/********************** </Menu> **********************/
/********************** <Idiomas> **********************/
ul#idiomas{
	float: left;
	width: 105px;
	height: 24px;
	margin: 37px 0 0 0px;
	padding: 0px 0 0 10px;
	list-style: none;
	background: url(/img/bg_idiomas.png) no-repeat;
}
	#idiomas li{
	display: inline;
		float: left;
		margin: 0 0 0 7px;
	}
		ul#idiomas li a{
			display: block;
			width: 24px;
			height: 24px;
			text-indent: -5000px;
			outline: none;
		}
			ul#idiomas li#en a{background: url(/img/flag_en.png) no-repeat;}
			ul#idiomas li#it a{background: url(/img/flag_it.png) no-repeat;}
			ul#idiomas li#es a{background: url(/img/flag_es.png) no-repeat;}
/********************** </Idiomas> **********************/
/********************** <Contenido> **********************/
#contenido{
	display:inline;
	float: left;
	width: 540px;
	height: 212px;
	margin: 25px 0 0 10px;
}
	#contenido.contenido_contacto {width: 850px;}


	#contenido h2{
		width: 290px;
		height: 32px;
		margin: 0 0 10px 0;
		text-indent: -5000px;
	}
		#contenido h2#h2_inicio_es{background: url(/img/h2_inicio_es.png) no-repeat;}
		#contenido h2#h2_inicio_en{background: url(/img/h2_inicio_es.png) no-repeat;}
		#contenido h2#h2_inicio_it{background: url(/img/h2_inicio_es.png) no-repeat;}

		#contenido h2#h2_producto_es{background: url(/img/h2_producto_es.png) no-repeat;}
		#contenido h2#h2_producto_en{background: url(/img/h2_producto_en.png) no-repeat;}
		#contenido h2#h2_producto_it{background: url(/img/h2_producto_it.png) no-repeat;}

		#contenido h2#h2_filosofia_es{background: url(/img/h2_filosofia_es.png) no-repeat;}
		#contenido h2#h2_filosofia_en{background: url(/img/h2_filosofia_en.png) no-repeat;}
		#contenido h2#h2_filosofia_it{background: url(/img/h2_filosofia_it.png) no-repeat;}

		#contenido h2#h2_contacto_es{background: url(/img/h2_contacto_es.png) no-repeat;}
		#contenido h2#h2_contacto_en{background: url(/img/h2_contacto_en.png) no-repeat;}
		#contenido h2#h2_contacto_it{background: url(/img/h2_contacto_it.png) no-repeat;}

	#contenido p{
		margin: 0 0 8px 0;
		padding: 0 20px 0 5px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align: justify;
		color: #9D928A;
	}
		#contenido p strong{
			color: #E4002D;
		}
		#contenido p a{
			color: #E4002D;
		}
		#contenido p a:hover{
			color: #E4002D;
		}

#flash_inicio{
	clear: both;
	float: left;
	width: 900px;
	height: 307px;
	background:url(/img/flash_inicio.jpg) no-repeat;
}

#tmp_temporada{
	width: 243px;
	height: 56px;
	margin: 8px 0 0 4px;
	background:url(/img/tmp_temporada.png) no-repeat;
}
/********************** </Contenido> **********************/
/********************** <Login> **********************/
#login{
	display: inline;
	float: left;
	width: 315px;
	height: 155px;
	margin: 40px 0 0 10px;
	background: url(/img/bg_login.png) no-repeat;
}

	#login h2{
		width: 230px;
		height: 30px;
		margin: 15px 0 0px 20px;
		text-indent: -5000px;
	}
		#login h2#h2_login_es{background: url(/img/h2_login_es.png) no-repeat;}
		#login h2#h2_login_en{background: url(/img/h2_login_en.png) no-repeat;}
		#login h2#h2_login_it{background: url(/img/h2_login_it.png) no-repeat;}
/********************** </Login> **********************/
/********************** <Minipanel> **********************/
#minipanel{
	display: inline;
	float: left;
	width: 315px;
	height: 155px;
	margin: 40px 0 0 10px;
	background: url(/img/bg_login.png) no-repeat;
}

	#minipanel h2{
		width: 230px;
		height: 30px;
		margin: 15px 0 0px 20px;
		text-indent: -5000px;
	}
		#minipanel h2#h2_minipanel_es{background: url(/img/h2_login_es.png) no-repeat;}
		#minipanel h2#h2_minipanel_en{background: url(/img/h2_login_en.png) no-repeat;}
		#minipanel h2#h2_minipanel_it{background: url(/img/h2_login_it.png) no-repeat;}

	#minipanel p{
			width: 270px;
			margin: 10px 0 0 25px;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 12px;
			text-align: left;
			color: #9D928A;
	}
	#minipanel ul{
			width: 270px;
			margin: 8px 0 0 25px;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 12px;
			text-align: left;
			color: #9D928A;
			list-style: none;
	}
		#minipanel ul li{
			margin: 2px 0 0 0;
			padding: 0 0 0 20px;
			background: url(/img/vinyeta_minimenu.gif) no-repeat left 4px;
		}
			#minipanel ul li a{
				color: #E4002D;
			}
/********************** </Minipanel> **********************/
/********************** <Formularios> **********************/
#form_login {
	display: inline;
	float: left;
	width: 280px;
	margin: 0 0px 0 15px;
}

form.panel label{
	display: block;
	margin: 8px 0px 0 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 145%;
	color: #8A8A8A;
}
form.panel label.ultima{
	margin-bottom: 10px;
}
	form.panel label span{
		float: left;
		width: 70px;
		margin: 8px 0 0 12px;
	}

form.panel .inputtext, form.panel .inputerror, form.panel .selects{
	float: left;
	height: 15px;
	margin: 6px 5px 0px 10px;
	padding: 2px 5px 2px 5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: #FFF;
	color: #8A8A8A;
	border: solid 1px #D55351;
}
	form.panel .inputerror{
		border: solid 1px #D00 !important;
	}

	form.panel span.error{
		color: #A00 !important;
	}

form.panel .boton_aceptar{
	clear: both;
	float: left;
	margin: 8px 0 15px 93px;
	padding: 0 5px 0 5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #8A8A8A;
	border: solid 1px #D55351;
	background-color: #FFF;
}
form.panel .boton_aceptar:hover{
	color: #000;
}

#form_cats{
	width: 250px;
}
#mensajes{
	float: right;
	width: 260px;
	margin: -30px 0 0 0;
	padding: 5px 2px 5px 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #333;
}
/********************** </Formularios> **********************/
/********************** <Catalogo> **********************/
#error_login{
	margin: 15px 0 0 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #A00 !important;
}
#catalogo{
	display:inline;
	float: left;
	width: 880px;
	height: 325px;
	margin: -25px 0 0 10px;
	/*background: #999;*/
}
	#catalogo div#mini_pag{
		display: inline;
		float: left;
	}
	

	#catalogo ul#miniaturas{
		display: inline;
		float: left;
		/*width: 320px;*/
		width: 860px;
		height: 250px;
		margin: 20px 0 0 10px;
		list-style: none;
		/*background: #fdf;*/
	}
		#catalogo ul#miniaturas li{
			display: inline;
			float: left;
			width: 110px;
			height: 100px;
			/*margin: 0 40px 30px 0;*/
			margin: 0 25px 30px 30px;
			border: solid 2px #C5C2BF;
			background: #FFF;
		}
		#catalogo ul#miniaturas li a img{
			border: none;
		}

	ul#paginacion{
		clear: both;
		display: inline;
		float: left;
		width: 820px;
		margin: 13px 0 0 30px;
		list-style: none;
	}
		ul#paginacion li{
			float: left;
			text-align: center;
		}

			ul#paginacion li a{
				-moz-border-radius: .1em;
				display: block;
				width: 20px;
				height: 18px;
				margin: 0 0 0 10px;
				padding: 3px 0 0 0;
				font-family: Arial, Helvetica, sans-serif;
				font-size:11px;
				text-decoration: none;
				color: #fff;
				border-left: solid 2px #780014;
				background: #780014;
			}
			ul#paginacion li a:hover, ul#paginacion li.on a{
				font-weight: bold;
				color: #FFF;
				background: #D15659;
			}
			
			ul#paginacion li.anterior a, ul#paginacion li.siguiente a{
				width: 65px;
			}
			ul#paginacion li.anterior a:hover, ul#paginacion li.siguiente a:hover{
				font-weight: normal;
			}
			ul#paginacion li.punticos{
				width: 6px;
				height: 22px;
				margin: 0 0 0 5px;
				padding: 3px 0 0 0;
				font-family: Arial, Helvetica, sans-serif;
				font-size:13px;
				text-decoration: none;
				color: #999;

			}

	#catalogo #producto{
		display: inline;
		float: left;
		width: 515px;
		height: 315px;
		margin: 8px 0 0 20px;
		background:url(/img/bg_producto.png) no-repeat;
	}
		#catalogo #producto #descripcion{
			float: right;
			width: 235px;
		}
			#catalogo #producto #descripcion h3{
				margin: 15px 15px 0 0;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

				font-size: 15px;
				text-align: justify;
				color: #CA2826;
			}
			#catalogo #producto #descripcion p{
				height: 230px;
				margin: 5px 15px 0 0;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 12px;
				text-align: justify;
				color: #9D928A;
			}
		#catalogo #producto a.principal img{
			float: left;
			margin: 15px 15px 10px 15px;
			border: none;
		}
		#catalogo #producto a.secundaria img{
			float: left;
			margin: 0 5px 0 15px;
			border: none;
		}

		#catalogo #producto #anadir{
			display: inline;
			float: left;
			width: 485px;
			margin: 5px 0 0 13px;
			padding: 2px 0 2px 5px;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 12px;
			text-align: center;
			color: #333;
			background: #ddd;
		}
			#catalogo #producto #anadir input#unidades{
				width: 30px;
				padding: 2px 2px 2px 2px;
				height: 16px;
				border: 1px solid #D55351;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-weight: bold;
				text-align: center;
				color:#333;
			}
			#catalogo #producto #anadir a{
				margin: 0 0 0 10px;
				padding: 4px;
				height: 16px;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 11px;
				text-decoration: none;
				font-weight: bold;
				color:#fff;
				background: #666;
			}
			#catalogo #producto #anadir a:hover{
				color:#666;
				background: #eee;
			}
/********************** </Catalogo> **********************/
/********************** <Pedidos> **********************/
table#tabla_carro0 {
	float: left;
	width: 845px;
	margin: -20px 0 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	color: #555;
}
	table#tabla_carro0 a{
		color: #E4002D !important;
	}

	table#tabla_carro0 thead th{
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 14px;
		height: 20px;
		color: #67625D;
		border-bottom: solid 1px #84061A;
	}
	table#tabla_carro0 thead th#th_borrar0{
		width: 80px;
	}
	table#tabla_carro0 thead th#th_producto0{
		width: 420px;
	}
	table#tabla_carro0 thead th#th_cantidad0{
		width: 300px;
	}
		table#tabla_carro0 tbody tr{
			height: 30px;
		}
		table#tabla_carro0 tbody tr td{
			text-align: left;
		}
		table#tabla_carro0 tbody tr td input.borrar{
			margin: 0 0 0 0px;
		}
		table#tabla_carro0 tbody tr td input.cantidad{
			padding: 2px 5px 2px 5px;
			width: 30px;
			height: 16px;
			border: 1px solid #D55351;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color:#8A8A8A;
		}
			table#tabla_carro0 tbody tr#carro_total{
				height: 50px;
				font-size: 14px;
			}

#tableContainer{
float: left;
display: block;
width: 865px;
height: 220px;
margin: 0px 0 0 0px;
overflow: auto;
}

table#tabla_carro {
	float: left;
	width: 805px;
	margin: 0px 0 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	color: #555;
}
	table#tabla_carro a{
		color: #E4002D !important;
	}

	table#tabla_carro thead th#th_borrar{
		width: 90px;
	}
	table#tabla_carro thead th#th_producto{
		width: 490px;
	}
	table#tabla_carro thead th#th_cantidad{
		width: 300px;
	}
		table#tabla_carro tbody tr{
			height: 30px;
		}
		table#tabla_carro tbody tr td{
			text-align: left;
		}
		table#tabla_carro tbody tr td input.borrar{
			margin: 0 0 0 15px;
		}
		table#tabla_carro tbody tr td input.cantidad{
			padding: 2px 5px 2px 5px;
			width: 30px;
			height: 16px;
			border: 1px solid #D55351;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color:#8A8A8A;
		}
			table#tabla_carro tbody tr#carro_total{
				height: 50px;
				font-size: 14px;
			}

#borrar_producto{
	float: left;
	margin: 30px 0 0 33px;
}
	#borrar_producto a{
		padding: 0 0 0 25px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		text-align:left;
		color: #E4002D !important;
		background: url(/img/basurica.png) left 1px no-repeat;
	}
	
#confirmar_pedido{
	display: inline;
	float: left;
	margin: 20px 0 0 305px;
}
	#confirmar_pedido a{
		display: block;
		width: 183px;
		height: 32px;
		text-indent: -5000px;
		outline: none;
	}
		#confirmar_pedido.es a{background: url(/img/bt_confirmar_es.png) no-repeat;}
		#confirmar_pedido.es a:hover{background: url(/img/bt_confirmar_es.png) 0px -42px no-repeat;}

		#confirmar_pedido.en a{background: url(/img/bt_confirmar_en.png) no-repeat;}
		#confirmar_pedido.en a:hover{background: url(/img/bt_confirmar_en.png) 0px -42px no-repeat;}

		#confirmar_pedido.it a{background: url(/img/bt_confirmar_it.png) no-repeat;}
		#confirmar_pedido.it a:hover{background: url(/img/bt_confirmar_it.png) 0px -42px no-repeat;}
/********************** </Pedidos> **********************/
/********************** <contacto> **********************/
#formulario {
	float: left;
	width: 400px;
	margin: 0 0 0 10px;
}
#formulario dt {
	margin-top: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #8A8A8A;
	font-size: 11px;
}
#formulario dd {
	margin: 0px 0 0 0px;
}
#formulario input {
	padding: 2px 0 2px 0;
	height: 16px;
	border: 1px solid #D55351;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#8A8A8A;
}
#formulario textarea{
	border: 1px solid #D55351;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666;
}
#formulario .caja_form_error{
	border: 1px solid #F00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666;
}
#formulario #errores{
	display: block;
	margin: 10px 0 10px 0px;
	color: #F00;
	font-size:12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#formulario .campos_obligatorios{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #8A8A8A;
}
#formulario .boton_form{
	margin: 5px 0 0 0;
	height: 30px;
	border: 1px solid #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px;
	color: #8A8A8A;
	background: #FFF;
	border: solid 1px #D55351;
}

div#google_maps{
	float: left;
	width: 220px;
	height: 130px;
}
	div#google_maps a{
		display: block;
		width: 220px;
		height: 130px;
		margin: 221px 0 0 190px;
		text-indent: -5000px;
		outline: none;
		background:url(/img/google_maps.jpg) no-repeat;
	}

/********************** </contacto> **********************/
/********************** <Pie> **********************/
#pie{
	width: 900px;
	height: 40px;
	margin: auto;
	padding: 5px 0 0 0;
}
	#pie p{
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align: center;
		color: #887B70;
	}
		#pie p a{
			text-decoration: none;
			color: #887B70;
		}
		#pie p a:hover{
			text-decoration: underline;
		}
/********************** </Pie> **********************/