@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:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; font-size:75%; background:#fff url(../img/bg_body.gif) top repeat-x; padding:0; margin:0 }

h1, h2, h3 { letter-spacing:-.02em }
h2,h3 { color:#555; font-weight:normal }
h1 { font-size:1.6em; color:#333 }
h2 { font-size:1.3em; font-weight:bold }
h3 { font-size:1em }
p { font-size:1em; line-height:1.65em; color:#333; 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:920px; margin:0 auto; background:url(../img/bg_cap.jpg) no-repeat top }
#cap { height:100px; padding-top:20px; }
#cos { padding-left:250px; }
#col { width:220px; float:left; font-size:1em  }
#peu { clear:both; background:#ffde9f url(../img/bg_peu.png) repeat-y; font-size:95%; height:120px  }

/* ---------------------- CAP ---------------------- */
#cap #tarifas { float:right }
#cap #baner { floar:left }
/* ---------------------- COL ---------------------- */

#col ul a { color:#c0cfe6; display:block; padding-left:12px;  }
#col ul ul a:hover { color:#f39f00; text-decoration:underline }
#col ul a.actiu { color:#f39f00; font-weight:bold; background:url(../img/bg_menu_actiu.png) right top no-repeat }
#col ul li  {  background:transparent url(../img/bg_menu_cataleg_peu.png) bottom no-repeat; padding-bottom:5px }
#col ul li ul li  {  background:none; padding-bottom:0 }
#col ul li a { line-height:27px; background:url(../img/bg_menu_cataleg.png) no-repeat top; padding-bottom:3px }
#col ul ul { background:url(../img/bg_menu_cataleg_interior.png) repeat-y left }
#col ul ul li a { background:none; border-top:1px solid #d1e8f8; padding-bottom:0; line-height:30px; }
#col ul ul a { color:#4bb0f6; margin:0 1px }

#col a.boto { width:220px; height:30px; line-height:29px; display:block; margin:15px 0; padding-left:12px; color:#000 }
#col .menu_noticies { background:url(../img/bg_menu_noticies.png) top left no-repeat }
#col .menu_contacte { background:url(../img/bg_menu_contacte.png) top left no-repeat }

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

#cos img.imatge_producte { width:300px; height:auto; border:#dbeffd 1px solid; background-color:#FFFFFF; padding:8px; margin-bottom:20px }

/* ---------------------- COS ---------------------- */
#promocio { padding:0}
#promocio img { border:0; margin-bottom:30px  }
#promocio a { display:block; text-align:center }

#portada.seccion h1 { border:0; margin-bottom:3px }
#portada.seccion h2 { font-size:1em; padding:0; border-bottom:1px solid #ddd; margin-bottom:10px }
#portada.seccion p  { margin-bottom:40px }

#cos h1.portada { background:url(../img/bg_h1_destacats.png) top no-repeat; height:70px; line-height:60px; font-size:1.8em  }
#cos h1.cos { height:70px; line-height:60px }

.producte_margin { padding-left:30px }

.producte { float:left; width:320px; }
.producte h1 { font-size:1.5em; border:0; margin:0 0 5px 0; padding:0; letter-spacing:-.03em; color:#000 }
.producte h2 { font-size:.9em; color:#000; font-weight:normal }
.producte h2 a { text-decoration:underline }
.producte .preu { float:right; font-family:"Trebuchet MS", sans-serif; background:url(../img/bg_preu.png) no-repeat; width:80px; height:54px; padding-top:2px; text-align:center; font-weight:bold; color:#fff; font-size:1.3em; letter-spacing:-.01em; margin-left:15px }
.producte .preu strong { color:#fff; font-size:0.8em; font-weight:normal }
.producte .preu span { font-size:.8em; display:block }
.producte p { color:#5c5c5c; font-size:.95em; letter-spacing:-.015em }

#cos .cataleg { width:100%;  border-bottom:#dbeffd 1px solid; margin-bottom:20px }
#cos .cataleg img.imatge_producte { float:left; margin:0 15px 15px 0 }


h1.ultimes_notis { border-bottom:1px solid #ddd }
.noticies { padding:10px 0 15px; background:url(../img/bg_noticia.png) bottom repeat-x }
.noticies .data { float:left; line-height:1em; font-family:"Trebuchet MS", sans-serif; background:url(../img/bg_data.png) no-repeat; width:45px; height:53px; text-align:center; font-weight:bold; color:#fff; font-size:1.8em; letter-spacing:-.01em; margin-right:15px; margin-left:0; }
.noticies .data strong { font-size:.5em; display:block; color:#fff; padding-bottom:4px }
.noticies h2 { color:#0083dd; font-weight:normal; padding:0; margin:0 0 5px 0 }
.noticies p { color:#5c5c5c; margin-left:60px }

a.mes_notices { color:#0083dd; text-align:right; display:block; margin-top:20px }

.descarregues { padding:10px 0 15px; background:url(../img/bg_noticia.png) bottom repeat-x }
.descarregues h2 { color:#0083dd; font-weight:normal; padding:0; margin:0 0 5px 0 }
.descarregues p { color:#5c5c5c;}
.descarregues img { float:left; width:50px; height:50px; margin-top: 10px; margin-right:15px; margin-left:0;}

/* Paginador de llista */
.paginador						{ height:30px; padding:15px 0 }
.paginador ul					{ display:block; float:right; line-height:30px; height:30px }
.paginador ul li			{ float:left }
.paginador ul a				{ padding:0 10px 0 10px; line-height:30px; display:block }
.paginador ul a:hover	{ background-color:#f1f1f1; color:#000 }

.paginador .pag_anterior		 { border:0 }
.paginador li.activa				 { padding:0 10px 0 10px; line-height:30px; background:#e4943f ; font-weight:bold; color:#fff }

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

#peu .sobrepeu { background:url(../img/bg_peu_top.png) top no-repeat; height:40px; line-height:28px; padding-left:12px }
#peu .sobrepeu a { float:right; padding-right:34px }

#peu a { text-decoration:underline }
#peu ul { display:block; line-height:1.4em; color:#000 }
#peu ul li { float:left; display:block; height:30px; padding:8px 20px 0 36px }

#peu .adresa { background:url(../img/ico_mapa.gif) 15px 7px no-repeat }
#peu .telefon { background:url(../img/ico_telefono.png) 15px 7px no-repeat}
#peu .enlaces { float:right; text-align:right }
#peu .horari { background:url(../img/reloj.png) 15px 7px no-repeat }

/* --------------------- CONTACTE -----------------*/

#contacte label { display:block; float:left; width:94px; font-weight:bold; padding:10px 6px 5px; }
input.text  { width: 300px; margin:0.5em 0.5em 0.5em 0; border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus { border:1px solid #999; background:#fff; }
textarea  { width: 400px; height: 250px; margin:0.5em 0.5em 0.5em 0; border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus  { border:1px solid #999; background:#fff; }
#contacte input.boto { font-family:sans-serif; padding:4px 5px; margin: 10px 0 5px 290px;}