/* CSS Document */
/* 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;
}

fieldset,img { 
	border:0;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;	
}

q:before,q:after {
	content:'';
}

abbr,acronym { border:0;
}

/*---------------------------------*/
html{ }
body{ 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:75%;
	min-height:100%;
	background-color:#0275CD;
	background-image:url(../images/img-nova/fondo-web.jpg); background-position:bottom; background-repeat:no-repeat;
	background-image:url(../images/img-nova/bottom2.jpg); background-position:bottom center; background-repeat:no-repeat;
	}
#fondo{ background-image:url(../images/img-nova/fondo-web.jpg); background-position:top center; background-repeat:no-repeat; width:100%;  background-color:#0373C7; min-height:100%;  }	
#fondo2{  background-image:url(../images/img-nova/bottom2.jpg); background-position:bottom center; background-repeat:repeat-x; height:100%;}
#fondo3{  background-image:url(../images/img-nova/bottom.jpg); background-position:bottom center; background-repeat:no-repeat; height:100%; padding-bottom:180px; position:relative;}

.clear{ clear:both;}


#web{ 
	width:980px;
	margin:auto;overflow: hidden;
	_display: inline-block; height:100%; }
.right{ float:right;}
.left{ float:left;}
.cleft { clear:left;};




#web a:hover{ text-decoration:underline;}
.bar{ height:168px; background-repeat:no-repeat; position:relative;}
	.top-bar{  height:40px; }
		.cont-search{ float:left; margin-top:12px; }
			.search-bar{  float:left; background-color:#FFFFFF; margin-right:10px;}
			.search-bar-inner1{ background-image:url(../images/search-left.jpg); background-position:left; background-repeat:no-repeat; padding-left:10px; }
			.search-bar-inner2{ background-image:url(../images/search-right.jpg); background-position:right; height:21px; background-repeat:no-repeat; text-align:center; padding-right:10px; }
			.search-bar .input-search{ border-style:none; margin-top:3px; font-size:0.9em;}

	.menu-bar{ float:left;  font-size:1.4em; color:#FFFFFF; text-transform:uppercase; font-size:12px; font-weight:bold;     text-align:left; width:770px; height:26px; padding-top:10px; position:absolute; left:0; top:39px; padding-left:20px;}
	.menu-bar a{ color:#FFFFFF; text-decoration:none; margin-right:8px; margin-left:0px; text-shadow:0.1em 0.1em 0.1em #000000; background-image:url(../images/img-nova/separator-menu.jpg); background-repeat:no-repeat; background-position:left; padding-left:15px; padding-right:10px;}
	.users-bar{ color:#333; position:absolute;  width:470px; text-align:center;  height:22px; font-size:0.9em;  position:absolute; top:90px; left:265px; }
	.users-bar .form-input{
	color:#999;
	font-size:1em;
	background-color:##FFFFFF;
	border: 1px solid #A6A8AA;
	width:112px;
	
	padding:1px;
	}

	.lang-bar{  position:absolute; right:15px; top:35px; width:182px; height:25px; float:right; color:#FFFFFF; font-size:0.7em;  padding-top:5px; margin-top:8px; font-size:0.8em; text-align:right;}
	.lang-bar a{ color:#A7E7FC; text-decoration:none;} 
	
#left-cont	{ float:left;  width:220px;}
		.logo{ display:block; width:200px; position:absolute; top:74px; left:20px;}

#main-cont	{ float:right; width:700px; min-height:470px;  font-family:Arial, Helvetica, sans-serif; color:#DDECF7; margin-right:17px;}
#main-cont a{ color:#87D9FC; font-weight:bold;}
#main-cont p{ line-height:1.5em; margin-bottom:1.8em; margin-top:0.2em; }
#main-cont ul{ line-height:1.5em; margin-bottom:1.8em; margin-top:0.2em; }
	.basket-cont{ color:#2A87AC; padding-top:7px; line-height:1.6em; position:absolute; right:4px; top:80px;  }
		.basket{ background-image:url(../images/carro-icon.jpg); width:157px; height:49px; float:right; color:#FFFFFF; font-size:1.4em; padding-left:60px; background-repeat:no-repeat; padding-top:0.2em; line-height:1em;}
		.basket-cont a{ color:#FFF; text-decoration:none;}
		.text-basket{ position:absolute; left:260px; top:120px;  width:470px; font-size:11px; }
		.text-basket a{ color:#0797DC; font-weight:bold;}
		#main-cont .basket-cont p{ line-height:0.9em; margin-bottom:0.2em; }
		.groc{ color:#FFFF66; font-size: 0.9em}
		#main-cont .basket-cont p a { color: #fff; font-weight: normal; text-decoration:none; }
		#main-cont .basket-cont p.groc a { color: #FFFF66; font-weight: normal; text-decoration:none; }
		
	#menu-left{ background-image:url(../images/menu-middle.jpg); background-repeat:repeat-y; width:219px; float:left; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; margin-left:17px;  }
	.menu-left-inner{ background-image:url(../images/menu-top.jpg); background-repeat:no-repeat; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; color:#339; font-size:1.3em; font-weight:bold; padding-top:9px; padding-left:10px; padding-bottom:26px;  }
	.menu-left-inner2{ background-image:url(../images/menu-bottom.jpg); background-repeat:no-repeat; background-position:bottom; }
		.menu-left-inner input{ width:170px; border:0px; }
	#menu-left a{ text-decoration:none; color:#FFF;}
	#menu-left li{ background-image:url(../images/icon.jpg); background-repeat:no-repeat;background-position:0px 6px; padding-left:13px; margin-left:15px; line-height:1.8em;}
	
	#menu-left li ul li{ background-image:url(../images/icon-subli.jpg); background-repeat:no-repeat;background-position:0px 6px; padding-left:13px; margin-left:0px; line-height:1.8em; }
	#menu-left li ul li a{ color:#2A88A4;}
	#menu-left .active{ text-decoration:underline;}
	
	
	#left-cont #cont-h1 a{ color:#2A86B6; font-weight:bold;}
	#left-cont #cont-h1 { float:left; width:219px; margin-top:10px; }
	#left-cont #cont-h1 p{ margin-bottom:0.4em; margin-top:0.2em;}
	#cont-h1 li{ list-style:circle; list-style:inside; line-height:1.7em; margin-left:10px;}
	.cont-h1-top{  font-size:166.7%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; background-image:url(../images/img-nova/bottom-titol.jpg); background-repeat:repeat-x; background-position:bottom; padding-bottom:5px; text-shadow:1px 1px 1px #000000;    }
	#left-cont #cont-h1 .cont-price{ width:206px; margin-left:0.4em;  overflow: hidden; _display: inline-block; padding-bottom:7px; padding-top:7px;}
	.cont-h1-top-inner1{ }
	
	.cont-h1-top-inner2{ }
	#main-cont .cont-h1-top-inner2 a {color:#fff;text-decoration:none;font-size:1em;}
	#main-cont h1{ font-size:1.3em; color:#DDECF7;}
		#main-cont h2{ font-size:1.2em;}

	.cont-h1-bottom{ clear:both;  }

	
	#cont-h2{ font-size:0.9em;}
	
	.cont-h2-top{
background-image:url(../images/img-nova/bottom-titol.jpg);
background-position:center bottom;
background-repeat:repeat-x;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:166.7%;
font-weight:bold;
padding-bottom:5px;
text-shadow:1px 1px 1px #000000; }
	.cont-h2-top-inner1{ }
	.cont-h2-top-inner2{  }
	#main-cont .cont-h2-top-inner2 a {color:#fff;text-decoration:none;}
	
	.cont-h2-bottom{  }
	.cont-h2-bottom-inner1{}
	.cont-h2-bottom-inner2{ }	
	#cont-h2 .img-decoration{
	padding:2px;
	border: 1px solid #000000;
	float:left;
	margin-right:15px;
	}
        #cont-h3{ font-size:0.9em;}
	
	.cont-h3-top{ background-image:url(../images/bkg-center-h3.jpg); background-repeat:repeat-x; margin-bottom:10px;  font-size:1.1em; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; }
	.cont-h3-top-inner1{ background-image:url(../images/bkg-left-h3.jpg); background-repeat:no-repeat; background-position:left; }
	.cont-h3-top-inner2{ background-image:url(../images/bkg-right-h3.jpg); background-position:right; background-repeat:no-repeat; height:26px; padding-top:5px; padding-left:10px; color:#FFFFFF; font-weight:bold; }
	#main-cont .cont-h3-top-inner2 a {color:#218C6F;text-decoration:none;}
	
	.cont-h3-bottom{ background-image:url(../images/bkg-bottom-center-h3.jpg); background-repeat:repeat-x; margin-top:10px; background-position:top; }
	.cont-h3-bottom-inner1{ background-image:url(../images/bkg-bottom-left-h3.jpg); background-position:top left; background-repeat:no-repeat;}
	.cont-h3-bottom-inner2{ background-image:url(../images/bkg-bottom-right-h3.jpg); background-position:top right; background-repeat:no-repeat; height:11px; }	
	#cont-h3 .img-decoration{
	padding:2px;
	border: 1px solid #218C6F;
	float:left;
	margin-right:15px;
	}
	
	.cont-productos-left{ float:left; width:345px;  overflow: hidden; _display: inline-block; margin-bottom:10px;}
	.cont-productos-right{ float:left; width:345px; margin-left:25px; overflow: hidden; _display: inline-block; margin-bottom:10px;  }

	.img-decoration{
	padding:2px;
	border: 1px solid #87D9FC;
    }
	
	.old-price{ float:left; text-decoration:line-through; color:#333333; font-weight:bold; }
	.price{ float:right; color:#333333; font-weight:bold;}
	.destacat{ color:#87D9FC; font-weight:bold; font-size:1.1em;}
	.separator-h{ background-image:url(../images/separador-horitz.jpg); background-repeat:repeat-x; height:3px; background-position:top; line-height:1px; font-size:1px; margin-bottom:4px; clear:both; }
	.separator-h2{ background-image:url(../images/separador-horitz2.jpg); background-repeat:repeat-x; height:3px; background-position:top; line-height:1px; font-size:1px; margin-bottom:10px; clear:both;}
	
	#bottom{  height:22px;  position:absolute; bottom:7px; width:980px; width:100%; }
		.bottom-inner{ width:980px; margin:auto; color:#CCE3EB; font-size:0.9em; padding-top:5px; }
		.bottom-inner a{ color:#E7F2F5;}
		
	.cont-novedades{ float:left; width:200px; font-size:0.9em; font-family:Arial, Helvetica, sans-serif; padding-left:14px; padding-right:17px; margin-top:10px; margin-bottom:10px;}
	.cont-interior{ float:left; width:380px; font-size:1em; font-family:Arial, Helvetica, sans-serif;  margin-left:15px; margin-top:0px; margin-bottom:10px;}
	#main-cont .cont-interior p{ line-height:1.5em;}
	#main-cont .cont-novedades p{ margin-bottom:0.3em;}
	
	.cont-interior-big{ margin-top:10px; margin-bottom:15px;   }
	#main-cont .cont-interior-big p{ line-height:1.5em; margin-bottom:1em;}
	h1{ color:#FFF; font-weight:bold; font-size:1.1em; margin-bottom:0.2em; margin-top:0.3em;}
	
	
	#link-bar { margin-bottom:10px; font-size:0.9em; background-image:url(../images/separador-horitz.jpg); background-repeat:repeat-x; background-position:bottom; padding-bottom:8px; color:#77B1F0; }
	#link-bar a{ font-weight:normal; margin-left:3px; margin-right:3px; }
	#link-bar .active{ font-weight:bold; }
	
	
	#paginat{ text-align:right;}
		
	#paginat a.siguiente-but	{
	text-decoration:none;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #154A93;
	padding-left:15px;
	margin-left:15px;
        }

	#paginat a.anterior-but	{ 
	text-decoration:none;
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-right-style: solid;
	border-right-color: #154A93;
	padding-right:15px;
	margin-right:15px;  
	}
	
	#paginat span.siguiente-but	{
	color:#154A93;
	text-decoration:none;
	font-weight: bold;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: ##6B6B6B;
	padding-left:15px;
	margin-left:15px;
        }

	#paginat span.anterior-but	{ 
	color:#154A93;
	text-decoration:none;
	font-weight: bold;
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-right-style: solid;
	border-right-color: ##6B6B6B;
	padding-right:15px;
	margin-right:15px;  
	}
	
	.Input{ margin:5px; color:#333333;
	 font-family:Arial, Helvetica, sans-serif; font-size:1em; padding:1px;}
	 
	 .Cont-reg{ background-image:url(../images/contblue-trans.png); background-repeat:repeat; padding:20px;}
	 .Cont-reg1{ float:left; width: 260px;background-image:url(../images/contblue-trans.png); background-repeat:repeat; padding:20px;}
	 .Cont-reg2{ background-image:url(../images/contblue-trans.png); background-repeat:repeat; float:right; width: 330px;  margin-left:15px; padding:20px; padding-left:30px;}	 
	 .Cont-reg3{ float:left; margin-top:10px; width:300px; font-size:0.9em;}
	 .Cont-reg-ok {background-color:#C8FDBE; padding:10px; text-align: center;font-weight:bold; margin-bottom: 5px;}
	 .Cont-reg-ko {background-color:#FD9494; padding:10px; text-align: center;font-weight:bold; margin-bottom: 5px;}
	
	#main-cont .botoblau {
	   cursor:pointer;
	   background: transparent url(../images/btn.jpg) no-repeat;
	   border-width:0px;
	   width: 117px;
	   height: 25px;
	   color:#039;
	   font-weight:bold;
	   text-align:center;
	}
	#main-cont .botoblaullarg {
	   cursor:pointer;
	   background: transparent url(../images/btn-llarg.jpg) no-repeat;
	   border-width:0px;
	   width: 172px;
	   height: 25px;
	   color:#06C;
	   font-weight:bold;
	   text-align:center;
	}	
	#main-cont .botoblau a, #main-cont .botoblaullarg a  {
	   color:#003399;
	   text-decoration:none;
	   line-height: 24px;
	}
	.top-bar .botoentrar {
            cursor:pointer;         background: transparent url(../images/entrar-btn.jpg) no-repeat;		
            border-width:0px;       width: 90px; 
           color:#CCC;
            font-weight:bold;       text-align:center;
            font-size:0.9em;        vertical-align:top;
		
			height:20px;
			padding-top:1px;
			padding-bottom:22px;
		

			
			
            margin-left:10px;       text-transform:capitalize;
	}
	.top-bar .botocercar {
            cursor:pointer;         background: transparent url(../images/cercar-btn.jpg) no-repeat;
            border-width:0px;       width: 50px; 
            height: 22px;           color: #fff; 
            text-align:center;
            font-size:0.8em;        vertical-align:middle; 
            margin-left:10px;       text-transform:capitalize;
	}
	.FieldError {
	   color:#a00;
	}
	
	label.necessari { color:#052C58; font-weight:bold; }
	
	table.dades_personals th {
	   text-align: right;
	   width: 50%;
	   padding-right: 10px;
    	   line-height: 18px;
	}
	table.dades_personals td {
	   padding-left: 5px;
	   width: 50%;
	   line-height: 18px;
	}	
	
	
	.mostrar, .ocult { display: none;}
	
	
	/* llista d'adreces */
	
	ul#adreces li { list-style-type: none; }
	
	.adreca {margin-bottom: 5px}
	.dit {cursor:pointer}
	
        .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: #888; display:block;}
        .adreca .pais { color: #999; display:block; }
        
        
        
        div.resposta-positiva {
            text-align:center;
            border:2px solid #80CBEC;
            padding:20px 30px;
            margin:1em 0;
            font-size:108%;
            color:#DDECF7;
        }
        div.resposta-negativa {
            text-align:center;
            border:2px solid #93271D;
            padding:20px 30px;
            margin:1em 0;
            font-size:108%;
            color:#93271D;
        }
        

/* bossa de la compra */
	 
table#detalls-bossa-compra {
    width:100%;
    border-collapse: collapse;
}	 

	table#detalls-bossa-compra th,
	table#detalls-bossa-compra td {
            padding:4px;
	}

		table#detalls-bossa-compra th {
                    color:#B3D8FD;
		}
		
		table#detalls-bossa-compra td {
                    border:1px solid #3C9BFB;
                    border-width:1px 0;
		}
		
			table#detalls-bossa-compra td.primera-columna {border-left-width:1px}
			table#detalls-bossa-compra td.ultima-columna {
                            border-right-width:1px;
                            color:#FFF;
                            font-weight:bold;
			}
			table#detalls-bossa-compra .camp {width:30px;} 
	
	table#detalls-bossa-compra td a.treure {
            display:block;
            background:transparent url('../images/del_icon.gif') top center no-repeat;
            padding-top:20px;
            text-align:center;
            color:#F33;;
	}
	
	p#despeses-enviament {
            text-align:right;
            border:1px solid #3C9BFB;
            padding:5px;
	}
	
	p#total-bossa-compra {
            text-align:right;
            border:1px solid #3C9BFB;
            padding:5px;
            color:#FFF;
	}
	
		p#total-bossa-compra strong#import-total {
                    font-size:125%;
		}
	 
	 	p#boto-finalitzar-comanda {text-align:right;}
		
		p#boto-finalitzar-comanda .boto {margin-left:15px}



/* passos finalitzar comanda */

div.passos {
background:transparent url(../images/fondo-passos-compra.gif) top left repeat-x;
padding-left:20px;
}	
    div.passos span {
    float:left;
	padding:30px 10px 0 10px;
	text-align:center;
	margin-right:22px;
	color:#DDEEFB;
    }
	
    div.passos span.actiu {
    font-weight: bold;
    color:#FFF;
	background:transparent url(../images/fondo-passos-compra-actiu.gif) top left repeat-x;
    }
	
	div.passos div.trenca-flotats {
	clear:left;
	height:1px;
	}

div#comandes, div#dades-personals {
width:355px;
}

div#comandes {float:left;}
div#dades-personals {float:right;}

	div.caixa-informacio {
	border:1px solid #333333;
	padding:5px 10px;
	margin-bottom:10px;
	}
    
            div.caixa-informacio h2 {
                border-bottom:1px dotted #666666;
                padding-bottom:5px;
                margin-bottom:10px;
            }
            
            
            
            
            
            
    
table#taula-contacte tr td {
    padding-top: 5px;
    }
    
    table#taula-contacte td.label {
        vertical-align: top;
        width: 135px;
        text-align: right;
        padding-right: 5px;
    }
    table#taula-contacte td.label-dreta {
        vertical-align: top;
        width: 90px;
        text-align: right;
        padding-right: 5px;
    }
    
    table#taula-contacte td.field {
        width: 250px;
    }

    
    table#taula-contacte input[type="text"] {
        width: 100%;
        border: 1px solid #28829c;
        background-color: #f1f8f0;
    }
    
    table#taula-contacte textarea {
        width: 100%;
        height: 7em;
        border: 1px solid #28829c;
        background-color: #f1f8f0;
    }
    
	#taula-contacte input{ padding:1px; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:12px;}
	#taula-contacte textarea{ padding:1px; font-family:Arial, Helvetica, sans-serif; color:#333;  font-size:12px;}
    
    table#taula-contacte label.obligatori {
        font-weight: bold;
    }
    table#taula-contacte label.error {
        color: #900;
    }
    
    table#taula-contacte input.obligatori, table#taula-contacte textarea.obligatori {
        
    }
    table#taula-contacte input.error, table#taula-contacte textarea.error {
        border-color: #900;
        border-right-width: 2px;
    }
    
    div.capsa_error {
        width: 400px;
        text-align: center;
        padding: 5px;
        font-weight: bold;
        border: 1px dotted #900;
        background-color: #FFC2C3;
    }
    div.capsa_ok {
        width: 400px;
        text-align: center;
        padding: 5px;
        font-weight: bold;
        border: 1px dotted #090;
        background-color: #DFFFD3;
    }

a.afegir-carret {
    float:right;
}

#main-cont ul.llista_subcategories {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
	#main-cont ul.llista_subcategories li{
		display:block;
		float: left;
		margin: 5px;
		background-color: #2A86B6;
		color:#fff;
	}
		#main-cont ul.llista_subcategories li a {
			display:block;
			padding:5px 20px;
			color:#fff;
			text-decoration: none;
		}
		
.cont-interior-big-condicions h2{
	margin-top:10px;
	font-weight:bold;
}

.resum-cerca{ padding-top:20px;}
.resum-cerca input{ width:350px; border:none; float:left; padding:3px; font-family:Arial, Helvetica, sans-serif; background-color:#E5F1FB;}
.resum-cerca .boto{ width:70px; border:none; float:left; padding:2px; font-family:Arial, Helvetica, sans-serif; margin-left:10px; background-color:#FFF; color:#036; font-weight:bold; }