/* --------------- 
	fulla d'estils per infocamconsulting.com
	web by fpmWEB
	www.fpmweb.net
 ---------------*/
 
html * { 
			margin: 0; 
			padding:0; 
		}

body {
	background: url(../imatges/bg_page.jpg) left top repeat-x #428837;
	text-align: center;
	font-size: 82.50%;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	color: #7e7e7e;
}

/* --------------- pàgina ---------------*/
#page {
	width: 850px;
	margin: 0px auto 0px auto;
	text-align: left;
}



/* --------------- capcelera ---------------*/
#logo {
	clear: left;
	float: left;
	width: 230px;
	height: 56px;
}

#hm {
	float: left;
	width: 620px;
	height: 56px;
	font-size: 82.50%;
}
#hm ul {
	margin: 25px 0px 0px 0px;
	list-style-type: none;
}
#hm ul li{
	float: left;
	width: 99px;
	height: 20px;
	margin: 0px 1px 0px 0px;
	padding: 11px 0px 0px 0px;
	background: url(../imatges/bg_hm.gif) left top no-repeat;
	list-style-type: none;
	text-align: center;
}
#hm ul li a{
	font-weight: bold;
	color: #666;
	text-decoration: none;
	text-transform: lowercase;
}
#hm ul li a.active{
	color: #0b7117;
}

#slogan {
	clear: left;
	float: left;
	width: 155px;
	height: 80px;
	margin: 55px 0px 0px 50px;
	text-align: right;
	color: #fff;
	line-height: 1.5em;
}
#slogan h1{
	margin: 0px 0px 10px 0px;
	font-size: 112.50%;
	text-transform: lowercase;
	color: #baff00;
}




/* --------------- contingut ---------------*/
#ccontent {
	clear: left;
	float: left;
	width:850px;
	padding: 20px 0px 30px 0px;
	background: url(../imatges/bg_ccontent.gif) left bottom no-repeat #fff;
}

#leftmenue {
	clear: left;
	float: left;
	width: 165px;
	margin: 30px 50px 0px 27px;
	text-align: right;
}
#leftmenue h2{
	margin: 0px 0px 1.0em 0px;
	font-size: 125.00%;
	color: #8a9300;
	text-transform: lowercase;
	font-weight: bold;
}
#leftmenue ul{
	list-style-type: none;
}
#leftmenue ul li{
	margin: 12px 0px 12px 0px;
	list-style-type: none;
}
#leftmenue ul li a{
	color: #666;
	text-decoration: none;
}
#leftmenue ul li a:hover{
	color: #8a9300;
}
#leftmenue ul li a:hover.active,
#leftmenue ul li a.active{
	color: #8a9300;
	font-weight: bold;
}


#hpv24{
	clear: left;
	float: left;
	width: 165px;
	margin: 0px 50px 0px 27px;
	font-size: 75.00%;
	color: #666;
	text-align: right;
}
#hpv24 a{
	color: #7ea227;
}



#content {
	float: left;
	width: 570px;
	line-height: 1.7em;
}
#content h1{
	margin: 0px 0px 1.0em 0px;
	font-size: 200.00%;
	font-weight: normal;
	text-transform: lowercase;
	color: #8a9300;
}
#content h2{
	font-size: 112.50%;
	color: #000;
	text-transform: lowercase;
}
#content p{
	margin: 0px 0px 1.3em 0px;
}

#content a{
	color: #8a9300;
}

#content a:hover{
	color: #000;
}

#content #links {
	clear: left;
	float: left;
	width: 290px;
	font-size: 82.50%;
}
#content #ressourcen {
	float: left;
	font-size: 82.50%;
}
#content #links ul ,
#content #ressourcen ul{
	list-style-type: none;
}

#content #links ul li,
#content #ressourcen ul li{
	list-style-type: none;
}

#content #links ul li a,
#content #ressourcen ul li a{
	padding: 0px 0px 0px 20px;
	background: url(../imatges/pointer01.gif) left 4px no-repeat;
	color: #7ea227;
}

#content #links ul li a:hover,
#content #ressourcen ul li a:hover{
	color: #8a9300;
}

/* ---------------- llista descarregues -------------------- */
#descarregues {
	/*clear: left;
	float: left;*/
	width: 90%;
	font-size: 100%;
	margin-left: auto ;
  	margin-right: auto ;
}
#descarregues ul{
	list-style-type: none;
}
#descarregues ul li,{
	list-style-type: none;
}

#descarregues ul li a{
	padding: 0px 0px 0px 20px;
	background: url(../imatges/pointer01.gif) left 4px no-repeat;
	color: #7ea227;
}

#descarregues ul li a:hover,{
	color: #8a9300;
}


/* --------------- peu pàgina ---------------*/
#footer2 {
	clear: left;
	float: left;
	width: 850px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	color: #baff00;
	font-size: 82.50%;
}
#copyright {
	float: left;
	margin: 0px 0px 0px 20px;
}
.copy_link a, .copy_link a:link, .copy_link a:visited, .copy_link a:active { 
color : #baff00; 
text-decoration: none;
} 
.copy_link a:hover { 
color : #dbff79; 
text-decoration: underline;
} 
#fmenue {
	float: right;
	margin: 0px 20px 0px 0px;
}
#fmenue ul{
	list-style-type: none;
}
#fmenue ul li{
	list-style-type: none;
	float: left;
}
#fmenue ul li a{
	margin: 0px 4px 0px 4px;
	color: #baff00;
}
#fmenue ul li a:hover { 
color : #dbff79; 
text-decoration: none;
} 



/* --------------- caixes home ---------------*/
.box{
width:250px;
height:129px;
float:left;
margin:20px 10px 15px 19px;
_margin:20px 10px 15px 13px;
background:url(../imatges/box_bg.gif) no-repeat center;
}
.box_text{
width:150px;
float:left;
}

img.left_img{
float:left;
padding:10px 0 0 0;
}


/* --------------- subtitols pagines ---------------*/
.subtitols{
	font-size: 112.50%;
	text-transform: lowercase;
	color: #113d0c;
}

/* --------------- pestanyes ---------------*/
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{	
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #cfcfcf;
color: #2d2b2b;
background: white url(../imatges/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(../imatges/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}


/* FORMULARIS */
fieldset {background:#F6F6F6; padding:10px; border:1px solid #fff; border-color:#fff #62705D #62705D #fff; margin-bottom:36px; width:545px;}
input, textarea, select {font-size: 82.50%;font-family: Verdana, Tahoma, Arial, sans-serif;  padding:0;}
fieldset.action {background:#EEEEEE; border-color:#e5e5e5 #62705D #62705D #e5e5e5; margin-top:-20px; text-align:center;}
legend {background:#bfbf30; color:#fff; font-size: 82.50%;font-family: Verdana, Tahoma, Arial, sans-serif; padding:0 10px; margin:-26px 0 0 -11px; font-weight:bold; border:1px solid #fff; border-color:#e5e5c3 #505014 #505014 #e5e5c3;}
label {font-size:11px; font-weight:bold; color:#8A9300;}
label.opt {font-weight:normal;}
dl {clear:both;}
dt {float:left; text-align:right; width:110px; line-height:25px; margin:0 25px 15px 0;}
dd {float:left; width:395px; line-height:25px; margin:0 0 10px 0;}
#footer {font-size:11px;}

#container {width:570px; margin:0 auto;}

.text_legal {font-size:10px; text-align:justify; color:#666666;}

/*##########################################
Script: Niceforms 2.0
Theme: StandardBlue
Author: Lucian Slatineanu
URL: http://www.emblematiq.com/
##########################################*/

/*Text inputs*/
.NFText {border:none; vertical-align:middle;font-size: 82.50%;font-family: Verdana, Tahoma, Arial, sans-serif; background:none;}
.NFTextCenter {height:15px; background:url(../imatges/input.png) repeat-x 0 0; padding:3px 0; margin:0; float:left; line-height:15px;}
.NFTextLeft, .NFTextRight {width:7px; height:21px; vertical-align:middle; float:left;}
.NFTextLeft {background:url(../imatges/input-left.png) no-repeat 0 0;}
.NFTextRight {background:url(../imatges/input-right.png) no-repeat 0 0;}
/*Radio*/
.NFRadio {cursor:pointer; position:absolute; display:block; width:13px; height:13px; border:1px solid transparent; background:url(../imatges/radio.png) no-repeat 0 0; z-index:2;}
/*Checkbox*/
.NFCheck {cursor:pointer; position:absolute; width:12px; height:12px; border:1px solid transparent; background:url(../imatges/checkbox.png) no-repeat 0 0; z-index:2;}
/*Buttons*/
.NFButton {width:auto; height:26px; color:#000; padding:0 2px; background:url(../imatges/button.png) repeat-x 0 0; cursor:pointer; border:none; font:10px/26px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:1px; vertical-align:middle;}
.NFButtonLeft, .NFButtonRight {width:6px; height:26px; vertical-align:middle;}
.NFButtonLeft {background:url(../imatges/button-left.png) no-repeat 0 0;}
.NFButtonRight {background:url(../imatges/button-right.png) no-repeat 0 0;}
/*Textareas*/
.NFTextarea {border:none; background:none; font-size: 82.50%;font-family: Verdana, Tahoma, Arial, sans-serif;  margin:0;}
.NFTextareaTop, .NFTextareaBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFTextareaTop {background:url(../imatges/textarea-tr.png) no-repeat 100% 0;}
.NFTextareaBottom {background:url(../imatges/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}
.NFTextareaTopLeft, .NFTextareaBottomLeft {width:5px; height:5px;}
.NFTextareaTopLeft {background:#f2f2e6 url(../imatges/textarea-tl.png) no-repeat 0 0;}
.NFTextareaBottomLeft {background:#f2f2e6 url(../imatges/textarea-bl.png) no-repeat 0 0;}
.NFTextareaLeft, .NFTextareaRight, .NFTextareaLeftH, .NFTextareaRightH {float:left; padding-bottom:5px;}
.NFTextareaLeft, .NFTextareaLeftH {width:5px;}
.NFTextareaLeft {background:url(../imatges/textarea-l-off.png) repeat-y 0 0;}
.NFTextareaLeftH {background:url(../imatges/textarea-l-over.png) repeat-y 0 0;}
.NFTextareaRight, .NFTextareaRightH {padding-right:5px; padding-bottom:0;}
.NFTextareaRight {background:url(../imatges/textarea-r-off.png) repeat-y 100% 0;}
.NFTextareaRightH {background:url(../imatges/textarea-r-over.png) repeat-y 100% 100%;}
/*Files*/
.NFFileButton {padding-bottom:0; vertical-align:bottom; cursor:pointer; background:url(../imatges/file.png) no-repeat 0 0; width:60px; height:21px;}
.NFFile {position:relative; margin-bottom:5px;}
.NFFile input.NFhidden {position:relative; filter:alpha(opacity=0); opacity:0; z-index:2; cursor:pointer; text-align:left;}
.NFFileNew {position:absolute; top:0px; left:0px; z-index:1;}
/*Selects*/
.NFSelect {height:21px; position:absolute; border:1px solid transparent;}
.NFSelectLeft {float:left; width:3px; height:21px; background:url(../imatges/select-left.png) no-repeat 0 0; vertical-align:middle;}
.NFSelectRight {height:21px; width:auto; background:url(../imatges/select-right.png) no-repeat 100% 0; cursor:pointer; font:12px/21px Arial, Helvetica, sans-serif; color:#fff; padding-left:3px; margin-left:3px;}
.NFSelectTarget {position:absolute; background:none; margin-left:-13px; margin-top:18px; z-index:3; left:0; top:0; padding-bottom:13px;}
.NFSelectOptions {position:relative; background:#707175; margin-left:16px; margin-top:0; list-style:none; padding:4px 0; color:#fff; font:11px/13px Arial, Helvetica, sans-serif; z-index:4; max-height:200px; overflow-y:auto; overflow-x:hidden; left:0; top:0;}
.NFSelectOptions li {padding-bottom:1px;}
.NFSelectOptions a {display:block; text-decoration:none; color:#fff; padding:2px 3px; background:none;}
.NFSelectOptions a.NFOptionActive {background:#464646;}
.NFSelectOptions a:hover {background:#333;}
/*Multiple Selects*/
.NFMultiSelect {border:0; background:none; margin:0;}
.NFMultiSelectTop, .NFMultiSelectBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFMultiSelectTop {background:url(../imatges/textarea-tr.png) no-repeat 100% 0;}
.NFMultiSelectBottom {background:url(../imatges/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}
.NFMultiSelectTopLeft, .NFMultiSelectBottomLeft {width:5px; height:5px;}
.NFMultiSelectTopLeft {background:#f2f2e6 url(../imatges/textarea-tl.png) no-repeat 0 0;}
.NFMultiSelectBottomLeft {background:#f2f2e6 url(../imatges/textarea-bl.png) no-repeat 0 0;}
.NFMultiSelectLeft, .NFMultiSelectRight, .NFMultiSelectLeftH, .NFMultiSelectRightH {float:left; padding-bottom:5px;}
.NFMultiSelectLeft, .NFMultiSelectLeftH {width:5px;}
.NFMultiSelectLeft {background:url(../imatges/textarea-l-off.png) repeat-y 0 0;}
.NFMultiSelectLeftH {background:url(../imatges/textarea-l-over.png) repeat-y 0 0;}
.NFMultiSelectRight, .NFMultiSelectRightH {padding-right:5px; padding-bottom:0;}
.NFMultiSelectRight {background:url(../imatges/textarea-r-off.png) repeat-y 100% 0;}
.NFMultiSelectRightH {background:url(../imatges/textarea-r-over.png) repeat-y 100% 0;}

/*Focused*/
.NFfocused {border:1px dotted #666;}
/*Hovered*/
.NFh {background-position:0 100%;}
.NFhr {background-position:100% 100%;}
/*Hidden*/
.NFhidden {opacity:0; z-index:-1; position:relative;}
/*Safari*/
select, input, textarea, button {outline:none; resize:none;}






/* --------------- image map amb CSS ---------------*/

/* CSS-based Image Maps
   Author: Frank Manno
   Version: Nov. 25, 2004
----------------------------------------------- */
 
/* ---------- hidden ONLY if CSS is enabled.  If disabled, image is rendered ---------- */

#officeMap{
	margin: 48px 695px;
	padding: 0;
	background: transparent url(../imatges/idioma.gif) top left no-repeat;
	height: 10px;
	width: 80px;
	position: relative;
}

dt2{ margin: 0; padding: 0; position: absolute; font-size: 70%; display: none; }
dd2{ margin: 0; padding: 0; position: absolute;  font-size: 70%; }

 
 
/* ---------- Hotspot Declarations ---------- */

dd2#catalaDef{ top: 1px; left: 0px; }
dd2#catalaDef a{ position: absolute; width: 40px; height: 20px; text-decoration: none;}
dd2#catalaDef a span{ display: none; }
dd2#catalaDef a:hover{ position: absolute; background: transparent url(../imatges/idioma.gif) -109px -317px no-repeat; top: -10px; left: -5px; }
dd2#catalaDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #0f4600;
	background-color: #cade97;
	font-weight: bold;
	position: absolute;
	border: 1px solid #baff00;
	bottom: 100%;
	margin: 0;
	padding: 2px;
	width: 85%;
}
dd2#castellaDef{ top: 1px; left: 45px; }
dd2#castellaDef a{ position: absolute; width: 42px; height: 20px; text-decoration: none;}
dd2#castellaDef a span{ display: none; }
dd2#castellaDef a:hover{ position: absolute; background: transparent url(../imatges/idioma.gif) -109px -317px no-repeat; top: -10px; left: -5px; }
dd2#castellaDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #0f4600;
	background-color: #cade97;
	font-weight: bold;
	position: absolute;
	border: 1px solid #baff00;
	bottom: 100%;
	margin: 0;
	padding: 2px;
	width: 130%;
}


/* pàgina serveis */

.accordion {
	width: 100%;
	/*border-bottom: solid 1px #c4c4c4;*/
}
.accordion h3 {
	background: #F3F3F3 url(../imatges/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 90%/110%  Verdana, Tahoma, Arial, sans-serif;
	color: #8A9300;
	border: solid 1px #CFCFCF;
	border-bottom: none;
	cursor: pointer;
}
.accordion h3:hover {
	background-color: #EDEDED;
}
.accordion h3.active {
	background-position: right 5px;
}
.accordion p {
	background: #FFFFFB;
	margin: 0;
	padding: 10px 15px 10px;
	border-left: solid 1px #CFCFCF;
	border-right: solid 1px #CFCFCF;
}

/* caixa pel CrossLoop */
.box2{
width:545px;
height:200px;
background:url(../imatges/box_bg2.gif) no-repeat center;
}
.box_text2{
padding: 0px 0px 0px 20px;
width:470px;
}