/*Document CSS*/

body{
	margin: 0px;
	padding:0px;
	background-color:#dedbcc;
    color: #333333;
	background-image:url(../images/bgBody.gif);
	background-repeat:repeat-x;
	background-position:left top;
}


ul, p{
	margin: 0px;
	padding: 0px;
	display: block;
	list-style:none;
	list-style-type:none;
}

/*COLORS I FONTS*/
h1, h2, h3, h4, h5, h6{
	margin:0px;
	padding:0px;
	font-weight:normal;
	line-height:normal;
	display:inline;
}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#666666;
	text-transform:uppercase;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#666666;
	text-transform:lowercase;
}

h3 {
	font-family:Impact, "Arial Black";
	font-size:22px;
	color:#FF9900;
	display:block;
	padding-left:21px;
	padding-top:3px;
	/*ext-transform:capitalize;*/
}

h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#CCCCCC;
}

h5 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color:#000000;
	font-weight:bold;
}



h6 {
	font-size: 10px;
}

.v10 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
.v11 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.v12 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.v18 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px;}
.a12 {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.a11 {font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.a10 {font-family:Arial, Helvetica, sans-serif; font-size:10px;}
.a9 {font-family:Arial, Helvetica, sans-serif; font-size:9px;}

.h{font-family:Impact, "Arial Black";
	font-size:22px;
	color:#FF9900;
	display:block;
	padding-left:21px;
	padding-top:3px;
}

.pf h1{
font-family:Impact, "Arial Black";
	font-size:22px;
	color:#FF9900;
	display:block;
	padding-left:21px;
	padding-top:3px;
	text-transform:none;
}

.c8{color:#8E8887; }
.c6{color:#666666; }
.cf9{color:#FF9900; }
.cF{color:#FFFFFF; }
.c0{color:#000000; }
.cC{color:#CCCCCC; }
.cf6{color:#FF6600; }

.b{font-weight:bold;}
a{text-decoration:underline;}
a:hover{ text-decoration:none;}

#bg{
	padding:28px;
	padding-bottom:0px;
}


#web{
width:878px;
margin:0px auto;
background-color:#FFFFFF;
background-image:url(../images/bg_web.gif);
background-repeat:no-repeat;
background-position:left 2px;

}

#top{

height:48px;
line-height:48px;
padding-left:30px;
padding-right:30px;
background-image:url(../images/bg_top2.gif);
background-repeat:no-repeat;
background-position:left top;
}

#bottom{
height:48px;
line-height:48px;
padding-left:30px;
padding-right:30px;
background-image:url(../images/bg_bottom.gif);
background-repeat:no-repeat;
background-position:left top;
}

#top table{
width:100%;
}

#top table td{
padding-top:10px;
width:50%;
}

#langs{
text-align:right;
line-height:10px;
}

#langs a{
float:right;
text-decoration:none;
margin-left:14px;
}
#langs a:hover{
text-decoration:underline;
}
#langs a span{
height:12px;
width:20px;
text-align:center;
display:block;
}
#langs img{
border:0px;
}
#head{
background-image:url(../images/bg_head3.jpg);
background-repeat:no-repeat;
background-position:center;
line-height:14px;
text-align:center;
margin-top:12px;
}
#head table{
width:793px; 
height:132px;

}
#head td{
padding:0px 1px 0px 1px;
}
#head a{
text-decoration:underline;
}
#head a:hover{
text-decoration:none;
}

#head table span{
display:block;
margin-top:30px;
margin-left:4px;
text-align:left;
}

#content{
padding-left:30px;
padding-right:30px;
}

#ruta{
padding-top:12px;
margin-bottom:12px;
position:relative;
}
#ruta a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
text-decoration:none;
}
#ruta a:hover{
text-decoration:underline;
}
#ruta .sel{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#FF6600;
}
#ruta .sel:hover{
text-decoration:none;

}

#search{
padding-top:8px;
float:left;
position:relative;
margin-left:10px;
}
.input_search{
width:91px;
border:0px;
border:1px solid #DADADA;
background-image:url(../images/bg_search.gif);
background-repeat:no-repeat;
background-position:left top;
height:20px;
line-height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
margin-right:8px;
}

.button_search{
width:auto;
height:19px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}

#limit{
clear:both;
background-image:url(../images/bg_limit.gif);
background-repeat:no-repeat;
background-position:bottom;
height:19px;
padding-top:10px;
margin-bottom:12px;
}

#var{
margin-bottom:20px;
background-color:#FFFFFF;
}

.prod{
width:131px;
border-right:1px solid #E5E5E5;
float:left;
}

.prod a{
text-decoration:none;
margin:0px;
padding:0px;
}
.prod .right a{
display:block;
width:105px;
height:105px;
overflow:hidden;
padding-left:10px;
}

.prod img{
border:0px;
margin:0px;
}

.prod .right, .prod .bottom{
width:123px;
}

.prod .right{
background-image:url(../images/prod/bg_right.gif);
background-repeat:repeat-y;
background-position:right top;
padding: 0px;
}

.prod .bottom{
background-color:#FFFFFF;
background-image:url(../images/prod/bg_bottom.gif);
background-repeat:no-repeat;
background-position:right top;

}

.prod .titol{
text-align:center;
padding:0px 12px 0px 12px;
}

.prod .titol h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color:#000000;
	font-weight:bold;
	text-transform:none;
}

.prod .text{
text-align:left;
padding:14px;
}
.prod .link{
text-decoration:underline;
padding:14px;
}
.prod a:hover{
text-decoration:none;
}

/*NOTICIES CONSELLS*/
#info{
background-image:url(../images/bg_info.gif);
background-repeat:no-repeat;
background-position:right bottom;
width:100%;
margin-top:22px;
}

#news_home, #apli_home{
float:left;
width:322px;
border:1px solid #CCCCCC;
margin-right:15px;
padding-bottom:15px;
}

#info .head{
padding:3px 0px 3px 0px;
text-indent:21px;
line-height:30px;
display:block;
background-color:#333333;
margin-bottom:12px;
}

#info .head a{
float:right;
margin-top:-26px;
margin-right:14px;
}

#info .item{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
line-height:26px;
text-decoration:none;
display:block;
margin:0px 32px 0px 20px;
padding-left:18px;
padding-right:5px;
background-image:url(../images/item.gif);
background-repeat:no-repeat;
background-position:left center;
border-bottom:1px solid #CCCCCC;
}

#info .item:hover{
background-color:#FF9900;
color:#FFFFFF;
background-image:url(../images/item2.gif);
background-repeat:no-repeat;
background-position:left center;
border-bottom:1px solid #FFFFFF;
}

/*PEU*/
#foot{
text-align:right;
padding-bottom:0px;
margin-top:12px;
}
#foot img{
margin-bottom:5px;
}
#foot a{
text-decoration:none;
}
#foot a:hover{
text-decoration:underline;
}

/*productes*/
.logo{
margin:0px 0px 0px 12px;
}

#lateral{
border:1px solid #CECECE;
padding:2px;
margin-right:43px;
}
#lateral .bg{
padding-top:3px;
padding-bottom:3px;
background-image:url(../images/prod/bg_lateral.gif);
background-repeat:repeat-x;
background-position:left top;
}

#lateral .first{
margin-top:2px;
display:block;
line-height:14px;
margin-bottom:2px;
background-color:#333333;
}
#lateral a.first{
padding:3px 5px 3px 8px;
height:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

#lateral a.first:hover{
text-decoration:none;
color:#CCCCCC;
}

#lateral .second, #lateral .third{
display:block;
}

#lateral a.second{
display:block;
height:auto;
margin-top:2px;
margin-bottom:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-decoration:none;
padding-left:20px;
padding-bottom:4px;
padding-top:4px;
padding-right:5px;
background-color:#EEEEEE;
font-weight:bold;
}

#lateral a.second:hover{
text-decoration:none;
color:#CC3333;
padding-left:20px;
}

#lateral a.third:hover, #lateral a.fourth:hover{
text-decoration:none;
border-left:4px solid #CC3333;
color:#CC3333;
padding-left:6px;
}
#lateral a.third{
display:block;
height:auto;
margin-top:2px;
margin-bottom:2px;
margin-left:21px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
text-decoration:none;
padding-left:10px;
padding-bottom:2px;
padding-top:2px;
}
#lateral a.fourth{
display:block;
height:auto;
margin-top:2px;
margin-bottom:2px;
margin-left:29px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
text-decoration:none;
padding-left:10px;
padding-bottom:2px;
padding-top:2px;
}

/* FAMILIA PRODUCTES*/
.fam{
padding-top:30px;
margin-right:30px;
}
.fam a{
text-decoration:none;
}

.fam a:hover{
text-decoration:none;
}
.fam .img{
float:left;
width:114px;
border:1px solid #CCCCCC;
margin-right:14px;
}
.fam img{
border:0px;
padding:12px;
}

.fam .texte{
text-align:justify;
/*margin-left:130px;*/
}

.fam h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:bold;
text-transform:none;
}

/*EMPRESA*/
#empresa{
margin-top:15px;
margin-right:30px;
}

#empresa .image{
float:left;
width:390px;
margin-bottom:15px;
margin-right:15px;
text-align:left;
}

#empresa .image img{
border:0px;
padding:0px;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
}
#empresa .right{
width:385px;
text-align:left;
}
	
#empresa .right{
background-image:url(../images/prod/bg_right2.gif);
background-repeat:repeat-y;
background-position:right top;
}

#empresa .bottom{
background-color:#FFFFFF;
background-image:url(../images/prod/bg_bottom4.gif);
background-repeat:no-repeat;
background-position:right top;
height:12px;
line-height:12px;
}

/*SITUACIO*/
#situacio{
margin-top:15px;
margin-right:30px;
}

#situacio .image{
float:left;
width:185px;
margin-bottom:15px;
margin-right:15px;
text-align:left;
}

#situacio .image img{
border:0px;
padding:0px;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
}
#situacio .right{
width:175px;
text-align:left;
}
	
#situacio .right{
background-image:url(../images/prod/bg_right2.gif);
background-repeat:repeat-y;
background-position:right top;
}

#situacio .bottom{
background-color:#FFFFFF;
background-image:url(../images/prod/bg_bottom2.gif);
background-repeat:no-repeat;
background-position:right top;
height:12px;
line-height:12px;
}



/*DETALL DEL PRODUCTE*/
#detail{
margin-top:15px;
margin-right:30px;
}

#detail .image{
float:left;
width:252px;
margin-bottom:15px;
margin-right:15px;
}

#detail .image img{
border:0px;
padding:0px;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
}
#detail .right{
width:259px;
}
	
#detail .right{
text-align:center;
background-image:url(../images/prod/bg_right2.gif);
background-repeat:repeat-y;
background-position:right top;
}

#detail .bottom{
background-color:#FFFFFF;
background-image:url(../images/prod/bg_bottom2.gif);
background-repeat:no-repeat;
background-position:right top;
height:12px;
line-height:12px;
}

#detail .texte, #empresa .texte{
overflow:auto;
width:285px;
height:243px;
padding-right:8px;
margin-left:10px;
}

#detail.news{
margin-bottom:200px;
}

#detail.news .right{
text-align:left;
width:194px;
}

#detail.news .image{
float:left;
width:194px;
margin-bottom:15px;
margin-right:7px;
}

#detail.news h2{
font-family:Impact, "Arial Black";
font-size:22px;
color:#FF9900;
display:block;
padding-left:21px;
padding-top:3px;
}

/*DETALL NOTICIES*/
#thumbs .product{
float:left;
border:0px;
margin-bottom:20px;
}

#thumbs .image{
width:105px;
height:105px;
}

#thumbs .image img{
border:0px;
border:1px solid #CCCCCC;
}
#thumbs .right{
width:114px;
}
	
#thumbs .right{
text-align:center;
background-image:url(../images/prod/bg_right.gif);
background-repeat:repeat-y;
background-position:right top;
}

#thumbs .bottom{
background-color:#FFFFFF;
background-image:url(../images/prod/bg_bottom3.gif);
background-repeat:no-repeat;
background-position:right top;
height:12px;
line-height:12px;
}

#thumbs .texte{
padding-left:21px;
margin-top:8px;
}


#thumbs .text{
text-align:left;
padding-top:5px;
}

.table_caption{
margin-bottom:0px;
}

#table1, #table2, #apli{
width:100%;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
margin-bottom:7px;
}
#apli{
border:1px solid #CCCCCC;
text-align:left;
}

#table1 caption, #table2 caption, #apli caption{
display: table-caption;
width:100%;
padding-left:20px;
padding-bottom:12px;
padding-top:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#666666;
text-transform:uppercase;
text-align:left;
border:1px solid #CCCCCC;
border-bottom:none;
background-image:url(../images/prod/bg_tables.gif);
background-repeat:repeat-x;
background-position:left top;
}

#apli caption{
border-bottom:0px;
}

caption h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#666666;
text-transform:uppercase;
}

#table1 .head td{
background-color:#FF9900;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
text-transform:uppercase;
}
#table1 tr td{
padding:5px;
width:25%;
border-right:1px solid #FFFFFF;
}

#table1 .impar, #table2 .impar{
background-color:#E8E8E8;
}

#table1 .par, #table2 .par{
background-color:#FFFFFF;
}

#apli td{
padding-bottom:26px;

}

.apli{
padding:26px 20px 0px 20px;
}
.apli a{
text-decoration:none;
}

.apli a:hover{
text-decoration:none;
}
.apli .img{
float:left;
width:114px;
border:1px solid #CCCCCC;
margin-right:14px;
}
.apli img{
border:0px;
padding:12px;
}

.apli .text{
text-align:left;
/*margin-left:14px;*/
}

#fotograf {
filter: alpha(opacity=100);
}