@charset "utf-8";
/* ---------------------- CSS RESET ---------------------- */
html,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 }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;	font-weight:normal }
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 }
/*------------------------IMATGES-------------------------*/
img.dreta	 	{ margin:0px 0px 20px 20px; border:#e4e4e4 solid 6px; float: right }
img.esquerra	{ margin:0 20px 10px 0; float:left; border:#e4e4e4 solid 6px; }  
img.dretanomarc	 	{ margin:0px 0px 20px 20px; float:right }
img.lateral   	{ margin-bottom:10px }

img.galeria { margin: 0px 0px 0px 0px; width: 220px; height: 165px; margin-bottom: 15px}

/* ---------------------- BIG BOYS ---------------------- */
body 	{ font-family: Lucida Sans Unicode, Arial, Tahoma, sans-serif; background:#171717 url(../img/bg_body.png) top repeat-x; font-size:.80em }
strong	{ font-weight:bold;}
h1		{ color:#DDDDDD; font-size:1.3em;  margin-bottom:16px }
h3		{ font-size:1.3em; margin-bottom: 10px; color:#333333; font-weight:bold; }
p		{ padding-bottom:20px; font-size:1.2em; color:#FFFFFF }
ul		{ font-size:1.2em; color:#FFFFFF; line-height:1.5em;}
a 		{ text-decoration:none; color:#000000; }

/* ---------------------- CONTENIDORS PRINCIPALS ---------------------- */
#web 			{ width:913px; margin:0 auto;}
#logo 			{ float:left; width:221px  }
#idiomes		{ float:right; font-size:.9em; padding-top:8px; font-family:Arial, Helvetica, sans-serif}
#menu_sup 		{ float:right; text-align:right; padding-top:26px; width:500px; margin-left:60px }
#cos 			{ width:913px; height:485px; margin:0; font-size:.85em; float:right; background:#171717 url(../img/bg_guanyadors_10.jpg) top repeat-x}
#cos_empresa	{ width:913px; height:485px; margin:0; font-size:.85em; float:right; background:#171717 url(../img/bg_empresa.jpg) top repeat-x}
#cos_acer		{ width:913px; height:485px; margin:0; font-size:.85em; float:right; background:#171717 url(../img/bg_acero.jpg) top repeat-x}
#cos_filo		{ width:913px; height:485px; margin:0; font-size:.85em; float:right; background:#171717 url(../img/bg_filoxera.jpg) top repeat-x}
#cos_polsera	{ width:913px; height:485px; margin:0; font-size:.85em; float:right; background:#171717 url(../img/bg_polsera_santsadurni.jpg) top repeat-x}
#cos_or			{ width:913px; height:485px; margin:0; font-size:.85em; float:right; background:#171717 url(../img/bg_or.jpg) top repeat-x}
#cos_rellotgeria{ width:913px; height:485px; margin:0; font-size:.85em; float:right; background:#171717 url(../img/bg_rellotgeria.jpg) top repeat-x}
#cos_regals		{ width:913px; height:485px; margin:0; font-size:.85em; float:right; background:#171717 url(../img/bg_regals.jpg) top repeat-x}
#cos_plata		{ width:913px; height:485px; margin:0; font-size:.85em; float:right; background:#171717 url(../img/bg_plata.jpg) top repeat-x}
#cos_tallers	{ width:913px; height:485px; margin:0; font-size:.85em; float:right; background:#171717 url(../img/bg_taller.jpg) top repeat-x}
#cos_legal		{ width:913px; height:485px; margin:0; font-size:.85em; float:right; background:#171717 url(../img/bg_legal.jpg) top repeat-x }
#cos_contacte	{ width:913px; height:485px; margin:0; font-size:.85em; float:right; background:#171717 url(../img/bg_empresa.jpg) top repeat-x}

#contingut 	{ width:500px; float:left; display:block; margin-top:30px; margin-right:20px; margin-left:30px }
#contingut_ample 	{ width:853px; float:left; display:block; margin-top:30px; margin-right:20px; margin-left:30px }
#peu 		{ width:913px; color:#fff; padding-top:15px; float:left; text-align:center;  font-size:.80em}


ul.llista	{ line-height:26px; padding-left:20px; padding-top:10px}
/* IDIOMES */


#idiomes a		{ padding:2px 0px 3px 20px; color:#FFFFFF; }
#idiomes a:hover{ color:#97350c; text-decoration:underline }
#idiomes .actiu	{ font-weight:normal; color:#97350c; }
#idiomes .es	{ background:transparent url(../img/bandera_es.gif) 5px center no-repeat }
#idiomes .ca	{ background:transparent url(../img/bandera_ca.gif) 5px center no-repeat }


/* --------------------------    MENU ------------------------------------------*/

#menu_sup ul li				{ float:left; width:auto; margin-left:30px; font-size:.80em; position:relative }
#menu_sup ul a 				{ color:#FFFFFF; text-decoration:none} 
#menu_sup ul a:hover 		{ color:#97350c; } 
#menu_sup ul li.actiu a 	{ color:#97350c; } 

#menu_sup ul li ul				{ width:190px; position:absolute; display:none; top:20px; padding-top:10px; left:0px; background:#171717;  }
#menu_sup ul li ul li			{ width:190px; font-size:.85em; height:30px; text-align:left; padding-top:6px; margin:0 0 0 0; border:0; border-top:#555 solid 1px;  }
#menu_sup ul li ul li a			{ padding:0; margin:0; background:#000; border:0; padding:2px 0 2px 10px; }
#menu_sup ul li ul li a:hover	{ }

/*
#menu_sup ul li				{ float:left; margin-left:30px; font-size:.80em; width:110px; position:relative; }
#menu_sup ul li#head		{ float:left; margin-left:30px; font-size:.80em; width:150px; position:relative; }
#menu_sup ul a 				{ color:#FFFFFF; text-decoration:none} 
#menu_sup ul a:hover 		{ color:#97350c; } 
#menu_sup ul li.actiu a 	{ color:#97350c; } 

#menu_sup ul li ul				{ width:190px; position:absolute; display:none; background:#000; }
#menu_sup ul li ul li			{ width:96%; font-size:.85em; text-align:left; padding:0; margin:0; border:0; padding:2px 0 2px 10px; border-bottom:#fff solid 1px;  }
#menu_sup ul li ul li a			{ padding:0; margin:0; background:#000; border:0; }
#menu_sup ul li ul li a:hover	{ border-top:#900 solid 1px; border-bottom:#900 solid 1px; }
*/

/* Formularis */

#reserva .submit			 	{ display:block; text-align:right; margin-bottom:15px }
#reserva input.boto    			{ padding:2px 8px 3px; font-family:"Trebuchet MS", sans-serif; font-size:1.1em; }
#ClientValidationSummary 		{ background-color:#fff; border:2px solid #EAEDF1; font-size:.85em; margin:0; padding:5px 6px; font-weight:bold; margin-top:10px; line-height:1.6em }
#ClientValidationSummary a 		{ font-weight:normal }

#contacte				{ width:600px; margin:20px auto; font-size:1em; color: #FFFFFF }
#contacte label { display:block; float:left; width:150px; font-weight:bold }
#contacte input.text { width:266px; border:1px solid #ccc; padding:2px; margin-bottom:8px }
#contacte .submit { display:block; text-align:left; margin-left:302px; }
#contacte input.boto { width:120px; height:30px; line-height:30px; margin-right:10px }
#contacte textarea { width:265px; height:100px; border:1px solid #ccc; padding:2px; margin-bottom:8px }
#contacte .validation-failed {border:1px solid #C82633;}
#ClientValidationSummary { background-color:#f2f2f2; border:2px solid #C82633; width:600px; font-size:.85em; margin:0 auto 20px auto; padding:3px 5px; font-weight:bold }

/* Laterales */

#mapa { border:3px solid #ccc; margin-bottom:15px; clear:left }

/* ---------------------- PEU ---------------------- */

#peu li		{ text-align:center;  line-height:1.5em; display:inline; padding-right:85px; }
#peu a 		{ text-decoration:none; color:#FFFFFF;} 
#peu a:hover 		{ color:#97350c;} 
#peu li.actiu a 		{ color:#97350c; } 
#peu li.ultim	{text-align:center; line-height:1.6em; display:inline; padding-right:0px;  }
#peu li.ultimact a	{text-align:center; line-height:1.6em; display:inline; padding-right:0px;  }
.q 			{ display:block; font-size:.85em; text-align:right; margin:6px 10px }
.q, .q a 	{ color:#FFF }