/* =============================== */
/* ========= CSS RESET =========== */
/* =============================== */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0; padding:0;}

table {
	border-collapse:collapse;
	border-spacing:0;
}

caption, th {text-align:left;}

fieldset, img {border:0;}

a {outline:none;}

h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:normal; margin:0px; padding:0px;}

ol, ul {list-style:none;}

address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}

/*
q:before,q:after {content:'';}
abbr,acronym {border:0;}
*/


/* =============================== */
/* ======= Elementos HTML ======== */
/* =============================== */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#393939;
	margin:0px;
	padding:0px; 
	background-color:#fff;
	}

a {color:#201d1e; text-decoration:none;}

a:hover {text-decoration:underline;}

/* ========================================= */
/* ========= Estructura del sitio ========== */
/* ========================================= */

#main_container {position:relative; margin:0 auto;}

/*header*/
#header {position:relative; width:955px; _width:680px;}

.noVer {display:none;}
/*contenido*/
#content {position:relative; width:955px; _width:680px; height:auto!important; padding-bottom:20px;}

#left {display:none;}
#right {position:relative; width:955px; _width:680px; color:#201d1e;}

/*pie*/

#footer {position:relative; clear:both; margin-top:20px;}
#footer #retall, .menuPeu, .bannerFooter, #creativat {display:none;}

.puntPeu {position:relative;} .puntPeu p {text-align:center; font-size:0.7em; color:#201d1e; margin-bottom:8px;}
.puntPeu a {color:#da340e; text-decoration:underline;} .puntPeu a:hover {text-decoration:none;}


/*=========================================*/
/*==============   CABECERA   =============*/
/*=========================================*/

#header h1 {position:relative; margin:0 0 0 33px; height:130px;} 
#header h1 span {font-weight:bold; text-decoration:underline; font-size:1.5em; margin-right:20px;}
#header h2, #header h2 span {display:none;}

#eligeIdioma {display:none;}
#header #buscador {display:none;}

/*=========================================*/
/*=============   FORMULARIS   ============*/
/*=========================================*/
.form {position:relative;}
.form input, .form select {font-size:0.85em}
.botoFosc {position:relative; background:url(../img/boto-fons.gif); background-repeat:repeat-x; padding:0 3px; color:#fff; font-weight:bold; border:none; margin-left:2px;}

/*FORMULARI*/
.formContacto {position:relative; margin-left:60px; margin-top:30px; font-size:0.95em;}
.formContacto span {font-size:0.95em; text-align:right; font-weight:bold; vertical-align:top; line-height:24px; width:210px; padding-right:2px; display:table-cell;}
.formContacto fieldset textarea, .formContacto fieldset input, .formContacto fieldset select {vertical-align:top; font-size:0.95em; font-family:Verdana, Arial, Helvetica, sans-serif;}
.formContacto fieldset {border:none;}
.formContacto fieldset textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.95em; border:1px solid #c0c0c0; }

.espai {border:1px solid #c0c0c0; font-size:1em; line-height:13px; padding:2px;}
.botoContacto {position:relative; background:url(../img/boto-fons.gif); background-repeat:repeat-x; padding:0 3px; color:#fff; font-weight:bold; border:none; margin:-5px 0 0 240px; font-size:0.9em!important;}

.botoDistribuye {position:relative; background:url(../img/boto-fons.gif); background-repeat:repeat-x; padding:0 3px; color:#fff; font-weight:bold; border:none; margin:-5px 0 0 240px; font-size:0.9em!important;}
/*=========================================*/
/*=============   AUXILIARS   ============*/
/*=========================================*/

.marge4Bottom {margin-bottom:4px;}
.clearfix {position:relative; clear:both;}
.colorBlanc {color:#cec9c9;} .colorBlanc a {color:#cec9c9;}
.marge8left {margin-left:8px;}
.imgDreta {position:relative; float:right; margin:10px 0 10px 15px;}
.alinearMapa {position:relative; margin:20px 0 20px 80px;}
.floatLeft {float:left;}
.fotoDreta {position:relative; float:right; border:1px dashed #322e2f; padding:7px; margin:10px 0 10px 20px; }
.alinearCentro {text-align:center; font-size:0.95em; margin:10px 0; line-height:1.2em;}
.alinearCentro a {color:#da340e;}

/*=========================================*/
/*==========   LATERAL ESQUERRE   =========*/
/*=========================================*/

#totBanner {position:relative; clear:both;}
.banner {position:relative; clear:both; margin-bottom:8px;}


/*=========================================*/
/*================   HOME   ===============*/
/*=========================================*/

#home {position:relative; margin-bottom:35px;}
#bannerActualidad {position:absolute; width:179px; float:right; top:30px; right:0;}
#bannerActualidad h2 {position:relative;} #bannerActualidad h2 span {display:none;}
#bannerActualidad div {position:relative; border-left:1px dashed #322e2f; border-bottom:1px dashed #322e2f; font-size:0.75em; padding:5px 10px;}
#bannerActualidad div h3 {position:relative; font-weight:bold; margin-top:3px;}
#bannerActualidad div p {position:relative; height:44px; overflow:hidden; margin:3px 0 5px 0;}

/*=========================================*/
/*===========   BOTTOM CONTENT   ==========*/
/*=========================================*/

.bannerRatlles {display:none;}

#bannerMes {position:relative; margin-left:7px;}

/*================================*/
/*===========CONTINGUTS===========*/
/*================================*/
#leyenda {position:relative; margin-top:25px; padding:0 35px; font-size:0.7em;}
#leyenda span a {font-weight:bold;}

#general {position:relative; margin-bottom:60px; padding:0 55px; font-size:0.8em; z-index:1;}
#general h2 {position:relative; border-bottom:1px dashed #322e2f; height:20px; margin:50px 0 20px 0;}
#general h2 span {display:none;}
#general p {margin-top:10px; text-align:justify;}
#general a {text-decoration:underline;}
#general ul {position:relative; list-style-image:url(../img/ico-llista.gif); list-style-position:outside; padding-bottom:10px;}
#general ul li {position:relative; margin:10px 0 0 30px; text-align:justify;}

#faqs div h3 {position:relative; color:#fff; background:#373434; margin-top:30px; font-weight:bold; font-size:0.9em;}
#faqs div h4 {position:relative; text-align:right; margin:10px 0 0 0;} #general div h4 span {display:none;}
.listaFaqs {line-height:1em; margin-bottom:50px;}
.listaFaqs a {text-decoration:none!important;} .listaFaqs a:hover {text-decoration:underline!important;}


/*historia*/
.historia {position:relative; clear:both; padding-top:15px;}
.historia h3 {position:relative; background:#da340e; color:#fff; font-weight:bold; width:33px; font-size:0.85em; padding:1px 2px; float:left; margin-top:2px;}
.historia p {position:relative; width:615px; float:left; margin-left:5px; margin-top:0!important;}

/*productos*/
#buscadorModel {display:none;}

#numeroResultados {position:absolute; top:-5px; left:595px;}
#numeroResultados select {position:relative; top:-2px;}

.productoLista {position:relative; float:left; *float:none!important; width:300px; *width:100%; margin:10px 20px 30px 10px; height:105px;}
.productoLista img {position:relative; float:left; margin-right:5px; border:1px dashed #322e2f; padding:4px; width:120px; height:90px;}
.productoLista div {position:relative; float:left; font-size:0.9em; width:160px; height:110px; overflow:hidden;}
.productoLista div h3 {position:relative; font-weight:bold; font-size:0.95em; margin-top:7px; max-height:26px; overflow:hidden;}
.productoLista div h3 a {position:relative; background:#373434; color:#FFF; padding:0 2px; text-decoration:none!important;}
.productoLista div h3 a:hover {background-color:#da340e;}
.productoLista div p {position:relative; height:53px; overflow:hidden; text-align:left!important; top:-7px; font-size:0.95em;}
.productoLista div h4 {position:relative; text-align:right!important; font-size:0.95em; margin-top:-5px;} 
.productoLista div h4 a:hover {color:#da340e;}

/*producto detalle*/
#producto {position:relative;}
#producto .introImage {position:relative; margin-top:20px;}
#producto .introImage img {position:relative; /*max-height:202px;*/ max-width:290px; margin-right:20px!important;}

#producto .intro {position:relative; width:500px; margin-left:20px; margin-top:-20px;}
#producto .intro h2 {position:relative; background-image:url(../img/tira-titol-model.gif); background-repeat:repeat-x; color:#fff; *color:#201d1e; font-weight:bold; text-transform:uppercase; border:none; } 
#producto .intro div {position:relative; margin:10px 0;} #producto .intro div img {position:relative; float:right; margin-left:10px; margin-top:5px;}
#producto .intro p {position:relative;}
#producto .colors {position:relative; float:none!important; background:none!important; clear:both; padding-top:20px;} 
#producto .colors img {position:relative; border:1px dashed #322e2f; padding:3px!important; margin-right:3px!important;}

.opcionsProducto {display:none;}

#familiaProd {position:relative; clear:both; margin-top:20px;}
#familiaProd h3 {position:relative; background-color:#322e2f; padding-left:5px;} #familiaProd h3 span {display:none;}
#familiaProd div {position:relative; float:left; width:145px; height:160px; text-align:center; margin:10px; font-size:0.95em;}
#familiaProd div img {position:relative; vertical-align:bottom; height:115px; width:140px;}
#familiaProd div h4 {position:relative; border-top:1px dashed #322e2f; padding-top:5px; font-weight:bold; margin-top:5px;}
#familiaProd div h4 a {text-decoration:none;} #familiaProd div h4 a:hover {text-decoration:underline;}
#familiaProd div h5 {position:relative;}

.similar {position:relative; clear:both; float:none; margin-top:40px; margin-bottom:20px;}
.similar h3 {position:relative; background-color:#322e2f; padding-left:5px; width:160px;} .similar h3 span {display:none;}
.similar ul {margin-left:-10px;} .similar ul li {font-size:0.95em; line-height:0.85em;} 
.similar ul li a {text-decoration:none!important;} .similar ul li a:hover {text-decoration:underline!important;}


#compra {position:relative; margin:10px 0 20px 0;}
#compra form input {height:1em; font-size:0.95em;}
#compra form select {height:1.3em; font-size:0.9em;}

#compra .botoCompra {height:auto; margin-bottom:-2px;}



/****************************************************/
/***********************POPS*************************/
/****************************************************/

#popUp {position:relative; margin:0 auto; width:600px; font-size:0.75em; background:#FFFFFF;}
#popUp h1 {display:none;}

#popPeu {position:relative; width:600px; height:88px; font-size:1em; color:#201d1e;}
#popPeu p {position:absolute; color:#6c6969; text-align:center; top:35px; left:50px; line-height:1.3em;} 
#popPeu a {color:#6c6969; text-decoration:underline;} #popPeu a:hover {text-decoration:none;}
#popPeu span a {color:#da340e; text-decoration:none;} #popPeu span a:hover {text-decoration:underline;}

#popGeneral {position:relative; padding:20px 50px; text-align:justify;}
#popGeneral h2 {position:relative; padding:30px 0 7px 0; border-bottom:1px dashed #322e2f; margin-bottom:20px;} #popGeneral h2 span {display:none;}
#popGeneral p {padding:5px 0; line-height:1.4em;}
#popGeneral a {color:#da340e; text-decoration:underline;} #popGeneral a:hover {text-decoration:none;}
#popGeneral h3 {position:relative; font-weight:bold; color:#da340e; margin:25px 0 5px 0;}

.botoPop {position:relative; margin:0 0 20px 220px;}

.formPop {position:relative; margin:0; padding:0;}
.formPop div {position:relative; clear:left; margin-top:5px;}
.formPop div label {position:relative; width:180px; text-align:right; float:left; margin-right:3px;}
.formPop input {position:relative; left:0px; font-size:0.9em;}

/*================================================*/
/*===================PAGINACIÓN===================*/
/*================================================*/

.paginacio {position:relative; font-size:0.9em; margin-top:30px; text-align:right; margin-right:0px; right:30px; z-index:21;}
.paginacio ul {position:relative; list-style:none;}
.paginacio ul li {position:relative; display:inline; margin-right:-41px!important; height:15px; padding:4px 6px;}
.paginacio ul li a {position:relative; color:#fff; text-decoration:none!important; padding:4px 6px!important; background-color:#373434!important;} 
.paginacio ul li a:hover {background:#da340e!important; padding:4px 6px!important; text-decoration:none;}
.paginaSeleccio {position:relative; background-color:#131112; padding:4px 6px; color:#fff;}
.paginaNoSeleccio {position:relative; background-color:#373434; padding:4px 6px; color:#fff;}

/*================================================*/
/*==================ACTUALIDAD====================*/

#latActualidad {display:none;}

#actualidad {position:relative; z-index:1; min-height:200px;}
#actualidad h3 {color:#da340e!important; font-weight:bold; font-size:1.2em; background:none!important;}
#actualidad h3 span {color:#1d1a1b; font-size:0.7em;}
#actualidad h4 {position:relative; text-align:right; margin-top:20px;}
#actualidad img {position:relative; float:right; border:1px dashed #322e2f; padding:7px; margin:10px 0 10px 20px; max-height:300px; max-width:300px;}
#actualidad div {position:relative; margin:15px 0 5px 0; border-bottom:1px dashed #c6c1c1;}
#actualidad div h3 {position:relative; font-weight:bold; color:#da340e; max-height:32px; overflow:hidden; font-size:1em; background:none;} 
#actualidad div h3 a {color:#da340e; text-decoration:none;} #actualidad div h3 a:hover {text-decoration:underline;}
#actualidad div h3 span {color:#1d1a1b; padding-right:7px; font-size:0.85em!important;}
#actualidad div p {position:relative; margin:0 0 7px 0; max-height:32px; overflow:hidden; }

/*BUSQUEDA*/

#busqueda div {position:relative; border-bottom:1px dashed #c6c1c1; padding:10px 0;}
#busqueda div h3 {color:#da340e!important; font-weight:bold; font-size:0.95em; background:none!important; float:left;}
#busqueda div h3 a {color:#da340e!important; text-decoration:none;} 
#busqueda div h3 a:hover {text-decoration:underline;}
#busqueda div h4, #busqueda div h5 {float:left; font-weight:bold; padding-left:10px; font-size:0.95em;}
#busqueda div p {position:relative; clear:left; font-size:0.9em; padding-top:2px; height:1.3em; overflow:hidden;}

/*LINKS*/
#links {position:relative; margin-top:80px; bottom:50px;}
#links div {position:relative; margin-top:10px;}
#links div div {position:relative; float:left!important; width:260px!important; margin:0 30px;}
#links div div h3 {position:relative; background:#262324; color:#fff; font-weight:bold; padding:1px 4px;}
#links div div ul {position:relative; list-style:none!important; margin-left:-25px;}
#links div div ul li {position:relative; font-weight:bold;} #links div ul li p {position:relative; font-weight:100; margin:0; text-align:left;}
#links div div ul li a {text-decoration:none;} #links div div ul li a:hover {color:#da340e; text-decoration:underline;}

/*MAPA WEB*/
.mapaWeb {position:relative; margin:10px 0; font-size:0.95em;}
.mapaWeb h3 {font-weight:bold; font-size:0.95em; margin:30px 0 0 0;}
.mapaWeb h3 span {color:#fff; background:#373434; padding:0 2px;}
.mapaWeb h3 a {color:#fff; background:#373434; text-decoration:none!important; padding:1px 2px; } .mapaWeb h3 a:hover {background:#da340e;}
.mapaWeb h4 {font-weight:bold; margin:10px 0 -9px 0;} 
.mapaWeb h4 a {text-decoration:none!important;} .mapaWeb h4 a:hover {text-decoration:underline!important; color:#da340e;}

.pMapa {margin-bottom:-5px!important;}

.txtGracias {position:relative; margin:50px 0 200px 0; text-align:center;}

/*RED DE DISTRIBUIDORES*/
#red {position:relative; background:#f7f6f6; margin:20px 0; padding:7px;}
#red #mapa {position:relative; float:right;}
#red #mapa img {border:6px solid #fff;}
#red #buscaMapa {position:relative; float:left; width:250px; padding:10px 0 0 10px;}
#red #buscaMapa p {font-size:0.90em; text-align:left;}

#buscaMapa form {position:relative; font-size:0.9em; margin:20px 0 0 -10px;}
#buscaMapa form  span {positin:relative; font-size:0.95em; text-align:right; font-weight:bold; vertical-align:top; line-height:2.2em; width:80px; padding-right:2px; display:table-cell; color:#5b5a5a;}
#buscaMapa form fieldset select {vertical-align:top; font-size:0.9em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#7e7e7e;}
#buscaMapa form fieldset input {margin-left:100px; top:-10px;}
#buscaMapa form fieldset {border:none;}

#buscaMapa div {position:relative;}
#buscaMapa div p {position:relative; font-size:0.85em!important; text-align:center!important; margin-top:20px;}
#buscaMapa div p a {color:#da5638;}

.campoMapa {position:relative; left:85px; margin-top:-23px;}
/*================================================*/
/*================= MENÚ LATERAL =================*/
/*================================================*/

#navcontainer {display:none;}

/*ACCESO CLIENTES*/
.accesoClientes {display:none;}
#eligeIdioma .accesoClientes {display:none;}
#accesoIdioma {display:none;}

.noBorde {border:none!important;}

#gracias {position:relative; margin:60px 0 180px 0;}


#hojaPedido {position:relative;}
#hojaPedido textarea {width:650px;}


.mida1 {position:relative; width:70px; overflow:hidden;}
.mida2 {position:relative; width:190px; overflow:hidden;}
.mida3 {position:relative; width:100px;}

.liniaPedido {position:relative; height:20px; boder:none; border-top:1px solid #fff; clear:both; overflow:hidden; line-height:20px;} 
.liniaPedido li {position:relative; margin:0!important; list-style:none; padding:5px 10px 0 10px; float:left;}
.gris {background-color:#f7f6f6;}

.formPedido select {font-size:0.8em;}
.formPedido input {height:1.4em; font-size:0.9em; padding:1px;}

.titular {position:relative; margin-top:20px; background:#938d8d; color:#fff; font-weight:bold; font-size:0.85em; height:15px;}

.titular li {position:relative; margin:0!important; list-style:none; padding:5px 10px 0 10px; border-right:1px solid #fff; float:left; height:20px;}
.textoCentro {position:relative; text-align:center;}

.icoBorrar {position:relative; margin:3px 0 0 10px;}

#finPedido {position:relative; clear:both; border-top:1px solid #fff; height:20px; background-color:#f7f6f6;}

.botoPedido {position:relative; float:right; height:auto!important; margin-right:8px;}



.navega {display:none;}