*{
margin:0;
padding:0;
border:0;
}
body{
background-color:#fff;
font:11px verdana,arial,tahoma,geneva,sans-serif;
color:#000;
background:url(../../img/web/bgr.gif);
line-height:18px;
}
a{
color:#CD4604;
text-decoration:none
}
a:hover{
color:#515151;
text-decoration:underline
}
input,select,textarea{
border:#cccccc 1px solid;
padding:1px 2px;
color:#000000;
font:11px arial,tahoma,sans-serif
}
select{
padding:1px
}
ul,li{
list-style:none;
padding:0px;
}
h1 span{
padding:0px 0px 0px 0px;
display:none
}

h2 span,h3 span{
padding:0px 0px 0px 0px;
display:none
}
p{
padding:0px 0px 10px 0px;
}

#page{
margin:0 auto;
width:900px;
background-color:#FFFFFF;

}
/* ---------------------------- cap -------------------------------- */
#cap{
height:165px;
background:url(../../img/web/bgr-cap.gif) repeat-x 0px bottom;
}
/* ---------------------------- divisio columnes  menu  i contingut -------------------------------- */

#col1{
float:left;
width:150px;
}
#col2{
float:left;
width:750px;
_width:745px;
}
/* ---------------------------- menu -------------------------------- */

#menu{
padding:34px 0 0 0;
}
#menu .opcio{
height:34px;
width:126px;
}
#menu .categoria{
width:126px;
padding:0px 0 10px 15px;
}

#menu .separar{
height:3px;
background-color:#E0E0E0;
width:126px;
}
#menu ul,li{
margin:0px;
padding:0px;
}


.sitemap {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font: 10px verdana, arial, Helvetica, sans-serif;
	color: #CD4604;
	}
/* Primer nivel */
.sitemap ul
{
margin: 0;
padding: 0;
list-style-type: none;
font: 10px verdana, arial, Helvetica, sans-serif;
}

.sitemap li { margin: 0 0 1px 0; }

.sitemap a
{
display: block;
padding: 2px 0px;
width: 140px;
color: #CD4604;
/*background-color: #036;*/
text-decoration: none;
}

.sitemap a:hover
{
color: #34559B;
/*background-color: #69C;*/
text-decoration: none;
}
.sitemap a.active
{
	color: #34559B;
	/*background-color:red;*/
}


/* Segundo nivel */
.sitemap ul li { margin: 0 0 0px 0; }

.sitemap ul a
{
display: block;
padding: 0px 0px 0px 25px;
width: 125px;
color: #8C8C8B;
/*background-color: #369;*/
background-image:url(<?php echo $html->url("/img/web/fletxa.gif");?>);
background-repeat:no-repeat;
/*background-position:10px 10px 5px 25px;*/
text-decoration: none;
}

.sitemap ul a:hover
{
color: #fff;
/*background-color: #69C;*/
color: #8C8C8B;
text-decoration: none;
}
.sitemap a.active
{
	/*background-color:red;*/
}
.sitemap ul a.active
{
	/*background-color:lightblue;*/
}

/* Tercer nivel */

.sitemap ul li ul li { margin: 0 0 1px 0; }

.sitemap ul ul a
{
display: block;
padding: 0px 5px 0px 30px;
width: 125px;
color: #414B07;
font-family: verdana, arial, Helvetica, sans-serif;
font-size:10px;
/*background-color: darkblue;*/
text-decoration: none;
}

.sitemap ul ul a:hover
{
color: #414B07;
/*background-color: #69C;*/
text-decoration: none;
}
.sitemap ul ul a.active
{
	/*background-color:lightblue;*/
}

/* ---------------------------- presentacio -------------------------------- */

#presentacio{
background:url(../../img/web/bgr-presentacio.gif) no-repeat right bottom;
padding:32px 0 0 0;
height:350px;
}
#presentaciotxt{
width:330px;
padding:0px 0 20px 0;

}

/* ---------------------------- productes -------------------------------- */

#productes{
background:url(../../img/web/bgr-productes.jpg) no-repeat right 0px;
padding:12px 0 0 0;
}

#productes a{
color:#34559B;
}
#productes a:hover{
color:#34559B;
}

#productes_txt h2{
color:#34559B;
padding:10px 0 10px 0;
font-size:14px;

}
#productes_txt{
width:630px;
padding:0px 0 20px 0;
}
#productes_txt img{
margin:0 10px 5px 0;
}
.producte{
float:left;
height:248px;
width:220px;
background:url(../../img/web/linia.gif) no-repeat right 70px;
text-align:center;
}
.fproducte{
height:180px;
width:220px;
text-align:center;
}

.productefi{
float:left;
height:248px;
width:220px;
text-align:center;
}

.producte h2{
color:#34559B;
font-family: verdana, arial, Helvetica, sans-serif;
font-size:12px;
padding:0 0 10px 0;
}

.productefi h2{
color:#34559B;
font-family: verdana, arial, Helvetica, sans-serif;
font-size:12px;
padding:0 0 10px 0;
}

.b-mes{
margin:-10px 25px 0 0;text-align:right;
}

/* ---------------------------- detall -------------------------------- */

#detall{
background:url(../../img/web/bgr-productes.jpg) no-repeat right 0px;
padding:12px 0px 20px 0px;
}
#detalltxt{
width:630px;

}
#detall h2{
color:#34559B;
padding:20px 0 10px 0;
font-size:14px;
float:left;
}
#detall img{
margin-bottom:25px;
}
.titol{
padding:10px 0 0px 0;
border-bottom:1px solid #000;
font-weight:bold;
}
.foto{
float:left;
padding:10px 5px 0 0;
}
.tornar{
padding:20px 0 0px 0;
text-align:right;
font-weight:bold;
}
/* ---------------------------- top ten -------------------------------- */

#topten{
background:url(../../img/web/bgr-top-ten.gif) no-repeat right bottom;
padding:32px 0 20px 0;
}

#toptentxt{
width:440px;
}
#topten h2{
color:#34559B;
padding:10px 0 10px 0;
font-size:14px;

}

.topten{
float:left;
height:248px;
width:220px;
background:url(../../img/web/linia.gif) no-repeat right 70px;
text-align:center;
}
.ftopten{
height:180px;
width:220px;
text-align:center;
}

.toptenfi{
float:left;
height:248px;
width:220px;
text-align:center;
background:url(../../img/web/linia.gif) no-repeat right 70px;
clear:both;
}
/* ---------------------------- halloffame -------------------------------- */

#halloffame{
background:url(../../img/web/bgr-halloffame.gif) no-repeat right bottom;
padding:32px 0 20px 0;
height:650px;
}

#halloffametxt{
width:440px;
}
#halloffame h2{
color:#34559B;
padding:10px 0 10px 0;
font-size:14px;

}

.halloffame{
float:left;
height:248px;
width:220px;
background:url(../../img/web/linia.gif) no-repeat right 70px;
text-align:center;
}
.fhalloffame{
height:180px;
width:220px;
text-align:center;
}

.halloffamefi{
float:left;
height:248px;
width:220px;
text-align:center;
background:url(../../img/web/linia.gif) no-repeat right 70px;
clear:both;
}

/* ---------------------------- premsa -------------------------------- */

#premsa{
background:url(../../img/web/bgr-premsa.gif) no-repeat right 30px;
height:379px;
padding:32px 0 0 20px;
}

/* ---------------------------- bloc -------------------------------- */

#bloc{
background:url(../../img/web/bgr-productes.jpg) no-repeat right 0px;
padding:12px 0px 20px 0px;
height-min:610px;
}
#bloctxt{
width:630px;
}
#bloc h1{
padding:0px 0 10px 0;
}
#bloc h2{
color:#34559B;
padding:20px 0 10px 0;
font-size:14px;
float:left;
}
#bloc h3{
color:#34559B;
padding:0px 0 10px 0;
font-size:16px;
}
.txtbloc{
padding:0px 0 10px 0;
font-size:12px;
}
.ico{
padding:0px 0 20px 0;
font-size:12px;
}
/* ---------------------------- detall bloc-------------------------------- */

#detallbloc{
background:url(../../img/web/bgr-productes.jpg) no-repeat right 0px;
padding:12px 0px 20px 0px;
height-min:610px;
}
#detallbloctxt{
width:630px;
font-size:12px;
}

#detallbloc h2{
color:#34559B;
padding:10px 0 10px 0;
font-size:16px;
float:left;
}
.img{
margin-right:15px;
}

#comentaris p{
padding:10px 0 10px 0;
}

.separador{
border-top:1px solid #000;
height:20px;
}
#escriu_comentari{
width:400px;
}
/* ---------------------------- local -------------------------------- */

#local{
background:url(../../img/web/bgr-local.gif) no-repeat right 0px;
height:302px;
padding:32px 0 0 0;
}
#map{
border:1px solid #003366;
width:420px;
height:250px;
}
/* ---------------------------- contacte -------------------------------- */

#contacte{
background:url(../../img/web/bgr-contacte.gif) no-repeat right bottom;
padding:32px 0 0 0;
}

#contactetxt1{
width:700px;
line-height:15px;
padding:0px 10px 10px 0;
}
#contactetxt1 h1{
font-size:14px;
padding:0px 10px 10px 0;
color:#34559B;
font-weight:bold;
}

#contactetxt2{
width:400px;
line-height:15px;
padding:20px 10px 10px 0;
}

form{
padding:10px 0 0 0px;
}
#form1{
padding:0px 10px 0px 20px;
float:left;
width:70px;
height:200px;
font-size:10px;
font-weight:bold;
}
#form1 p{
padding:0px 0px 0px 0px;
}
#form2{
float:left;
width:340px;
}
#form2 input{
margin:0px 0px 3px 0px;
}
#form2 p {
font-size:10px;
font-weight:bold;
}
.txtform{
width:300px;
}
/* ---------------------------- peu -------------------------------- */
#peu{
height:35px;
border-top:2px solid black;
}
#idioma{
float:left;
}
#idioma img{
padding:10px 0px 0 15px;
}
#adreca{
float:left;
padding:5px 5px 0 50px;
}
#disseny{
float:left;
padding:5px 5px 0 50px;
color:#B9A98E;
font-size:10px;
}
.linkdisseny {
color:#B9A98E;
}

#avellana{
float:left;
padding:7px 5px 0 0px;
}
/* ---------------------------- class -------------------------------- */
.clear{
clear:both;
}

.txtblau{
color:#34559B;
}
.txtgris{
color:#A5A5A5;
padding:0 0 10px 0;
line-height:15px;
}

.txt10{
font-size:10px;
}
.active{
font-weight:bold;
}

.noborder{
border:0px;
}

.marc{
border:1px solid #003366;
}
.txt24 {font-size: 24px}

.pad{padding-left:50px}

.pagina{
text-align:right;
padding:10px 15px 10px 0;

}