html, body, div, span,h1, h2, h3, h4, h5, h6, p, img, ol, ul, li, dl, dt, dd, form,fieldset,legend,label, table, td, tr,th{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
	text-decoration:none;
}


input{
	margin: 0;
	padding: 0;
}


html,
body {
   margin:0;
   padding:0;
   height:100%;
}

html{
	overflow-y: scroll;
	min-height: 100%;
 	height: auto;

}

 body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFF;
	background:url(../images/fondo_cos.png) repeat-y center top #FFF;
}

a{
	text-decoration:none;
	color:#FC0;
}
a:hover{text-decoration:underline;}


.constrictor{
	width:780px;
	margin:0 auto;
}

#cos{
	overflow:hidden;
	padding-bottom:10px;
}

#lateral{
	width:230px;
	padding-top:10px;
	float:left;
}

#lateral h1{
	text-align:right;
	background:url(../images/logo_botiga.png) no-repeat;
	padding-top:85px;
	padding-right:70px;
	color:#FFF;
	text-transform: uppercase;
	font-weight:bold;
	margin-bottom:5px;

}

#lateral h1 span{
	display:none;
}

#menus{
	width:170px;
}

#menu_productes{
	margin-left:10px;
	margin-bottom:50px;
	background:url(../images/fondo_menulateral.png) no-repeat #B00;
	padding-top:10px;
}

#menu_productes .interior{
	background:url(../images/fondo_menulateral.png) no-repeat left bottom;
	padding-bottom:10px;
	text-align:right;
}

#menu_productes ul{
	list-style:none;
}

#menu_productes li{
	margin-bottom:5px;
	background:url(../images/decor_li_menu.png) no-repeat right 4px;
	padding-right:15px;
}

#menu_productes a{
	color:#FFF;
	font-weight:bold;
}

#menu_productes a:hover{
	text-decoration:underline;
}




#menu_general{
	text-align:right;
	padding-right:10px;
}

#menu_general ul{
	list-style:none;
}

#menu_general li{
	margin-bottom:5px;
}

#menu_general a{
	color:#FFF;
	font-weight:bold;
}

#menu_general a:hover{
	text-decoration:underline;
}

#conts{
	padding-left:10px;
	padding-right:10px;
	width:530px;
	float:left;
}

#capcelera{
	border-bottom:1px solid #FFF;
	position:relative;
	padding-top:30px;
	margin-bottom:30px;
	overflow:hidden;
	width:100%;
	

}

#capcelera h2{
	font-size:25px;
}

#capcelera #carro{
	position:absolute;
	top:5px;
	right:0px;
	background:url(../images/decor_carro.png) no-repeat;
	width:180px;
	height:35px;
}

#carro .interior{
	color:#FFF;
	display:block;
	font-weight:bold;
	line-height:32px;
	padding-left:40px;
}




.llistat_productes{
}

#texte_categoria p{
	margin-bottom:30px;
	padding:5px 5px 5px 40px;
	background: url(../images/alerta.gif) #000 no-repeat 5px center
}

.fitxa_producte{
	margin:0 auto 30px auto;

	background:url(../images/fons_fitxa.png) no-repeat #900;
	width:450px;
	overflow:hidden;
}

.fitxa_peu{
	height:15px;
	background:url(../images/fons_fitxa.png) no-repeat left bottom;
	clear:both;
}

.producte_foto{
	width:105px;
	float:left;
	position:relative;
}

.producte_foto img{
	border:1px solid #FFF;
}


.producte_foto  a span{
	position:absolute;
	left:0;
	top:0;
	display:block;
	height:14px;
	width:14px;
	background:url(../images/btn_zoom.png) #000;
	cursor:pointer;
	
}

.producte_foto  a:hover span{
	background-color:#B00;
}


.producte_descrip{
	width:330px;
	padding-left:5px;
	padding-right:10px;
	float:left;

}

.producte_descrip h3{
	font-size:20px;
	color:#FFF;
	margin-bottom:15px;
	padding:3px;
}

.producte_descrip table{
	margin-bottom:10px;
	font-size:11px;
	width:100%;
}

.producte_descrip th{
	font-weight:bold;
	text-align:right;
	padding:3px;
}

.producte_descrip td{
	background-color:#FC9;
	color:#000;
	padding:3px;
	font-weight:bold;
}

.producte_descrip .preu{
	font-size:16px;
	color:#900;
}

.fitxa_producte .btn_comprar{
	font-size:11px;
	overflow:hidden;

}

.btn_comprar a{
	color:#000;
	font-weight:bold;
	background:url(../images/btn_comprar.png) no-repeat #FC0;
	display:block;
	padding-left:20px;
	width:60px;
	height:20px;
	line-height:20px;
	float:right;
}


/*pedido*/
.llistat_pedido table{
	width:100%;
	margin-bottom:20px;
}

.llistat_pedido th{
	background-color:#900;
	font-weight:bold;
	padding:2px;
}

.llistat_pedido table.formulari th{
	text-align:right;
	width:140px;
}

.llistat_pedido table.formulari td p{
	color:#900;
	font-size:11px;
}

.llistat_pedido table.formulari td p a{
	color:#000;
}

.llistat_pedido td{
	padding:2px;
	vertical-align:middle;
	background-color:#FC9;
	color:#000;
	font-weight:bold;
}

.llistat_pedido td.foto img{
	display:block;
}

.llistat_pedido .foto,
.llistat_pedido .accio,
.llistat_pedido .preu
{width:60px;}

.llistat_pedido td.txt_center{text-align:center;}
.llistat_pedido td.txt_right{text-align:right;}

.llistat_pedido .preufinal{
	background-color:#900;
	font-size:14px;
	color:#FFF;
	width:90px;
}

p{
	margin-bottom:1em;
	color:#FC9;
}

.llistat_pedido input,
.llistat_pedido textarea{
	width:99%;
}



#navega_pedido {
	overflow:hidden;
}

#navega_pedido a{
	display:block;
	border:1px solid #000;
	padding:4px;
	background-color:#FC0;
	color:#000;
	font-weight:bold;
}

#navega_pedido a:hover{
	color:#A00;
}

#navega_pedido .enrere{
	float:left;
}

#navega_pedido .seguent{
	float:right;
}

.nota_info{
	font-weight:bold;
	text-align:center;
}