body {
background: #F0F9FF;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5em;
color:#212431;
margin: 0;
padding: 0
}

ul, li {
	margin:0;
	padding:0;
	}
img { border: none }

ul { list-style-type:none; }

form {
margin: 0
}

#wrapper {
width: 1024px;
margin: 0 auto;
background: url(/images/wrapper_center.png) center repeat-y; 
position: relative;
height: 100%;
}

html>body #wrapper {height: auto; min-height: 100%;}

#wrapper_top {
width: 1024px;
margin: 0 auto;
height: 10px;
background: #FFFFFF url(/images/wrapper_top.png) center bottom no-repeat
}
#wrapper_bottom {
width: 1024px;
margin: 0 auto;
height: 10px;
background: #FFFFFF url(/images/wrapper_bottom.png) center top no-repeat
} 


#header {
padding: 0 15px 5px 15px;
height: 130px;
position:relative;
}

#top {
height: 90px;
padding: 5px 0 5px 0
}
#left {
	float:left;
	margin-right: 5px;
	width: 200px;/* must be same as left margin on #middle*/
}
#right {
	float:right;
	width: 260px;/* must be same as right margin on #middle*/
}

#content {
	float:left;
	margin-right: 5px;
	width: 554px;/* must be same as left margin on #middle*/
}

#empty { height: 70px}
#footer {
color: #000000;
font-size: 11px;
text-align: center;
position: absolute;
left: 0;
bottom: 0;
height: 20px;
padding: 25px 0 25px 0;
width: 100%
}
#footer a { 
font-size: 11px; 
color: #129136;
text-decoration: underline
}
#footer a:hover {
font-size: 11px; 
color: #129136;
text-decoration: none
}

.clear {
clear: both;
height: 5px
}


.fl {
float: left
}

.fr {
float: right
}

.image {
margin: 5px 5px 5px 0
}
 
p {
padding: 0;
margin: 0
} 

/*header*/
#logo {
float: left;
width: 220px;
text-align: center;
}

.top_banner {
margin-left: 220px;
text-align: center;
}
/*end header*/

/*left*/
.left_main {
padding: 2px 0 10px 12px
}
/*end left*/

/*content*/
.content_main {
padding: 2px 0 10px 0
}
/*content*/

/*content*/
.right_main {
padding: 2px 12px 10px 0
}
/*content*/

.box {
padding: 0 2px 0 2px;
margin: 0 0 5px 0
}

#left .box {
background: #E8F5D9;
border: 1px solid #5AB400
}


#content .box {
background: #F0F9FF;
border: 1px solid #5994AD
}

#right .box {
background: #E8F5D9;
border: 1px solid #5AB400
}

.clear {
clear: both;
height: 5px
}

.image {
margin: 0 9px 3px 0;
} 

p {
padding: 0;
margin: 0
}

a {	color: #003300;	text-decoration: underline}
a:hover { color: #003300; text-decoration: none}
	
h1 { font-size: 14px; margin: 0; padding: 0; color: #003300 }
h1 a { font-size: 14px; margin: 0; padding: 0; color: #003300; text-decoration: underline}
h1 a:hover { font-size: 14px; margin: 0; padding: 0; color: #003300; text-decoration: none}

h2 { font-size: 16px; color: #336600; margin: 0 0 5px 0; padding:  5px; background: url(/images/h_bg.png) repeat-x; border: 1px solid #A5D363;  font-weight: normal}
h2 a { font-size: 16px; color: #003300; text-decoration: none; font-weight: bold}
h2 a:hover { font-size: 16px; color: #336600; text-decoration: none; font-weight: bold}


h3 { font-size: 12px; margin: 0; padding: 0; color: #003300 }
h3 a { font-size: 12px; margin: 0; padding: 0; color: #003300; text-decoration: underline}
h3 a:hover { font-size: 12px; margin: 0; padding: 0; color: #003300; text-decoration: none}


#nav { 
background:url(/images/topbar.png) no-repeat bottom;
height:32px; 
}
#nav ul {
	float:right;
	height:30px;
	}
#nav ul li { float:left; }
#nav ul li a {
	float:left;
	height:24px;
	margin-right:2px;
	padding: 6px 13px 0 13px;
	background:none;
	color:#FFFFFF;
	font-size: 13px;
	text-decoration: none
	}
#nav ul li a:hover {
	background:transparent url(/images/nav-left.png) repeat-x bottom;
	color:#fff;
	text-decoration:none;
	}
#nav ul li.selected a {
	background-image:url(/images/bg_nav_on.gif);
	background-repeat:repeat-x;
	color:#000000;
	}


/*menu*/
div.display a,div.usuall a{
font-weight:bold;
text-decoration:none;
display: block
}	
.left_menu {
width: 170px;
padding: 8px 5px 5px 5px;
font-size: 12px;
color: #000000;
}
.left_menu a { 
color: #80b83d;
text-decoration: none;
outline: none
}
.left_menu a:hover { 
color: #80b83d;
text-decoration: none;
outline: none
}

#left_menu .menucol {
text-align: right;
padding: 2px 0 2px 25px;
margin-bottom: 3px;
color: #80b83d;
font-weight:bold;
text-decoration: none;
background: url(/images/categories_off.gif) no-repeat;
width: auto;
}

#left_menu .menucol, #left_menu .menucol.active {
text-align: left;
padding: 2px 0 2px 25px;
color: #80b83d;
font-weight:bold;
text-decoration: none;
background: url(/images/categories_off.gif) no-repeat;
width: auto;
}

#left_menu .menucol.active{
padding: 2px 0 2px 25px;
background: url(/images/categories_on.gif) no-repeat;
color: #80b83d;
font-weight:bold;
}

#left_menu a:hover.menucol {
color: #80b83d;
padding: 2px 0 2px 25px;
font-weight:bold;
background: url(/images/categories_on.gif) no-repeat;
}

.left_submenu {
display:block;
width: 170px;
padding: 0;
margin-bottom: 0px;
font-size: 12px;
color: #000000;
}
#left_submenu .menucol2, #left_submenu .menucol2.active {
display: block;
width: auto;
padding: 0 10px 0 50px;
margin-bottom: 5px;
font-size: 12px;
color: #000000;
height: 17px;
text-align: left;
text-decoration: underline
}
#left_submenu .menucol2.active {
padding: 0 10px 0 50px;
margin-bottom: 5px;
font-size: 12px;
color: #EE3224;
font-weight: bold;
text-decoration: none
}
#left_submenu a:hover.menucol2 {
font-size:12px;
padding: 0 10px 0 50px;
height: 17px;
color: #000000;
text-decoration:none;
}
/*end menu*/

/*news*/
.new {
padding-bottom: 7px;
line-height: 15px;
font-size: 12px;
}

.new img {
margin: 0 7px 7px 0 
}

.new h1 {
margin: 0;
padding: 0 0 8px 0;
font-size: 13px;
color:#007328;
font-weight: bold
}

.new h1 a {
font-size: 13px;
color:#007328;
text-decoration: underline
}

.date {
color: #737373;
font-size: 12px; 
padding: 0 0 5px 0
}

.name {
color: #737373;
font-size: 12px; 
}

.region {
color: #737373;
font-size: 12px; 
}

/*end news*/

/*gallery*/
.gallery_row {
padding-top: 12px;
float: left;
color:#000000;
font-size: 12px;
text-decoration: none
}
.gallery_row a {
color: #007328;
text-decoration: underline;
}
.gallery_row a:hover {
color: #007328;
text-decoration: none;
}

.gallery_one {
width: 180px;
float: left 
}

.fotogallery_one {
width: 270px;
float: left 
}

#left div.gallery_one {
width: 180px !important;
margin:auto !important;
float: none !important
}

#right div.gallery_one {
width: 230px !important;
margin:auto !important;
float: none !important
}

.foto_img {
text-align: center
}

.foto_txt {
padding: 0 7px 0 7px;
color: #000000;
font-size: 12px;
text-align: center
}

.descript {
line-height: 17px;
font-size: 12px;
}

.descript h1 {
margin:0 0 5px 0;
padding:0;
font-size: 16px;
color:#FF6600;
}

.descript img {
margin: 0 7px 7px 0 
}

.all_production {
font-size: 12px;
text-align: right
}

.also {
padding: 5px 0 15px 20px
}

.category h1 { 
font-size: 13px; 
margin: 0; 
padding: 0; 
color: #007328;
}
.category h1 a { 
font-size: 13px; 
margin: 0; 
padding: 0; 
color: #007328; 
text-decoration: underline;
}

#gallery {
padding: 20px 0 0 0;
}

#gallery ul { 
list-style: none;
padding: 0;
margin: 0
}
#gallery ul li { 
display: inline;
}
#gallery ul li a {
text-decoration: none
}

#gallery ul img {
margin: 0 15px 0 0;
border: 5px solid #E2F3E9
}
#gallery ul a:hover img {
border: 5px solid #CEE8AD;
color: #EE7D81;
}
#gallery ul a:hover { 
color: #fff
}

#main_photo {
}

#main_photo img {
border: 5px solid #E2F3E9
}
#main_photo a:hover img {
border: 5px solid #CEE8AD;
color: #EE7D81;
}
#main_photo a:hover { 
color: #fff
}

/* end gallery */

/*questionary*/
.questionary_txt {
font-size: 12px;
color: #403635;
text-decoration: none;
padding: 5px 0 0 0;
line-height: 18px
}

.answer_txt {
font-size: 12px;
color: #403635;
text-decoration: none;
padding: 5px 0 5px 15px;
line-height: 18px
}

.questionary_txt  h1 {
margin: 0;
padding: 0 0 5px 0;
font-size: 13px;
color:#007328;
font-weight: bold;
}

.questionary_txt  h1 a {
font-size: 13px;
color:#007328;
font-weight: bold;
text-decoration: none;
}

.questionary_txt  h1 a:hover {
font-size: 13px;
color: #007328;
font-weight: bold;
text-decoration: none;
}

.box div.questionary_txt h1 {
text-align: center
}
/*end questionary*/

/* pager */
.navigation {
height: 21px;
color: #888888
}
.navigation a, .navigation a.active {
color: #129136;
font-weight: bold;
text-decoration: none
}
.navigation a.active {
color: #129136;
text-decoration: none
}

.navigation a:hover {
color: #129136;
text-decoration: none
}

.number {
height: 18px;
width: 18px;
background: url(/images/number_bg.gif) no-repeat center;
padding: 3px 0 0 0;
font-size: 11px;
float: left;
margin: 0 4px 0 0;
text-align: center
}

.navigation ul {
margin: 0;
padding: 0;
list-style: none
} 
.navigation ul li {
display: inline;
list-style: none;

}