@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(../images/bg_body.jpg) top center no-repeat; 
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size:68%;
padding:0px;
}

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

#logo { 
	margin:5px 5px 5px 5px;
 float:left; 
 display:block 
 }

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

#menus					{ height:72px; width:710px; float:right; margin:34px 10px 0 0; no-repeat aauto}
#menu_superior li		{ float:left; line-height:31px; top right no-repeat; padding:0 15px 0 13px }
#menu_superior			{ height:32px; float:right }
#menu_superior a 		{ color:#000 }
#menu_superior a:hover { color:#000;}
#menu_superior li.idioma	{ background:none; text-decoration:underline; padding:0 16px }
#menu_superior li.idioma a	{ color:#000000 }
#menu_superior li.idioma a:hover	{ color:#000;}

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

.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("../images/bg_menu_lava.png") no-repeat right top; width:9px; height:30px; z-index:8; position:absolute }
.lavaLampWithImage li.back .left 	{ background:url("../images/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:#4253A1 }
#cos h2 { font-size:2em; margin-bottom:20px; color:#4253A1; border-bottom:1px solid #4253A1 }
#cos h3 { font-size:1.5em; margin-bottom:10px; color:#4253A1 }
#cos h4 { font-size:1em; margin-bottom:10px; color:#4253A1; border-bottom: 1px #4253A1 solid; border-left: 1px #4253A1 solid; padding:2px}
#cos p { font-size:1.2em; line-height:1.6em }
#cos li a { color:#4253A1 }

#cos1 strong { color:#4253A1 }
#cos1 h2 { font-size:2em; margin-bottom:20px; color:#4253A1; border-bottom:1px solid #4253A1 }
#cos1 h3 { font-size:1.5em; margin-bottom:10px; color:#4253A1 }
#cos1 h4 { font-size:1em; margin-bottom:10px; color:#4253A1; border-bottom: 1px #4253A1 solid; border-left: 1px #4253A1 solid; padding:2px}
#cos1 p { font-size:1.2em; line-height:1.6em }
#cos1 li a { color:#4253A1 }

a.boto { display:block; width:140px; height:27px; background:url(../images/bg_boto.png) left top no-repeat; color:#fff; text-align:center; line-height:26px; font-weight:bold; float:right }
a.boto:hover { color:#ffffff }
.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 #4253A1 solid; }

.foto_seccion_izquierda {float:left; border:1px #4253A1 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(../images/ico_pdf.png) left no-repeat; padding:24px 0 24px 50px; font-size: 1.3em; line-height:4.5em; font-weight:bold; color:#4253A1  }
.pdf_opinio {text-align:center; margin:0 100px 35px 100px; border-bottom:1px #4253A1 dotted}
.pdf_centrat {text-align:center}

/* Blocs de portada ---------------------------------------------------------------------------------------------------- */
.bloc { width:270px; height:240px; padding:0 15px; float:left; background:url(../images/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 #4253A1; 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:#4253A1 }
#peu .legal { float:right; color:#4253A1 }
#peu .firma { color:#fff; margin-left: 400px; margin-bottom: 10px}
#peu .telefon, #peu .adresa { color:#C8C8E4 }
#peu .adresa { padding:24px 0 0 5px; line-height:1.5em; font-size:1.1em }
#peu .adresa a { font-size:.8em; color:#C8C8E4; text-decoration:underline }
#peu .telefon { float:right; padding:32px 5px 0 0; text-align:right }
#peu .telefon strong { font-size:1.8em; color:#C8C8E4 }

/* --------------------- 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:#4253A1; font-weight:bold; color:#fff }