/* THE BIG GUYS */
* 				{ margin:0; padding:0 }
body 			{ background:#f6f1e9 url(../imatges/bg_body.jpg) repeat-x top; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:.75em; color:#555 }
#web			{ width:960px; margin:0 auto; height:100%; background:#fff url(../imatges/fons_web.png) top no-repeat; }
#menu 		{ float:left; }


/* ESTRUCTURA PRINCIPAL / CONTINGUTS 
   ------------------------------------------------------------------------------------------------------------------------------------------- */

#columna				{ float:left; width:231px; margin:0; padding:0 }
#contingut			{ float:right; background: url(../imatges/goset_cap.jpg) right top no-repeat; width:710px; padding:250px 0 0 0;}
#paseodelafama	{ float:right; display:block; margin-bottom:50px; width:710px; padding:30px 0 30px 0}
#peu						{ clear:both; background: url(../imatges/bg_peu.gif) no-repeat; height:178px; border:0px}
#empresa		{ width:400px; float:left;}
#notis		{ width:280px; float:right; margin-right:20px; }
.noti		{ border-bottom:#CCCCCC dotted 1px; margin-bottom:15px}
img.foto		{ float:right; margin:6px 10px 6px 10px; } 
img.foto_portada		{ float:right; margin:6px 0px 18px 0px; }
img.privacitat	{ float:right; margin:6px 0px 6px 20px; } 
img.filigrana	{ float:right; margin:10px 0px 0px 0px; } 



/*  GENÈRIQUES
   ------------------------------------------------------------------------------------------------------------------------------------------- */
   
img     		{ border:0; }   
h1				{ font-size:1.30em; color:#0091c8; margin:35px 31px 20px 0px;}
h2				{ font-size:1.10em; color:#0091c8; margin:20px 51px 15px 0px; border-bottom:1px dotted #ccc;}
h3				{ font-size:1.00em; color:#d11955; margin:0px 31px 15px 0px; }
h4				{ font-size:.95em; color:#d11955; margin:0px 31px 15px 0px; font-weight:normal }

p				{ padding:0 30px 20px 0px; line-height:1.4em}
a				{ cursor:pointer; color:#000000; font-weight:bold; text-decoration:none} 
a:hover			{ text-decoration:underline} 
ul				{ list-style:none; margin:0; padding:10px 0 10px 0; line-height:1.5em }
li				{ padding:0 0 0 10px; margin:0; }
strong			{ color:#0091c8 }
table			{ margin:15px }
p.petit			{ font-size:0.85em}
.distribuidors { margin-bottom:35px;}

#notis h3		{ font-size:1.20em; color:#d11955; margin:0px 0 15px 0px;}

/*  CLASES DEL PEU 
   ------------------------------------------------------------------------------------------------------------------------------------------- */
#peu ul { font-size:.90em; line-height:1.4em; color:#4d3316; padding:10px; display:block }
#peu li { float:left; padding-left:22px; line-height:20px }
#peu li.adresa { margin-right:40px; background:url(../imatges/ico_mapa.png) left top no-repeat }
#peu li.telefons { background:url(../imatges/ico_telefon.png) left top no-repeat }
#peu li.credits { float:right; text-align:right }
#peu a { color:#1c0902; text-decoration:underline }
#peu a:hover { color:#6C4C29 }
#peu a.gotop			{ color:#03749f; float:right; text-decoration:none; padding-top:15px }
#peu a:hover.gotop		{ float:right; text-decoration:underline; }

/* MENUS */
.menu 					{ font-size:1.10em; width:231px; line-height:1.50em; color:#0091c8; list-style:none; margin:170px 0 0 0px }
.menu li				{ border-bottom:#ffffff 1px solid;}
.menu li.ultim	{ border-bottom:#ffffff 1px solid; border-bottom:#d0ebf5 1px solid}
.menu a					{ display:block;  padding-bottom:5px; padding-left:4px; text-decoration:none; color:#0091c8; background:#fff url(../imatges/bg_menu.png) top right repeat-y; }
.menu a:hover		{ color:#d11955; text-decoration:none; background:#fff url(../imatges/bg_menu_over.png) top right repeat-y;}
.menu img				{ width:221px;}

/* FORMULARI DE CONTACTE 
---------------------------------------------------------------- */

#formulari 						{ width:100%; margin:15px 0 15px 0; }
#formulari th					{ text-align:right; font-size:14px; font-weight:normal; width:35%; color:#555; vertical-align:top; line-height:35px; }
#formulari td					{ text-align:left; padding:2px 5px; }
#formulari td input				{ font:0.85em Georgia, "Times New Roman", Times, serif; width:400px; background:#F1F4F1; padding:3px; border:1px solid #C3D1C3; }
#formulari td .mal				{ border:1px solid #CC0000; color:#AA0000; }
#formulari td textarea			{ font-size:14px; width:400px; background:#F1F4F1; padding:3px; border:1px solid #C3D1C3; height:150px; }
#formulari th.boto				{ text-align:right; padding:10px 93px 0 0; }
#formulari th.boto input.boto	{ font:0.85em Georgia, "Times New Roman", Times, serif; color:#444;  padding:2px 8px 3px 8px; }

/* MAPA DEL WEB */
.mapaweb 					{ font-size:1em; padding:0 10px 0 30px;	line-height:1.40em; color:#0091c8; font-family:Georgia, "Times New Roman", Times, serif; list-style:none; }
.mapaweb a					{ display:block; padding:4px 8px 5px 10px; text-decoration:none; color:#0091c8; }
.mapaweb a:hover			{ color:#d11955; padding:4px 8px 5px 10px; text-decoration:underline; }

/* MAPA DEL WEB */
.mapaweb2 					{ font-size:0.9em; padding:15px 10px 0 30px; line-height:1.40em; color:#0091c8; font-family:Georgia, "Times New Roman", Times, serif; list-style:none; }
.mapaweb2 a					{ display:block; padding:4px 8px 5px 10px; text-decoration:none; color:#0091c8; }
.mapaweb2 a:hover			{ color:#d11955; padding:4px 8px 5px 10px; text-decoration:underline; }



.perrito_galeria				{ width:230px; float:left; margin-bottom:20px}
.perrito_galeria p			{ padding-left:5px; margin-top:15px }
.perrito_galeria img		{ border:#cb1249 3px solid;  margin:5px; }
.perrito_galeria a			{ color:#d11955; text-decoration:none; }


/* PUNTS DE VENDA */

#fotos table						{ border-spacing:20px 20px; }
#fotos td								{ background-color:#00FF99; vertical-align:top}
#fotos p								{ font-size:85%}


/* PUNTS DE VENDA */
.venda h2					{ border-bottom:none;}
.venda						{ display:block; padding:4px 8px 5px 10px; text-decoration:none; color:#0091c8; }
#contingut a.volver			{ color:#cb1249; display:block; background:transparent url(../imatges/ico_volver.gif) left center no-repeat; padding:6px 0 6px 25px; text-decoration:none; margin-bottom:15px;margin-left:15px; margin-top:10px; margin-right:20px; line-height:1.6em; border:1px solid #E2D4CC; font-size:.95em; font-weight:bold; }
#contingut a:hover.volver	{ color:#0091c8; display:block; background:transparent url(../imatges/ico_volver.gif) left center no-repeat; padding:6px 0 6px 25px; text-decoration:none; margin-bottom:15px;margin-left:15px; margin-top:10px; margin-right:20px; line-height:1.6em; border:1px solid #E2D4CC; font-size:.95em; font-weight:bold; }