/**
 * ########################################### spolecne styly ########################################
 */

* {
	margin: 0; padding: 0;
}

p {
	font-size: 1.1em; 
	color: #282C2D;
}

input, select, textarea, label {
	vertical-align: middle;
}
img {
	border: 0;
}
.clear {
	clear: both;
}
.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.hidden {
	display: none;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.nowrap {
	white-space: nowrap;
}
.top {
	vertical-align: top;
}
.bottom {
	vertical-align: bottom;
}
.middle {
	vertical-align: middle;
}

/**
 * ################################################ globalni styly webu ##########################################
 */

body {
	background: url(../img/background3.png) repeat 0 0;
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; 
	font-size: 62.8%; 
	font-weight: normal; 
	color: #CCCCCC; 
	text-align: center;
}

.imageLeft {
	float: left;
}

.imageRight {
	float: right;
}

/**
 * hlavni obal
 */
#designWrap {
	width: 990px; margin: 0 auto;
	text-align: left; color: Black;
	background-color: #A3BCB7;
}

/**
 * hlavicka
 */
#header {
	border-top: 1px solid #DED4A9; 
	border-right: 1px solid #705A03; 
	border-bottom: 1px solid #705A03; 
	border-left: 1px solid #DED4A9;
}
#header .wrap {
	position: relative; width: 988px; height: 4.3em;
	background-color: #FFD700;
}
#header h1 {
	position: absolute; left: 10px; bottom: 5px; z-index: 2;
	font-family: "Bodoni MT Black", "Arial Black", "Lucida Sans Unicode", Tahoma, "Lucida Grande CE", lucida, sans-serif; 
	font-size: 1.8em; 
	font-weight: bold; 
	color: black;
}
#header .wrap .labelPage {
	position: absolute;
	top: 0px;
	right: 10px;
}

/**
 * casti stranky
 */
.pageLeft {
	float: left; width: 800px; 
}
.pageRight {
	float: right; width: 190px;
}
/**
 * horni grafika (flash)
 * rozdeleni dle sloupcu
 */
#photo5c {
	float: left; width: 1000px; height: 250px; overflow: hidden;
}
#photo4c {
	float: left; width: 800px; height: 250px; overflow: hidden;
}
#photo3c {
	float: left; width: 600px; height: 250px; overflow: hidden;
}
#photo2c {
	float: left; width: 400px; height: 250px; overflow: hidden;
}
#photo1c {
	float: left; width: 200px; height: 250px; overflow: hidden;
}



/**
 * ####################################################### nadpisy ##############################################
 */

.header  {
	width: 200px;
	font-size: 1em; line-height: 2.1em;
	display: block;
	background-color: #708090;
	border-top: 1px solid #E0DFDC; 
	border-right: 1px solid #75736A; 
	border-bottom: 1px solid #75736A; 
	border-left: 1px solid #E0DFDC;
}

.header .headerData {
	display: block; margin-left: 10px;
	font-size: 1.1em; 
	font-weight: bold; 
	color: white; 
	white-space: nowrap;
}

/**
 * paticka
 */
#footer {
	width: 990px;
	display: block; 
	border-top: 1px solid #DED4A9; 
	border-right: 1px solid #705A03; 
	border-bottom: 1px solid #705A03; 
	border-left: 1px solid #DED4A9;
}
#footer .wrap {
	display: block; 
	width: 988px;
	background-color: #FFD700;
	font-size: 1.1em; 
	color: black; 
	line-height: 1.7em;
}
#footer a {
	color: black; text-decoration: none;
}
#footer a:hover {
	color: black; text-decoration: underline;
}
#footer .languages {
	float: left; margin-left: 8px;
}
#footer .copyright {
	margin-right: 8px;
	float: right;
}
#footer .kontakt {
	margin-left: 8px;
	float: left;
}
#footer .kontakt a {
	text-decoration: underline;
}
/*
div.scroll {
	height: 250px;
	width: 200px;
	overflow: auto;
	border: 1px solid #666;
	background-color: #ccc;
	padding: 8px;
}
*/
/**
 * #################################### definice sloupcu #############################################
 */

/* spolecne definice pro sloupce */ 

/* pomocny obal - bez pouziti a vlozeni stylu do hlavniho obalu zlobi v IE */
.column3 .wrapHelper, .column2 .wrapHelper, .column1 .wrapHelper, .columnLast .wrapHelper, .column4 .wrapHelper {
	background-color: #DCDCDC;
	border-top: 1px solid #E0DFDC; 
	border-right: 1px solid #75736A; 
	border-bottom: 1px solid #75736A; 
	border-left: 1px solid #E0DFDC;
}

/* odsazeni obsahu sloupcu */
.column3 .data, .column2 .data, .column1 .data, .columnLast .data, .column4 .data {
	padding: 10px 10px 0 10px;
}

/* blok obrazku */
.column3 .photo, .column2 .photo, .column1 .photo, .columnLast .photo, .column4 .photo {
	float: left; 
	display: block; 
	margin-bottom: 3px;
	border-top: 1px solid #7F878B; 
	border-right: 1px solid #E6E9EB; 
	border-bottom: 1px solid #E6E9EB; 
	border-left: 1px solid #7F878B;
}
/* blok obrazku s odsazenim */
.column2 .photo2 {
	float: left; 
	overflow: hidden; 
	margin: 0px 10px 10px 0px;
}
/* popis obrazku */
.column3 .photoLabel, .column2 .photoLabel, .column1 .photoLabel, .columnLast .photoLabel, .column4 .photoLabel {
	float: right; 
	display: block; 
	width: 47%;
}
/* obrazky */
.column3 img, .column2 img, .column1 img, .columnLast img, .column4 img {
	display: block; 
	overflow: hidden;
}
/* nadpis sloupce */
.column3 .label, .column2 .label, .column1 .label, .columnLast .label, .column4 .label {
	margin-bottom: 10px;
	font-size: 1.1em; 
	color: #282C2D; 
	line-height: 1.3em;
}
.column3 ul, .column2 ul, .column1 ul, .columnLast ul, .column4 ul {
	margin-bottom: 10px;
	font-size: 1.1em; color: #282C2D; line-height: 1.4em;
}
.column3 li, .column2 li, .column1 li, .columnLast li, .column4 li  {
	display: block;
	list-style-type: none;
	vertical-align: top;
}
/* odkaz */
.column3 a, .column2 a, .column1 a, .columnLast a, .column4 a   {
	color: #282C2D;
}
/*
.column2 a:hover, .column1 a:hover {
	color: #FFF;
}
*/
.column3 .itemLabel a, .column2 .itemLabel a, .column1 .itemLabel a, .columnLast .itemLabel a, .column4 .itemLabel a {
	line-height: 1.4em; /* lespi podtrhnuti v starem IE */
}
/* popis polozky */
.column3 .itemLabel, .column2 .itemLabel, .column1 .itemLabel, .columnLast .itemLabel, .column4 .itemLabel  {
	font-size: 1.1em; 
	color: #282C2D; 
	line-height: 1.3em;
}
/* polozka sloupce */
.column3 .item, .column2 .item, .column1 .item, .columnLast .item, .column4 .item {
	margin-bottom: 10px;
}
/* doplkovy nadpis sloupce */
.column3 h3, .column2 h3, .column1 h3, .columnLast h3, .column4 h3  {
	margin-bottom: 8px;
	font-size: 1.1em; font-weight: bold; color: #282C2D; line-height: 1.4em;
}
/* datumova polozka */
.column2 .date, .column1 .date {
	float: left; padding-right: 5px;
	font-size: 1.1em; color: #9D0620; text-align: right;
}
.date{
	padding-right: 5px;
	font-size: 1.1em; color: #9D0620; text-align: left;
}

/************** sirky jednotlivych sloupcu **************/ 
/* dvojnasobny sloupec */
.column2 .header {
	width: 400px;
}
.column2 {
	float: left; width: 400px;
}
.column2 .wrap {
	width: 398px;
}
/* trojnasobny sloupec */
.column3 .header {
	width: 600px;
}
.column3 {
	float: left; width: 600px;
}
.column3 .wrap {
	width: 598px;
}
/* ctyrnasobny sloupec */
.column4 .header {
	width: 800px;
}
.column4 {
	float: left; width: 800px;
}
.column4 .wrap {
	width: 798px;
}
/** zakladni sloupec */
.column1 .header {
	width: 200px;
}
.column1 {
	float: left; width: 200px;
}
.column1 .wrap {
	width: 198px; 
}
/** posledni sloupec */
.columnLast .header {
	width: 188px;
	_width: 190px;
}
.columnLast .wrap {
	position: relative; width: 188px; 
}

/* ################################################### kontakty ##################################33 */
.contact {
	font-weight: bold;
	font-size: 1.1em; 	
	padding-top: 2px;
}

.contactPhone {
	font-weight: bold;
	font-size: 1.1em; 	
	float: left;
	margin-top: 2px;
}

.contactValue {
	margin-left: 7px;
	font-size: 1.1em;
	margin-top: 2px;
}

.contactPhoneValue {
	margin-left: 7px;
	font-size: 1.1em;
	float: right;
}

.contactValue2 {
	margin-left: 40px;
	font-size: 1.1em;
}
.contactValueIC {
	margin-left: 22px;
	font-size: 1.1em;
}
.contactValueDIC {
	margin-left: 14px;
	font-size: 1.1em;
}

/**
 * ################################################ hlavni menu #####################################
 */

#menu .menuItemWrap {
	display: block; 
	width: 190px;
	font-size: 1.1em; 
	font-weight: bold;
}

#menu .menuItemWrap a {
	color: white; 
	display: block;
	text-decoration: none;
	cursor: hand;
	background-color: #008B8B;
	border-top: 1px solid #C5D9D4; 
	border-right: 1px solid #005E60; 
	border-bottom: 1px solid #005E60; 
	border-left: 1px solid #C5D9D4;	
	/*height: 31px; */
}
#menu .menuItemWrap a:hover {
	color: black;
	background-color: #BDB76B;
	border-top: 1px solid #DFDBAF; 
	border-right: 1px solid #8B853D; 
	border-bottom: 1px solid #8B853D; 
	border-left: 1px solid #DFDBAF;
}
#menu .active a {
	background-color: #BDB76B;
	border-top: 1px solid #DFDBAF;
	border-right: 1px solid #8B853D;
	border-bottom: 1px solid #8B853D;
	border-left: 1px solid #DFDBAF;
	color: black;
}
#menu .active a:hover{
	background-color: #BDB76B;
	border-top: 1px solid #F9D8C4; 
	border-right: 1px solid #BF743C; 
	border-bottom: 1px solid #BF743C; 
	border-left: 1px solid #F9D8C4;
	color: black;
}
#menu a .mark {
	color: white;
	padding-right: 10px;
}
#menu a:hover .mark {
	color: white;
}
#menu .active a .mark {
	color: #FFFFFF;
	padding-right: 10px;
}
#menu a .data {
	display: block; padding: 5px 10px;
}

/**
 * ############################################### vedlejsi menu ###############################################
 */

#subMenu .header {
	width: 188px;
	_width: 190px;
}

#subMenu .menuItemWrap {
	display: block; 
	width: 190px;
	font-size: 1.1em; 
	font-weight: bold; 
}
#subMenu .menuItemWrap a {
	display: block;
	color: #412B01; 
	text-decoration: none;
	cursor: hand;
	background-color: #008B8B;
	border-top: 1px solid #C5D9D4; 
	border-right: 1px solid #005E60; 
	border-bottom: 1px solid #005E60; 
	border-left: 1px solid #C5D9D4;	
}
#subMenu .menuItemWrap a:hover {
	background-color: #BDB76B;
	border-top: 1px solid #F9D8C4; 
	border-right: 1px solid #8B853D; 
	border-bottom: 1px solid #8B853D; 
	border-left: 1px solid #F9D8C4;
}
#subMenu .active a {
	background-color: #BDB76B;
	border-top: 1px solid #F9D8C4;
	border-right: 1px solid #8B853D;
	border-bottom: 1px solid #8B853D;
	border-left: 1px solid #F9D8C4;
	color: black;
}
#subMenu .active a:hover {
	background-color: #BDB76B;
	border-top: 1px solid #F9D8C4; 
	border-right: 1px solid #8B853D; 
	border-bottom: 1px solid #8B853D; 
	border-left: 1px solid #F9D8C4;
	color: black;
}
#subMenu a .mark {
	color: white;
	padding-right: 10px;
}
#subMenu a:hover .mark {
	color: white;
}
#subMenu .active a .mark {
	color: #FFFFFF;
	padding-right: 10px;
}
#subMenu a .data {
	display: block; padding: 4px 10px;
}

#div_image {
	position: absolute;
	display: none;
	border: 1px solid Black;
	z-index: 100;
}

#navrcholu {
	display: none;
}
#pokus-zobrazeni {
	display: none;
}

 /* ################################################ mapa stranek #####################################*/
 
.siteMap ul {
	font-size:14px;
	padding: 0px 0 0 30px;
}
.siteMap ul ul {
	padding-left:20px;
	font-size:11px;
	
}
.siteMap li {
		list-style-type: none;
}