@charset "utf-8";
/* ---------------------- CSS RESET ---------------------- */
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,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 }

/* ---------------------- BIG BOYS ---------------------- */
html, body { width:100%; height:100% }
body { font-family:Tahoma, sans-serif; font-size:75%; background:#dd127b url(../img/bg_body.jpg) top repeat-x; padding:0; margin:0 }

h1, h2, h3 { margin-bottom:.5em; font-family:"Trebuchet MS", sans-serif; letter-spacing:-.02em }
h2,h3 { color:#a4ac32; font-weight:normal }
h1 { font-size:1.6em; color:#dd127b }
h2 { font-size:1.3em; font-weight:bold }
h3 { font-size:1em }
p { font-size:1em; line-height:1.65em; color:#000; margin:0 0 10px 0 }
b	{ color:#dd127b }
strong	{ color:#a4ac32 }
a { text-decoration:none; color:#a4ac32 }
a:hover { text-decoration:underline }
a:focus { color:#cc0000 }
a:active { color:#000 }

/* ---------------------- CONTENIDORS PRINCIPALS ---------------------- */
#web { width:946px; margin:0 auto; background:url(../img/bg_web.jpg) repeat-y center }
#cap {  }
#cos { padding:0 20px; margin-left:240px  }
#col { width:240px; float:left; margin-left:3px; margin-right:20px  }
#peu { clear:both; background:#dd127b url(../img/bg_peu.jpg) top no-repeat; height:130px; font-size:95%;  }



/* ---------------------- CAP ---------------------- */

.cantonada {	position:absolute; top:0;	left:0; }

/* ---------------------- COL ---------------------- */
#col ul a { color:#000; display:block; border-bottom:1px solid #dbddad; padding-left:15px }
#col ul a:hover { background-color:#f6f7eb; color:#7b8400; text-decoration:underline }
#col ul { line-height:23px }
#col ul li { font-weight:bold }
#col ul li ul { clear:both; border-bottom:1px solid #dbddad; }
#col ul li ul li { background:url(../img/ico_submenu.gif) 15px center no-repeat; padding-left:18px;  font-weight:normal}
#col ul li ul a { border:0; color:#55564b }
#col ul li ul a:hover { background:none; color:#cf94a4 }
#col ul li ul a:active { color:#000 }

/* ---------------------- IMATGES ---------------------- */

#cos img { float:right; border:#DDDDDD 1px solid; background-color:#FFFFFF; margin-left:15px}
#cos img.nomarc {  margin-bottom:16px; border:#DDDDDD 0px solid; background-color:#FFFFFF}

/* ---------------------- COS ---------------------- */
#promocio_gran  	{ height:220px; background:url(../img/promocio_gran_estiu_2010.jpg) no-repeat; padding:10px 10px;  margin-left:3px }
#promocio_gran h1 	{ font-size:1.8em; color:#FFFFFF; padding-right:300px; margin-bottom:20px }
#promocio_gran h2 	{ font-size:1.5em; color:#FFFFFF; }
#promocio_gran p 	{ color:#FFF; padding-right:250px; line-height:23px; padding-bottom:20px; font-size:1.2em} /*********************************** MODIFICAR PER PROMOCIÓ **************************************/
#promocio_gran a 	{ display:block; color:#fff; text-decoration:underline; padding:5px 5px 5px 0; margin-top:15px; font-weight:bold; text-align:right }



#blocs_portada .bloc { width:210px; float:left; margin-right:15px; background:url(../img/bg_bloc.gif) bottom repeat-x; padding-bottom:10px }
#blocs_portada .bloc_ultim { margin:0 }
#blocs_portada .bloc a { display:block; color:#a4ac32; text-align:right; padding-right:30px; background:url(../img/ico_promocio.gif) 185px center no-repeat }

#cos ol { padding-bottom:15px; list-style:decimal; list-style-position:outside; color:#555; padding-left:25px}
#cos ol li{ padding-bottom:15px; }
#cos .portada { margin-top:20px}
#cos p.ultim { margin-bottom:20px; border-bottom:#CCCCCC dotted 1px; padding-bottom:30px}

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

#peu a { color:#edeed6; text-decoration:underline }
#peu ul { display:block; line-height:1.4em; color:#fff; padding-top:7px }
#peu ul li { float:left; display:block; height:52px; padding:8px 20px 9px 36px }

#peu .adresa,
#peu .horari { border-right:1px solid #c9267a }

#peu .adresa { padding-right:100px; background:url(../img/ico_mapa.gif) 15px 7px no-repeat }
#peu .horari { background:url(../img/ico_rellotge.gif) 15px 7px no-repeat}
#peu .reserva { background:url(../img/ico_telefon.gif) 15px 7px no-repeat }

#sotapeu {  background:#dd127b; padding:5px 0 20px 15px; color:#f6c4de; font-size:.9em }
#sotapeu a { color:#f6c4de; text-decoration:underline }
#sotapeu a.amunt { float:right; display:block; background:url(../img/ico_amunt.gif) right center no-repeat; padding-right:20px; margin-right:15px }

/* FORMULARI DE CONTACTE 
---------------------------------------------------------------- */
#contacte				{ width:600px; margin:20px auto; font-size:.85em }
#contacte label { display:block; float:left; width:190px; font-weight:bold }
#contacte input.text { width:396px; border:1px solid #ccc; padding:2px; margin-bottom:8px }
#contacte .submit { display:block; text-align:right }
#contacte input.boto { width:120px; height:30px; line-height:30px; margin-right:10px }
#contacte textarea { width:395px; height:150px; 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 }