/*
MIDES
-----
layout: 695px  
columna 1: 508px
columna 2: 214px
*/

/*= etiquetes genèriques */
body, html  {
margin:0;
padding:0;
text-align:center;
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:70%;
line-height:1.4em;
background:white url(../img/fons_01.gif) 0 0  repeat;
color:#7F7F7F;
}

h1,h2,h3,h4,h5,form,p,pre,fieldset {
font-weight:normal;
margin:0;
padding:0;
font-size:1em;
}

form { display: inline; }

table {font-size:1em }

a { cursor: pointer }
a img {border:0}


acronym, abbr {
text-decoration:none;
border:0;
}

.ocult , .mostrar { display:none; }

/*= elements de totes les pàgines */
div#contenidor {
text-align:left;
width:780px;
margin:0 auto;
background-color:white;
}

div#capcalera {
    margin:0 10px;
    height:131px;
    position:relative;
}

div.capcalera_barcelona, div.capcalera_madrid  {
margin:0 10px;
height:118px;
position:relative;
}

div.capcalera_normal {background:white url(../img/fons_capcalera_3.jpg) 0 0 no-repeat;}
div.capcalera_barcelona {background:white url(../img/fons_capcalera_1.gif) bottom right no-repeat;}
div.capcalera_madrid {background:white url(../img/fons_capcalera_2.gif) bottom right no-repeat;}
div.capcalera_normal div#opcions_capcalera {color:white}
div.capcalera_madrid div#opcions_capcalera {color:black}

div.capcalera_normal h1 {
    position:absolute;
    top:15px;
    left:265px;
    height:115px;
    width:245px;
    background:transparent;
}

div.capcalera_barcelona h1, div.capcalera_madrid h1 {
    position:absolute;
    top:30px;
    left:13px;
    height:77px;
    width:195px;
    background:transparent url(../img/logotip_kodigo4.gif) 0 0 no-repeat;
}

div.capcalera_normal h1 a {
    text-decoration:none;
    display:block;
    text-indent:-10000px;
    height:100px;
    width:267px;
}	

div.capcalera_barcelona h1 a, div.capcalera_madrid h1 a{
    text-decoration:none;
    display:block;
    text-indent:-10000px;
    height:77px;
    width:195px;
}

div#opcions_capcalera {
    position:absolute;
    top:53px;
    right:10px;
    color:#7F7F7F;
    text-align:right;
}


#cercador {width:93px;}

#seleccio_idioma {
    width:100px;
    font-style:italic;
    color:#7F7F7F;
    font-size:11px;
}

#seleccio_idioma option[selected] {
    font-weight: bold;
}

div#navegacio_global {
background:#CD037E url(../img/fons_02.gif) 0 0 repeat-x;
margin:0 10px 20px 10px;
}

div#navegacio_global ul {
margin:0 0 0 15px;
display:inline;
padding:0;
list-style:none;
float:left;
}

	div#navegacio_global ul li {
	float:left;
	margin:0;
	padding:0;
	position:relative;
	z-index:50;
	}

		div#navegacio_global ul li a:link, div#navegacio_global ul li a:visited{
		text-decoration:none;
		float:left;
		margin-right:13px;
		color:white;
		padding:0 4px;
		height:23px;
		line-height:23px;
		}

			div#navegacio_global ul li a:hover {
			color:#FDCE31;
			background:transparent url(../img/fons_03.gif) top left repeat-x;
			}


				em#vincle_botiga {
				display:block;
				float:left;
				height:23px;
				line-height:23px;
				padding:0 17px 0 0;
				background:transparent url(../img/ico_carret.gif) right 6px no-repeat;
				font-style:normal;
				cursor:pointer;
				}


					div#navegacio_global ul li a:hover em#vincle_botiga {
					background-position:right -33px;
					}
					
		div#navegacio_global ul li ul {
		display:none;
		float:none;
		margin:0;
		position:absolute;
		z-index:10;
		left:0;
		top:23px;
		background-color:#CD037E;
		padding:1px 10px;
		}
		
			div#navegacio_global ul li ul li {
			float:none;
			margin:5px 0;
			}
			
				div#navegacio_global ul li ul li a:link,
				div#navegacio_global ul li ul li a:visited {
				float:none;
				margin:0;
				line-height:normal;
				height:auto;
				padding:0 !important;
				}
				
				div#navegacio_global ul li ul li a:hover {
				text-decoration:none;
				background-image:none;
				}

div#contingut {margin:0 10px;}

div#columna-1-home {
width:508px;
float:left;
margin-right:17px;	
}

	div#banner-home {
	position:relative;
	height:234px;
	margin-bottom:25px;
	}

		div#text-banner-home {
		position:absolute;
		width:488px;
		padding:5px 10px;
		bottom:0;
		left:0;
		background:transparent url(../img/fons_05.png) 0 0 repeat;
		}

div#text-banner-home h2 {
color:rgb(255,255,0);
font-size:1.2em;
margin-bottom:3px;
font-weight:bold;
}

div#navegacio-banner-home {
float:right;
color:white;
height:50px;
line-height:50px;
}

div#columna-1-interior {
width:508px;
float:left;
margin-right:17px;	
color:black;
}

div#columna-1-interior p {
margin:0 0 1em 0;
}

p#passos_compra {
background-color:#CCCCCC;
padding:0.5em;
color:black;
font-size:0.8em;
margin-bottom:2em;
}

div#columna-2-home {
width:214px;
float:left;
}

div#caixa_carret {
background:#E6E6E6 url(../img/kodigo-icon2.gif) 5px 13px no-repeat;
border-bottom:5px solid #DB0066;
margin-bottom:10px;
padding:7px 7px 7px 50px;
color:#999999;
}

div#caixa_carret.ple {
    background-image: url(../img/kodigo-icon1.gif);
}
h2#cap_noticias {
background:transparent url(../img/fons_07.gif) 0 0 repeat-x;
}

h2#cap_noticias div {
color:white;
height:30px;
line-height:30px;
padding:0 10px 0 35px;
background:transparent url(../img/ico_noticies.gif) 0 0 no-repeat;
}

h2#cap_dudas {
background:transparent url(../img/fons_08.gif) 0 0 repeat-x;
}

h2#cap_dudas div {
color:white;
height:30px;
line-height:30px;
padding:0 10px 0 35px;
background:transparent url(../img/ico_dubtes.gif) 0 0 no-repeat;
}

div#caixa_estalvi {
padding:0 7px 7px 7px;
border-bottom:5px solid #DB0066;
margin-bottom:1.5em;
}

p.pq {
background-position:top left;
background-repeat:no-repeat;
margin:1em 0;
padding:0 0 0 25px;
}	

p#pq_seguro {background-image:url(../img/ico_seguro.gif)}
p#pq_facil {background-image:url(../img/ico_facil.gif)}
p#pq_tansparente {background-image:url(../img/ico_transparente.gif)}
p#pq_rapido {background-image:url(../img/ico_rapido.gif)}
p#pq_directo {background-image:url(../img/ico_directo.gif)}

ol#llistat_productes_1, ol#llistat_productes_1 li, ol#llistat_productes_2, ol#llistat_productes_2 li, ol#llistat_miniatures, ol#llistat_miniatures li {
margin:0;
padding:0;
list-style:none;
}

ol#llistat_productes_1 li {
display:block;
float:left;
height:108px;
width:108px;
margin:0 25px 25px 0;
}

ol#llistat_productes_1 li.ultim, ol#llistat_productes_2 li.ultim, ol#llistat_miniatures li.ultim {
margin-right:0;
}

ol#llistat_productes_1 li a{
display:block;
color:white;
position:relative;
font-size:0.9em;
}

	ol#llistat_productes_1 li a span{
	display:block;
	cursor:pointer;
	text-align:center;
	background:transparent url(../img/fons_05.png) 0 0 repeat;
	padding:2px 0;
	width:108px;
	position:absolute;
	bottom:10px;
	left:0;
	}

ol#llistat_productes_2 li {
display:block;
float:left;
width:162px;
margin:0 10px 25px 0;
}

    ol#llistat_miniatures li {
        display:block;
        float:left;
        width:70px;
        margin:0 6px 6px 0;
    }
            ol#llistat_miniatures li a {
                    position:relative;
            }
            
            ol#llistat_miniatures li a span {
                display:block;
                position:absolute;
                left:0;
                width:70px;
                height: 70px;
/*              text-indent:-10000px; */
            }	
                ol#llistat_miniatures li a.triat img {
                    opacity: 0.33;
                }		

ul.llistat_distribuidors, ul.llistat_distribuidors ul, ul.llistat_distribuidors li {
margin:0;
padding:0;
list-style:none;
}

ul.llistat_distribuidors a {color:black}

ul.llistat_distribuidors li{
clear:left;
}

ul.llistat_distribuidors li h3 {
font-weight:bold;
font-size:1.3em;
color:#8D8D8D;
padding-top:0.6em;
}

ul.llistat_distribuidors li li {
clear:none;
float:left;
display:inline;
width:152px;
overflow:visible;
margin:0 0 25px 25px;
height:150px;
}

ul.llistat_distribuidors li li.primer  {clear:left;margin-left:0} /* el primer de la fila */
ul.llistat_distribuidors li#internacionals  {padding-top:55px}

div#peu {
clear:left;
text-align:center;
font-size:0.9em;
padding:10px;
margin-top:30px;
}

div#vora_inferior {border-bottom:10px solid black;}

/*=classes colors */
.gris_1, a.gris_1:link, a.gris_1:visited {color:#8D8D8D;}
.gris_4, a.gris_4:link, a.gris_4:visited {color:#C3C3C3;}
.groc_1, a.groc_1:link, a.groc_1:visited {color:#FEF000;}
.blanc, a.blanc:link, a.blanc:visited {color:white}
.negre, a.negre:link, a.negre:visited {color:black}
.rosa_1, a.rosa_1:link, a.rosa_1:visited  {color:#DB0066;}
.blau_1 {color:#411462}	
.taronja_1 {color:#FB7115}
.pistatxo_1, a.pistatxo_1:link, a.pistatxo_1:visited {color:#81C41B;}
.vermell_1 {color:#CD0000}
.verd_1 {color:#57B034}

/*=classes colors de fons */
.f_gris_2 {background-color:#E6E6E6;}
.f_gris_3 {background-color:#CCCCCC;}
.f_rosa_1 {background-color:#DB0066;}
.f_rosa_2 {background-color:#FCB5DA;}
.f_blau_1 {background-color:#411462}	

/*=classes mides text */
.x_gran {font-size:1.2em;}
.gran {font-size:1.1em;}
.petit {font-size:0.91em;}
.x_petit {font-size:0.81em;}


/*=taules*/
table.simple, table.simple td {
margin:0;
padding:0;
border:0;
border-collapse:collapse;
}

tr.alterna td {
    background-color: #f2f2f2;
}

table.tbl_comanda {
border-collapse:collapse;
width:508px;
border:0;
}

table.tbl_comanda th, table.tbl_comanda td {
padding:4px;
border-collapse:collapse;
}

table.tbl_comanda tr.iva td, table.tbl_comanda tr.subtotal td {
border-bottom:1px solid #8D8D8D;
}

table.tbl_comanda tr.subtotal td {
padding-top:15px;
}

table.tbl_comanda th {
background-color:#411462;
color:white;
}

table.tbl_comanda td {
border-collapse:collapse;
color:black;
}

table.tbl_comanda td.total {
background-color:#DB0066;
color:white;
}

table.tbl_formularis {
padding:0;
border:0;
margin:0;
}

table.tbl_formularis td {
padding:3px;
border:0;
margin:0;
vertical-align:top;
}

/*= decoració textos */
.negreta {font-weight:bold}
.italica {font-style:italic}

/*=llistes*/
ul.simple, ul.simple li, ol.simple, ol.simple li {
margin:0;
padding:0;
list-style:none;
}
ul.llst_1 {
margin:0;
padding:0;
list-style:none;
}
ul.llst_1 li {
margin:0 0 2em 0;
padding:0;
list-style:none;
}

/*=classes paddings*/
.pd_3 {padding:3px !important}
.pd_10 {padding:10px !important}

/*=classes marges */
.reset_margin {margin:0 !important}
.mt_5 {margin-top:5px}
.mt_10 {margin-top:10px}
.mt_15 {margin-top:15px}
.mt_20 {margin-top:20px}
.mt_30 {margin-top:30px}
.mb_5 {margin-bottom:5px}
.mb_10 {margin-bottom:10px}
.mb_15 {margin-bottom:15px}
.mb_20 {margin-bottom:20px}
.mb_25 {margin-bottom:25px}
.mb_30 {margin-bottom:30px}
.mb_60 {margin-bottom:60px}
.mr_5 {margin-right:5px}
.mr_10 {margin-right:10px}
.mr_15 {margin-right:15px}
.mr_20 {margin-right:20px}
.ml_5 {margin-left:5px}
.ml_10 {margin-left:10px}
.ml_15 {margin-left:15px}
.ml_20 {margin-left:20px}
.ml_35 {margin-left:35px}

/*=classes amplades */
.w_162 {width:162px}
.w_168 {width:168px}
.w_180 {width:265px;}
.w_175 {width:260px;}
.w_249 {width:249px}
.w_233 {width:233px}
.w_325 {width:325px}
.w_97x100 {width:97%}

/*=aliniacions*/
.a_centre {text-align:center}
.a_dreta {text-align:right}
.a_esquerra {text-align:left}
.a_justificat {text-align:justify}
.a_dalt {vertical-align:top}
.a_baix {vertical-align:bottom}

/*=classes vincles */
a:link, a:visited {text-decoration:none}
a:hover {text-decoration:underline}
a.sense_decoracio {text-decoration:none}
a.vcl_1:link, a.vcl_1:visited {color:black;}
a.vcl_1:hover {
background-color:#DB0066;
color:white;
text-decoration:none;
}

a.vcl_2:link, a.vcl_2:visited {
color:#8D8D8D;
padding:2px;
} 

a.vcl_2:hover {
color:white;
background-color:#DB0066;
text-decoration:none;
}

a.pregunta_activa:link, a.pregunta_activa:visited{
color:white;
background-color:#DB0066;
text-decoration:none;
}

a.volver:link,a.volver:visited {
color:#8D8D8D;
padding:3px 0 3px 17px;
background:transparent url(../img/ico_volver.gif) left center no-repeat;
}

a.continuar:link,a.continuar:visited {
color:#8D8D8D;
padding:3px 17px 3px 0;
background:transparent url(../img/ico_continuar.gif) right center no-repeat;
}

a.ajuda {
position:relative;
cursor:help;
color:black;
text-decoration:none !important;	
}

	a.ajuda:hover {
	z-index:999; 
	background-color:#FFFFFF; 
	}

	a.ajuda:link span, a.ajuda:visited span {
	display: none;
	}
	
	a.ajuda:hover span {
	position:absolute;
	display: block;
	background-color:#FFFFB4;
	border:1px solid #CBCBCB;
	width:200px;
	padding:10px;
	top:10px;
	left:10px;
	}

a.ampliar {
    display: block; width: 233px; padding: 0px; float:left; height: 211px;
}

a.ampliar:link,a.ampliar:visited {
display:block;
margin-bottom:1.5em;
text-align:right;
color:#B4B4B4;
text-decoration:none;
padding-bottom:3px;
}

a.ampliar:hover {color:black;}
a.ampliar img {
    display:block;
    margin-bottom:9px;
}

a.ampliar span {
    display:block;
    padding-right:30px;
    font-size:0.9em;
    font-style:italic;
}

/*=encapçalaments */
.cap_1 {
color:#DB0066;
font-weight:bold;
font-size:1.2em;
margin-bottom:10px;
}
.cap_2 {
background:#A70865 url(../img/fons_06.gif) 0 0 repeat-x;
color:white;
text-align:center;
font-weight:bold;
padding:0.1em;
margin-bottom:5px;
}
.cap_3 {
display:inline;
background-color:#DB0066;
color:white;
font-weight:bold;
padding:1px 3px;
}
.cap_4 {
font-weight:bold;
color:black;
margin-bottom:0.6em;
font-size:1.8em;
padding:3px 0;
}
.cap_4 span#ariadna {
font-size:0.60em;
}
.cap_4 a {color:black}
.cap_5 {
font-weight:bold;
color:#DB0066;
margin:1em 0;
font-size:1.1em;
}

/*=formularis*/
.camp_1 {
border:1px solid #7F7F7F;
font-size:11px;
color:#7F7F7F;
padding:2px;
font-family:Arial, Helvetica, sans-serif;
}

.boto_1 {
background:#FA0927 url(../img/fons_09.gif) 0 0 repeat-x;
color:white;
padding:3px 5px;
border:2px solid #ddd; 
border-width:0 2px 2px 0;
font-size:0.8em;
font-weight:bold;
}

label , .dit {
    cursor:pointer;
}


input.error , select.error , textarea.error {
    border: 1px solid #CD0000;
    border-left-width: 2px;
}
label.error {
    color: #CD0000;
}

div.loginError {
    margin: 10px;
    text-align: center;
}

div.loginError strong {
    display: block;
    color: #CD0000;
    font-size: 13px;    
}

/*=caixes */
div.trenca_float {
clear:both;
height:1px;
}
div.flota_esquerra {float:left}
div.flota_dreta{float:right}
div.capsa260 { width: 260px; }


/*=altres */
.acc {
position:absolute;
left:-10000px;
}	
.d_block {display:block}

.lupa {
    background: transparent url(../img/ico_ampliar.gif) no-repeat scroll right bottom;
    height: 23px;
}

#contact_left{
float:left;
width:150px;
}

#map{
float:left;
width:350px;
height:400px;
margin:2px;
border:solid 2px #000000;
}




.adreca {
    margin: 5px 20px 10px 15px;
    padding: 10px;
    background-color: #EAF4FF;
    width: 460px;
}
.adreca:hover {
    background-color: #EAECFF;
}

.adreca .accions {
    float: right;
    width: 100px;
    text-align: left;
    margin: 15px;
}

.adreca .nom {
    font-weight: bold;
    font-size: 120%;
    color: #000;
    margin-bottom: 0.3em;
    display:block;
}
.adreca .telefon { color: #222;  display:block;}
.adreca .direccio { color: #333; display:block; }
.adreca .localitat { color: #666; display:block;}
.adreca .provincia { color: #999; display:block;}
.adreca .pais { color: #bbb; display:block; }

ul.neta {
    list-style-type: none;
    padding: 0px; margin: 0px;
}

.rosita{
	margin:20px;
	padding:5px;
	height:12px;
	line-height:12px;
	background-color:#ED008C;
	color:#FFFFFF;
	padding-left:20px;
	float:left;
}

.desplegable-plegat{
	background:#ED008C url(../img/icon-rosita-plegat.jpg) no-repeat 6px 8px;
}

.desplegable-desplegat{
	background:#ED008C url(../img/icon-rosita-desplegat.jpg) no-repeat 6px 8px;
}

.content-rosita{
	margin-left:30px;
	margin-right:30px;
}