/* Global reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

/* Estilos generales */
body { background:url(img/fondo.gif) repeat-x top; color:#444; font: 14px Arial, Helvetica, sans-serif; }
h1 { position:absolute; top:-9999px; }
/*h2.slogan { background:url(img/slogan.gif) no-repeat 100% 30%; float:right; height:140px; margin:85px 20px 0 0; text-indent:-9999px; width:500px; }*/
h2.slogan { float:right; height:15px; margin:0 20px 0 0; padding-top: 70px; text-indent:-9999px; width:500px; }
div.flash{
	float:right;
	height:130px;
	width: 416px;
	padding: 18px 0 0 84px
}
h2 { color:#f6b01a; font-size:22px; }
h3 { color:#996600; font-size:16px; font-weight:normal; }
a { text-decoration:none; }
.msgOK { background-color: #66CC00; border:1px solid #669900; clear:both; color:#FFF; display:block; font-style:normal; font-weight:bold; margin:10px auto; padding:10px; text-align:center; width:95% !important; }
.msgKO { background-color:#F00; border:1px solid #C00; clear:both; color:#FFF; display:block; font-style:normal; font-weight:bold; margin:10px auto; padding:10px; text-align:center; width:95% !important; }
.msgOK a,
.msgKO a { color:#FFF; text-decoration:underline; }
.menu { background-color:#CCC; clear:both; float:right; font-size:16px; letter-spacing:-0.05em; padding:3px; width:620px; }	
.menu li { float:left; margin-right:15px; }
.menu li a { color:#444; float:left; padding:7px 15px; }
.menu li a:hover,
.menu li a.actual { background-color:#444; color:#Fc0; }
.menu li a strong { font-size:16px; }

/* Layout */
.container { background:url(img/header_cafe.jpg) no-repeat; margin:0 auto; overflow:hidden; padding-left:50px; width:900px; position:relative; }
.header { float:left; margin:0 0 60px 0; width:100%; }
.content { clear:both; }
.footer { background-color:#444; clear:both; margin-top:20px; padding:10px 0; }
.footer p { color:#dcd3c1; margin:0 auto; text-align:right; width:950px; }
.footer p a { color:#dcd3c1; margin:0 10px; }
.footer p a:hover { text-decoration:underline; }

/* header */
.atencionCliente { background:url(img/header_telefono.gif) no-repeat; color:#CCC; float:right; height:74px; letter-spacing:-0.05em; padding-top:5px; position:absolute; right:0; text-align:center; top:0; width:199px;}
.atencionCliente strong { color:#FC0; display:block; font-size:24px; margin:3px 0 0 35px; }
.userOptions { font-size:12px; position:absolute; right:220px; top:33px; }
.userOptions a { color:#dcd3c1; float:right; margin-left:20px; padding:3px 0 5px 25px; text-decoration:underline; }
.userOptions a:hover { text-decoration:none; }
.userOptions a.login { background:url(img/header_clientes.gif) no-repeat; }
.userOptions a.logout { background:url(img/header_salir.gif) no-repeat 2px 2px; }
.userOptions a.carrito { background:url(img/header_carrito.gif) no-repeat; }
.userOptions em { background:url(img/header_tarjetas.gif) no-repeat; float:right; height:20px; text-indent:-9999px; width:104px; }

/* Home */
.home { background:url(img/home_fondo.jpg) no-repeat; float:left; padding-top:275px; position:relative; width:100%; }
.home h3 { color:#444; font-size:21px; }
.home p { height:80px; }
.home a { background:url(img/home_botones.jpg) no-repeat; color:#FFF; display:block; font-size:14px; font-weight:bold; height:51px; line-height:16px; letter-spacing:-0.05em; margin:20px auto; padding-top:8px; width:197px; }
.home .hPlata { float:left; width:45%; }
.home .hPlata h3 strong { color:#999; }
.home .hPlata a { padding-right:15px; text-align:right; }
.home .hCrema { float:right; width:45%; } 
.home .hCrema h3 strong { color:#996600; }
.home .hCrema a { background-position:right top; color:#663300; padding-left:15px; }
.home p.precio { color:#000; left:215px; position:absolute; top:128px; text-align:center; width:115px; }
.home p.precio strong { color:#000; display:block; font-size:24px; font-weight:normal; }
.home p.precio strong em { color:#F6B01A; font-style:normal; }
.home .hCrema p.precio { left:658px;}
.home .hDescafeinado { background: url(img/home_descafeinado.png) no-repeat center top; clear:both; margin:10px auto; padding-top:260px; position:relative; width:54%; }
.home .hDescafeinado h3 strong { color:#000; }
.home .hDescafeinado p { height:45px; width:360px; }
.home .hDescafeinado p.precio { height:auto; width:115px; }
.home .hDescafeinado a { padding-right:16px; text-align:right; }

/* Ficha de productos */
.productos { margin-left:50px; }
.productos h2 { clear:left; margin-bottom:15px; }
.productos img { float:right; margin:5px 25px 0 0; }
.productos p { margin:0 0 20px 20px; width:465px; }
.productos p strong { color:#f6b01a; }
.productos form { float:left; width:485px; }
.productos form fieldset { background-color:#faefd4; padding:15px 0 10px 10px; }
.productos form fieldset.totales { margin-bottom:15px; padding-top:0; }
.productos form label { clear:both; float:left; margin-bottom:5px; width:100%;}
.productos form label strong { color:#996600; float:left; width:140px; }
.productos form label input { border:1px solid #4c3416; float:left; margin:0 5px 0 5px; width:100px; }
.productos form label em { color:#996600; float:left; font-style:normal; }
.productos form label em span { color:#444; }
.productos form label em.total { color:#444; text-align:right; float:right; margin-right:10px; }
.productos form .totales em { color:#996600; float:left; font-size:16px; font-style:normal; }
.productos form .totales em span { color:#444; }
.productos form .totales em.total { float:right; margin-right:10px; }

.productos form a.volver { background:url(img/boton_volver.gif) no-repeat; float:right; height:66px; margin:0 10px; text-indent:-9999px; width:110px; }
.productos form a.verCarrito { color:#630; float:right; margin-top:10px; text-decoration:underline; }
.productos form button { background:url(img/boton_comprar.gif) no-repeat; border:none; cursor:pointer; float:right; height:66px; text-indent:-9999px; width:110px; }

/* Ver carrito */
.compraPasos { float:left; margin:20px 0; padding-left:140px; width:700px; }
.compraPasos li { background:url(img/pasos-largo.gif) no-repeat left bottom; color:#787774; float:left; font-size:20px; height:75px; letter-spacing:-0.05em; margin-right:15px; width:147px; }
.compraPasos li strong { float:left; font-size:60px; margin:0 5px 0 10px; }
.compraPasos li em { float:left; font-style:normal; line-height:18px; padding-top:22px; width:90px }
.compraPasos li.actual { background-position:left top; color:#FFF; }
.compraPasos li.fin { background-image:url(img/pasos-corto.gif); text-align:center; width:108px; }
.compraPasos li.fin em { width:100%; }

.carrito form.verCarrito { border-top:1px dashed #666; clear:both; margin:0 auto; width:800px; }
.carrito .verCarrito fieldset { border-bottom:1px dashed #666; padding:35px 0 35px 225px; }
.carrito .verCarrito fieldset.producto_1 { background:url(img/carrito_plata.jpg) no-repeat left center; }
.carrito .verCarrito fieldset.producto_2 { background:url(img/carrito_crema.jpg) no-repeat left center; }
.carrito .verCarrito fieldset.producto_3 { background:url(img/carrito_descafeinado.jpg) no-repeat left center; }
.carrito .verCarrito fieldset.lugarEnvio { background:#dfdfdf; padding:10px; }
.carrito .verCarrito fieldset.lugarEnvio label { font-weight:bold; padding-right:10px; text-align:right; width:66%; }
.carrito .verCarrito  div { background-color:#faefd4; border:1px solid #f7e4b8; float:left; padding:10px; width:400px;  }
.carrito .verCarrito label { clear:both; float:left; margin-bottom:5px; width:100%;}
.carrito .verCarrito fieldset.producto_3 label.l1,
.carrito .verCarrito fieldset.producto_3 label.l2 { visibility:hidden; }
.carrito .verCarrito label strong { color:#996600; float:left; width:140px; }
.carrito .verCarrito label input { border:1px solid #4c3416; float:left; margin:0 5px 0 5px; width:100px; }
.carrito .verCarrito label em { color:#996600; float:left; font-style:normal; }
.carrito .verCarrito label em span { color:#444; }
.carrito .verCarrito label em.total { color:#444; text-align:right; float:right;  }
.carrito .verCarrito p.total { color:#996600; font-size:16px; text-align:right; }
.carrito .verCarrito p.total em { color:#444; font-style:normal; }
.carrito .verCarrito  .borrar { background:url(img/boton_borrar.gif) no-repeat; float:left; height:36px; margin:35px 0 0 25px; text-indent:-9999px; width:87px;  }
.carrito .verCarrito  .totales { color:#996600; float:left; font-size:16px; padding:10px 0 0 0; text-align:right; width:92%; }
.carrito .verCarrito  .totales span { color:#444; }
.carrito .verCarrito  .totales strong { float: left; font-weight:normal; text-align:right; width:535px; }
.carrito .verCarrito  .totales em { color:#444; float:right; padding-right:100px; width:100px; }
.carrito .verCarrito  .totales.envio em { padding-right:0; }
.carrito .verCarrito  .totales a { color:#960; float:right; font-size:12px; padding-top:3px; text-align:center; text-decoration:underline; width:100px; }
.carrito .verCarrito  .total_total { border-bottom:1px dashed #666; font-size:20px; font-weight:bold; margin-bottom:10px; padding:10px 155px 10px 0; }
.carrito .verCarrito  button { background: url(img/boton_comprar.gif) no-repeat; border:none; cursor:pointer; float:right; height:66px; text-indent:-9999px; width:110px; }
.carrito .verCarrito  button.recalcular { background-image:url(img/boton_recalcular.gif); margin:0 10px; }
.carrito .verCarrito  .volver { background: url(img/boton_seguir.gif) no-repeat; float:right; height:66px; text-indent:-9999px; width:170px; }

/* Formulario de ingreso de datos para el pago */
.carrito .formPago { border:none; clear:both; float:left; width:800px;}
.formPago fieldset { background-color:#e5e5e5; border:none; clear:both; margin:10px 0; padding:5px 15px 15px 115px; }
.formPago fieldset h3 { color:#444; font-size:21px; font-weight:bold; }
.carrito .formPago label { color:#444; float:left; margin:10px 10px 10px 0; width:269px; }
.formPago select,
.formPago label input,
.formPago label textarea { border:1px solid #cfcfcf; border-top-width:2px; display:block; padding:2px; width:100%;}
.formPago label.direccion { width:547px; }
.formPago label.cp { width:219px; }
.formPago .poblacion { float:left; width:319px; }
.formPago .poblacion label { margin-bottom:0;}
.formPago .poblacion select { clear:both; width:319px; }
.formPago label.telefono { clear:left; width:219px; }
.formPago label.email { width:319px; }
.formPago label.comentarios { position:relative; width:549px; }
.formPago label.comentarios input { border:none; display:inline; width:auto; }
.formPago .radios strong,
.formPago p.importe strong { float:left; width:155px; }
.formPago p.importe { margin:10px 0; }
.formPago .radios label { color:#666; float:right; margin:0 0 5px 0; width:510px; }
.formPago .radios label input { display:inline; width:auto; }
.formPago a.volver { background: url(img/boton_regresar.gif) no-repeat left center; float:left; height:36px; margin:0 15px 0 290px; text-indent:-9999px; width:120px; }
.formPago button { background: url(img/boton_continuar.gif) no-repeat left center; border:none; cursor:pointer; float:left; height:36px; text-indent:-9999px; width:138px; }
.formPago .ayuda { color:#999; font-size:12px; }
.formPago .aclaracion { line-height:20px; margin:10px 0; }
.formPago .aclaracion a { color:#222; text-decoration:underline; }

#login.formPago button { background: url(img/boton_entrar.gif) no-repeat left center; border:none; clear:left; cursor:pointer; float:left; margin-top:5px; height:36px; text-indent:-9999px; width:110px; }
#login.formPago button.enviar{ background: url(img/contrasenya.gif) no-repeat left center; padding:12px 0px; text-align:center; margin-right:50px; width:158px;}
#login.formPago a { color:#663300; float:left; margin:14px 0 0 10px; text-decoration:underline; }

#recuperar.formPago label input { width:500px; }
#recuperar.formPago button { background: transparent url(img/boton_continuar.gif) no-repeat left center border:none; clear:left; cursor:pointer; float:left; margin-top:5px; height:36px; text-indent:-9999px; width:138px; }
#recuperar.formPago a { color:#663300; float:left; margin:14px 0 0 10px; text-decoration:underline; }

#login.formPago p.opciones{ margin:17px 0; width:70%; float:left; clear:left; display:block; }
#login.formPago p.opciones a{ padding:0 10px;  }

.paso2 { background-color:#e5e5e5; border:none; clear:both; float:left;margin:10px 0; padding:10px 15px 15px 115px; width:800px; }
.paso2 h3 { color:#444; font-size:21px; font-weight:bold; }
.paso2 ul { background-color:#FFF; border:1px solid #ccc; margin:10px 0; padding:10px; width:600px; }
.paso2 ul li { margin-bottom:5px; }
.paso2 ul li strong { color:#e9a23c; }
.paso2 ul li.modificarDatos { font-size:12px; }
.paso2 ul li.modificarDatos a { color:#00F; font-weight:bold; text-decoration:underline; }
.paso2 a.volver { background: url(img/boton_regresar.gif) no-repeat left center; float:left; height:36px; margin:0 15px 0 190px; text-indent:-9999px; width:120px; }
.paso2 button { background: url(img/boton_continuar.gif) no-repeat left center; border:none; cursor:pointer; float:left; height:36px; text-indent:-9999px; width:138px; }
.paso2 .msgKO { margin:5px 0; width:75% !important;}

.paso3 { background-color:#e5e5e5; border:none; clear:both; float:left;margin:10px 0; padding:10px 15px 15px 115px; width:800px; }
.paso3 h3 { color:#444; font-size:21px; font-weight:bold; width:700px; }
.paso3 p { margin-bottom:10px; width:700px; }
.paso3 p strong { color:#e9a23c; }
a.volver.delPaso3  { background: url(img/boton_regresar.gif) no-repeat left center; float:left; height:36px; margin:0 15px 0 110px; text-indent:-9999px; width:120px; }
a.imprimir { background: url(img/boton_imprimir.gif) no-repeat left center; float:left; height:36px; margin:0; text-indent:-9999px; width:88px; }

/* Quienes somos */
.quienes { margin-left:100px; }
.quienes h2 { margin-bottom:20px; }
.quienes img { float:right; margin:115px 25px 0 0; }
.quienes p { margin:0 0 20px 40px; width:460px; }
.quienes p strong { color:#f6b01a; font-size:20px; font-weight:normal; }

/* Preguntas frecuentes */
.faq { margin-left:100px; }
.faq h2 { margin-bottom:10px; }
.faq h3 { border-top:2px solid #f3e5bf; padding-top:15px; margin-bottom:10px; width:525px; }
.faq img { float:right; margin-top:100px; }
.faq p { margin:0 0 10px 25px; width:465px; }
.faq p strong { color:#f6b01a; font-weight:normal; }
.faq .indice { margin:0 0 20px 25px; }
.faq .indice li { margin-bottom:5px; }
.faq .indice li a { color:#663300; }
.faq ul.tarifasGastos { padding-left:25px; }
.faq .tarifasGastos li { margin-bottom:5px; }
.faq .tarifasGastos li em { float:left; font-style:normal; width:137px; }
.faq .tarifasGastos li strong { color:#f6b01a; }

/* Contacta */
.contacta h2 { margin-left:200px; }
.contacta form. { padding-left:75px; }
.contacta fieldset { background:#e5e5e5; padding:10px 0 20px 200px; width:600px; }
.contacta label { display:block; padding:10px 10px 0; }
.contacta input,
.contacta textarea { border:1px solid #999; padding:3px; width:400px; }
.contacta textarea { font:12px Arial, Helvetica, sans-serif; margin-bottom:10px; }
.contacta #privacidad { background-color:#f7f7f7; color:#999; }
.contacta .check { padding:0; }
.contacta .check input { width:auto; }
.contacta .error { color:#FF0000; display:block; font-style:normal; font-weight:bold; }
.contacta button { background:url(img/boton_enviar.gif) no-repeat; border:none; cursor:pointer; float:right; margin:15px 25px 0 0; height:57px; text-indent:-9999px; width:110px; }

/* Area de usuarios */
.areaUsuarios h2 { float:left; padding-top:5px; width:400px; }
.userOption { float:right; margin-bottom:10px; width:320px; }
.userOption li { background:url(img/boton_tusdatos.gif) no-repeat left top; float:left; height:36px; width:110px;}
.userOption li.uHistorico { background:url(img/boton_historico.gif) no-repeat left top; margin-left:10px; width:195px;}
.userOption li a { display:block; height:36px; text-indent:-9999px; width:100%; }
.areaUsuarios a.volver { background: url(img/boton_regresar.gif) no-repeat left center; float:left; height:36px; margin:10px 15px 0 130px; text-indent:-9999px; width:120px; }

.carrito.areaUsuarios .formPago { width:900px;}
.carrito.areaUsuarios .formPago fieldset { padding:20px 0 20px 175px; }
.areaUsuarios .formPago .botonRegistro { margin-left:175px;}

/* Historico de pedidos */
.historicoContenido { background:#e5e5e5; float:left; padding:20px 0 20px 125px; width:775px; }
ul.listadoHistorio { background-color:#FFF; margin:0; padding:0; list-style:none; width: 600px; float:left; padding:20px; }
ul.listadoHistorio li { font-size:11px; padding: 5px 0 5px 4px; border-bottom: 1px solid #F1F1F1; }
ul.listadoHistorio li.estado_0 { color:#F00; }
ul.listadoHistorio li.estado_3 { color:#00F; }
ul.listadoHistorio li.estado_4 { color:#0F0; }
ul.listadoHistorio li span { width: 20px;  height: 16px; float:right; display:inline; margin: 0 5px; }
ul.listadoHistorio li span a {  width: 20px; height: 16px; display:block;  height:100%;  text-indent:-10000px; }
ul.listadoHistorio li span a.ampliar { background: #FFF url(img/lupa.gif) no-repeat center center;}
ul.listadoHistorio li span a.pdf { background: #FFF url(img/pdf.gif) no-repeat center center;}
ul.listadoHistorio li.tit { font-weight:bold; background-color:#F2F2F2; text-transform:uppercase; }
ul.listadoHistorio li.tit p { margin:0 2px 0 0; float:left; display:inline; }
ul.listadoHistorio li.tit .pedidoEstado { width:150px; }
ul.listadoHistorio li.tit .pedidoImporte { width:115px; }
ul.listadoHistorio li.tit .pedidoFecha { width:160px; }
ul.listadoHistorio li span.pedidoFecha { width:195px; display:block; text-align:center; border-right:1px solid #F2F2F2; padding:0 3px; margin:0; }
ul.listadoHistorio li span.pedidoNump { width:60px; display:block; text-align:center; border-right:1px solid #F2F2F2; padding:0 3px; margin:0; }
ul.listadoHistorio li span.pedidoImporte { width:100px; display:block; text-align:center; border-right:1px solid #F2F2F2; padding:0 3px; margin:0; }
ul.listadoHistorio li span.pedidoEstado { width:120px; display:block; text-align:center; border-right:1px solid #F2F2F2; padding:0 3px; margin:0; }
ul.listadoHistorio li span .ordenar{ width:18px; display:block;  padding:0px; padding-top:4px;  margin:0; float:left;  }
ul.listadoHistorio li span .ordenar a{ text-indent:0px; margin:0; padding:0; float:left; width:8px; height:7px; outline:none; display:inline;  }
ul.listadoHistorio li span .ordenar a img{ border:none; display:block; margin:0; padding:0; width:8px;  }
#paginador { background-color:#FFF; border-top:3px solid #CCC; clear:both; font-size:11px; padding:10px 20px; text-align:center; width:600px; }
#paginador a { margin:3px; }
#paginador .todos { border-right:1px solid #DDD; margin-right:10px; padding-right:10px; }

.historicoContenido h3 { border-bottom:2px solid #FFF; font-weight:bold; margin-bottom:10px; padding-bottom:5px; width:560px; }
.historicoContenido.ampliado ul { margin:10px; }
.historicoContenido.ampliado ul li { margin-bottom:7px; }
.historicoContenido.ampliado ul li .verPdf { background:url(img/pdf.gif) no-repeat 0 2px; color:#0000FF; font-weight:bold; padding-left:20px; text-decoration:underline; }
.historicoContenido table { background:#FFF; border:1px solid #999; margin:0 0 10px 10px; width:550px; }
.historicoContenido table th { background:#CCC; color:#000; padding:5px 10px; text-align:center; }
.historicoContenido table td { border-top:1px solid #999; padding:5px 10px; text-align:center; }
.historicoContenido table .totales td { text-align:left; }
.historicoContenido table .totales td b { color:#F6B01A; }

@media print {
	h1 { font-size:36px; position:relative; top:0; }
	.paso3 { padding-left:0; }
	h2,
	.userOptions,
	.menu,
	.compraPasos,
	.footer { display:none; }
}