/* HTML 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 }
img { border:0 }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal }
strong { font-style:normal; font-weight:bold; color:#000000 }
ol,ul { list-style:none }
caption,th { text-align:left }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
abbr,acronym { border:0 }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.clearfix { display:inline-block }
/* Hides from IE-mac \*/
* html .clearfix {height:1% }
.clearfix {display:block }
/* End hide from IE-mac */
/* ETIQUETES */
body { background:url(imatges/bg_body.png) repeat-x top }
a { text-decoration:none; color:#000 }
a:hover { color:#af0d08 }
input.text, input.boto { font-family:"Trebuchet MS", "Tahoma", sans-serif }
/* CONTENIDORS PRINCIPALS */
.web { width:960px; margin:0 auto; font-size:80%; font-family:"Trebuchet MS", "Tahoma", sans-serif; text-align:justify; color:#555555 }
#capsa { background:url(imatges/bg_principal.png) top center no-repeat }
#capsa_peu { background:url(imatges/bg_peu.gif) top repeat-x; clear:both }
#cap { height:130px }
#capselera { height:120px; background-color:#fff; margin-bottom:20px; background-repeat:no-repeat }
#cos { padding-bottom:20px }
#peu { padding:10px 20px; height:50px; background:url(imatges/bg_peu_decorat.gif) left top no-repeat }
#columna { width:320px }
#contingut { width:610px }
#columna, #menu_principal, #peu ul { float:right }
/* CAP */
#menu_principal, #idiomes { padding-right:20px }
#cap ul li, #peu ul li { display:inline }
#idiomes { display:block; text-align:right; height:35px; padding-top:5px }
#idiomes a { padding:1px 10px 1px 22px; color:#ccc }
#idiomes a:hover { color:#af0d08 }
#idiomes a.activo { font-weight:bold; color:#AA0D08 }
a.es { background:url(imatges/ico_es.png) left center no-repeat }
a.en { background:url(imatges/ico_en.png) left center no-repeat }
#menu_principal { font-size:1.1em; margin-top:30px }
#menu_principal li { background:url(imatges/menu_separador.png) right center no-repeat; line-height:58px; height:58px; padding:12px 8px 12px 10px }
#menu_principal li.u { background:none }
#menu_principal .activo { border-bottom:2px solid #af0d08; color:#af0d08 }
#capselera p { font-size:1.1em; line-height:1.15em; font-weight:normal; color:#fff; padding:76px 0 0 20px }
/* COS */
#contingut h1 { font-size:1.4em; color:#9f0c07; border-bottom:1px solid #efcfce; margin-bottom:1em }
#contingut h2 { font-size:1.2em; color:#9f0c07; border-bottom:1px dotted #efcfce; margin-bottom:1em }
#contingut p { line-height:1.7em; padding-bottom:15px }
#contingut p img { border:1px solid #EADDBD; padding:5px; background-color:#FFEFC9 }
#contingut p img.left { float:left; margin:3px 15px 10px 0 }
#contingut p img.right { float:right; margin:3px 0 10px 15px }
#contingut ul { padding-bottom:20px }
#contingut li { line-height:1.6em; margin-left:15px; list-style-image:url(imatges/ico_li.png); padding-bottom:10px }
a.link { background:url(imatges/world_link.png) left center no-repeat; padding-left:20px; font-weight:bold; margin-left:10px}
a.enllas { text-decoration:underline; font-weight:bold}
#contingut a { color:#6788CF }
/* COLUMNA */
#columna div { padding:15px 20px; background:#fff url(imatges/bg_columna.gif) repeat-x top; border-bottom:1px solid #eedbaa; border-top:3px solid #eaddbd; margin-bottom:20px }
#columna h2 { color:#af0d08; font-size:1.2em; border-bottom:1px solid #ead39a; font-weight:bold }
#columna p { padding:10px 0 }
#columna form label { display:block; color:#af0d08 }
#columna form input.text { font-size:1em; width:272px; border:1px solid #febd1b; background:url(imatges/bg_input_text.gif) center center no-repeat; padding:2px; margin-bottom:5px }
#columna form input.boto { font-size:.95em; width:120px; height:24px; cursor:pointer; border:0; background:url(imatges/bg_boto.gif); color:#fff; font-weight:bold }
.submit { display:block; text-align:right; margin-top:5px }
/* Login */
#columna .login { border-top:3px solid #c5d7e5; border-bottom:1px solid #c5d7e5; }
#columna .login h2 { color:#0a7ed9; font-size:1.2em; border-bottom:1px solid #9ed4ff; font-weight:bold }
#columna .login input.text { border:1px solid #9ed4ff; background:url(imatges/bg_input_text_login.gif) center center no-repeat }
#columna .login label { display:block; color:#0a7ed9 }
#columna .login input.boto { background:url(imatges/bg_boto_login.gif); color:#fff; font-weight:bold }
#columna .login { background:url(imatges/bg_login.gif) no-repeat }
#columna .login .perfil { border:1px solid #c5d7e5; background-color:#fff; padding:5px 6px; margin-bottom:5px }
#columna .login h3 { background:url(imatges/ico_login_dades.gif) right no-repeat; margin-bottom:5px; font-weight:bold }
#columna .login a { font-size:.9em }
#columna .login .salir { background:url(imatges/ico_cerrar.gif) left center no-repeat; padding:0 0 0 20px }
#columna .login a.editar { background:url(imatges/ico_perfil.gif) left center no-repeat; padding:0 0 0 20px }
#columna .login strong.ofertas { background:url(imatges/ico_bandera_oferta.gif) left center no-repeat; padding:0 0 0 20px; font-size:.95em; display:block; margin-top:6px }
#contacte p.error { background-color:#FFD46F; font-size:.85em; margin:0; padding:3px 5px; width:268px; font-weight:bold; text-align:center }
#nota { float:left; font-weight:bold; display:block; line-height:30px; height:30px }
/* MERCAT VIRTUAL */
#contingut #menu_mercat { list-style:none; padding:0; margin:0 0 25px 0; height:40px; display:block; border-bottom:1px solid #d8cdab; background:#f1f2d1 url(imatges/bg_menu_mercat.gif); }
#contingut #menu_mercat li { list-style:none; padding:0; margin:0; display:block; float:left }
#contingut #menu_mercat a { background-color:#f2f2d4; color:#999; display:block; font-size:.9em; margin:10px 0 0 6px; height:30px; line-height:30px; padding:0 14px }
#contingut #menu_mercat a:hover { background-color:#fff; color:#6788CF }
#contingut #menu_mercat li.actiu { margin:6px 0 0 6px; background:#fff url(imatges/bg_menu_mercat_actiu.gif) top repeat-x; border:1px solid #d8cdab; border-bottom:0 }
#contingut #menu_mercat li.actiu a { background:none; color:#000; height:36px; line-height:40px; padding:0 14px; margin:0; font-weight:bold; font-size:1em; color:#AF0D08 }
#contingut #menu_mercat a.oferta,
#contingut #menu_mercat li.actiu a.oferta { background-image:url(imatges/ico_oferta.gif); background-position:9px center; background-repeat:no-repeat; padding-left:38px }
#contingut #menu_mercat a.demanda,
#contingut #menu_mercat li.actiu a.demanda { background-image:url(imatges/ico_demanda.gif); background-position:9px center; background-repeat:no-repeat; padding-left:38px }
#contingut #menu_mercat a.cercar,
#contingut #menu_mercat li.actiu a.cercar { background-image:url(imatges/ico_cercar.gif); background-position:9px center; background-repeat:no-repeat; padding-left:28px }
#contingut #menu_mercat a.afegir,
#contingut #menu_mercat li.actiu a.afegir { background-image:url(imatges/ico_afegir.gif); background-position:9px center; background-repeat:no-repeat; padding-left:28px; font-weight:bold; color:#c00 }
#llistat { width:100%; border-top:1px solid #d8cdab; }
#llistat td { padding:8px 8px 8px 26px; background:url(imatges/ico_bandera_oferta.gif) 5px 10px no-repeat; border-bottom:1px solid #d8cdab; line-height:1.6em }
#llistat h3 { font-size:1.2em; font-weight:bold }
#llistat .caduca { background:url(imatges/ico_rellotge.gif) left center no-repeat; padding-left:20px; font-size:.9em }
#llistat .novetat { background:url(imatges/ico_novetat.gif) 4px 11px no-repeat }
#llistat .pronto { background:url(imatges/ico_bandera_caduca.gif) 5px 10px no-repeat; }
#llistat .pronto .caduca { color:#c00 }
#llistat .noencontrado { background:url(imatges/ico_error.gif) 5px 10px no-repeat; }
#contingut .leyenda li { list-style:none; padding:0 20px 0 0; margin:0; display:inline; font-size:.9em; line-height:1.4em }
#contingut .leyenda li img { vertical-align:middle; margin-right:5px }
/* REGISTRE DE CLIENTS */
#registre label { display:block; margin:2px 0; font-weight:bold }
#registre input.text { width:500px; margin:2px 0; padding:2px; background-color:#efe6ce; border:0; border-bottom:1px solid #d2c6aa }
#registre div.fieldset { padding:20px; border:1px solid #d2c6aa; margin-bottom:15px }
#registre h2 { padding:0; margin:0; border:0; padding-bottom:5px }
#registre input.boto { font-size:1.1em; cursor:pointer; padding:2px 5px; font-weight:bold }
.submit { display:block; text-align:center }
#registre .boletin { float:right; width:300px; clear:none; margin:0 }
#peu li { padding:1px 10px 1px 25px; border-right:1px solid #ccc }
#peu li.u { border:0 }
#peu .mapa { background:url(imatges/ico_mapa.gif) 5px center no-repeat }
#peu .info { background:url(imatges/ico_info.gif) 5px center no-repeat }
#peu .q { background:url(imatges/ico_q.gif) 5px center no-repeat }
#alta label { font-weight:bold }
#alta input, #alta select { font-size:.9em; font-family:tahoma, sans-serif }
#alta .tratamientos_checks { padding-left:10px }
#alta .tratamientos_checks span { display:block; margin:6px 0 }
#alta .tratamientos_checks input { vertical-align:middle }
#alta table input.text { border:1px solid #FEBD1B; padding:3px; width:100px; margin:1px }
#alta table { width:100% }
#alta table td { padding:5px 5px; background:#FFEDC0; vertical-align:top; width:50% }
#alta table th { border-bottom:2px solid #EADDBD; padding-top:10px }
#alta span.ddp { display:block; margin-left:17px; margin-top:5px }
#alta span.ddp strong { width:100px; display:block; float:left; font-size:.9em }
#alta .checkboxes { float:left; width:21px; margin:0 3px 15px 0; }
#alta .checkboxes input { margin:4px }
#alta strong { font-size:.9em }
#alta .disabled { border:1px solid #ccc }
#alta textarea { width:600px; height:100px; border:1px solid #FEBD1B; padding:3px; }
#alta select { margin:2px }
#alta .submit .boto { padding:2px 5px; font-size:1.2em; font-weight:bold; cursor:pointer }
.clear { clear:both }
#alta .error { padding:4px 6px; margin:0; border:1px solid #c00; background:#fff }
/* -------------------- PARTIDAS -------------------- */
.partida { width:100%; border-top:1px solid #ccc; margin-bottom:15px }
.partida th { font-weight:bold; border-bottom:1px solid #ccc; width:200px; padding:3px 6px 4px; vertical-align:text-top; background-color:#f1f1f1 }
.partida td { padding:3px 6px 4px; color:#000; border-bottom:1px solid #ccc }
input.text { border:1px solid #ccc; padding:1px; font-family:.8em; width:150px }
div.submit { text-align:center }
input.boto { padding:2px 4px; font-size:1em; font-weight:bold; cursor:pointer }
.form_oferta label { display:block; float:left; width:120px; background:#f1f1f1 }
/* -------------------- OTROS -------------------- */
.notifica { border:1px solid #ccc; padding:10px 12px; font-weight:bold; margin-bottom:15px }
.info { border-color:#C5D7E5; background-color:#E6F4FF }
.error { border-color:#AF0D08; background-color:#f1f1f1 }