@charset "utf-8";
/* RESET CSS ---------------------------------------------------------------------------------------------------- */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p { 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 { font-weight:normal }

/* ETIQUETES BASE ---------------------------------------------------------------------------------------------------- */
body { background:url(../img/bg_body.jpg) top center no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:70% }

h1,h2,h3,h4,h5 { }
a			{ text-decoration:none }
a:hover		{}
 
/* CONTENIDORS PRINCIPALS ---------------------------------------------------------------------------------------------------- */
#web 	{ width:960px; margin:0 auto }
#cap 	{ height:140px }
#cos 	{ padding:10px }
#peu 	{ background:url(../img/bg_peu.jpg) no-repeat center 20px; padding:26px 30px; height:120px; clear:both }

#logo { margin:20px 0 0 50px; float:left; display:block }

/* Menús superiors ---------------------------------------------------------------------------------------------------- */

#menus					{ height:72px; width:720px; float:right; margin:68px 10px 0 0; background:url(../img/bg_menu_principal.jpg) no-repeat top right }
#menu_superior li		{ float:left; line-height:31px; background:url(../img/menu_superior_separador.gif) top right no-repeat; padding:0 15px 0 13px }
#menu_superior			{ height:32px; float:right }
#menu_superior a 		{ color:#777 }
#menu_superior a:hover { color:#000 }
#menu_superior li.idioma	{ background:none; padding:0 16px }
#menu_superior li.idioma a	{ font-weight:bold; text-decoration:underline; color:#008733 }
#menu_superior li.idioma a:hover	{ color:#9F0; background-color:#008733 }

#menu_principal			{ font-size:1.4em }
#menu_principal a:hover	{ color:#9F0 }

.lavaLampWithImage				{ position:relative; height:30px; width:700px; padding:10px 10px 0 10px; margin:0; overflow:hidden }
.lavaLampWithImage li 				{ float:left; list-style:none; margin-right:10px }
.lavaLampWithImage li.back 			{ background:url("../img/bg_menu_lava.png") no-repeat right top; width:9px; height:30px; z-index:8; position:absolute }
.lavaLampWithImage li.back .left 	{ background:url("../img/bg_menu_lava.png") no-repeat top left; height:30px; margin-right:7px; /* 7px is the width of the rounded shape */ }
.lavaLampWithImage li a 				{ text-decoration:none; color: #fff; outline:none; text-align:center; top:5px; letter-spacing:0; z-index:10; display:block; float:left; height:30px; position:relative; overflow:hidden; margin:auto 10px }
.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited { border:none }
#menu_principal .ultimo { margin-right:0 }

/* Cos i contingut ---------------------------------------------------------------------------------------------------- */
#cos strong { color:#008733 }
#cos h2 { font-size:2em; margin-bottom:20px; color:#008733; border-bottom:1px solid #008733 }
#cos h3 { font-size:1.5em; margin-bottom:10px; color:#008733 }
#cos h4 { font-size:1em; margin-bottom:10px; color:#008733; border-bottom: 1px #008733 solid; border-left: 1px #008733 solid; padding:2px}
#cos p { font-size:1.2em; line-height:1.6em }
#cos li a { color:#008733 }

a.boto { display:block; width:140px; height:27px; background:url(../img/bg_boto.png) left top no-repeat; color:#fff; text-align:center; line-height:26px; font-weight:bold; float:right }
a.boto:hover { color:#fdf900 }
.thumb { max-width:300px; max-height:200px; height: expression(this.height > 200 ? 200: true); width: expression(this.width > 300 ? 300: true); padding:1px; margin:20px; border:1px #008733 solid; }

.foto_seccion_izquierda {float:left; border:1px #008733 solid; padding:1px; margin-right:10px;}
.foto_seccion_productos {float:left; margin-right:50px; }
.foto_ficha_productos {float:left; margin:0 10px 10px 0;max-width: 600px; width: expression(this.width > 600 ? 600: true);}

.ventajas {list-style:square; margin:0 0 20px 240px; font-size:1.2em; line-height:1.6em;}
.productos {list-style:none; margin:10px 0 20px 25px; font-size:1.5em; line-height:2em;}

a.pdf { background:url(../img/ico_pdf.png) left no-repeat; padding:24px 0 24px 50px; font-size: 1.3em; line-height:4.5em; font-weight:bold; color:#008733  }
.pdf_opinio {text-align:center; margin:0 100px 35px 100px; border-bottom:1px #008733 dotted}
.pdf_centrat {text-align:center}

/* Blocs de portada ---------------------------------------------------------------------------------------------------- */
.bloc { width:270px; height:240px; padding:0 15px; float:left; background:url(../img/bg_bloc.png) no-repeat top; margin-right:20px }
.ultim { margin-right:0 }
#cos .bloc h2 { margin-bottom:10px; border-bottom:0 }
.bloc .galeria_foto { border-bottom:4px solid #008733; margin-bottom:10px }
.bloc .producte_foto { margin-bottom:10px }
.bloc p { line-height:1.5em; padding-bottom:10px }
.bloc a { color:#fff }

/* PEU DEL WEB ---------------------------------------------------------------------------------------------------- */
#peu span { color:#008733 }
#peu .legal { float:right; color:#008733 }
#peu .firma { color:#fff; margin-left: 400px}
#peu .telefon, #peu .adresa { color:#dbdbdb }
#peu .adresa { padding:24px 0 0 65px; line-height:1.5em; font-size:1.1em }
#peu .adresa a { font-size:.8em; color:#49fe8d; text-decoration:underline }
#peu .telefon { float:right; padding:32px 44px 0 0; text-align:right }
#peu .telefon strong { font-size:1.8em; color:#fdf900 }

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

#contacto label { display:block; float:left; width:94px; font-weight:bold; padding:10px 6px 5px; font-size: 1.2em }
#contacto .mensaje_envio {font-size:1.2em; line-height:1.6em; padding-bottom:10px;}
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: 500px; height: 259px; margin:0.5em 0.5em 0.5em 0; border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus  { border:1px solid #999; background:#fff; }
#contacto input.boto { font-family:sans-serif; padding:4px 5px; margin: 10px 0 5px 510px; font-size: 1.2em; font-weight:bold;}

/* --------------------- PAGINADOR -----------------*/
.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:#008733; font-weight:bold; color:#fff }