/* ------------------ ESTILS DEL A WEB ------------------ */

body			 		{ padding:0 15px; margin:0; background:#fff; color:#333; font:95% tahoma,verdana,sans-serif; background:transparent url(imatges/bg_principal.gif) top repeat-x; }

/* ------------------ TIPOGRAFIA ------------------ */

h1, h2, h3, h4, h5 { margin:0; color:#000; padding-bottom:.5em; font-family:Lucida Sans Unicode; font-weight:normal; }
p, ul, ol		{ margin:0 0 1.5em }
h1					{ font-size:2em; }
h2					{ font-size:2em; }
h3					{ font-size:2em; }
h4					{ font-size: 116% }
h5					{ font-size: 106% }

/* ------------------ ENLLASOS ------------------ */

a, a:hover	{ text-decoration:underline; } 
a						{ color:#d30006 } 
a:hover			{ color:#000 } 

/* ------------------ FORMULARIS ------------------ */
form 				{ margin:0 }
input 			{ font-family:tahoma,verdana,sans-serif; margin:0 }
fieldset 		{ border:none }
label 			{ display:block; padding:0 }
label br 		{ clear:left }

#formulari { width:100%; font-weight:bold }
input.text { padding:3px; border:1px solid #ccc; width:280px; margin-bottom:4px; }
.textarea	{ height:150px; width:256px; border:1px solid #ccc;}
#unitats td { text-align:left; padding:3px; border-bottom:1px solid #ddd; font-weight:normal }
#unitats th { text-align:left; padding:5px; border-bottom:1px solid #ddd; background:#f1f1f1 }
#unitats input { text-align:center; border:1px solid #aaa; padding:3px }
input.boto { padding:2px 4px 2px 4px; margin:3px; cursor:pointer; text-align:center }

/* ------------------ LLISTES ------------------ */

ul 			{ }
ol 			{ }
ol li 	{ }
li 			{ }

dl 			{ margin:0 0 1em 0 }
dt 			{ font-weight:bold; margin-top:1.3em }
dl dl 	{ margin:0 0 1.5em 30px }

/* ------------------ ALTRES ETIQUETES GENERALS ------------------ */
img 					{ border:none } 
hr 						{ margin:1em 0; height:1px; color:#f2f2f2; border:none; clear:both }
.clear 				{ clear:both; position:relative; font-size:0px; height:0px; line-height:0px }


/* ------------------ ESTRUCTURA BASE ------------------ */
#web					{ margin:0 auto 0 auto; width:910px; min-height:450px; padding:0 30px 30px 30px; background:#fff url(imatges/bg_web.jpg) top center no-repeat }

/* ------------------ ESTRUCTURA - CAP ------------------ */
#cap 					{ margin:20px 0; padding:0 10px; float:right; }
#cap .logo	 	{ margin:-10px 0 0 0;}

/* ------------------ ESTRUCTURA - COLUMNA ------------------ */
#columna 					{ float:left; width:165px; margin-bottom:1.2em; font-size:.8em; margin-top:40px; }
#columna ul				{ list-style:none; padding:0; margin:0; border-top:1px solid #d30006;}
#columna ul ul		{ border:0; font-size:.8em; }
#columna h2				{ font-size:.9em; padding:2px 2px 3px 5px; }

#columna ul li a					{ border-bottom:1px solid #d30006; padding:4px; display:block; text-align:left; color:#56686c; font-weight:bold; }
#columna ul li a:hover		{ color:#000; }

#columna a				{ text-decoration:none; }
#columna ul ul a	{ padding:4px; border-bottom:1px solid #f4bfc1; text-align:left; padding-left:20px;}

/* ------------------ ESTRUCTURA - CONTINGUT ------------------ */

#contingut																											{ float:left; width:600px; padding:0; margin-left:15px; margin-top:30px; font-size:80%; }
#contingut #breadcrumb																					{ font-size:93%; font-weight:bold }
#contingut #breadcrumb a:link, #content #breadcrumb a:visited		{ text-decoration:none }
#contingut #breadcrumb a:hover, #content #breadcrumb a:active		{ text-decoration:underline }

#contingut h1 a { text-decoration:none }
.titolseccio 	{ display:block; text-align:right; border-bottom:inset; border-bottom-width:thin; font-size:1.6em; margin:0 0 .3em 0; padding:0; color:#990000; }
#contingut h1 	{ font-size:1.6em; margin:0 0 .3em 0; padding:0; color:#990000; }
#contingut h2 	{ font-size:1.2em; margin:0; }
#contingut p		{ font-size:1em; line-height:1.6em; margin-bottom:1.5em; }
#contingut ul		{ line-height:1.6em; font-size:1em; padding-left:25px; }

#contingut #breadcrumb				{ margin:1em 1.5em 1.3em 0; font-size:0.85em; display:block; }
#contingut #breadcrumb a			{ text-decoration:none; }
#contingut img								{ margin:0 0 15px 10px; }

#contingut2	{ float:left; width:750px; padding:0; margin-left:15px; margin-top:30px; font-size:80%; }
#contingut2 #breadcrumb																					{ font-size:93%; font-weight:bold }
#contingut2 #breadcrumb a:link, #content #breadcrumb a:visited		{ text-decoration:none }
#contingut2 #breadcrumb a:hover, #content #breadcrumb a:active		{ text-decoration:underline }

#contingut2 h1 a { text-decoration:none }
#contingut2 h1 	{ font-size:1.6em; margin:0 0 .3em 0; padding:0; color:#990000; }
#contingut2 h2 	{ font-size:1.2em; margin:0; }
#contingut2 p		{ font-size:1em; line-height:1.6em; margin-bottom:1.5em; }
#contingut2 ul		{ line-height:1.6em; font-size:1em; padding-left:25px; }

#contingut2 #breadcrumb				{ margin:1em 1.5em 1.3em 0; font-size:0.85em; display:block; }
#contingut2 #breadcrumb a			{ text-decoration:none; }
#contingut2 img								{ margin:0 0 15px 10px;  }

.portada { margin:5px 0 15px 0; border-bottom:1px dotted #C2CDCF; }
.portada p  { padding:2px }
.llegin { display:block; text-align:right; padding:3px 20px 4px 3px; background:url(imatges/icones/mas.gif) right no-repeat; text-decoration:none; font-size:.8em }
	
/* ------------------ ESTRUCTURA - PEU ------------------ */
#peu						{ width:910px; text-align:center; line-height:20px; font-size:10px; clear:both; padding:20px 40px 15px 40px; margin:0 auto 0 auto; background:url(imatges/bg_peu.jpg) bottom no-repeat }

/* ------------------ CATALEG DE PRODUCTES ------------------ */

#contingut .producte .principal	{ float:left; margin:0 10px 10px 0; }
#columna #menu_principal				{ margin-bottom:15px }
#columna .producto							{ padding:10px; background:#ccc; height:20px }
#banner	{ margin:0 10px 10px 10px }

.separador				{ margin-bottom:20px }

#producto a				{ text-decoration:none }
#producto .fotos	{  }

/* ------------------ ALTRES ------------------ */

#infopop, #errorpop			{ text-align:left; font-size:11px; line-height:16px; border-width:1px; border-style:solid; border-left-width:4px; margin:0 0 15px 0; padding:6px 10px 8px 46px; clear:both; background-position:2px center; background-repeat:no-repeat; }
#errorpop								{ background-color:#ffffa3; border-color:#ffd175; background-image:url(imatges/icones/ico_errorpop.gif); }
#infopop								{ background-color:#f1f1f1; border-color:#e1e1e1; background-image:url(imatges/icones/ico_infopop.gif); color:#333; }

a.gotop							{ font-size:11px; display:block; text-align:right; padding:4px 20px 5px 5px; margin:15px 0 15px 0; background:url(imatges/icones/ico_adalt.png) right center no-repeat; border-top:1px solid #F5CCCC; clear:both; }
a.gotop:hover				{ background-color:#F1F1F1; margin-top:15px; }

#breadcrumb					{ border-bottom:1px solid #ddd;border-top:1px solid #ddd; padding:5px 0 5px 19px; background:transparent url(imatges/icones/icon_home.gif) left center no-repeat; }

/* ------------------ FORMULARIO COMENDES ------------------ */
.comandes label.error		{ color:#FF0000; display: none;}