body {
	text-align:center;
	background:url(images/bg.gif) bottom;
	height:944px;
}
a {
	text-decoration:none;
	color:#5E8208
}
a:hover {
	text-decoration: underline;
}
#wrap {
	width:847px;
	text-align:left;
	margin:0 auto;
	position: relative;
	top:10px;
}
.float-l {
	float:left;
	text-align:center;
}


.float-r {
	float:right;
}
.clearfix {
	clear:both;
}



/* header */
#header {
	height:190px;
	background:url(images/hd.gif);
	position:relative;
}

/* navigacio
 
#nav {
  font-family: 'Comic Sans MS', Verdana, Arial, Sans-Serif;
	background:#6FBC00 url(images/nav.gif);
	height:50px;
	position:absolute;
	top:148px;
	width:847px;
}
ul#nav {
}
ul#nav li {
	display:inline;
}
ul#nav a {
	color:#FFFFFF;
	line-height:75px;
	padding:0 15px;
	border-right:#FFFFFF 1px solid;
}
*/

#logo {
	position:absolute;
	top:15px;
	left:25px
}
#logo h1 {
	font-size:34px;
	color:#223802
}
#logo div {
	padding-left:100px
}
/* content */

#scroll {
  height: 400px;
  width: 430px; 
  overflow: auto;
  border: 0px solid #666;
  background-color: transparent;
  padding: 8px;
}

#scroll a {
	color: #CD420F;
	text-decoration: none;
	font-size: 14px;
}

#scroll a:hover {
	color: #887A0F;
	
}


span style{ 
  color: #6C8500;
}




#content {
	height:540px;
	background:#F4FECB
}
#content .left {
  font-family: 'Comic Sans MS', Verdana, Arial, Sans-Serif;
  font-size:15px;
	width:400px;
	height:540px;
	background:#F4FECB url(images/l.gif) no-repeat;
	padding:0 50px
}
#content .left h2 {
	color:#608803;
	font-family: 'Comic Sans MS', Verdana, Arial, Sans-Serif;
	font-size:20px;
	padding:20px 0
}
#content .left a {
	color:#336633
}
#content .left img {
width:170px
}

#content .right {
	width:345px;
	background:#E7FF9E url(images/r.gif) no-repeat;
	border-left:#403f40 1px solid;
	height:540px;
}
#side #top {
	background:url(images/g_top.gif) no-repeat;
	height:410px;
}

#top, #bm {
	width:173px;
	margin:0 auto;
	margin-top:30px;
	padding:0 35px
}
#side h2 {
	font-size:24px;
	color:#FFFFFF;
	padding:20px 0 13px 0
}
#side li {
	list-style: url(images/ar.gif) inside;
	line-height:20px
}

/* Pages */

#pages {
	height: 40px;
	padding-top: 10px;
	
}

#pages h2 {
  text-align: justify;
  font-family: Verdana;
  font-size: 12px;
	display: none;
}

#pages ul {
	display: block;
	width: 180px;
	height: 400px;
	margin: 0 auto;
	padding: 0;
}

#pages li {
	display: inline;
}

#pages a {
	display: block;
	float: left;
	width: 180px;
	height: 40px;
	padding: 15px 0 0 0;
	text-align: center;
	font-family: Verdana;
	text-decoration: none;
	text-transform: lowercase;
	letter-spacing: -1px;
	font-size: 1.1em;
	font-weight: normal;
	color: #000000;
}


#pages a:hover {
	color: #003B00;
	font-weight: bold;
}



#pages a:visited {
  color: #015E00;
}


#page1 { background: url(images/01.gif) no-repeat; }



#page1:hover, #pages .active #page1 { background-image: url(images/02.gif); }



/* footer */
#footer {
	clear:both
}
#footer {
	height:70px;
	color: #5E8208;
	margin-left: 50px;
	margin-top: 14px;
	position:relative
}
#xhtml {
	position: absolute;
	top:20px;
	left:550px
}
.q {
	width:130px;
	padding:5px 0
}
.submit {
	background:url(images/submit.gif) no-repeat;
	height:31px;
	width:27px;
	border:0;
}