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

body			 		{ padding:0 0; margin:0; color:#333; font:90% tahoma,verdana,sans-serif; background:#b1b1b1 url(imatges/disseny/bg_general.png) center repeat-y; }

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

h1, h2, h3, h4, h5, h6 { margin:0; color:#000; padding-bottom:.5em }
p, ul, ol		{ margin:0 0}
h1					{ font-size: 196%;margin-top:.6em }
h2					{ font-size: 136% }
h3					{ font-size: 126% }
h4					{ font-size: 116% }
h5					{ font-size: 106% }
h6					{ font-size: 96% }

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

a, a:hover	{ text-decoration:underline; } 
a				    { color:#006ca3 } 
a:hover			{ color:#cc0000 } 

/* ------------------ FORMulARIS ------------------ */
form 						{ margin:0 }
form th					{ text-align: left; padding-right: 20px; }
.text						{	font-family:Tahoma, sans-serif; font-size:11px; width:300px; padding:4px; border:1px solid #112D63; border-bottom:1px solid #112D63; border-right:1px solid #112D63; margin:0; background: #ECF5FA;}
.textarea				{ font-family:Tahoma, sans-serif; font-size:11px; width:307px; border:1px solid #112D63; border-bottom:1px solid #112D63; border-right:1px solid #112D63; margin:0; background: #ECF5FA;}
fieldset 				{ border:none }
label 					{ display:block; padding:0; border:0;}
label br 				{ clear:left }
.form_boton 		{ height:30px; width:110px; margin-top:10px; cursor:pointer; float:right; margin-right: -19px; }

/* ------------------ 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:780px; }

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

/* ------------------ ESTRUCTURA - COLUMNA ------------------ */
#columna h2						{ font-size:.9em; padding:5px 2px 3px 5px; }
#columna 						{ line-height:18px; margin-left:12px; float:left; width:175px; margin-bottom:1.2em; font-size:.9em; font-weight:bold; color:#006ca3; }
#columna ul						{ list-style:none; display:block; padding:0; margin:0; border-top:1px dotted #006ca3;  }
#columna ul ul					{ border:0; font-size:.85em; border-bottom:1px dotted #006ca3; font-weight:normal; }
#columna ul li a				{ padding:2px 2px 3px 5px; border-bottom:1px dotted #006ca3; border-right:1px dotted #006ca3; border-left:1px dotted #006ca3; display:block; }
#columna ul li a:hover	{ color:#000; border-left:3px solid #006ca3; }

#columna a							{ text-decoration:none; }
#columna ul ul a				{ border:0; padding-left:10px; }

/* ------------------ ESTRUCTURA - CONTINGUT ------------------ */
#contingut				{ float:right; width:520px; padding:0 10px 0 0; font-size:80%; margin:0; }
#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 	{ font-size:1.3em; margin:0; color:#990000; }
#contingut h2 	{ font-size:1.1em; 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:0 1.5em 1.3em 0; font-size:0.85em; }
#contingut #breadcrumb a			{ text-decoration:none; }
#contingut img						{ margin:15px 15px 15px 0; }
	
/* ------------------ ESTRUCTURA - PEU ------------------ */
#peu						{ clear:both; padding:10px 10px 15px 5px; margin:0; font-size:86%; text-align:right;  background:#FFF url(imatges/disseny/bg_peu.png) bottom right no-repeat; }
#peu a:link			{ color:#006ca3 }
#peu a:hover		{ color:#000 }


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

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

.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 #ddd; clear:both; }
a.gotop:hover				{ background-color:#F1F1F1; margin-top:15px; }

#breadcrumb					{ border-bottom:1px solid #ddd; padding:0px 5px 0px 5px;}