/* CSS Document */


body {

	background-color: #333;
	background-image: url(images/background.jpg);
	background-repeat: repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
body, html  {
height: 100%;
}
.lefties {
	margin: 0;
	padding: 0 3px 0 3px;
	float:left;
	display:list-item;
	list-style-type: none;
	vertical-align: bottom;
	height: 24px;
}
.lefties strong {
	padding-top: 8px;
	}
   .clearfloat { 

    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
span.shadow {
	padding:16px 0 16px 0;
	top: 1px;	
	color: #000;
}
.highContrast {
	position: relative;
	color: #fff;
}
.highContrast span {
	position: relative;
}
span.shadow {
	position: absolute;
}

.idioma {
	position: absolute;
	text-align:right;
	top:76px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ccc;
	width: 780px;
    z-index: 10;

}

.idioma02 a{
	color:#ccc;
	text-decoration:none;
	display: block;
	width: 110px;
	float: left;
}
.topimage {
	width: 100%;
	padding: 0;
	background-image: url(imatges/mo-1.jpg);
	background-repeat:no-repeat;
	background-position: bottom right;
	
}
.topimage2 {
	width: 100%;
	padding: 0;

	
}.text-blank a:hover {

}
 .text-blank {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#fefefe;
}
.text-blank a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#fff;
	display: block;
	background-color:#515151;
}
.text-blank img a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#fff;
	display: block;
	background-color: transparent;
}
.text-blank a:hover {
background-color: #7B7B7B ;

}
.langztit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#fff;
}
.langztit span {
	color:#fff;
	display: block;

}
.langztit a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	font-weight:bold;
	background-color: #FFFFFF;
	color:#CC3300;
	padding: 1px 3px 1px 3px;
	margin: 8px 0 8px 0;
	
}
.txtcontainer, .txtbotcontainer {	
	width: 760px;
	padding: 0 0 0 0 ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
}
.legend, .legend a {	

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
}
.legend a:hover {
	color: #242424;
}	
.txtbotcontainer {
padding: 28px 0 0 0 ;
color:#ccc;
}
.txtbotcontainer a{
color:#ccc;
}
.txtcontainer h1 {
	font-size:10px;
	margin: 15px 0 0 5px;

}
.span01 {
	float:left;

}
.span01 a{

	color:#ccc;
	text-decoration:none;
}
.span02 {
	float: right;

}
.rightsubcontainer {
		float: right ;	
		width: 450px;		
		padding: 0;
		position: relative;

		
			}
		
.leftsubcontainer {	
		float: left;	
		width: 300px;
		padding: 0;
		position: relative;
			
	}
.menu-top-bar {
height: 70px;

}
.top {
	background-image: url(imatges/top.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-repeat:no-repeat;
	width:100%;
	height: 299px;
}
.subtop {
	
	
}
.logo {
}

.center {
	background-image: url(imatges/center.jpg);
	background-position:top center;
	background-repeat:repeat-y;
	width:100%;
	padding: 0 0 10px 0;
}
.bottomcontainer {
	clear:both;
	padding: 15px 0 0 0;
	
}

.bottom {
	background-image: url(imatges/bottom.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	height: 40px;
}
.photo
{
	border:  1px solid #cccccc;
	float:   left;
	margin:  8px;
	padding: 3px;
	width:     120px;
}
.whitetext-tables, .whitetext-tables a {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
}
.taula {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;

}
.taula a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:underline;
	}
.taula a:hover{	
	color:#CC3300;
}
/*/////////////////////////////////
boxes
//////////////////////////////*/
.border
{
	border:  1px solid #cccccc;
	float:   left;
	margin:  8px;
	padding: 1px;
	width:      232px;
	height: 74px;
	
	
}

.center2 {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
}

.color
{
	display:    block;
	height:     6px;
	width:      232px;
}
.color2
{
	display:    block;
	height:     6px;
	width:      100%;
}
.colorcontainer {
	margin:     0px auto;
	width:      770px;
	text-align: justify;
	clear:both;
}

.colorname {
	text-align: left;
}
.colorname p {
	padding: 0;
	margin: 0;

}
.colorname h1, .colorname a {
	color:#000000;
	text-decoration: none;
	
}
.border h1{
	margin: 4px 0 0 0;
	padding: 0;

}
/*/////////////////////////////////
onblur, onfocus forms
//////////////////////////////*/
.formOnBlur
{
	background: #EFEFEF;
	color: #333333;
}

.formOnFocus
{
	background: #FFFFFF;
	color: #325176;
}

/*////////////////////////
Avisos
/////////////////////////*/
.alert {
	background-color: #6A0000;
	color: #FFDFDF;
	margin:20px;
	padding:10px;
	border:1px solid #A80000;
}
.alertOK {
	background-color:#336600;
	color: #DFFFBF;
	margin:20px;
	padding:10px;
	border:1px solid #669900;
}

.inputforms {
	background-image: url(imatges/formbacks.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:transparent;
	border: none transparent;
	line-height: 15px;
	color: #333333;
	padding: 2px 3px;
}


/*/////////////////////////*/
.menu {
	width: 770px;
	padding: 8px 4px 0 4px ;

}
.menu ul {
	padding: 0;
	margin: 0;
	}
.menu ul li {
	padding: 0;
	margin: 0;
	float:left;
	list-style-type:none;
	}
.menu li a  {
	background-image:url(imatges/menu.jpg);	
	width: 124px;
	height: 33px;
	display: block;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	float:left;
	text-align:center;
	margin: 0 2px 0 2px;
	}
.menu li a strong {
position: absolute;
top: 15px;
left: 0;
right: 0;
z-index: 100000; 
cursor:pointer;
}
.menu a:hover {
}
#c1 {border-bottom: 6px solid  #C24444;}
.c1 {background-color: #C24444;}

.c2 {background-color: #EE1C23;}
#c2 {border-bottom: 6px solid  #EE1C23;}

#c3 {border-bottom:  6px solid #EEB624;}
.c3 {background-color: #EEB624;}

#c4 {border-bottom: 6px solid  #8DA709;}
.c4 {background-color:#8DA709;}

#c5 {border-bottom: 6px solid  #055661;}
.c5 {background-color:#055661;}

#c6 {border-bottom: 6px solid  #FC0841;}
.c6 {background-color:#FC0841;}

#c11 {border-bottom:  6px solid #EEB624;}
.c11 {background-color: #EEB624;}
.navi11 li a{
	border-left: 5px solid #EEB624;
}

#c12 {border-bottom: 6px solid  #8DA709;}
.c12 {background-color:#8DA709;}
.navi12 li a{
	border-left: 5px solid #8DA709;
}
#c13 {border-bottom: 6px solid  #055661;}
.c13 {background-color:#055661;}
.navi13 li a{
	border-left: 5px solid #055661;
}
#c14 {border-bottom: 6px solid  #FC0841;}
.c14 {background-color:#FC0841;}
.navi14 li a{
	border-left: 5px solid #FC0841;
}
		/*//////////////////////////LLISTES//////////////////////////*/
		/*//////////////////////////LLISTES//////////////////////////*/
.navi, .navi2, .navi3, .navi4, .navi5, .navi6, .navi7, .navi11, .navi12, .navi13, .navi14 {
	margin: 0;
	padding: 0;}
.navi ul, .navi2 ul, .navi3 ul, .navi4 ul, .navi5 ul, .navi6 ul, .navi7 ul, .navi11 ul, .navi12 ul, .navi13 ul, .navi14 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: 0;
	width: 290px;
	}

.navi ul li, .navi2 ul li, .navi3 ul li, .navi4 ul li, .navi5 ul li, .navi6 ul li, .navi7 ul li, .navi11 ul li, .navi12 ul li, .navi13 ul li, .navi14 ul li {list-style-type: none; border: 0; margin: 0;
	padding: 0; width: 290px;}
.navi li a, .navi2 li a, .navi3 li a, .navi4 li a, .navi5 li a, .navi6 li a, .navi7 li a, .navi11 li a, .navi12 li a, .navi13 li a, .navi14 li a {
	list-style-type: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	display: block;
	padding: 1px 0 1px 10px;
	width: 285px;
	background-color: #DBDFDF;
	margin: 1px 0 0 0;
	color: #414B4D;
	text-decoration: none;

}
.navi li a {
	border-left: 5px solid #C24444;
}

.navi2 li a{
	border-left: 5px solid #EE1C23;
}
.navi3 li a{
	border-left: 5px solid #EEB624;
}
.navi4 li a{
	border-left: 5px solid #8DA709;
}
.navi5 li a{
	border-left: 5px solid #055661;
}
.navi6 li a{
	border-left: 5px solid #FC0841;
}
.navi7 li a{
	border-left: 5px solid #8DA709;
}
.navi li a:hover, .navi2 li a:hover, .navi3 li a:hover, .navi4 li a:hover, .navi5 li a:hover, .navi6 li a:hover, .navi7 li a:hover, .navi11 li a:hover, .navi12 li a:hover, .navi13 li a:hover, .navi14 li a:hover
{
	background-position:bottom left;
	background-color:#E6E8E8;
	color:#30504F;
	width: 280px;
	border-left: 10px solid #30504F;
}
.navi ul ul, .navi2 ul ul, .navi3 ul ul, .navi4 ul ul, .navi5 ul ul, .navi6 ul ul, .navi7 ul ul {
	margin: 0 0 10px 0 ;
	}
.navi li li a, .navi2 li li a, .navi3 li li a, .navi4 li li a, .navi5 li li a, .navi6 li li a, .navi7 li li a {
	width: 270px;
	text-indent: 9px;
	margin-left: 15px;
	background-color:#CCCCCC;
	color: #1b1b1b;

}

.navi li li a:hover, .navi2 li li a:hover, .navi3 li li a:hover, .navi4 li li a:hover, .navi5 li li a:hover, .navi6 li li a:hover, .navi7 li li a:hover {
	width: 265px;
	}

.navi li li li a, .navi2 li li li a, .navi3 li li li a, .navi4 li li li a, .navi5 li li li a, .navi6 li li li a, .navi7 li li li a {
	width: 255px;
	text-indent: 9px;
	margin-left: 30px;
	background-color:#CCCCCC;
	color: #1b1b1b;

}
.navi li li li a:hover, .navi2 li li li a:hover, .navi3 li li li a:hover, .navi4 li li li a:hover, .navi5 li li li a:hover, .navi6 li li li a:hover, .navi7 li li li a:hover{
	width: 250px;
}
.undisplayed {
	display:none;
	}
.addpdf a{
	color:#333;
	text-transform:uppercase;
	}
.text a{
	color:#333;

	}
	
/*///////////////////////////////////////////////////////////////*/


.sitemap{
		float: left;	
		width: 223px;
		padding: 0;
		position: relative;
		margin-left: 220px;
		color:#333;	
		text-decoration:none;
	}
.sitemap ul li a{
	color:#333;
	text-decoration:none;
		}
.sitemap ul{list-style:none; }
.ruta{ text-align:justify; color:#333; margin-bottom:5px;}
.ruta a{ color:#333;}
.productes a{
	color:#333;	
	text-decoration:none;
	text-indent:40px;}
.productes a:hover{
text-decoration:underline;
}
.buttons{
background-color:#333;
color:white;
font-size:12px;
border:none;}

.desc{text-indent: 550px;}


/*/sitemap/*/
.sitemap{
margin:10px 0 0 5px;
padding:0;

}

.sitemap ul {
padding:0;
margin: 0;
list-style-type:none;
width:auto;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration:none;
font-weight: normal;
}
.sitemap li {
padding:0;
margin: 5px 0 5px 0;
width:auto;
}
.sitemap li a{
font-family: Geneva, Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight: bold;
padding:0 0 0 15px;
margin:0;
background-image: url(imatges/medium_17.gif);
background-position: 3px 4px;
background-repeat:no-repeat;
color: #242424;
}

.sitemap ul ul {
	margin:0 0 0 6px;
	padding: 0 0 0 2px;
	background-image:url(imatges/dotv.gif);
	background-repeat: repeat-y;
	background-position: left;
	}
	.sitemap ul ul ul {
		margin:0 0 0 12px;
	
		}
		
.sitemap ul li li a {
	background-image: none;
padding:0 0 0 13px;
	color:#4D4D4D;
	}
	.sitemap ul li li{
		background-image:url(imatges/doth.gif);
		background-position: 0px 8px;
		background-repeat: no-repeat;
		}

		.sitemap ul li li li a {
				background-image: url(imatges/small_81.gif);
				background-position: 10px 5px;
				color:#666666;

				}
					.sitemap ul li li  li{ 
						background-image:url(imatges/doth.gif);
						background-position: 0px 8px;
						background-repeat: no-repeat;
						}
						.sitemap ul li li li li a {
				background-image: url(imatges/small_81.gif);
				background-position: 10px 5px;
				color:#747474;

				}
.sitemap li a:hover {
	color: #ccc;
	}
	
/* ---------------------------------------- */
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
button.submit {
 background-image: url(imatges/form_buttons.gif); 
  width: 108px;
  height: 23px;
  background-repeat: no-repeat;
  background-position: 0 0;
  border: 0;
  background-color: transparent;
  color: #fefefe;
}

  button.submit:hover {
 background-position: 0 -60px;  
} 
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
button.submit2 {
 background-image: url(imatges/form_buttons2.gif); 
  width: 188px;
  height: 23px;
  background-repeat: no-repeat;
  background-position: 0 0;
  border: 0;
  background-color: transparent;
  color: #fefefe;
}

  button.submit2:hover {
 background-position: 0 -60px;  
}