html { margin:0; padding:0; }
body { font: 0.75em/1.50em Arial, Helvetica, sans-serif; margin:0; position:relative; padding:0; }
.container { margin:0 auto; position:relative; width:965px; }
.content { float:left; width:100%; }
a { color:#69F; text-decoration:none; }
a:hover { text-decoration:underline; }

.error{ color:#f00; padding:10px 10px 10px 38px; width:400px; margin:15px 0; border:1px solid #f00; clear:both; display:block; background:url(img/icon_atencion.gif) no-repeat 3px 1px; font-weight:bold; }

/* HEADER --------------------------------------------------------- */
h1 { background:url(img/header-nadal-2010.jpg) no-repeat 0 0; clear:both;  height:160px; position:relative; width:100%; z-index:1; }
h1 a { display:block; height:50px; left:60px; position:absolute; text-indent:-9999px; top:60px; width:140px; }
div.dividiomas{ height: 32px; display: block;}
.idiomas { float: right; margin:10px 0;}
.idiomas li { border-left:1px solid #a0a0a0; float:left; line-height:12px; padding:0 5px; }
.idiomas li.catala { border:none; }
.idiomas li a { color:#a0a0a0; }
.idiomas li a.seleccionado { font-weight:bold; }
.fecha { color:#a0a0a0; float:left; font-size:0.92em; line-height:12px; margin:10px 10px 10px 13px; }
/*p.clients { text-align:right; padding:7px 16px; background:url(img/candado.jpg) no-repeat right center; position:absolute; top:32px; right:5px; z-index:4; color: #fff; }*/
p.clients { width: 120px; text-align:right; padding:7px 25px 7px 16px; background: #000 url(img/candado.jpg) no-repeat 142px 9px; position:absolute; top:32px; right:0px; z-index:4; color: #fff; }
p.clients a{ color:#fff; background:url(img/r_x_blanca.gif) repeat-x bottom; }
p.clients a:hover{ text-decoration:none;  }

/* MENU Y BUSCADOR ------------------------------------------------ */
.menuYbuscar { background: #f7f4f4 url(img/menu_fondo.gif) repeat-x bottom; border:1px solid #d8d8d8; float:right; margin-bottom:10px; padding:3px 5px; width:939px;}
.menuYbuscar form { float:right; margin-left:100px; width:230px; }
.menuYbuscar form fieldset { float:right; }
.menuYbuscar form label { display:none; }
.menuYbuscar form input { font-size:0.92em; width:150px; }
.menuYbuscar form button { background:transparent url(img/buscador_boton_fondo.gif) repeat-x bottom; border:none; color:#70706e; margin-left:10px; }
.menuYbuscar ul { float:right; margin-top:3px; }
.menuYbuscar ul li { border-left:1px solid #666; float:left; font-weight:bold; line-height:12px; padding:0 10px; }
.menuYbuscar ul li.mInici { border:none; }	
.menuYbuscar ul li a { color:#666; }
.menuYbuscar ul li.mLlista { display:none; }


/* CARRITO DE COMRRAS --------------------------------------------- */
.carrito { float:right; width:200px; }
.carrito div.carriton { background:url(img/carrito_fondo.gif) repeat-x bottom; border:1px solid #dadada; float:left; padding:10px 5px; width:190px; }
.carrito h3 { color:#6699ff; font-size:1.50em; margin-bottom:15px; }
.carrito h3 em { color:#333; font-size:0.67em; font-style:normal; font-weight:bold; }
.carrito li { background-color:#f2f2f2; color:#70706e; float:left; margin-bottom:5px; padding:3px; width:184px; }
.carrito li a { border-bottom:1px dashed #6699ff; float:left; }
.carrito li a:hover { text-decoration:none;}
.carrito li strong { float:right; font-weight:normal; }
.carrito li.total { background-color:#FFF; padding:10px 0; }
.carrito li.total strong { font-weight:bold; }
.carrito a.verCarrito { background:url(img/carrito.gif) no-repeat 0 12px; color:#666; float:right; padding:10px 10px 6px 30px; text-decoration:underline; }
.carrito .formasPago { background:url(img/pagos.jpg) no-repeat center top; clear:both; float:left; height:205px; margin-top:20px; margin-bottom:20px; text-indent:-9999px; width:200px;}
.carrito .formasPago-esp { background:url(img/pagos-esp.jpg) no-repeat center top; clear:both; float:left; height:205px; margin-top:20px; margin-bottom:20px; text-indent:-9999px; width:200px;}

/*FACEBOOK*/
.divfacebook{
	margin: 0 0 15px 0;
}
.divfacebook p{
	font-size: 1.6em;
	line-height: 1.8em;
	color: #506FA6;
}
.divfacebook a{
	margin-left: 20px;
}

/* MENU DE PRODUCTOS ---------------------------------------------- */

.menuCatalogo { background:#f8f5f5 url(img/productos_fondo.gif) repeat-x bottom; border:1px solid #848484; float:right;  padding:10px 5px; width:135px; margin-bottom:30px; }
.menuCatalogo h3 { color:#000; font-size:1em; font-weight:bold; margin-bottom:10px; }
.menuCatalogo ul { margin-bottom:5px;}
.menuCatalogo ul li { background:url(img/productos_vineta.gif) no-repeat 3px 8px; border-bottom:1px solid #666; padding:3px 0 3px 22px; }
.menuCatalogo ul li.actual { background-image:url(img/productos_vineta_actual.gif); font-weight:bold; }
.menuCatalogo ul li.actual a { color:#000; }
.menuCatalogo ul li.actual ul li { font-weight:normal; }
.menuCatalogo ul li.actual ul a { color:#666; }
.menuCatalogo ul li a { color:#666;}
.menuCatalogo ul ul li { background:url(img/productos_vineta_sub.gif) no-repeat 3px 8px; border-bottom:none; padding:1px 0 1px 18px; }
.menuCatalogo ul ul li.subactual a{ font-weight:bold; }


/* CONTENIDO PRINCIPAL -------------------------------------------- */
.mainContent { color:#8c8c8c; float:right; margin:0 20px; width:564px; min-height:500px }
.mainContent.extended { margin-right:0; width:784px; }
.mainContent h2 { color:#6699ff; font-size:1.75em; font-weight:normal; margin-bottom:12px; }
.mainContent h2.ficha em{ color:#666; }
.mainContent h2 em { color:#999; font-style:normal; }
.mainContent h3 { color:#999; font-size:1.75em; font-weight:normal; margin-bottom:12px; }
.mainContent h3 em { color:#6699ff; font-style:normal; }
.mainContent p { margin-bottom:10px; }
.mainContent p.imagenes { background-color:#FFFFFF; float:right; padding-left:15px; width:202px;}


/* Listado de productos */
.producto { border-bottom:1px dashed #959595; margin-bottom:15px; }
.producto img { display:block; margin:5px auto; width:auto;}
.producto h4 { background-color:#e6eefc; font-weight:normal; }
.producto a.foton{ width:100%; height:105px; display:block; text-indent:-9999px; }
.producto a { }
.producto del{ color:#999; display:block; font-size:0.9em; }
.producto strong { display:block; font-weight:normal; }

/* Novedades y ofertas de la home */
.novedades { float:left; width:100%; }
.novedades .listaProductos{ border:1px solid #999999; padding:10px; width:538px; }
.novedades .listaProductos .producto { float:left; margin-bottom:10px; width:30%; }
.ofertas { float:none; width:200px; border:1px solid #999999; clear:both; }
.ofertas .producto{ width:185px; margin:0 auto 15px auto; } 
.ofertas h2 { color:#6699ff; font-size:1.75em; font-weight:normal; margin:12px; }

.productContainer { border:1px solid #999; padding:10px; }
.ofertas .productContainer { float:none; width: 200px; background:none; border:none; padding:0;}

.listaProductos { float:left; width:100%; }
.listaProductos h2 { color:#666; margin-bottom:20px; }
.listaProductos .producto { float:left; margin-bottom:10px; width:31%; }
/*.listaProductos .producto a.foton{ width:100%; height:100px; display:block; text-indent:-9999px; }*/
.listaProductos .producto.p1 { clear:left; }
.listaProductos .producto.p2 { margin:0 19px 15px; }


/* Ficha de producto */
.fichaInfo { border:1px solid #d1d1d1; float:left; padding:15px; width:534px; }
.fichaInfo div.fotardi { float:left; width:225px; clear:left; text-align:center }
.fichaInfo ul { }
.fichaInfo ul li { float:right;}
.fichaInfo ul li.marca,
.fichaInfo ul li.nombre,
.fichaInfo ul li.descripcion,
.fichaInfo ul li.precio,
.fichaInfo ul li.unidades,
.fichaInfo ul li.termini { margin:0 0 5px 20px; width:285px; }
.fichaInfo ul li.precio i{ color:#999; font-size:11px; font-style:oblique; }
.fichaInfo ul li.precio em{ color:#6699ff; font-size:11px; font-style:oblique; }
.fichaInfo ul li.precio del{ color:#999; font-size:11px; }
.fichaInfo ul li.nombre { color:#6699ff; font-weight:bold; }
.fichaInfo ul li.precio { color:#6699ff; font-size:1.17em; font-weight:bold; text-align:right; }
.fichaInfo ul li.opciones { clear:both; margin-top:20px; display:block; width:100%; }
.fichaInfo ul li.opciones a { float:left; line-height:40px;}
.fichaInfo ul li.opciones a.borrar{ background:url(img/borrar2.gif) no-repeat center; width:140px; margin-right:50px; font-weight:bold; text-align:center; float:right; color:#FFFFFF; }
.fichaInfo ul li.opciones a.imprimir { background: url(img/imprimir.gif) no-repeat 0 12px; border:none; color:#777; margin-right:15px; padding-left:23px; text-decoration:underline; }
.fichaInfo ul li.opciones a.enviar { background: url(img/enviarIcon.gif) no-repeat 0 12px; border:none; color:#777; padding-left:23px; text-decoration:underline; }
.fichaInfo ul li.opciones form,
.fichaInfo ul li.opciones fieldset { float:right; width:285px; }
.fichaInfo ul li.opciones label { color:#6699ff; float:left; width:65px; }
.fichaInfo ul li.opciones label.tallas { color:#6699ff; float:left; width:90px; }
.fichaInfo ul li.opciones input,
.fichaInfo ul li.opciones select { display:block; }
.fichaInfo ul li.opciones button { background: url(img/carrito.gif) no-repeat; border:none; color:#777; margin-top:18px; padding-left:20px; text-decoration:underline; width:120px;}

.fichaRelacionados { float:left; margin-top:25px; width:564px; }
.fichaRelacionados del{ color:#999; display:block; font-size:0.9em; }
.fichaRelacionados a.rela{ text-indent:-9999px; display:block; width:auto; height:105px; }
.fichaRelacionados h4 { font-size:1.17em; font-weight:bold; margin-bottom:10px;}
.fichaRelacionados .producto { float:left; margin:5px; width:130px;}


/* Paginado */
.paginado { clear:both; float:left; line-height:30px; margin-top:15px; text-align:center; width:536px; display:block;  }
.paginado a { border:1px solid #e3e0e0; padding:3px 5px; margin:3px; display:block; float:left; line-height:1em;}
.paginado a:hover { background-color:#e3e0e0; text-decoration:none; }
.paginado strong { border:1px solid #e3e0e0; color:#C00; padding:1px 5px; margin:4px 3px 0 3px; display:block; float:left; line-height:1em;}

/* Ver carrito */
table { border-collapse:collapse; width:100%; }
table thead th { border-bottom:2px solid #d1d1d1; color:#999; font-weight:bold; }
table thead th.foto { width:120px; }
table thead th.item { width:318px; }
table thead th.unidades { width:80px; }
table thead th.precio { width:65px; }
table thead th.total { width:65px; }
table thead th.borrar { width:100px; }				
table tbody td { border-bottom:1px dashed #d1d1d1; color:#999; padding:5px 0; vertical-align:middle; }
table tbody td img { border:1px solid #d1d1d1; }
table tbody td.foto { line-height:0;  }
table tbody td.item a { display:block; }
table tbody td.borrar a { background: url(img/borrar.gif) no-repeat; color:#FFF; display:block; font-weight:bold; height:19px; line-height:19px; margin:0 auto; text-align:center; width:75px; }
table tfoot td { color: #666; padding:10px; text-align:right; }
table tfoot td.subtotal { border-top:2px solid #d1d1d1; padding-bottom:0; }
table tfoot td.totalisimo { border-bottom:2px solid #d1d1d1; border-top:2px solid #d1d1d1; text-transform:uppercase; }
table tfoot select { font-size:0.92em; }
table tfoot td.botones { font-weight:bold; }
table tfoot a { line-height:28px; float:left; padding:10px; }
table tfoot a.recalcular { background: url(img/recalcular.gif) no-repeat left center; margin:0 30px 0 200px; padding-left:23px; text-decoration:underline; }
table tfoot a.tornar { background: url(img/tornar.gif) no-repeat left center; padding-left:18px; text-decoration:underline; }
table tfoot a.comprar { background: url(img/comprar.gif) no-repeat left center; color:#FFF; float:right; padding:10px 25px; }

/* Pasos para terminar la compra */
ol.pasos { float:left; margin-bottom:25px; width:100%; }
ol.pasos li { background:#d4d4d4 no-repeat 5px 7px; color:#FFF; float:left; font-weight:bold; margin-right:5px; padding:10px 17px 10px 25px; }
ol.pasos li.actual1, ol.pasos li.actual2, ol.pasos li.actual3 { background-color:#6699ff; }
ol.pasos li.paso1 { background-image: url(img/paso1.gif); }
ol.pasos li.paso1.actual1 { background-image: url(img/paso1_actual.gif); }
ol.pasos li.paso2 { background-image: url(img/paso2.gif); }
ol.pasos li.paso2.actual2 { background-image: url(img/paso2_actual.gif); }
ol.pasos li.paso3 { background-image: url(img/paso3.gif); }
ol.pasos li.paso3.actual3 { background-image: url(img/paso3_actual.gif); }

/* Formulario de ingreso de datos para el pago */
.formPago { clear:both; float:left; margin:0 0 0 30px; width:610px;}
.formPago fieldset { border: 1px solid #d4d4d4; margin:10px 0; padding:5px 15px 15px 15px; }
.formPago legend { background:none; color:#999; font-size:1.75em; font-weight:normal; padding:0 10px 20px 10px; }
.formPago legend em { color:#6699ff; font-style:normal; }
.formPago label { color:#69F; float:left; margin:0 10px 10px 10px; width:269px; }
.formPago label select,
.formPago label input,
.formPago label textarea { display:block; width:100%;}
.formPago label.direccion { width:559px; }
.formPago label.pais { width:222px; float:none; display:block; clear:both; }
.formPago #poblacionPor{ display:none; }
.formPago label.cp { width:219px; }
.formPago label.poblacion { width:319px; }
.formPago label.telefono { clear:left; width:219px; }
.formPago label.email { width:319px; }
.formPago label.comentarios { position:relative; width:549px; }
.formPago .radios strong { float:left; width:123px; }
.formPago .radios label { color:#666; float:right; margin:0 0 5px 0; width:450px; }
.formPago .radios label input { display:inline; width:auto; }
.formPago a.tornar { background: url(img/tornar.gif) no-repeat left center; float:left; margin:20px 75px 0 150px; padding-left:18px; text-decoration:underline; }
.formPago button { background: url(img/comprar.gif) no-repeat left center; border:none; color:#FFF; cursor:pointer; float:left; font-weight:bold; letter-spacing:-1px; margin-top:10px; padding:10px 7px; text-align:left; vertical-align:middle; }
.formPago button.pagar { padding:10px 21px; }
.formPago button.confirmar { background: url(img/contrasenya.gif) no-repeat left center; }

#login.formPago button { background: url(img/entrar.gif) no-repeat left center; border:none; color:#FFF; cursor:pointer; float:right; font-weight:bold; letter-spacing:0px; margin-top:5px; padding:12px 29px; text-align:left; vertical-align:middle; }
#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 p.opciones{ margin:17px 0; width:70%; float:left; clear:left; display:block; }
#login.formPago p.opciones a{ padding:0 10px;  }

/* Confirmacion de datos para el pago */
ul.confirmacion { background-color:#e6edff; margin-bottom:15px; padding: 15px 15px 15px 65px; width:500px;}
ul.confirmacion li { margin:2px 0; }
div.todoCorrecto { background-color:#e6edff; clear:both; margin-bottom:45px; padding: 15px 15px 15px 65px; position:relative; width:500px;}
div.todoCorrecto a.tornar { background: url(img/comprar.gif) no-repeat left center; border:none; bottom:-50px; color:#FFF; font-weight:bold; left:200px; margin-top:10px; padding:10px 31px; position:absolute; }


/* Suscripcion a la lista de correo */
.listaCorreu { background-color:#6699ff; color:#FFF; padding:15px; width:500px;}
.listaCorreu .email { display:block; margin-top:10px; }
.listaCorreu .email input { width:200px; }
.listaCorreu button { background: url(img/suscribirse.gif) no-repeat left center; border:none; color:#FFF; cursor:pointer; float:right; font-weight:bold; height:28px; letter-spacing:-1px; line-height:28px; padding-left:28px; width:110px; }

/* Ayuda */
.ajuda h3 { /*background: url(img/ajuda.gif) no-repeat 0 2px;*/ color:#6699ff; font-size:1.17em; margin:15px 0 10px 0; padding-left:20px; }
.ajuda h3 strong { background:url(img/ajuda_under.gif) repeat-x bottom; font-weight:normal; }
.ajuda p { margin-left:20px; margin-right:15px;}

/* Ayuda */
.servicios h3 { background:url(img/ajuda_under.gif) repeat-x bottom; color:#6699ff; font-size:1.17em; margin:15px 15px 10px 0; }
.servicios p { margin-left:10px; margin-right:15px; }

/* nota */
.nota h3{ background:url(img/ajuda_under.gif) repeat-x bottom; color:#6699ff; font-size:1.17em; margin:15px 15px 10px 0; }
.mota p { margin-left:10px; margin-right:15px; }

/* qui som */
img.qui{ border:1px solid #999;  }

/* Contacta */
.contactaInfo { border:1px solid #666; color:#70706e; float:left; padding:15px; position:relative; width:530px; }
.contactaInfo h3 { color:#70706e; font-size:1em; font-weight:bold; margin-bottom:5px; text-transform:uppercase; width:200px; }
.contactaInfo ul { width:200px; padding-bottom:93px; }
.contactaInfo li { margin:1px 0;}
.contactaInfo li.telefono { margin:15px 0;}
.contactaInfo li.email a { border-bottom:1px dashed #69F; }
.contactaInfo li.email a:hover { text-decoration:none; }
.contactaInfo li.skype { margin:10px 0;}
.contactaInfo li.skype a { background:url(img/skype.gif) no-repeat; display:block; height:33px; text-indent:-9999px; width:74px;}
.contactaInfo li.msn { background:url(img/msn.gif) no-repeat; height:32px; line-height:32px; padding-left:28px; }
.contactaInfo div#mapa { background-color:#CCCCCC; float:right; height:220px; right:15px; position:absolute; top:15px; width:290px; overflow: hidden;}
.contactaForm { clear:both; float:left; margin:25px 0 0 0; width:550px;}
.contactaForm fieldset { margin:10px 0; padding:5px 15px 15px 15px; }
.contactaForm legend { background:none; color:#999; font-size:1.75em; font-weight:normal; margin-left:-25px; padding:0 10px 20px 10px; }
.contactaForm legend em { color:#6699ff; font-style:normal; }
.contactaForm label { color:#69F; float:left; margin:0 10px 10px 10px; width:239px; }
.contactaForm label em.errores{ color:#CC3300; background:url(img/alert16x16.gif) no-repeat left center; padding-left:19px; margin-left:16px;}
.contactaForm label input,
.contactaForm label textarea { display:block; width:100%;}
.contactaForm label.telefono { clear:left; width:219px; }
.contactaForm label.email { width:259px; }
.contactaForm label.mensaje { position:relative; width:498px; }
.contactaForm label.textoprivacidad { position:relative; width:498px; }
.contactaForm label.textoprivacidad textarea{ background-color:#FFFFFF; border:1px solid #999; }
.contactaForm label.declaracion { color:#70706e; float:left; font-size:0.92em; padding-top:4px; width:295px; }
.contactaForm label.declaracion input { display:inline; width:auto;  }
.contactaForm label.declaracion a { border-bottom:1px dashed #70706e; color:#70706e; font-weight:bold; }
.contactaForm label.declaracion a:hover { text-decoration:none; }
.contactaForm button { background: url(img/enviar.gif) no-repeat left center; border:none; color:#FFF; cursor:pointer; float:right; height:28px; font-weight:bold; line-height:28px; width:70px; }
.contactaForm label input.errores{ background-color:#F9E8E8; }

/* Condicions de compra */
ol.olcondicions{
	list-style: decimal;
	margin: 5px 20px 0 20px;
}
ol.olcondicions li{
	padding-bottom: 5px; 
}
ul.ulcondicions{
	list-style: circle;
	margin: 0 20px 0 40px;
}

/* FOOTER --------------------------------------------------------- */
.footer { clear:both; color:#999; font-size:0.92em; padding:35px 0 15px 0; text-align:right; width:100%; }
.footer a { margin-left:175px; }