html,body {
  	/*
   min-height:100%;
   height:		auto !important;
   */
/* necesario para las sub-alturas */
}

* {
	margin:0;
	padding:0;
}

html {
}

body {
	margin:0;
	padding:0;
	overflow-x: hidden;
	/* Para evitar el feo scroll horizontal de explorer 7 */
	background-attachment: fixed;
	background-color: #FFFFFF;
	background-image: url(../images/fondo.jpg);
	background-repeat:repeat-y;
	background-position: center;
}

body, div, p {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family:Georgia, "Times New Roman", Times, serif;
   font-size:14px;
   font-weight:normal;
   color:#666;
}

p {
	margin-bottom:15px;
	text-align:justify;
}


a {
    color:#f17d00;
	text-decoration:none;
}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	font-weight:normal;
	color:#f17d00;
	margin-bottom:5px;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	color:#f17d00;
	margin-bottom:5px;
}

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
	color:#f17d00;
	margin-bottom:5px;
}


#layout {
	position:relative;
	
	height:	auto !important;
	min-height: 100%;
	height:	100%;
	
/* necesario para el posicionamiento */
	margin:0 auto;
/* lo centramos, aunque no funciona para explorer 5 */
	width:820px;
	/*height:auto !important;*/
/* para los navegadores de verdad */
	/*height:100%;*/
/* Para que explorer lo interprete como alto mínimo */
	/*min-height:100%;*/
/* para los navegadores de verdad  */
	background:#fff;
	padding: 0 70px 0 70px;
	overflow:		hidden;
}

#contenedor_idioma {
	height:100%;
}

#idioma {
	width: 255px;
	height:340px;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -127px; 
	/* Half the width of the DIV tag which is 127 pixels */
	margin-top: -160px; 
	/* Half the height of the DIV tag which is also 160 pixels */

}

#menu_idiomas {
}

#menu_idiomas ul {
	list-style: none;
	padding: 0;
	margin: 0;
	
}

#menu_idiomas li {
	float: left;
	margin: 0;
}

#cabecera {
   color: #fff;
   text-align:center;
   margin-bottom:0px;
}

#cabecera #logo {
}

img{
	border:0;
}

#menu {
	margin-top: 25px;
	overflow: hidden;
	height: 25px;
}

#menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu li {
	float: left;
	/*margin: 0;
	width: 106px; */
	margin-right:35px;
	position: relative;
	overflow:visible;
}

#menu li a:hover {
	color: #ac462b;
}

.ultimo_menu {
	margin:0 !important;
}

#menu li a {
	font-size:20px;
	text-decoration:none;
}
#menu #largo {
	width: 150px !important; 
}

#contenido {
   padding-bottom: 50px;
/* Este padding debe ser igual a la altura del footer */
   margin-left: 0px;
   margin-top: 0px;
   overflow: hidden;
/* 150px del ancho del lateral
    más 20px del padding del mismo */
/*   background: #eeeAA0; */
}

#slide_flash {
	margin-bottom:15px;
	height:300px;
	overflow:hidden;
	width:820px;
}

#pie {
   position:relative;
   width:100%;
/* 750px del ancho del layout menos 20px del padding */
   height: 30px;
   color: #fff;
   bottom:0;
/* lo encajamos al fondo de todo */
}

#pie p {
	text-align:right;
	font-size:13px;
}

.pie_compra {
	clear:both;
	display:block;
	padding-top:30px;
	
}

.pie_compra p {
	font-size:13px;
	font-style:italic;
	margin-bottom:5px;
	
}

/* ******************* VARIEDADES ********************* */

#divVariedades {
	height:auto;
	width:100%;
	padding:	3px;
}

.cajaFlotanteVariedades{
/*	border:1px solid #5B958F; */
	margin-right: 128px;
}

.tipo {
	margin-bottom: 	20px;
	float: 				left;
	display: 			block; 
	width:				108px;
	text-decoration: 	none;
	text-transform: 	uppercase;
	height:				130px;
}

.tipo img {
	margin-bottom: 		5px;
}

.tipo:hover img {
	/*outline:			3px solid orange;*/
	opacity:			.5;
}
 
.cajaFlotanteVariedades p {
   text-align: center;
}
.margenHorizontal {
	clear: both;
	position:relative;
}


/* ******************* CONTACTO ********************* */

#divContacto {
	height:auto;
	width:100%;
}

.cajaFlotanteContacto{
/*	border:1px solid #5B958F; */
	margin-right: 18px;
}

.tipoContacto {
	margin-bottom:18px;
	float:left;
	display:block; 
	width:75px;
	height:66px;
}

.tipoContacto img {
	
}

.tipoContacto:hover img {
	/*outline:			3px solid orange;*/
	opacity:.5;
}

/* ******************* TE INVITAMOS ********************* */

#divInvitamos {
	padding:		2px 0 0 2px; 	
}

.cajaFlotanteInvitamos {	
	float:			left !important;
	display:			block !important;
	margin-bottom:			15px;
	margin-right:		15px;
}

.cajaFlotanteInvitamos a {
	cursor:pointer;	
}


.cajaFlotanteInvitamos:hover img {
	outline:2px solid #f17d00;
}


/* ******************* PEDIDOS ********************* */
.ayuda {
	color:#666666;
}

form li {
	margin-bottom:5px;
}

ul li {
	margin-left:0px;
	list-style-type:none;
}
.columna_izq {
	float:left;
	display:inline;
	position:relative;
}


.form_botones {
   font-family: Arial, Helvetica, sans-serif;
   font-size:12px;
	position:relative;
	cursor:pointer;
	color:#FFFFFF;
	border: 1px solid #f17d00;
	background-color:#f17d00;
	float: right;
	text-align:center;
	margin: 0 2px;
}

.height_test {
	height:24px;
}

.disable_options {
	color:#bbb;
}

.enable_options {
	color:#f17d00;
}


body.doPedido #pie {
	display: 		none;
}

/* Carrito */
#pasos {
	width: 823px;
	height: 54px;
	overflow: hidden;
	background: transparent url(../images/fondopasos.png) no-repeat 0 0;
	margin-bottom: 30px;
	margin-left: -2px;
	color: #999999;	
}

#pasos li {
	float: left;
	padding: 15px 22px 0px 13px;
	height: 35px;
	font-size: 15px;
	background: transparent url(../images/muescapasos.png) no-repeat right 1px;
}
#pasos li.last { background: none;}
#pasos li a { color: #999999;}
#pasos li a:hover, #pasos li.sel a { color: #505050;}

#carrito {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 230px;
	text-align: left;
	background-color: #ece9e6;
	font-size: 13px;
	border: 0;
}
#carrito h2 {
	background: white url(../images/fondoh2carrito.jpg) no-repeat right top;
	color: white;
	height: 32px;
	font-size: 18px;
	text-align: center;
	padding-top: 10px;
	margin: 0px;
}

#carrito .item, #carrito .descuento, #carrito .total {
	position: relative;
	padding: 10px 10px;
	border-bottom: 1px solid #d8d5d2;
	border-left: 1px solid #d8d5d2;
	border-right: 1px solid #d8d5d2;
}

#carrito .precio {
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-size: 16px;
	color:#ac462b;
}
#carrito .descuento {
	background: #d4d1cf;
}
#carrito .descuento .precio {
	color: #ee4416;
}
#carrito .total {
	background: transparent url(../images/fondototal.png) no-repeat right bottom;
	padding-bottom: 20px;
	border-bottom: 0px;
}

#carrito .total .precio {
	font-size: 18px;
	bottom: 20px;
}

.contador {
	position: relative;
	width: 36px;
	margin-top: 5px;
	border: 1px solid #cfd0cf;
}

.contador .cantidad {
	background: #e3e4e3;
	height: 19px;
	text-align: center;
	display: block;
	padding-top: 1px;
	width: 25px;
}

.flechas {
	position: absolute;
	width: 11px;
	height: 10px;
	right: 0px;
	top: 0px;
}

.flechas .flechaup {
	background: transparent url(../images/carritoflechaup.jpg) no-repeat right top;
	float: left;
	width: 11px;
	height: 10px;
}

.flechas .flechadown {
	background: transparent url(../images/carritoflechadown.jpg) no-repeat right top;
	float: left;
	width: 11px;
	height: 10px;
}

.basura {
	position: absolute;
	bottom: 14px;
	left: 55px;
}

.descuento .basura {
	bottom: 10px;
	left: 50px;
}

#carrito .help {
	border-left: 1px solid #d8d5d2;
	border-right: 1px solid #d8d5d2;
	border-bottom: 1px solid #d8d5d2;
	padding-bottom: 30px;
	padding-top: 8px;
	text-align: center;
	font-size: 14px;
	color: #8d8a87;
}

#promocode {
	display: block;
	height: 50px;
	color: #63615e;
}
#codigo {
	width: 138px;
	height: 32px;
	border: 0px;
	float: left;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	background: transparent url(../images/fondobotonusar.png) no-repeat right top;
	margin-left: 7px;
	margin-top: 7px;
}
#usarcodigo {
	width: 63px;
	height: 26px;
	padding-top: 8px;
	display: block;
	margin: 0px auto;
	color: white;
	float: left;
	font-size: 18px;
	margin-top: 7px;
	background: transparent url(../images/botonusar.png) no-repeat right top;
}

#usarcodigo:hover {
	background: transparent url(../images/botonusaron.png) no-repeat right top;
}


#realizarpedido {
	width: 172px;
	height: 26px;
	padding-top: 8px;
	display: block;
	margin: 0px auto;
	color: white;
	font-size: 18px;
	background: transparent url(../images/botonrealizar.png) no-repeat right top;
}

#realizarpedido:hover {
	background: transparent url(../images/botonrealizarhover.png) no-repeat right top;
}

.floritura {
	display: block;
	margin: 15px auto;
}

#carrito .help .telf {
	font-size: 16px;
	color: #63615e;
}

/* Productos */
#listadocategoria {
	width: 564px;
	overflow: hidden;
	height: 110px;
}
#listadocategoria li {
	float: left;
	width: 110px;
	height: 110px;
}
#listadocategoria li a {
	display: block;
	width: 110px;
	padding-top: 82px;
	height: 23px;
	text-align: center;
	font-size: 16px;
	color: #F17D00;
}
#listadocategoria li a:hover, #listadocategoria li.sel a {
	color: #ac462b;
}
#listadocategoria #categoria1 { background: transparent url(../images/categoria1.jpg) no-repeat center top; }
#listadocategoria #categoria2 { background: transparent url(../images/categoria2.jpg) no-repeat center top; }
#listadocategoria #categoria3 { background: transparent url(../images/categoria3.jpg) no-repeat center top; }
#listadocategoria #categoria4 { background: transparent url(../images/categoria4.jpg) no-repeat center top; }
#listadocategoria #categoria5 { background: transparent url(../images/categoria5.jpg) no-repeat center top; }

.listadoproductos {
	display: none;	
}

.productoitem h3 {
	background: transparent url(../images/fondoproducto.png) no-repeat left top;
	display: block;
	width:545px;
	height: 24px;
	font-size: 16px;
	color: #ac462b;
	padding-top:8px;
	padding-left: 20px;
	margin: 0px;
	margin-bottom: 8px;
}
.productovariacion {
	background: transparent url(../images/fondovariacion.png) no-repeat left top;	
	display: block;
	width:545px;
	height: 30px;
	font-size: 16px;
	color: #ac462b;
	padding:1px 0;
	margin: 0px;
	margin-left: 20px;
	margin-bottom: 8px;
}
h2.promocion {
	background: transparent url(../images/fondopromocion.png) no-repeat left top;
	cursor: pointer;
	display: block;
	width:546px;
	height: 26px;
	font-size: 18px;
	color: white;
	padding-top: 8px;
	padding-left: 20px;
	margin: 0px;
	margin-bottom: 8px;	
	margin-top: 10px;
}
#separador {
	margin: 5px 0 10px 0;
}
.celda {
	height: 24px;
	padding-top: 6px;
	float: left;
	font-size: 15px;
	border-right: 1px solid #d9d9d9;
}
.celda1 { width: 24px; padding-left: 5px; text-align: center; padding-top: 8px; height: 22px;}
.celda2 { width: 200px; padding-left: 10px;}
.celda3 { width: 77px; text-align: center;}
.celda4 { width: 65px; padding-left: 10px; border:0;}
.celda5 { width: 30px; text-align: center; font-size: 17px; padding-top: 4px;}
.celda6 { width: 18px; text-align: center; position: relative; }
.celda6 .flechas {
	position: absolute;
	width: 18px;
	height: 30px;
	right: 0px;
	top: 0px;
}

.celda6 .flechas .flechaup {
	background: transparent url(../images/variacionflechaup.png) no-repeat right top;
	float: left;
	width: 18px;
	height: 15px;
}

.celda6 .flechas .flechadown {
	background: transparent url(../images/variacionflechadown.png) no-repeat right top;
	float: left;
	width: 18px;
	height: 14px;
	border-top: 1px solid #d9d9d9;;
}

.celda7 { width: 99px; border:0px; padding:0px; height: 32px; margin-top: -1px;}

.productovariacion.nodisponible .celda4,
.productovariacion.nodisponible .celda5,
.productovariacion.nodisponible .celda6,
.productovariacion.nodisponible .celda7 {
	border-right: 0px;
}
.botonanadir {
	width: 99px;
	height: 32px;
	display: block;
	padding-top: 8px;
	margin: 0px auto;
	color: white;
	font-size: 18px;
	text-align: center;
	background: transparent url(../images/botonanadir.png) no-repeat right top;
}

.botonanadir:hover {
	background: transparent url(../images/botonanadirhover.png) no-repeat right top;
}

/* Paso 2 */
#tab2 h2, #tab3 h2, #tab4 h2 {
	color: #ac462b;
	font-size: 20px;
}
.mediaright {
	float: right;
	width: 375px;
	padding-left: 33px;
	border-left: 1px solid #d9d9d9;
}
.medialeft {
	width: 375px;
}
.medialeftbig {
	width: 515px;
}
.borded {
	width: 375px;
	padding-right: 33px;
	border-right: 1px solid #d9d9d9;
}
label {
	font-size: 16px;
	color: #ac462b;
	margin-bottom: 5px;
	width: 300px;
}
label.error {
	display: block;
	font-size: 13px;
	margin-bottom: 10px;
}
input {
	width: 367px;
	border: 1px solid #d9d9d9;
	height: 22px;
	padding: 3px;
	background: #f9f9f9;
	color: black;
	margin-bottom: 10px;
	margin-top: 2px;
	font-family: "Georgia";
}
select {
	width: 367px;
	border: 1px solid #d9d9d9;
	height: 22px;
	padding: 3px;
	background: #f9f9f9;
	color: black;
	margin-bottom: 10px;
	margin-top: 2px;
	font-family: "Georgia";
}
input.cuenta {
	width: 347px;
	border: 1px solid #d9d9d9;
	height: 22px;
	padding: 3px;
	background: #f9f9f9;
	color: black;
	margin-bottom: 10px;
	margin-top: 2px;
	font-family: "Georgia";
}
input#fecha_entrega {
	width: 330px;
}
#calendario { float: right;
	margin-top: 22px;
}
#caja_regalo_destinatario {
	width: 347px;
}
textarea {
	width: 347px;	
	height: 84px;
	border: 1px solid #d9d9d9;
	background: #f9f9f9;
	color: black;
	padding: 3px;
	margin-bottom: 10px;
	margin-top: 2px;
	font-family: "Georgia";	
}
input[type=checkbox] {
	width: 15px;
	height: 15px;
}
input[type=radio] {
	width: 15px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	margin-left:1px;
}
.botongenerico {
	width: 130px;
	height: 24px;
	display: block;
	padding-top: 8px;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	color: white;
	font-size: 18px;
	text-align: center;
	background: transparent url(../images/botongenerico.png) no-repeat right top;
}

.botongenerico:hover {
	background: transparent url(../images/botongenericoon.png) no-repeat right top;	
}
#tab3 .mediaright {
	height: 587px;
	position: relative;
}
#tab3 .mediaright  #botoncontinuar {
	position: absolute;
	bottom: 0px;
	right: 0px;
}
.ayuda {
	height: 24px;
	padding-top: 8px;
	padding-left: 40px;
	position: relative;
	background: transparent url(../images/fondoayuda.png) no-repeat right top;	
	font-style: italic;			
}

.ayudaico {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 30px;
	height: 32px;
	float: left;
	background: white url(../images/iconoayuda.png) no-repeat left top;	
}

.granate { color: #ac462b;}
.rojo { color: #cc0a0a;}
#tab4 h2.white { color: white; } 
.margin20left {
	margin-left: 20px;
}

#tab4 h3 {
	color: #ac462b;
	font-size: 18px;
	font-weight: normal;
}


@media print {
	#cabecera, #pasos, #comprar-texto, #pie { display: none;}
	#carrito { float: none; width: 500px; margin-bottom: 30px;}
	#carrito h2 { border: 1px solid #D8D5D2; }
}