* {
	font-family: Arial;
}

html, body {
	height: 100%;
	width: 100%;
}

html, body, div, td, tr, tbody, thead, img {
	margin: 0px;
	padding: 0px;
	/*border: 0px;*/
}

a img {
	border: 0px;
}

body {
  background: #004600;
}

/* Message Box */

.MessageBox {
	cursor: default;
}

.MessageBox_Text {
	font-weight: bold;
}

.MessageBox_Buttons {
	text-align: center;
}

/* Default Layout */
#layout_top {
	width: 100%;
	border: 0px;
}

#layout_top div {
	padding: 0px;
	margin: 0px;
}

#layout_top_border_bottom {
    width: 241px;
	height: 57px;
	background-image: url(images/border_bottom.png);
	background-repeat: no-repeat;

}
#layout_top_border_bottom div {
	padding-top: 10px;
}

#layout_slideshow {
    width: 241px;
	height: 137px;
}

#layout_top_border_bottom a,
#layout_top_border_bottom a:link,
#layout_top_border_bottom a:visited,
#layout_top_border_bottom a:active,
#layout_top_border_bottom a:hover {
	padding-left: 14px;
	font-size: 12px;
	font-weight: normal;
	color: #ed99d8;
	text-decoration: none;
}

#layout_top_border {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 400;
}

#layout_top_border input {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

#slideshow_container {
    width: 391px;
	height: 194px;
}

#layout_logo {
	position: relative;
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	vertical-align: top;
}

.lang a,
.lang a:link,
.lang a:visited,
.lang a:active,
.lang a:hover {
	font-size: 11px;
	font-weight: normal;
	color: #93d029;
	text-decoration: none;
}

.lang_selected a,
.lang_selected a:link,
.lang_selected a:visited,
.lang_selected a:active,
.lang_selected a:hover {
	color: #f4ffa9;
}

.lang a:hover {
	color: #f4ffa9;
}

#layout_info, #layout_content {
    width: 100%;
}

#layout_content {
	background-image: url(images/menu_rbg.png);
	background-repeat: repeat-y;
}

#quick_links {
	background-image: url(images/quick_menu_bg.png);
	background-repeat: no-repeat;
	width: 241px;
	height: 98px;
}

#quick_links table {
	width: 100%;
	margin-left: 10px;
	margin-top: 30px;
}

#quick_links a {
	color: #feb6b6;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#pictogram {
	width: 226px;
	height: 98px;
    background-image: url(images/piko_bg.png);
	background-repeat: no-repeat;
}

#title_bg2 {
	background: #fff5bd;
    background-image: url(images/title_bg2.png);
	background-repeat: repeat-x;
}

#title_bg {
    width: 100%;
	height: 98px;
    background-image: url(images/title_bg.jpg);
	background-repeat: no-repeat;
}

#title_bg table {
    width: 100%;
}

#right_top {
	vertical-align: top;
	width: 262px;
	height: 98px;
    background-image: url(images/right_top.png);
	background-repeat: no-repeat;
}

#title_layout {
    padding-top: 3px;
	vertical-align: top;
}

#title_bg3 {
	background-image: url(images/middle_top_bg.png);
	background-repeat: repeat-x;
}

#title_bg4 {
    width: 100%;
	height: 98px;
	background-image: url(images/middle_top.png);
	background-repeat: no-repeat;
}

#title {
	padding-top: 20px;
	padding-left: 15px;
	color: #000000;
	font-size: 18px;
	font-weight: bold;
}

#content {
	background-image: url(images/content_bg.png);
	background-repeat: no-repeat;
	background-color: #f4ffa9;
	vertical-align: top;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	font-size: 10pt;
	height: 400px;
}

#right_border {
	width: 33px !important;
	width: 34px;
	background-image: url(images/right_bg.png);
	background-repeat: repeat-y;
}

/*#bottom_bg {
	height: 63px;
	background-image: url(images/bottom_bg.png);
	background-repeat: repeat-x;
}*/

#bottom {
	height: 57px;
	background-image: url(images/bottom_bg2.png);
	background-repeat: no-repeat;
}

#bottom_border {
	background-image: url(images/bottom_bg.png);
	background-repeat: repeat-x;
	height: 57px;
}

#bottom_left {
	height: 57px;
	width: 23px;
	background-image: url(images/bottom_left.png);
	background-repeat: no-repeat;
}

#bottom_right {
	height: 57px;
	width: 73px;
	background-image: url(images/bottom_right.png);
	background-repeat: no-repeat;
}

#partners {
	width: 241px;
	color: #3f8a25;
	font-size: 12px;
}

#partners div {
	padding-top: 10px;
	padding-left: 50px;
}

#partner_logo td, #partner_logo img, #partner_logo a, #partner_logo tr {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

#partner_logo {
	margin-top: 10px;
	margin-left: 50px;
}

/* Menu */
td.menu
{
    vertical-align: top;
	background-image: url(images/partners_bg.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

td.menu
{
	width: 241px;
}

/*ul.menu
{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.menu a
{
	color: #b4f54d;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

ul.menu li
{
	background-image: url(images/menu_bg.png);
	background-repeat: no-repeat;
	height: 19px;
	padding-left: 50px;
}*/

div.menu {
	background-image: url(images/menu_bg.png);
	background-repeat: no-repeat;
	height: 19px;
}

div.menu a {
	color: #93d029;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	margin-left: 50px;
}

div.menu_turisms {
	background-image: url(images/menu_last_bg.png);
	height: 38px;
	padding-top: 13px;
}

div.menu_turisms a {
	color: #004600;
}

/*ul.submenu
{
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 10px;
}

ul.submenu a
{
	color: #93d029;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

ul.submenu li
{
	background: none;
	height: 19px;
}*/

div.submenu {
	background: none;
	height: 19px;
}

div.submenu a {
	color: #b4f54d;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	margin-left: 60px;
}

/*ul.subsubmenu
{
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 10px;
}

ul.subsubmenu a
{
	color: #93d029;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

ul.subsubmenu li
{
	background: none;
	height: 19px;
}*/

div.subsubmenu {
	background: none;
	height: 19px;
}

div.subsubmenu a {
	color: #b4f54d;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	margin-left: 70px;
}

div.selected1 a {
    font-style: italic;
}

div.selected2 a {
    font-style: italic;
}

div.selected3 a {
    font-style: italic;
}

div.menunewitem a {
	font-style: italic;
	font-size: 9px;
}

.label
{
	text-align: right;
	vertical-align: top;
}

.content {
	position: relative;
    font-size: 12px;
    color: #004600;
    line-height: 16px;
    text-align: justify;
}

.content img {
	margin: 10px;
}

.content_hover {
    border: 1px solid #CC9966;
	background-color: #FFFF99;
}

.content h1 {
    font-size: 14px;
}

.content h2 {
    font-size: 13px;
	font-weight: bold;
}

.content a, .news a, .events a {
    color: #85319a;
}

.content img, .news img, .events img {
    margin-right: 20px;
}

.news a, .events a {
   font-size: 10px;
}

.content_edit {
    position: absolute;
    top: 0px;
    right: 0px;
}

.news, .events, .gallery {
    position: relative;
    color: #004600;
    line-height: 16px;
    text-align: justify;
	clear: both;
	margin-bottom: 20px;
}

.gallery h1 {
    font-size: 14px;
    color: #004600;
}

.news h1 {
    font-size: 14px;
    color: #004600;
}

.news img {
    margin-bottom: 20px;
}

.news_intro {
	padding-bottom: 20px;
    font-style: italic;
}

.events h1 {
    font-size: 14px;
    color: #004600;
}

.events img {
    margin-bottom: 20px;
}

.events_intro {
	padding-bottom: 20px;
    font-style: italic;
}

.events_date, .events_place {
	font-weight: bold;
}

.gallery img {
  margin-left: 10px;
}

.search {
	background-image: url(images/search_bg.png);
	background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    right: 0px;
	width: 270px;
	height: 28px;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
}

.searchInput {
	margin: 2px;
    font-size: 12px;
	width: 130px;
	font-weight: normal;
}

.searchButton {
	width: 24px;
	height: 24px;
}

.sortableitem h1
{
	cursor: move;
}

.sortHelper {
	border: 3px dashed #666;
	width: auto !important;
}

.gallery_border {
	width: 160px;
	height: 160px;
	margin: 4px;
	float: left;
}

#zl_baneris {
    width: 155px;
	height: 80px;
    margin-left: 40px;
	margin-top: 20px;
}

/******************************************************************************/

.clear-columns
{
	clear: both;
}
#outer-column-container
{
	border-left: solid 241px #004600;	/* left */
	border-right: solid 33px #004600; /* right */
	height: 100%;
}
#inner-column-container
{
	width: 100%;
	height: 100%;
}
#source-order-container
{
	float: left;
	width: 100%;
	margin-right: -1px;
	height: 100%;
}
#left-column
{
	float: left;
	margin-left: -241px;
	width: 241px;
	margin-right: 1px;
	height: 100%;
}
#middle-column
{
	float: right;
	width: 100%;
	margin-left: -1px;
	height: 100%;
}
#right-column
{
	float: right;
	margin-right: -33px;
	width: 33px;
	margin-left: 1px;
	background-image: url(images/right_bg.png);
	background-repeat: repeat-y;
	height: 100%;
	position: relative;
}

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	background: transparent url(___just-anything-here.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/*******************************************************************************
 * BASE THEME
 *
 * Setup basic styling for the layout. This will set gutterspace and generate a
 * basic border structure for the layout. Real layout styling belongs in a 
 * separate "theme" stylesheet; leave this stylesheet untouched.
 */
#page-container
{
	height: 100%;
	background-color: #fff5bd;
	min-width: 600px;
}
#inner-column-container
{
	border: solid 1px #000;
	border-width: 0 1px;
	margin: 0 -1px;			/* compensate for the borders because of
					   100% width declaration */
}
.inside
{
	margin: 10px;			/* margin, instead of padding, used to 
					   induce margin collapse if needed by 
				 	   child elements */
}
.clear-columns
{
	/* hide from IE/Mac \*/
	padding-bottom: 1px;
	margin-bottom: -1px;		/* this padding/margin hack is here for
					   older Mozilla engines (Netscape 7, 6,
					   FireFox pre 2.0) which will not allow 
					   an element to clear unless it has some 
					   effect on how the rest of the layout 
					   renders (ie, it takes up space). 
					   Hidden from IE/Mac as it triggers a 
					   horizontal scrollbar. */
}
* html #middle-column, * html #left-column, * html #right-column,
* html #source-order-container
{
	/* hide from IE/Mac \*/
	overflow: visible;	/* a bug through IE/Win 6 causes the widths of
				   text boxes to be calculated narrower than
				   they render, causing overflow of their parent
				   elements. we need to explicitly handle this
				   overflow. IE/Win 5.0 does not handle visible
				   overflow correctly and so on some layouts,
				   at some viewport widths you'll get a 
				   horizontal scroll bar. */
	/* hide from IE/Mac \*/
	position: relative;	/* this resolves rendering bugs in IE/Win.
				   without this the columns don't render on
				   screen or text jog. */
}
* html #middle-column
{
	margin-right: -4px;	/* fix 3-pixel text jog in IE/Win 5.0.
				   -4px because we also have to
				   compensate for the overlaps from
				   the left and right columns */
	margin-right/* */: 0;	/* reset value on 5.5 and later using
				   comment hack to hide this rule from 5.0 */
}
* html #middle-column .inside
{
	margin-right: 14px;		/* compensate for negative margin in
					   previous rule */
	margin-right:/* */: 10px;	/* reset margins for 5.5 and later */
}

* html #inner-column-container 
{
	display: block;
}
* html #source-order-container
{
	margin-right: -100%;	/* IE/Mac will force #source-order-container
				   to the width of #left-column, even though
				   that element is no longer inside it. this
				   negative margin will help IE/Mac keep the
				   three columns together under narrower 
				   viewports than normal.
	/* \*/ margin-right: -1px; /* reset the above hack for IE/Win */
}
#left-column, #right-column
{
	position: relative;	/* resolve issues with links in left and right
				   columns not being clickable in Safari */
}

/******************************************************************************/