body {color: rgb(48,48,48); background-color: rgb(222,226,141);}

a {color: rgb(82, 102, 28);}

img[align|="left"] {margin: 5px 10px 0px 0px;} 
img[align|="right"] {margin: 5px 0px 0px 10px;} 

.clear {clear: both; font-size: 1px; line-height: 1px; height: 1px;}
.layout {border-collapse: collapse; margin: 0px;}
.layout td {padding: 0px;}
.displayNone {display: none;}

/* ************ header *********** */
#headerContainer {position: relative; height: 145px; background-color: rgb(173,186,43);}
#headerContainer .siteTitle {position: absolute; top: 20px; left: 20px; font-size: 250%; color: rgb(117,145,40); z-index: 0;}
#headerContainer .siteTitle a {text-decoration: none; color: white;}
#headerContainer .headerInside {height: 145px; position: absolute; z-index: 2; top: 0px; left: 0px; background-image: url('/images/header-bg.jpg'); text-decoration: none;}

#headerContainer .kavka {background-image: url('/images/header-bg-kavka.jpg');}
#headerContainer .krkavci {background-image: url('/images/header-bg-krkavci.jpg');}
#headerContainer .nasLes {background-image: url('/images/header-bg-nasLes.jpg');}
#headerContainer .ostatni {background-image: url('/images/header-bg-ostatni.jpg');}
#headerContainer .sovy {background-image: url('/images/header-bg-sovy.jpg');}
#headerContainer .tajemstviLesa {background-image: url('/images/header-bg-tajemstviLesa.jpg');}
#headerContainer .veverky {background-image: url('/images/header-bg-veverky.jpg');}
#headerContainer .vodniPtaci {background-image: url('/images/header-bg-vodniPtaci.jpg');}

#headerBottomRow {background-color: rgb(172,185,44);}


/********************* page **************************/
.bordered {background-color: rgb(222,226,141); border: 1px solid black;}
.container {background-image: url('/images/page-bg.gif'); background-repeat: repeat-y; background-position: top left;}


/********************* welcome page *****************/
#welcomePage {background-image: none;}
#welcomePage #headerContainer {position: relative; height: 390px; background-color: rgb(173,186,43);}
#welcomePage #headerContainer .headerInside {display: block; height: 390px; position: absolute; z-index: 2; background-image: url('/images/header-welcome-bg.jpg');}
#welcomePage #headerContainer h1 {position: absolute; top: 20px; left: 20px; font-size: 250%; color: rgb(117,145,40); z-index: 0;}
#welcomePage #headerContainer h1 a {text-decoration: none; color: white;}

#welcomePage #languageSwitch {display: none; top: 130px; right: 25px;}
#welcomePage #languageSwitch a {color: black;}
#welcomePage .searchBox {top: 220px; right: 5px; color: black;}

#welcomePage #menuHorizontal {width: auto; padding-bottom: 0px;}
#welcomePage .welcomeText {padding: 20px;}

#projectsTitle {width: 930px; display: block; background-color: rgb(117,145,40); color: white; padding: 5px 0px 5px 20px;}

#projectsContainer {padding: 0px; width: 950px; overflow: auto; background-color: rgb(173,186,43); overflow-y:hidden;overflow-x:auto; scrollbar-face-color:#336600; scrollbar-highlight-color:rgb(167,195,90); scrollbar-3dlight-color:rgb(167,195,90); scrollbar-darkshadow-color:rgb(68,96,0); scrollbar-shadow-color:rgb(68,96,0); scrollbar-arrow-color:white; scrollbar-track-color:rgb(117,145,40);}
#projectsContainer .projectBox {margin: 0px; padding: 0px 5px 0px 5px;}
#projectsContainer .projectBox:hover {background-color: #336600;}
#projectsContainer .projectBox .title {font-size: 120%; text-align: center; padding: 4px 0px 0px 0px; margin: 0px;}
#projectsContainer .projectBox .title a {color: White; text-decoration: none;}
#projectsContainer .projectBox .inside {text-align: center; padding: 10px 0px 0px 0px; background-color: rgb(173,186,43);}
#projectsContainer .projectBox .inside:hover {background-color: #336600;}
#projectsContainer .projectBox .projectType {clear: left; display: block; text-align: center; color: White;}

/********************* languages ****************************/
#languageSwitch {display: none; position: absolute; top: 20px; right: 20px; z-index: 3; color: rgb(34,30,31); padding: 0px; border-left: 1px solid rgb(34,30,31);}
#languageSwitch ul {margin: 0px; padding: 0px; list-style: none;}
#languageSwitch ul li {float: left;}
#languageSwitch a {float: left; text-decoration: none; margin: 0px; padding: 0px 5px 0px 5px; color: rgb(34,30,31); border-right: 1px solid rgb(34,30,31); font-size: 80%;}
#languageSwitch a:hover {color: white;}

/********************* search ****************************/
.searchBox {position: absolute; top: 30px; right: 0px; z-index: 3; margin: 50px 20px 0px 0px;}
.searchBox .title {display: block;}
.searchBox .inputItem {margin: 0px; border: rgb(117,145,40) solid 1px;}
.searchBox .button {top: 0px; font-size: 90%;} 

 
/********************* menu horizontal ************/
#menuHorizontal {padding: 3px 10px 2px 0px; background-color: rgb(117,145,40); font-size: 100%; line-height: normal; letter-spacing: 0.1em; }
#menuHorizontal ul {margin: 0px 0px 0px 10px; float: right; padding: 0px; list-style: none;}
#menuHorizontal ul li {float: left; margin: 0px; padding: 0px;}
#menuHorizontal ul li a {display: block; padding: 2px 8px 2px 8px; text-decoration: none; text-transform: uppercase; border-right: 1px solid white; color: white;}
#menuHorizontal ul li a:hover {color: yellow;}
#menuHorizontal ul li a.current {background-color: White; color: Black;}
#menuHorizontal ul li.last a {border: none;}


/* ************ left menu ******************* */
#menuLeft {margin: 0px; font-size:100%; line-height:normal;}
#menuLeft ul {list-style: none; margin: 0px; padding: 0px;}
#menuLeft a {display: block; margin: 0px 0px 2px 0px; padding: 4px 0px 4px 10px; background-color: rgb(117,145,40); text-decoration:none; color: white;}
#menuLeft a:hover {color: black; background-color: rgb(222,226,141);}
#menuLeft .submenu {display: block; list-style:none; margin: 0px; padding: 5px 0px 20px 0px;}
#menuLeft .submenu a {display: block; margin: 0px 0px 2px 0px; padding: 0px 0px 4px 20px; background-color: rgb(172,185,44); text-decoration:none; color: black;}
#menuLeft .submenu a.current { color: white; font-weight: bold; background-image: url('/images/submenuIcoCurrent.gif'); background-repeat: no-repeat; background-position: top left;}
#menuLeft .submenu a:hover {color: yellow;}
#menuLeft .submenu .submenu {padding: 0px 0px 10px 10px;}
#menuLeft .menuSectionTitle {margin: 10px 0px 2px 10px; font-weight: bold; font-size: 110%; color: rgb(67, 84, 22);}

/********************* left column ****************************/
#leftColumn {background-color: rgb(172,185,44);}
#leftColumn .sectionDescription {margin: 20px 0px 20px 0px; padding: 10px 10px 10px 10px; border-top: rgb(117,145,40) 1px dotted; border-bottom: rgb(117,145,40) 1px dotted;}
#leftColumn .sectionDescription .title {font-size: 100%; font-weight: bold; padding-top: 5px;}

/********************* mainContent *************************/
#mainContent {margin: 20px 20px 20px 10px;}

/********************* section ****************************/
#mainContent .section {}
#mainContent .section .sectionTitle {font-size: 180%; font-weight: normal; color: rgb(34,30,31); margin: 0px 0px 10px 0px;}
#mainContent .section .articleList {margin: 0px; padding: 0px;}
#mainContent .section .articleList td {padding: 0px;}
#mainContent .section .articleList .itemStyle, #mainContent .section .articleList .alternatingItemStyle {padding: 10px 0px 10px 0px; border-bottom: rgb(117,145,40) 1px dotted;}
#mainContent .section .articleList .date {float: right;}
#mainContent .section .articleList .title {font-size: 130%; font-weight: normal; margin: 5px 0px 0px 0px; padding: 0px;}
#mainContent .section .articleList .title a {color: #663300}
#mainContent .section .articleList .title a:hover {color: #FF6600}
#mainContent .section .articleList .perex {font-size: 100%;}
#mainContent .section .articleList .perexImage {float: right; clear: right; padding-left: 10px;}

#mainContent .navigation {text-align: center; font-size: 110%; padding: 20px;} 

/********************* articleDetail **************************/
#mainContent .articleDetail {}
#mainContent .articleDetail .date {float: right; color: #759128}
#mainContent .articleDetail .title {font-size: 180%; font-weight: normal; color: rgb(34,30,31); margin: 0px 0px 10px 0px;}
#mainContent .articleDetail .sectionTitle {font-size: 120%;}
#mainContent .articleDetail .sectionTitle a {text-decoration: none; color: #759128;}
#mainContent .articleDetail .sectionTitle a:hover {text-decoration: underline; color: Black;}

#mainContent .articleDetail .multimedia {border-top: rgb(117,145,40) 1px dotted; padding-top: 10px;}
#mainContent .articleDetail .multimedia .flashPlayer, #mainContent .articleDetail .multimedia .detailBox {display: none;}
#mainContent .articleDetail .multimedia .singleVideo {text-align: center;}
#mainContent .articleDetail .multimedia .sectionTitle {display: block; color: #759128; font-size: 140%; padding-bottom: 10px;}
#mainContent .articleDetail .multimediaList {width: 100%;}
#mainContent .articleDetail .multimediaList .item {width: 25%; text-align: center; vertical-align: top; padding: 5px;}
#mainContent .articleDetail .multimediaList .item .title {display: block; margin: 0px; padding: 0px; font-size: 100%;}
#mainContent .articleDetail .multimediaList .item .image img {border: solid 1px gray; padding: 2px; margin-bottom: 0px;}

#mainContent .articleDetail .download {border-top: rgb(117,145,40) 1px dotted; padding-top: 10px;}
#mainContent .articleDetail .download .sectionTitle {display: block; color: #759128; font-size: 140%; padding-bottom: 10px;}
#mainContent .articleDetail .downloadList {width: auto;}
#mainContent .articleDetail .downloadList td {vertical-align: top; padding: 0px 0px 10px 0px;}
#mainContent .articleDetail .downloadList .fileType {width: 20px; padding-top: 4px;}
#mainContent .articleDetail .downloadList .title {font-size: 100%; font-weight: bold;}
#mainContent .articleDetail .downloadList .description {font-size: 90%;}

/********************* footer ****************************/
#footer {margin: 10px auto 20px auto; width: 950px; padding: 0px; color: rgb(48,48,48); text-align: left;}
#footer .copyright {color: rgb(48,48,48); font-size: 90%;}
#footer .developer {text-decoration: none; color: rgb(48,48,48); font-size: 90%;}
#footer .developer:hover {text-decoration: underline;}


/********************* forms ****************************/
label {font-weight: normal; margin: 0px; padding: 0px;}
input[type="text"], input.text, input.title, textarea, select {margin: 0px; padding: 0px; position: static; line-height: normal;}
textarea {height: auto;  margin: 0px;}

.label {display: block; font-size: 90%; line-height: normal; height: auto; margin: 5px 0px 0px 0px;}
.button {font-size: 90%; margin: 0px; padding: 2px 10px 2px 10px; border-top: rgb(167,195,90) solid 1px; border-left: rgb(167,195,90) solid 1px; border-bottom: rgb(68,96,0) solid 1px; border-right: rgb(68,96,0) solid 1px; background-color: rgb(117,145,40); color: White; cursor: pointer;} 

.gmapFilter {background-color: rgb(172,185,44); clear: right;}
.gmapFilter h2 {margin: 0px; padding: 2px 5px 2px 5px; font-size: 100%; font-weight: bold; background-color: rgb(154,167,39);}
.gmapFilter .layout {margin: 10px;}
.gmapFilter input, .gmapFilter select {font-size: 90%;}
.gmapFilter label {font-size: 90%;}
.gmapFilter .submit {font-weight: bold; font-size: 90%; padding: 2px;}
.gmapFilter .clearFilter {color: rgb(214, 231, 169); font-size: 90%; padding: 2px;}
.gmapFilter .result {display: block; padding: 0px 5px 5px 10px; font-weight: bold; color: #A52A2A;}

.gmap {border: rgb(172,185,44) solid 1px;}

.gmapAddNewMarker {border: rgb(172,185,44) solid 1px; padding-top: 5px; text-align: left;}
.gmapAddNewMarker input {margin: 0px; padding: 0px; position: static; line-height: normal; font-size: 100%; padding: 2px;}
.gmapAddNewMarker #subgurim_gMap_find {font-size: 90%; margin: 0px; padding: 0px 5px 0px 5px; border-top: rgb(167,195,90) solid 1px; border-left: rgb(167,195,90) solid 1px; border-bottom: rgb(68,96,0) solid 1px; border-right: rgb(68,96,0) solid 1px; background-color: rgb(117,145,40); color: White; cursor: pointer;}
.gmapAddNewMarker div {margin-top: 5px;}

.addNewMarker {float: right; padding-bottom: 20px;}
.addNewMarker a {display: block; width: 200px; margin: auto; text-decoration: none; font-weight: bold; font-size: 100%;}
.addNewMarker a:hover {color: Yellow;}

#addNewMarker .label {padding-top: 10px; font-weight: bold; font-size: 100%;}
#addNewMarker .help {font-weight: normal; font-size: 95%;}
#addNewMarker .inputItem {margin: 0px; font-size: 100%; padding: 2px; width: 450px;}
#addNewMarker .commands {text-align: center; margin: 10px;}
#addNewMarker .commands .button {font-weight: bold; font-size: 100%;}
#addNewMarker .commands .button:hover {color: Yellow;}
#addNewMarker .commands .storno {font-weight: normal;}

#selectedMarker {margin-top: 15px;}


/***** consulting *****/

.faqSearch {padding: 10px 10px 5px 10px; margin-bottom: 20px; line-height: 1em;}
.faqSearch .label {display: block; padding-bottom: 2px;}
.faqSearch .inputItem {margin: 0px;}
.faqSearch .button {border: solid 1px gray; padding: 0px 10px 0px 10px; top: 0px; margin: 0px;}
.faqSearch .description {margin-top: 10px; font-size: 95%;}

.faqQuestion {padding: 5px 10px 5px 10px; color: #000000; background-color: rgb(173,186,43);}
.faqQuestion .faqDate {float: right; font-size: 90%;}
.faqQuestion .faqName {float: right; font-weight: bold; color: #808080; margin-right: 10px; font-size: 90%;}
.faqQuestion .faqTitle {font-size: 110%; font-weight: bold;}

.faqMore {float: right; padding: 5px 10px 5px 10px;}
.faqAnswer {padding: 5px 10px 5px 10px;}

.commands {
    margin: 5px 10px 5px 10px;
    text-align: center;
    padding-top: 10px;
}

.buttons {
    margin: 5px 10px 5px 10px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 20px;
}

.searchKeyword {
	font-weight: bold;
	background-color: Yellow;
}

 /********************* scheduler ****************************/

.scheduleFilter {background-color: rgb(173,186,43); padding: 10px;}
.scheduleFilter table {border-collapse: collapse; width: auto;}
.scheduleFilter table td {vertical-align: top; padding: 10px 5px 0px 5px;}
.scheduleFilter .label {display: block;}
.scheduleFilter .button {border: solid 1px gray; padding: 0px 10px 0px 10px; margin-top: 2px;}

.scheduleList {}
.scheduleList .scheduleItem {padding-bottom: 10px;}
.scheduleList .scheduleDate {color: Gray;}



/* scroll */

div.scrollable { 
    position:relative; 
    overflow:hidden; 
    width: 850px; 
    height: 230px;
} 
 
div.scrollable div.items { 
    width:20000em; 
    position:absolute; 
} 
 
div.scrollable div.items div { 
    float:left; 
} 
 
.scrollable {
	float:left;	
}

a.browse {
	background:url('/images/hori_large.png') no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

a.right	{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; } 

a.left { margin-left: 10px; } 
a.left:hover { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }

a.disabled {
	visibility:hidden !important;		
}