html,body{
margin:0;
padding:0;
background:#ededed url(images/bg.gif) repeat-x fixed;
text-align:center;
}

a:link{
color:#2a3d54;
text-decoration:none;
}

a:visited{
color:#fff;
text-decoration:none;
}


a:hover{
/*color:#2a3d54;*/
color:#2a3d99;
text-decoration:none;
}

a:active{
color:#2a3d54;
text-decoration:none;
}

h1{
font:bold 14px verdana;
width:auto;
border-bottom:1px solid #dedede;
margin:0;
padding:0;
color:#000;
margin-bottom:8px;
margin-left:12px;
margin-top:10px;
letter-spacing: 1px;
}

h2{
font:bold 12px verdana;
width: auto;
border-bottom:2px solid #dedede;
margin:0;
padding:0;
color:#000;
margin-bottom:3px;
margin-left:10px;
margin-top:10px;
letter-spacing: 1px;
}

h3{
font:bold 12px verdana;
width: auto;
margin:0;
padding:0;
color:#ffffff;
margin-bottom:5px;
margin-left:10px;
margin-top:5px;
letter-spacing: 1px;
}

* html h3{
margin-left:10px;
letter-spacing: 1px;
color:#ffffff;
}

 h3 a:link{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:bold;
 font:12px;
color:#fff;
padding:5px;

}

h3 a:hover{
background:url(images/cathover.gif) repeat-x;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:bold;
 font:12px;
color:#003399;
padding:5px;
}

h4{
font: bold 14px Verdana;
margin:0;
color:#646464;
padding:0;
float:right;
margin-top:17px;
margin-right:30px;

}

* html h4{
margin-left:20px;
}

h5{
font: bold 12px Verdana;
margin:0;
color:#646464;
padding:0;
text-align:right;
margin-top:34px;
margin-right:30px;

}

* html h5{
margin-left:20px;
}

p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.3em;
text-align:justify;
margin:0 15px 5px 15px;
padding:0;
}

.style1{
height:100px;
font:9px Verdana;
color:#666666;
margin:0;
padding:2px;
margin-left:10px;
}

.style2{
padding:15px;
margin:0;
font:10px Verdana;
}

.style3{
font: bold 12px Verdana;
margin:0;
color:#646464;
padding:0;
text-align:right;
margin-top:17px;
margin-right:30px;
}

.style4{
padding:15px;
margin-top:29px;
font:10px Verdana;
color:#333333;
}

.style4 a:link{
padding:5px;
font:10px Verdana;
background-color:#000000;
color:#000;
}

.style4 a:hover{
background:url(images/cathover.gif) repeat-x;
color:#003399;
border:none;
}


#footer a{
color:#a0d500;

}

#footer a:hover{
color:#CCCCCC;
border-bottom:1px dashed;
}

/*--------------------------End-------------------------*/

/*--------------------------start Image styles-------------------------*/

.text_imatges {
float:left;
position:relative;
margin:1px 15px 0 10px;
padding:0;
border:none;

}

.text_imatges2 {
float:left;
position:relative;
margin:5px 15px 0 10px;
padding:0;
border:none;
}

.ampliar {
float:left;
position:relative;
margin:5px 15px 0 0;
padding:0;
border:none;
}

.help {

position:absolute;
margin:0 0 0 5px;
padding:0;
border:none;
}
.print{
float:right;
position:relative;
margin:1px 15px 0 10px;
padding:0;
border:none;
}

/*--------------------------End-------------------------*/

/*--------------------------Start divs-------------------------*/

#container{
width:780px;
height:100%;
text-align:left;
margin:0 auto;
}

#top{
width:780px;
height:109px;
background:url(images/logo6.jpg) no-repeat;
border-bottom:2px solid #FFFFFF;
text-align:center;
}

#menu{
width:780px;
background:#2c415c;
height:30px;

}

#headertext{
width:780px;
height:109px;
padding-top:10px;
background:url(images/headertext.gif) repeat-x;
text-align:center;

}


#content{
width:780px;

background:#FAFCFF url(images/contentbg.gif) repeat-x;
margin:0;
padding:0;
border-top:1px solid #FFFFFF;
float:left;
}
#content2{
width:780px;
border: 1px solid #6699CC;
background:#FAFCFF url(images/contentbg.gif) repeat-x;
margin:0;
padding:0;
float:left;
}

#content p.inici{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.6em;
text-align:justify;
margin:0 15px 5px 15px;
padding:0;
}

#legal{
width:100%;
background:#FAFCFF url(images/bg.gif) repeat-x;
margin:0;
padding:0;
border-top:1px solid #FFFFFF;
float:left;
}

* html #content{
height:162px; /*defines the height in IE6*/
}

#taula {
	
	padding: 0;
	margin: 0;
	
}



th {
	font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
	color: #ffffff;
	border-right: 1px solid #6699CC;
	border-bottom: 1px solid #6699CC;
	border-top: 1px solid #6699CC;
	border-left: 1px solid #6699CC;
	letter-spacing: 1px;
	text-align: left;
	padding: 3px 3px 3px 0;
	background:#6699CC;
}



th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	background: none;
}

td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	background: #ffffff;
	padding: 3px 6px 3px 3px;
	color: #4f6b72;
	vertical-align:top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:1.3em;
    text-align:justify;
	
}

td.link{
	border:none;
	margin:0 0 10px 0;
	background: #ffffff;
	padding: 3px 17px 3px 3px;
	color: #4f6b72;
	vertical-align:top;
	text-align:left;
	font: normal 10px "Arial", Verdana, Helvetica, sans-serif;
}

td.imatge{
	border:none;
	margin:0;
	background: #ffffff;
	padding: 3px 3px 3px 3px;
	vertical-align:top;
}

td.print{
	border:none;
	margin:0;
	background: #ffffff;
	padding:inherit;
	vertical-align:top;
	text-align:right;
	float:right;
	position:relative;
}
td.titol{
	border:none;
	margin:0;
	background: #ffffff;
	padding: 0;
	vertical-align:top;
	font:bold 14px verdana;
    color:#000;
    margin-bottom:8px;
    margin-left:12px;
    margin-top:10px;
    letter-spacing: 1px;
}
td.link a:link{
	border:none;
	margin:0 0 10px 0;
	background:url(images/link.gif) repeat-x;
	padding:0;
	color: #ffffff;
	font-weight:bold;
	vertical-align:top;
}
td.link a:hover{
	border:none;
	margin:0 0 10px 0;
	background:url(images/link.gif) repeat-x;
	padding:0;
	color: #ffffff;
	font-weight:bold;
	vertical-align:top;
}
td.link a:visited{
	border:none;
	margin:0 0 10px 0;
	background:url(images/link.gif) repeat-x;
	padding:0;
	color: #ffffff;
	font-weight:bold;
	vertical-align:top;
}
td.link a:active{
	border:none;
	margin:0 0 10px 0;
	background:url(images/link.gif) repeat-x;
	padding:0;
	color: #ffffff;
	font-weight:bold;
	vertical-align:top;
}

td.alt {
	background: #F5FAFA;
	color: #797268;
	border: 0;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff;
	color:#FFFFFF;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}

#productes {
width:750px;
height:120px;
margin-top:30px;
margin-bottom:30px;
text-align:left;
margin-right:auto;
margin-left:auto;
}

#productes li {
list-style:none;
float:left;
margin-right:10px;
margin-left:10px;
margin-bottom:10px;
font-weight:bold;
color:#777777;
}

#productes img{
display:block;
border:none;
}

#productes img:hover{
border:none;
}

#productes a{
color:#777777;
text-decoration:none;
}

#productes a:hover{
color:#999999;
}

#footer{
width:780px;
background:#2c415c;
font:10px Verdana;
color:#FFFFFF;
padding:0;
float:left;
margin:10px 0 0 0;
}


/*--------------------------End-------------------------*/

/*--------------------------Start menu css-------------------------*/

#menu ul{
list-style-type:none;
margin:0;
font:bold 10px Verdana;
text-decoration:none;
float:left;
padding:8px;
width:760px;
}

#menu li{
display:inline;
}

#menu li a{
color:#ccc;
padding:8px;
font-size:13px;
}

#menu li a:hover{
background:url(images/navover.gif) repeat-x;
color:#003399;
border:none;
}

.mail{
color:#ccc;
padding:0 0 0 153px;
font-size:13px;
text-align:right;
}
.cssform p{
width: 595px;
clear: left;
margin: 10px 0 0 15px;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 155px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}