body {color: #669999;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFE000;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px}
	
font {font-family: Arial, Helvetica, sans-serif}
table {
	border-collapse: collapse;
	font-size: 14px;
}
img {border: 0}

a:link, a:visited {color: #009900; text-decoration: none}
a:hover {color: #00CC00; text-decoration: underline}

.cleaner {clear:both}


#shadow {
	background-image: url(images/shadow.gif);
	background-repeat: repeat-y;
	width: 788px;
	margin-right: auto;
	margin-left: auto;
}

#layout {
	width: 748px;
	min-height: auto;
	margin-right: auto;
	margin-left: auto;
	background-repeat: repeat-y;
	background-image: url(images/menustin.gif);
	background-position: left;
	background-color: #FFFFFF;
} 
div>#layout {height: auto}


#header {
	height: 124px;
	width: 748px;
	text-align: left;
	background-image: url(images/header_back.gif);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #E1CD00;
}

#logo {
	background-image: url(images/header.gif);
	height: 75px;
	width: 361px;
	float: left;
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-left: 20px;
	cursor: hand;
}


#top {
	float: right;
	height: 66px;
	width: 278px;
	margin-top: 20px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #005A5A;
	margin-right: 10px;
}

#top .text {
	font-size: 20px;
	font-weight: bold;
	line-height: 100%;
	;
	color: #006633;
	margin-left: 15px;
	margin-top: 18px;

}

#menutop {
	width: 748px;
	background-color: #E1CD00;
}

#menutop a.link:link, #menutop a.link:visited {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	width: 112px;
	float: left;
	text-align: center;
	text-decoration: none;
	padding-top: 7px;
	display: block;
	padding-bottom: 4px;
	background-color: #E1CD00;
}


#menutop a.link:hover {
	font-size: 12px;
	font-weight: bold;
	color: #006633;
	background-image: url(images/menutop1.gif);
	width: 112px;
	float: left;
	text-align: center;
	background-repeat: no-repeat;
	text-decoration: none;
	padding-top: 7px;
	display: block;
	padding-bottom: 4px;
	background-position: bottom;
}

#menutop a.active:link, #menutop a.active:visited, #menutop a.active:hover {
	font-size: 12px;
	font-weight: bold;
	color: #669999;
	background-image: url(images/menutop.gif);
	width: 112px;
	float: left;
	text-align: center;
	background-repeat: no-repeat;
	text-decoration: none;
	padding-top: 7px;
	display: block;
	padding-bottom: 4px;
	background-position: bottom;
}

#left {
	width: 212px;
	float: left;
	text-align: left;

	}
	
#content {
	width: 536px;
	float: right;
	min-height: 680px;
	height: 680px;
	}
	
div>#content {height: auto}


#footer  {
	height: 60px;
	width: 748px;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	clear: both;
}

#menuleft {
	background-color: #FFFFFF;
	width: 205px;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#menuleft p {
	margin-left: 20px;
	margin-top: 0px;
}

a.menu, a.menu:visited {color: #CC9900; font-size: 12px; font-weight: bold; text-decoration: none}
a.menu:hover {color: #006633; font-size: 12px; font-weight: bold; text-decoration: none}
a.menu2, a.menu2:visited  {color: #669999; font-size: 12px; font-weight: bold; text-decoration: none}
a.menu2:hover {color: #006633; font-size: 12px; font-weight: bold; text-decoration: none}


.menumotiv {
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	width: 205px;
}

.menumotiv img {
	margin-bottom: 36px;
	text-align: center;
}

.menumotiv h2 {
	font-size: 12px;
	text-align: left;
	padding-left: 15px;
}


.main {
	text-align: left;
	margin-right: 38px;
	margin-left: 38px;
	width: 460px;
	margin-top: 25px;
	margin-bottom: 25px;
}

.main p {font-size: 14px; line-height: 120%}

.main ul {
	padding-right: 0px;
	padding-left: 0px;
	list-style-type: disc;
	line-height: 140%;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 16px;
	font-size: 14px;
}

.main h1 {
	font-size: 18px;
	font-weight: bold;
	color: #006633;
	margin-bottom: 5px;
}

.main h2 {
	font-size: 14px;
	font-weight: bold;
	color: #006633;
	margin-bottom: -12px;
}

.main h3 {
	font-weight: bold;
	font-size: 14px;
	color: #006633;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #85ADAD;
	padding-bottom: 4px;
}

.main table  {
	padding: 0px;
	width: 100%;
	border: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	}
	
.main td {
	vertical-align: top;
	}

.kontaktyuvod {
	font-size: 12px;
	text-align: left;
	width: 205px;
	padding-right: 15px;
	padding-left: 15px;
	margin-top: 20px;
}

.kontaktyuvod img {
	margin-bottom: 5px;
	margin-top: 0px;
}

.kontaktyuvod p {
	width: 172px;
	margin-top: 0px;
	margin-bottom: 20px;
}


.referencetab  {
	margin-bottom: 15px;
}

.referencetab p  {
	font-size: 12px;
	line-height: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E1E1E0;
	padding-bottom: 10px;
}




.referencetab img {
	padding: 9px;
	border: 1px solid #E1E1E0;
}


.referencetd1 {
	border-right: 1px solid #DADADA;
	padding-right: 8px;
	width: 50%;
	}

.referencetd2 {
	padding-left: 8px;
	width: 50%;

}


.button {
	font-size: 8pt;
	background-image: url(images/tlacitko.gif);
	background-repeat: no-repeat;
	cursor: hand;
	width: 65px;
	height: 21px;
	border: 0px;
}

.formtext {
	border: 1px solid #000000;
	width: 200px;
	height: 22px;
}

.formtext1 {
	border: 1px solid #000000;
	height: 22px;
	width: 150px;
}

.formtextpole {
	width: 200px;
	border: 1px solid #000000;
	height: 80px;
}

	
.back {text-align: right; font-weight: bold;}

.nadpisref {font-size: 18px; font-weight: bold; color: #006633; line-height: 150%}
.zelena {color: #006633}
.male {font-size: 10px}
.mensi {font-size: 12px}



/* galerie lightbox */
#lightbox {position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox a img {border: none;}
#outerImageContainer {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer {padding: 10px;}
#loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav {left: 0;}
#hoverNav a {outline: none;}
#prevLink, #nextLink {width: 49%; height: 100%; background: transparent url('lightbox/image/blank.gif') no-repeat; /* Trick IE into showing hover */ display: block;}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url('lightbox/images/prevlabel.gif') left 15% no-repeat; filter: alpha(opacity=90); opacity: 0.9; -moz-opacity: 0.9;}
#nextLink:hover, #nextLink:visited:hover {background: url('lightbox/images/nextlabel.gif') right 15% no-repeat; filter: alpha(opacity=90); opacity: 0.9; -moz-opacity: 0.9;}
#imageDataContainer {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em;}
#imageData {padding:0 10px;}
#imageData #imageDetails {width: 70%; float: left; text-align: left;}
#imageData #caption {font-weight: bold;}
#imageData #numberDisplay {color: #000; display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose {width: 66px; float: right; padding-bottom: 0.7em;}
#overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}
/* End hide from IE-mac */
* html .clearfix {height: 1%;}