@charset "utf-8";
/* CSS Document */

#para_IE6 {
	text-align: center;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	display: none;
}
* html #para_IE6 {
	text-align: center;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
}
* html #para_IE6 a{
	color: #FFF;
	text-decoration: underline;
}

body{
	background: url(imagenes/fondo.jpg) repeat-x;
	background-color: #333333;
	font-family: arial,helvetica,sans-serif;
}
p{
	margin: 3px 0px;
	padding: 0px;
}
#ruta{
	padding: 5px 0px 2px 5px;
	color: #C00012;
	font-size: 12px;
}
#ruta a{
	text-decoration: none;
	color: #C00012;
}
#ruta a:hover{
	text-decoration: underline;
}
#ruta2{
	height: 25px;
	background: url(imagenes/cabecera_listado.jpg) no-repeat;
	color: #FFFFFF;
	font-size: 12px;
	padding: 5px 5px 0px 30px;
	font-weight: bold;
}
#general{
	margin: 0 auto;
	width: 970px;
}
#logo{
	padding: 0px 0px 10px 20px;
	float: left;
}
#login{
	padding: 0px 10px 5px 0px;
	float: right;
	/*width: 40%;*/
	text-align: right;
	color: #F2001A;
	font-size: 20pt;
	font-weight: bold;
}
#login a{
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
#telefono{
	float: right;
	color: #C00012;
	font-weight: bold;
	font-size: 22px;
	padding-top: 5px;
}
#error{
	color: #FF0000;
	font-weight: bold;
	background-color: #FFCCCC;
	border: solid 1px #FF0000;
	padding: 5px;
	font-size: 16px;
	text-align: center;
	width: 923px;
	margin: 1px 0px;
}
#aviso{
	display: none;
	border: solid 1px #0000FF;
	background-color: #CCCCFF;
	color: #0000FF;
	/*
	color: #009900;
	background-color: #CCFFCC;
	border: solid 1px #009900;
	*/
	font-weight: bold;
	padding: 5px;
	font-size: 16px;
	text-align: center;
	width: 923px;
	margin: 1px 0px;
}

#principal_top{
	background: url(imagenes/fondo_blanco_r1_c1.png) no-repeat;
	height: 17px;
	width: 950px;
	text-align: right;
	padding: 8px 20px 0px 0px;
}
#principal_top a{
	color: #C00012;
	font-size: 11px;
	text-decoration: none;
}
#principal{
	background: url(imagenes/fondo_blanco_r2_c1.png) repeat-y;
	width: 938px;
	padding: 0px 16px;
}
#principal_bottom{
	background: url(imagenes/fondo_blanco_r4_c1.png) no-repeat;
	height: 31px;
	width: 970px;
}
#menu_principal ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	margin-left: 84px;		
}
#menu_principal ul li{
	/*background: url(imagenes/menu_divisor.jpg) left no-repeat;*/
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	text-transform: uppercase;
	color: #DADADA;
	position: relative;
	display: block;
	float: left;
	margin: 0px;
	height: 40px;
	width: 150px;
	z-index: 10;
}
#menu_principal .boton{
	/*border-right: solid 1px #CCCCCC;*/
	width: 150px;
}
div > #menu_principal .boton{
	/*width: 150px;*/
	/*border-right: solid 1px #CCCCCC;*/
}
#menu_principal{
	position: relative;
	float: left;
	/*background: url(imagenes/boton_gris.jpg) left center repeat-x;*/
	width: 935px;
	height: 43px;
	padding: 0px;
	padding-top: 3px;
	z-index: 10;
	cursor: pointer; /* para IE 6 */
}
#menu_principal ul li:hover {
	background: url(imagenes/boton_rojo.jpg) left center no-repeat;
	color: #FFFFFF;
	cursor: pointer;
}
#menu_principal .seleccionado {
	/*background: url(imagenes/boton_rojo.jpg) left center no-repeat;
	color: #FFFFFF;*/
}
#menu_principal ul li.bot_buscar{
	width: 185px;
	/*background: url(imagenes/boton_gris2.jpg) left center repeat-x;*/
}
#menu_principal ul li.bot_buscar:hover {
	/*background: url(imagenes/boton_rojo2.jpg) left center no-repeat;*/
}
#familias_top{
	width: 150px;
	height: 27px;
	background: url(imagenes/linea_separadora.png) bottom no-repeat;
}
#familias{
	width: 150px;
	float: left;
	background-color: #000000;
	color: #FFFFFF;
	/* para IE 6 */
}
#familias ul{
	padding: 0px;
	margin: 0px;
}
#familias ul li{
	cursor: pointer;
	/*text-transform: capitalize;*/
	padding: 0px 0px 5px 5px;
	/*padding-left: 5px;*/
	/*padding-top: 7px;*/
	/*width: 145px;*/
	/*height: 28px;*/
	background: url(imagenes/fondo_familias.png) repeat-x top;
	font-family: arial,sans-serif;
	font-size: 11px;
	/*color: #333333;*/
	display: block;
	border-bottom: dotted 1px #B0B0B0;
	max-height: 28px;
}
* html #familias ul li{
	background: #393939;
}
#familias ul > li{
	padding: 5px 0px 5px 5px;
}
#familias ul li:hover{
	cursor: pointer;
	/*background: url(imagenes/fondo_familias_negro.png) top repeat-x;*/
	background: #000000;
}
#familias .seleccionado{
	/*background: url(imagenes/fondo_familias_negro.png) bottom repeat-x;*/
	background: #000000;
}
#familias ul li .submenu {
	/*text-transform: capitalize;*/
	position: absolute;
	left: 145px; /* para IE 6 */
	top: 0px;
	width: 190px;
	/*height:101px;*/
	z-index: 1;
	background-color: #000000;
	/*background: #DDDDDD;*/
	border: dotted 1px #CCCCCC;
	display: none;
}
#familias ul li .submenu2 {
	position: absolute;
	left: 145px; /* para IE 6 */
	bottom: -1px;
	width: 190px;
	/*height:101px;*/
	z-index: 1;
	background-color: #000000;
	/*background: #DDDDDD;*/
	border: dotted 1px #CCCCCC;
	display: none;
}
#familias ul li > .submenu, #familias ul li > .submenu2 {
	left: 150px;
}
#familias ul li .submenu ul li {
	padding: 6px 0px 5px 5px; /* para IE 6 */
	/*padding: 5px 0px 5px 5px;*/
	/*display: block;*/
	/*border-bottom: dotted 1px #B0B0B0;*/
}
#familias ul li .submenu ul > li{
	padding: 5px 0px 5px 5px;
}
#columna_central{
	float: left;
	width: 600px;
}
#columna_central .titulo{
	padding: 5px 5px 5px 15px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: dotted 1px #CCCCCC;
}
#columna_central .volver{
	float:right;
	padding: 0px 10px;
	font-size: 12px;
}
#columna_central .volver a{
	text-decoration: none;
	color: #333333;
}
#columna_central .volver a:hover{
	text-decoration: underline;
	color: #999999;
}
#columna_central .seccion{
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
}
#columna_central .tit_seccion{
	padding: 10px;
	font-size: 12px;
	font-weight: bold;
	float: left;
}
#columna_central .tit_seccion a{
	text-decoration: none;
	color: #000000;
}
#columna_central .tit_seccion a:hover{
	text-decoration: underline;
	color: #333333;
}
#columna_central .texto{
	font-size: 12px;
	padding: 10px 20px;
	line-height: 20px;
	/*text-align: justify;*/
}
#columna_central .servicios{
	font-size: 12px;
	padding: 10px 20px;
	line-height: 15px;
	text-align: justify;
}
#columna_central .servicios a{
	text-decoration: none;
	color: #000000;
}
#columna_central .foto{
	margin-right: 10px;
	padding: 3px;
	border: solid 1px #CCCCCC;
}
#columna_central .columna{
	float: left;
	width: 33%;
	text-align: center;
}
#columna_central .columna a{
	text-decoration: none;
	color: #333333;
	font-weight: bold;
}
#destacados{
	float: left;
	display: inline;
	width: 287px; /* 287 */
	padding: 5px 4px 0px 4px;
}
div > #destacados{
	float: left;
	display: inline;
	width: 291px; /* 291 */
	padding: 5px 4px 0px 4px;
}
#destacados img{
	margin: 3px 5px 3px 1px;
}
#destacados .destacado{
	height: 90px;
	margin-bottom: 10px;
	background: url(imagenes/linea_separadora2.png) bottom repeat-x;
}
#destacados a{
	text-decoration: none;
	color: #666666;
}
#destacados a:hover{
	text-decoration: none;
	color: #999999;
}
.nombre_producto{
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}
.descripcion_producto{
	font-size: 11px;
	color: #000000;
}
.anyadir_cesta{
	font-size: 11px;
	color: #666666;
}
.precio{
	font-size: 13px;
	color: #C00012;
	font-weight: bold;
}
.precio_grande{
	font-size: 20px;
	color: #C00012;
	font-weight: bold;
}
.unidades{
	font-size: 13px;
	color: #666666;
	font-weight: bold;
}
#ofertas{
	float: left;
	display: inline;
	width: 287px; /* 287 */
	padding: 5px 4px 0px 4px;
}
div > #ofertas{
	float: left;
	display: inline;
	width: 291px; /* 291 */
	padding: 5px 4px 0px 4px;
}
#ofertas img{
	margin: 3px 5px 3px 1px;
}
#ofertas .oferta_up{
	background: url(imagenes/fondo_ofertas_up.jpg) no-repeat;
	height: 10px;
}
#ofertas .oferta{
	background: url(imagenes/fondo_ofertas_med.jpg) repeat-y;
	padding: 0px 10px;
	text-align: right;
	clear:both;
	/*height: 115px;*/
	/*position: relative;*/
}
#ofertas .oferta_dw{
	background: url(imagenes/fondo_ofertas_dw.jpg) no-repeat;
	height: 10px;
	/*padding-bottom: 10px;*/
	margin-bottom: 10px;
}
#ofertas a{
	text-decoration: none;
	color: #000000;
}
#ofertas a:hover{
	text-decoration: none;
	color: #666666;
}
.sello_oferta {
	background: url(imagenes/oferta.png) no-repeat;
	position: absolute;
	left: 92px;
	top: -17px;
	width: 79px;
	height: 78px;
	z-index: 11;
}
.sello_oferta_producto {
	background: url(imagenes/oferta.png) no-repeat;
	position: absolute;
	left: 513px;
	top: -45px;
	width: 79px;
	height: 78px;
	/*z-index: 11;*/
}
.sello_oferta_cesta {
	background: url(imagenes/oferta3.png) no-repeat right bottom;
	position: absolute;
	left: -3px;
	top: -3px;
	width: 40px;
	height: 40px;
	/*z-index: 11;*/
}
#columna_derecha{
	width: 185px;
	float: left;
}
#buscador{
	cursor: auto;
	/*background-color: #E5E5E5;*/
	background: url(imagenes/fondo_buscador.jpg);
	padding: 10px 0px 0px 0px;
	text-align: center;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	text-transform: none;
	/*border: dotted 1px #000000;*/
}
#form_buscador{
	padding: 0px 0px 5px 0px;
	margin: 0px;
}
#form_buscador input, #form_buscador select{
	font-size: 10px;
}
#form_buscador .boton_buscador{
	/*width: 50px;*/
}
#form_buscador .campo{
	width: 90px;
}
#form_buscador .select{
	width: 95px;
}
#form_buscador table tr td{
	padding-left: 8px;
	/*padding-right: 6px;*/
	text-align: left;
	height: 25px;
}
#top10{
	/*width: 185px;*/
}
#top10 ul{
	margin: 0px;
	padding: 0px 0px 5px 0px;
}
#top10 ul li{
	width: 170px;
	padding: 2px 0px 2px 15px;
	display: block;
	font-size: 12px;
	color: #333333;
	cursor: pointer;
	background: url(imagenes/mas.png) no-repeat 3px 7px;
	float: left;
	/*list-style-image: url(imagenes/mas.png);*/
}
#top10 ul .par{
	background-color: #D5D5D5;
}
#top10 ul .impar{
	background-color: #E5E5E5;
}
#top10 ul li:hover{
	color:#000000;
	background-color: #AAAAAA;
}
#noticias{
	/*width: 175px;*/
	background-color: #E5E5E5;
}
.noticias_cuerpo{
	font-size: 12px;
	padding: 5px 0px 5px 10px;
	background: url(imagenes/linea_separadora.png) bottom repeat-x;
	/*cursor: pointer;*/
}
.noticias_cuerpo:hover{
	background-color: #EEEEEE;
}
.mas_noticias{
	text-align: center;
	height: 10px;
	padding-top: 5px;
}
#banner{
	/*padding-left: 3px;*/
}
#pie1{
	line-height: 30px;
	width: 30%;
	float: left;
	color: #888888;
	font-size: 11px;
	padding-left: 3%;
	text-align: left;
}
#pie1 a{
	text-decoration: none;
	color: #888888;
}
#pie1 a:hover{
	color: #CCCCCC;
	text-decoration: underline;
}
#pie2{
	width: 32%;
	float: left;
	color: #888888;
	font-size: 11px;
	text-align: center;
}
#pie3{
	line-height: 30px;
	width: 20%;
	float: right;
	color: #888888;
	font-size: 11px;
	padding-right: 3%;
	text-align: right;
}
#pie1 a, #pie2 a, #pie3 a {
	color: #888888;
	text-decoration: none;
}
#cuerpo{
	float: left;
	width: 779px;
	padding-left: 5px;
}
#producto{
	padding: 15px 5px 5px 0px;
}
#imagen{
	margin: 2px 10px 2px 15px;
	float: left;
	width: 150px;
}
#descripcion_global{
	width: 405px;
	float: left;
}
#descripcion{
	position: relative;
	float: left;
	/*height: 114px;*/
	width: 580px;
	background: url(imagenes/fondo_descripcion_middle2.png) repeat-y;
	padding: 0px 10px;
}
#descripcion a{
	text-decoration: none;
	color: #000000;
}
#descripcion a:hover{
	text-decoration: underline;
}
#top_descripcion{
	position: relative;
	float: left;
	width: 600px;
	background: url(imagenes/fondo_descripcion_top2.png) no-repeat;
	height: 17px;
}
#bottom_descripcion{
	position: relative;
	float: left;
	width: 600px;
	background: url(imagenes/fondo_descripcion_bottom2.png) no-repeat;
	height: 17px;
	padding-bottom: 30px;
}
#listado_productos{
	width: 784px;
}
.tabla_precios{
	font-size: 12px;
}
.tabla_precios th{
	padding: 3px;
	border-right: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	color: #FFFFFF;
	background: #3E3E3E;
}
.tabla_precios th a{
	color: #FFFFFF;
	text-decoration: none;
}
.tabla_precios td{
	padding: 3px;
	border-right: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	color: #000000;
	cursor: pointer; /* para EI 6 */
}
.tabla_precios .tr_par{
	background-color: #D6D6D6;
}
.tabla_precios .tr_impar{
	background-color: #CCCCCC;
}
.tabla_precios .tr_par:hover, .tabla_precios .tr_impar:hover{
	background-color: #ADADAD;
	cursor: pointer;
}
.tabla_precios .primera_columna{
	text-align: left;
	padding-left: 10px;
	background-color: #D6D6D6;
}
.tabla_precios .primera_columna:hover{
	background-color: #ADADAD;
	cursor: pointer;
}
.tabla_precios .precio_tabla{
	color: #C00012;
	font-weight: bold;
	text-align: right;
	padding-right: 5px;
}
.tabla_precios .seleccionado .primera_columna{
	background-color: #ADADAD;
}
.tabla_precios .seleccionado{
	background-color: #ADADAD;
}
#paginacion{
	color: #000000;
	font-size: 10pt;
	text-align: right;
	/*font-weight: bold;*/
	padding: 5px 15px 5px 5px;
	/*width: 579px;*/
}
#paginacion a{
	color: #333333;
	text-decoration: none;
	font-weight: normal;
}
#paginacion a:hover{
	color: #333333;
	text-decoration: underline;
	font-weight: normal;
}
.separador{
	clear: both;
	width: 100%;
	height: 15px;
	background: url(imagenes/linea_separadora.png) repeat-x bottom;
}
#contacto{
	padding: 20px;
	font-size: 12px;
}
#contacto p{
	margin: 8px 0px;
}
#contacto table{
	font-size: 11px;
	width: 400px;
}
#contacto table input{
	font-size: 11px;
}
#contacto table select{
	font-size: 11px;
}
#contacto table tr td{
	padding: 5px 10px;
}
#contacto table tr td table tr td{
	padding: 0px;
}
#contacto table tr td .input{
	width: 100%;
}
#contacto table tr td select{
	width: 101%;
}
#contacto table tr td textarea{
	width: 100%;
	height: 40px;
}
#contacto table tr td .boton{
	width: 40px;
}
#contacto table tr .primera_columna{
	width: 30%;
	text-align: right;
}
#contacto table tr .segunda_columna{
	text-align: left;
	width: 70%
}
#contacto .formulario{
	border: solid 1px #CCCCCC;
	padding: 20px;
}
.tus_pedidos{
	width: 96%;
	margin: 5px 2%;;
	border: solid 1px #CCCCCC;
}
.tus_pedidos tr th{
	font-weight: bold;
	background: #DDDDDD;
	padding: 3px;
	border-bottom: solid 1px #CCCCCC;
	font-size: 14px;
	color: #333333;
}
.tus_pedidos tr td{
	padding: 3px;
	border-bottom: solid 1px #CCCCCC;
	font-size: 14px;
	color: #333333;
}
.tus_pedidos .impar{
	background: #FFFFFF;
}
.tus_pedidos .par{
	background: #EEEEEE;
}
.tus_pedidos tr td a{
	text-decoration: none;
	color: #333333;
}
.tus_pedidos tr td a:hover{
	text-decoration: underline;
}
.volver{
	text-align: right;
}
.volver a{
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
#cesta{
	font-size: 13px;
	background-color: #FFFFFF;
	color: #333333;
	width: 300px;
	float: right;
	font-weight: normal;
	cursor: pointer;
}
#cesta .imagen{
	float: left;
	width: 70px;
}
#cesta .tabla{
	/*padding: 5px;*/
	float: right;
	text-align: center;
	width: 200px;
}
#cesta .tabla div{
	padding: 3px 0px;
	border: solid 1px #cccccc;
}
#zona_pedidos{
	background-color: #E5E5E5;
	padding: 0px;
	text-align: center;
	font-size: 12px;
	color: #333333;
	padding-bottom: 5px;
}
#zona_pedidos div{
	padding: 3px;
	cursor: pointer;
	border-bottom: dotted 1px #999999;
}
#zona_pedidos div:hover{
	background-color: #CCCCCC;
}
#formularios_servicios{
	margin: 15px;
	padding: 10px;
	border: solid 1px #CCCCCC;
	font-size: 14px;
}
#formularios_servicios .campo{
	width: 100%;
}
*:first-child+html #formularios_servicios .campo{
	width: 99%;
}
#formularios_servicios table{
	font-size: 11px;
	width: 100%;
}
.titulo_formulario{
	text-align: center;
	width: 530px;
	padding: 4px 9px;
	background: #CCCCCC;
	font-weight: bold;
	margin-bottom: 10px;
}
#fin_pedido{
	padding: 15px;
	font-size: 14px;
	color: #333333;
	margin: 20px;
	border: solid 1px #cccccc;
}

.condiciones p{
	font-size: 11px;
	text-align: justify;
	margin: 10px 0px
}