/*
4f2100 marro
006f45 verd fosc
61bb46 verd clar
ffd900 groc
996619 marro clar
*/

.titol_1ernivell{
	text-align: left;
	font-size: 11pt;
	font-weight: bold;
	text-transform:uppercase;
	padding-left: 10px;
}

.subtitol_1ernivell{
	text-align: left;
	font-size: 16pt;
	font-weight: bold;
	text-transform:uppercase;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
}

.titol_2onnivell{
	text-align: left;
	font-size: 18pt;
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight:100;
	padding-left:10px;
}

.subtitol_2onnivell{
	text-align: left;
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 10px;
}

body{
  font:12px "Imago Book",Verdana,Helvetica,Arial,sans-serif;
  color:#4f2100;
  background:#006f45 url(img/fons9b.jpg);
  text-align:center;
}


#wrapper{
  width: 1000px;
  margin:auto;
  border:1px solid #4f2100;
  background:#006f45 url(img/fons9.jpg);
  text-align:left;
  position: static;
  height:100%;
}

#fons{
  margin:auto;
  background:#006f45 url(img/fons9.jpg);
  height: 100%;
}

#header{
  background:#fff;
}

#peu_pag{
float: none;
}

/*.......................LOGIN.........*/
#cap{
	width: 300px;
	height: 100px;
	/*margin-top: 50px;
	margin-left: 550px;*/
	position:absolute;
	top: 50px;
	left: 550px;
	background-image:url(img/cas.gif);
	background-repeat:no-repeat;
}

#cos{
	width: 350px;
	height: 200px;
	/*margin-top: 20px;
	margin-left:450px;*/
	position:absolute;
	top: 160px;
	left: 450px;
	background-image:url(img/fons10.jpg);
}

#alin{
	padding-top:20px;
	color:#663300;
}

#lletra{
	font-size:15px;
	color:#FFFFFF;
	font-weight:bold;

}
/*...............................Backoffice Menu...............*/
#imat{
	margin-top: 5px;
}



#menu2{
  width:135px;
  color:#fff;
  font-size:80%;
  float:left;
  background-image:url(img/fons10.jpg);
  height: 580px;
  margin-top: 20px;
}


#menu2 li a{
  line-height:17px;
  padding-left:7px;
  padding-top: 5px;
  text-align:left;
  font-size:12px;
  display:block;
  color:#fff;
}
#menu2 ul{
	margin:0px;
	padding:0px;
}
#menu2 ol{
	margin:0px;
	padding:0px;
	height: 18px;
}
#oli{
	margin:0px;
	padding:0px;
	border-bottom:thin;
}

#titolMenu{
	font-size: 15px;
	font-weight: bold;
	margin-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;

}
#clickat{
	color:#663300;
	font-weight:bold;
	/*padding-left: 5px;*/
}

#hov a{
	/*padding-top: 4px;*/
	margin-top: 1px;
}
#hov a:hover{
	padding-left: 13px;
}
#submenu{
	color:#c4f87c;
	margin-left:10px;
	/*margin-bottom: 2px;*/
}

/*............................................*/

#valor{
	position:absolute;
	top: 150px;
	left: 220px;
	width: 500px;
}

.valor2{
	position:absolute;
	top: 150px;
	left: 220px;
	margin-left: 5px;
	text-align:left;
	/*width: 500px;*/
}

#nota{
	font-size:10px;
}


/*.....................Llistats................*/

#llistat{
	position:absolute;
	top: 70px;
	left: 200px;
	font-size: 16px;
	font-weight: 900;
	color: #006633;
	/*margin-left:50px;
	margin-top: 10px;*/	
}

#tautau{
	position:absolute;
	top: 120px;
	left: 210px;
}
#tautau2{
	position:absolute;
	top: 160px;
	left: 210px;
}
#titulars{
	background-color:#c4f87c;
}

a.llistats{
	font-size:14px;
	color:#006633;
	font-weight:bold;

}
#titolApa{
	font-size:14px;
	color:#006633;
	margin-top: 100px;
	margin-left:50px;
	font-weight:bold;
}

.desc{
	width: 250px;
	margin-left: 10px;
	margin-right: 10px;
}

.nom{
	width: 80px;
	margin-left: 10px;
	margin-right: 10px;
}
.cent{
	width: 100px;
	margin-left: 10px;
	margin-right: 10px;
}
.rut{
	width: 300px;
	margin-left: 10px;
	margin-right: 10px;
}

.sub{
	width: 180px;
	margin-left: 10px;
	margin-right: 10px;
}
.sub2{
	width: 130px;
	margin-left: 10px;
	margin-right: 10px;
}
.marge{
	width: 50px;
	margin-left: 10px;
	margin-right: 10px;
}

.ed{
	margin-left: 10px;
}

.el{
	padding-left: 10px;
}



a.docum{
	
	margin-left: 317px;
	padding-top: 0px;
}

a.imatg{
	margin-left: 350px;

}


.verdet{
	background-color:#d8ffb8;
}

.sel{
	width:170px;
}
.pag1{
	padding-top: 15px;
}
#pagAct{
	color:#006600;
	font-size:12px;
}
#pagAnt{
	color:#009900;
	font-size:11px;
}

/*.......................Formularis....................*/

.text_negre{
	font-weight:bold;
}
#text_petit{
	font-size:10px;
}
.asterisc{
	color:#CC0000;
}
.posForm{
	position:absolute;
	top: 90px;
	left: 230px;
	padding-left: 15px;
}

.posIm{

}

#bkIm{
	background-color:#c4f87c;
}

.posForm3{
	position:absolute;
	top: 90px;
	left: 170px;
	padding-left: 15px;
}

.posIfrm{
	/*position:absolute;
	top: 460px;
	left: 170px;*/
	clear:left;
	margin-top:30px;
	padding-left: 15px;
	width: 600px;
	height: 620px;
}
#titolForm{
	text-align:left;
	padding-left: 20px;
	padding-bottom: 20px;
	color:#663300;
	font-size:13px;
}

.msg_form{
	width: 100%;
	text-align: center;
	color:#61bb46;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	text-decoration: blink;
}

.posForm2{
	height: 700px;
	padding-left: 15px;
}

.imtg{
	width:50px;
}
.sostenibili{
	position:absolute;
	top: 120px;
	left: 230px;
}
/*...............................MENU.....*/
#menu{
  width:90%;
  margin-left:10%;
  color:#fff;
  text-transform:uppercase;
  font-size:80%;
}

#menu li{
  margin:2px 0px;
  height:17px;
}

#menu li a{
  background:url(img/pastiBr.gif) no-repeat 0px -1px;
  line-height:17px;
  padding-left:10px;
  display:block;
  color:#fff;
}

#menu li a:hover,
#menu li.selected a{
  background:url(img/pastiYe.gif) no-repeat 0px -1px;
  color:#61bb46;
}

#menu li a span.out{
  background:#4f2100 url(img/pastiBr.gif) no-repeat right;
  line-height:17px;
  display:block;
  padding-right:10px;
}

#menu li a:hover span.out,
#menu li.selected a span.out{
  background:#ffd900 url(img/pastiYe.gif) no-repeat right;
}

#menu li a span.in{
  background:#4f2100;
  line-height:17px;
  display:block;
}

#menu li a:hover span.in,
#menu li.selected a span.in{
  background:#ffd900;
}






/*...............................BOTTOM.....*/
#bottom{
  text-transform:uppercase;
  width:80%;
  font-weight:bold;
  float: right;
  margin-top: 20px;
  margin-left: 15px;
  margin-right: 10px;
  margin-bottom:20px;
}

#bottom .lv1 li{
  padding:5px 0px;
  border-bottom:#61bb46 1px solid;
}

#bottom li a{
  padding-left:10px;
  padding-right:40px;
  display:block;
  color:#61bb46;
  line-height:24px;
  background:url(img/mesLight.gif) no-repeat right;
}

#bottom .lv2 li a{
  line-height:16px;
  font-size: 8pt;
}

#bottom li a:hover,
#bottom li.selected a{
  color:#006f45;
  background:url(img/mesDark.gif) no-repeat right;
}

#bottom .lv2 li a:hover,
#bottom .lv2 li.selected a{
  color:#006f45;
}

#bottom .lv2 li a{
  color:#61bb46;
  text-transform:none;
  padding-left:25px;
  border:0px !important;
  border:1px solid #fff;
}

#bottom .lv2 li a,
#bottom .lv2 li a:hover{
  background-image:none;
}

#bottom .lv2{
  padding:5px 0px;
}

#bottom .lv2 li{
  padding:0px;
  background:none;
  margin:0px;
  border:0px !important;
  border:1px solid #fff;
}

#bottom .lv2 li.selected{
  padding:0px;
  background:none;
}







/*...............................DECOS.....*/


.tl{
  background:#fff url(img/backWtl.gif) no-repeat top left;
}

.tr{
  background:url(img/backWtr.gif) no-repeat top right;
}

.bl{
  background:url(img/backWbl.gif) no-repeat bottom left;
}

.br{
  background:url(img/backWbr.gif) no-repeat bottom right;
  padding:5px;
}

#right .br{
  padding:30px;
  overflow:auto;
  min-height:450px;
  height:100%;
}

#right1L{
  width:59%;
  float:left;
}

#right1R{
  width:39%;
  float:right;
}

#right2L{
  float:left;
}

#right2R{
  float:right;
}

#right2L,
#right2R{
  width:49%;
}

#right2L .br,
#right2R .br{
  height:420px;
  overflow:auto;
}

#right2H .br{
  height:66px !important;
  height:125px;
  margin-bottom:10px;
  overflow:hidden;
}





/*...............................CONTENT.....*/
#content{
  float: right;
  margin-top:20px;
  margin-bottom:20px;
  /*top:160px;*/
  width:1000px;
  text-align:left;
}

#left{
  margin-top:0px;
  width:27%;
  padding-right:10px;
  float: left;
}

#right{
  width:70%;
  float:right;
  padding-right:10px;
}

#titol{
  text-align:right;
  text-transform:uppercase;
  font-size:80%;
  margin-bottom:30px;
  height: 100%;
}








/*...............................BARRA.....*/
#barra{
  background:#4f2100;
  color:#fff;
  position:relative;
  width:1000px;
  height:24px;
}

#barra #mail{
  position:absolute;
  text-align:right;
  right:10px;
  top:1px;
}

#barra #mail a{
  background:url(img/mail.gif) right no-repeat;
  color:#fff;
  text-transform:uppercase;
  padding-right:30px;
  line-height:22px;
  display:block;
}

#barra form{
  position:absolute;
  left:10px;
  top:3px;
}

#barra #cerca{
  background:#fff url(img/pastiWl.gif) no-repeat left;
  padding-left:10px;
  height:16px;
  border:0px;
  text-transform:uppercase;
  color:#006f45;
}

#barra #cercaB{
  background:url(img/search.gif) no-repeat 0px -1px;
  border:0px;
  margin-left:-4px;
  width:20px;
  height:17px;
}









/*...............................COLS.....*/
.cols{
  overflow:auto;
  clear:both;
  margin:20px 0px;
}

.col2L,
.col2R{
  width:47%!important;
  width:43%;
}

.col2R{
  float:right;
}

.col2L{
  float:left;
}

.peucols{
  clear:both;
}






/*...............................COMMENT.....*/
.comment{
  border-bottom:1px solid;
  margin:10px 0px;
  padding-bottom:10px;
}

.seeMore{
  padding-top:5px;
  background:url(img/mesLight.gif) no-repeat right;
  padding-right:25px;
  display:block;
  width:70px;
}


/*...............................CALENDAR.....*/

.calendar{
  margin:20px 0px;
  color:#61bb46;
  width:99%;
  border-collapse:collapse;
  font-size:80%;
}

.calendar td{
  border:1px solid;
  width:14%;
  border:1px solid #61bb46;
}

.calendar .detail{
  color:#4f2100;
  height:50px;
  vertical-align:top;
}

.titol_mes{
	font-family: verdana, arial;
	font-size: 28pt;
	color:#996619;
	margin-top: 15px;
}

.mesos_seleccio{
	font-size: 8pt;
	text-transform: uppercase;
}

.hiha_activitat{
	/*background-color: #61bb46;
	color: #ffffff;*/
}

.activitat_detalls{

}

.event_datetime{
	font-weight: bold;
	width: 100%;
	border-bottom: solid #61bb46 1px;
	font-size: 8pt;
	display: block;
	padding-bottom: 7px;
	margin-top: 20px;
}

.event_nom{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 8pt;
	display: block;
	margin-top: 10px;
	margin-bottom: 8px;
}

.event_subtitol{

}

.event_descripcio{

}











/*...............................FORM.....*/
#right input{
  width:74%;
  padding:2px;
  color:#61bb46;
  border:1px solid #61bb46;
}

#right textarea{
  width:74%;
  padding:2px;
  color:#61bb46;
  border:1px solid #61bb46;
}

.select_verd{
  width:74%;
  padding:2px;
  color:#61bb46;
  border:1px solid #61bb46;
 }

.label{
  width:90%;/*width:24%;*/
  float:left;
  font-size:80%;
}

form p{
  line-height:20px;
  clear:both;
  margin:5px 0px;
}








/*...............................EXTRES.....*/
.nota{
  color:#61bb46;
}

#right2H img{
  position:absolute;
  top:0px;
  right:10px !important;
  right:0px;
}

#right a{
  color:#4f2100;
  text-decoration:underline;
}

.titol2{
  color:#996619;
  font-weight:bold;
  text-transform:uppercase;
  margin:10px 0px;
}

.titol3{
  color:#61bb46;
  margin:10px 0px;
  text-transform:uppercase;
}