html,body {padding:0px; margin:0px; font:normal normal 0.85em Arial, sans-serif; background:#000000 url("imgs/back.jpg");}

form {margin:0px;}
table {border:none; margin:auto;}
img {border:none; vertical-align:middle}
input {vertical-align:middle;}
a {color:black;}
a:hover {color:#3DB4D2;}

.tbold {font-weight:bold;}
.tpodtrzeny {text-decoration:underline;}
.tkurziva {font-style:italic;}
.tvetsi {font-size:120%;}
.tmensi {font-size:80%;}
.al {text-align:left}
.aj {text-align:justify}
.ac {text-align:center}
.ar {text-align:right}
.fl {float:left;}
.fr {float:right;}
.inv {display:none;}
.obrl {float:left; margin-right:5px; margin-top:5px; margin-bottom:5px;}
.obrr {float:right; margin-left:5px; margin-top:5px; margin-bottom:5px;}
.cleaner {clear:both}
.vyrazny {color:#2A7C87;}
.full {width:100%;}
#levy .full {_width:93%;}
.nic {font-size:1px;}

.separator1 {border-bottom:solid 1px black; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}
.separator2 {border-bottom:dotted 1px black; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}
.separator3 {border-bottom:double 3px black; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}
.separator4 {border-bottom:solid 1px #d90000; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}

.sloupec1 {float:left; width:49%; _width:46%;}
.sloupec2 {float:right; width:49%; _width:46%;}
.pod {padding-top:10px; clear:both;}


/*většinou formuláře*/
.c {width:140px;}
.c2 {width:100px;}
.sloupec1 .c,.sloupec2 .c {width:100px;}
.sloupec1 .c2,.sloupec2 .c2 {width:70px;}
.input {width:100%; background:white; border:solid 1px #AEAEAE; font:normal normal 11px Tahoma,sans-serif; color:black; margin-bottom:1px; height:20px;}
.input_mini {width:25px;}
.button {background-color:#D9754B; color:white; font:normal normal 11px Arial,sans-serif; text-transform:uppercase; border:none; _padding:0px 4px 0px 4px;}
a.button {padding:2px 5px 2px 5px;}

.button {background:url("imgs/odeslat.png") no-repeat; width:89px; height:42px; margin:2px 2px 0 0px; font-size:12px; font-weight:bold;}
.button.x  {background:url("imgs/odeslat.png") 0px -42px no-repeat;}

.x {color:black; background-color:#2A7C87; cursor:pointer;}
.mensi {width:120px;}
.kal {text-align:center}
.kal2 {cursor:pointer; background-color:#2A7C87; color:white;}

/*galerie - někdy se hodí*/
.gal_obrazek_velky {width:520px; height:520px; overflow:auto; margin:5px 0px 5px 0px; clear:both; background-color:#cccccc;}
.gal_obrazek {padding:10px; clear:both; text-align:center;}
.gal_obrazek img {border:solid 8px #cccccc; }
.gal_popiska {padding:5px 0px 5px 0px; width:100%; text-align:center; background-color:#cccccc; }
.gal_ovladani_nahled {padding-top:12px; margin-bottom:15px;}
.gal_ovladani {padding-top:11px; margin-bottom:10px;  _height:33px;}
.gal_nahledy {text-align:center; background:url("imgs/gal_bg.gif") no-repeat center top; height:110px; padding-top:17px;}
.nahled {margin:0px 2px 0px 2px;}
.aktivni_nahled img {border:solid 1px #D9754B;}
.gal_zoom {float:right; padding-top:11px; padding-right:10px; }
.gal_link {padding:2px 5px 2px 5px; background-color:#D9754B; color:white; font-size:85%;}
.gal_link:hover {color:black; background-color:#2A7C87; cursor:pointer; text-decoration:none;}


.text {padding:15px;}

h1,h2,h3 {margin:0px; padding:0px;}

h1 {font-size:220%; margin:15px 0 15px 0; color:#3E62CB;}
h2 {font-size:150%; margin:10px 0 10px 0; color:#F5D406;}	
h3 {font-size:120%; margin:5px 0 5px 0;} 

.nadpis2 {color:#F5D406; font-size:16px; font-weight:bold; margin-bottom:14px; margin-right:4px;}
.nadpis4 {color:#F9E411; font-size:18px; font-weight:bold; position:absolute; top:20px; left:266px;}
.nadpis5 {color:#898989; font-size:20px; font-weight:bold; position:absolute; top:175px; left:0px;}
.nadpis5 h1 {display:inline; color:#898989; font-size:20px; margin:0px; padding:0px;}

.nadpis5.de {font-size:16px;}
.nadpis5.de h1  {font-size:16px;}

#stred {margin:auto; width:952px; background:url("imgs/stred.jpg") top no-repeat; }

/*    pf-button    */
.pf-zluty {background:url("imgs/pf-zluty.png"); width:130px; height:46px; color:#F5D406; font-size:14px; font-weight:bold; display: block; border:0px; text-transform: uppercase; font-family:Arial; margin:auto;}
.pf-zluty:hover {color:#2E2C35;}

.pf-zluty2 {background:url("imgs/pf-zluty2.png"); width:195px; height:46px; color:#F5D406; font-size:14px; font-weight:bold; display: block; border:0px; text-transform: uppercase; font-family:Arial; margin:auto;}
.pf-zluty2:hover {color:#2E2C35;}

.de .pf-zluty2,.de .pf-zluty,.en .pf-zluty2,.en .pf-zluty {font-size:12px;}

/*    navigace    */
.navigator {border-bottom:1px solid #938538; padding-bottom:5px;}
.navigator a {display: block; float:left; width:125px; text-align: center; padding: 0px; margin:0px; color:#0B0A10; font-size:11px; text-transform: uppercase; text-decoration: none;}
.navigator img {margin-top:5px;}
.navigator a:hover {color:#6D5E00;}

/*---------------hlavicka-------------------*/
#hlavicka {background:url("imgs/hlavicka.jpg") no-repeat; height:224px; position:relative;}
#hlavicka_obsah {background:url("imgs/hlavicka_obsah.jpg") no-repeat; height:138px; position:relative;}
#home {position:absolute; top:40px; left:-5px;}

#vlajecky1 {position:absolute; top:10px; right:90px; width:190px; text-align:center; height:50px;}
#vlajecky2 {position:absolute; top:10px; right:-6px; width:76px;}
#vlajecky1 a.odkazek,#vlajecky2 a.odkazek {display:block; color:#6C6C6E; margin-top:10px; font-size:85%;}
#vlajecky1 a:hover.odkazek,#vlajecky2 a:hover.odkazek {color:#F5D406;}
#vlajecky1 a ,#vlajecky2 a {margin-left:3px;}

#hlavicka #hledej {position:absolute; top:169px; right:8px; width:235px;}
#hlavicka #hledej .input {background:url("imgs/input_hledej.jpg") repeat; width:190px; margin-top: 2px;}

.button {font-size: 10px;}

#hledej {position:absolute; top:-16px; right:0px; width:180px;}
#hledej .input {background:url("imgs/input_hledej.jpg") no-repeat;  border:none; height:18px; width:138px; float:left; padding:2px; color:#FFFFFF; margin-top: 5px;}
#hledej .button {background:url("imgs/hledej_button.png") 0px 0px no-repeat; width:26px; height:25px; float:right;}
#hledej .button.x {background:url("imgs/hledej_button.png") 0px -25px no-repeat;}

.menu {position:absolute; top:75px; left:266px;}
.menu a {color:#FFFFFF; text-transform:uppercase; text-decoration:none; font-size:12px; display:block; float:left;}
.menu a span {display:block; padding:25px 10px 17px 10px;}
.menu a:hover,.menu a.on {background:url("imgs/menu_hover.jpg");}

.menu.en a span {padding:25px 9px 17px 8px;}
.menu.de a span {padding:25px 7px 18px 8px;  font-size:11px;}

/*----------------telo_titulka----------*/

#vlevo_titulka {float:left;}

#navigace {background:url("imgs/navigace-new.jpg") no-repeat; width:952px; height:340px;}
.navigace_odkaz {float:left; width:215px; height:340px; margin:0px 0px 10px 18px; color:#FFFFFF; text-align:center;}
.navigace_odkaz h2 {text-align:center; text-transform:uppercase; color:#FFFFFF;}
.navigace_odkaz.de .text {font-size:11px; line-height:110%;}
.navigace_odkaz.en .text {font-size:11px; line-height:120%;}

#navigace .text {height:70px; padding:10px 10px; text-align:justify; }

a.tlacitko {background:url("imgs/tlacitko_vlevo.png") left 0px no-repeat;  width:120px; margin:auto; text-align:center; height:44px; text-decoration:none; display:block; color:#F5D406; text-transform:uppercase; font-weight:bold; font-size:14px;}
a.tlacitko.en,a.tlacitko.de  {font-size:12px;}
a.tlacitko span {display:block; background:url("imgs/tlacitko_vpravo.png") right 0px  no-repeat; height:32px; padding-top:12px;  }
a:hover.tlacitko {background:url("imgs/tlacitko_vlevo.png") left -44px no-repeat;}
a:hover.tlacitko span {background:url("imgs/tlacitko_vpravo.png") right -44px  no-repeat; color:#000000; }
.rozmer {width:150px !important;}

#vyjmecny {background:url("imgs/pruhledny.png"); border:1px solid #393939; margin:10px 0 20px 0; width:684px; color:#FFFFFF;}
#vyjmecny .text {padding:10px 10px 15px 15px; line-height:156%;}
#vyjmecny .text h3 {color:#F5D406;}

a.tlacitko2 {float:right; background:url("imgs/tlacitko2.png") 0px 0px no-repeat; width:290px; height:45px; text-decoration:none; display:block; color:#F5D406; text-transform:uppercase; font-weight:bold; font-size:14px;}
a.tlacitko2.de {font-size:10px;}
a.tlacitko2.en {font-size:11px;}
a.tlacitko2 span {padding:15px; display:block; padding:12px; text-align:center;}
a:hover.tlacitko2 {background:url("imgs/tlacitko2.png") 0px -45px no-repeat; color:#000000;}

#vpravo_titulka {float:right; width:260px; padding-top:10px;}

.box {background:url("imgs/pruhledny.png"); border:1px solid #393939; margin-bottom:10px; width:255px; float:right;}
.box .text {padding:10px;}

/*--------------telo--------------------*/
#telo {background:url("imgs/telo.jpg") top no-repeat;}

#vlevo {float:left; width:260px; padding-top:10px;}

#vlevo .box {float:left;}

#submenu {margin-bottom:20px;}
#submenu a {display:block; background:url("imgs/submenu_body.png") left repeat-y; text-decoration:none; text-transform:uppercase;  font-size:11px;}
#submenu a span {display:block; padding:12px 12px 12px 16px; color:#FFFFFF;}
#submenu a.superfirst { background:url("imgs/submenu_first.png") left top no-repeat;} 
#submenu a.superlast { background:url("imgs/submenu_last.png") left bottom no-repeat;} 

#submenu a.uroven_odkazu3 span {display:block; padding:11px 12px 11px 30px; font-size:10px; background:url("imgs/reference_sipka.png") 15px center no-repeat; }

#submenu a:hover,#submenu a.on {background:url("imgs/submenu_hover.jpg") left repeat-y;}
#submenu a:hover.superfirst,#submenu a.on.superfirst { background:url("imgs/submenu_first_hover.png") left top no-repeat;} 
#submenu a:hover.superlast,#submenu a.on.superlast { background:url("imgs/submenu_last_hover.png") left bottom no-repeat;} 

#submenu a.uroven_odkazu4 {text-transform:none; }
#submenu a.uroven_odkazu4 span {padding:8px 12px 8px 40px; color:#D6D6D6;}

#vpravo {float:right; width:687px;}

#drobecky {color:#898989; padding-top:10px; font-size:11px;}
#drobecky a {color:#898989;}
#drobecky a:hover {color:#FF0000;}

#obsah_top {margin-top:30px; position:relative;}
#obsah_top h1 {color:#6D5E00; margin:0px 10px 0px 25px; width:470px; font-size:22px;}
#obsah_body {background:url("imgs/obsah_body.jpg") right repeat-y; width:687px; line-height: 160%;}
#obsah_body .text,#obsah_top .text {padding:20px 25px 20px 25px;}
#obsah_bottom {background:url("imgs/obsah_bottom.jpg") no-repeat; height:4px;} 
#obsah_body h2 {color:#2E2C35;}

.nadpis6 {color:#6D5E00; font-size:16px; position:absolute; top:-25px; left:0px; font-weight:bold;}
.formular {background:#A7A7A7; width:406px; padding:20px; color:#474747; position:relative; margin:50px 0 20px 0;}
.formular .input {background:url("imgs/input.jpg") no-repeat; width:290px; height:20px; padding:4px; border:none;}
.formular textarea {background:url("imgs/textarea.jpg") no-repeat !important; width:298px; height:118px;}
.formular .button {background:url("imgs/odeslat.jpg") no-repeat; width:89px; height:42px; margin:2px 2px 0 0px; font-size:12px; font-weight:bold;}
.formular .button.x  {background:url("imgs/odeslat.jpg") 0px -42px no-repeat;}

#operace {margin:25px 0 20px 0;}

.mapy {width:430px; margin:20px 15px 0 15px; _margin:20px 5px 0 5px;}
.mapy h3 {color:#F5D406;}

/*--------------aktuality------------*/
.kalendar_datum a {padding-top:0px;}
.kalendar_radka {margin-bottom:15px; min-height:50px;}
.kalendar_datum a {text-decoration:none; display:block; width:41px; height:42px; background:url("imgs/datum.png") no-repeat; text-align:center; font-weight:bold; font-size:95%; color:#393939; float:left; margin-right:8px; padding-top:2px; margin-top:2px; text-transform:uppercase;}
.kalendar_datum span {color:#000000; margin-top:3px; display:block; font-size:150%;}
.kalendar_text a {text-decoration:none; font-size:95%; color:#FFFFFF;}
.kalendar_nadpis {color:#E8C909; font-weight:bold; font-size:12px; display:block; text-decoration:underline;}
.kalendar_text a:hover {color:#E8C909;}
.kalendar_nadpis:hover {text-decoration: none;}

#obsah_body .kalendar_nadpis {color:#000000;}  
#obsah_body .kalendar_text a {color:#000000;}

a#archiv {float:right; background:url("imgs/archiv.png") 0px 0px no-repeat; display:block; width:95px; height:33px; text-decoration:none; color:#F5D406; font-size:11px; text-align:center; }
a:hover#archiv {background:url("imgs/archiv.png") 0px -33px no-repeat; color:#000000;}
a#archiv span {padding-top:6px; display:block;}

.text.de a#archiv span {padding-top:2px; display:block; font-size:10px;}

/*------------------reference-------------*/
.reference {background:url("imgs/reference_sipka.png") left no-repeat; margin-bottom:10px;}
.reference a {text-decoration:none; color:#FFFFFF; font-size:13px; font-weight:bold;}
.reference span {padding-left:15px; text-decoration:underline;}
.reference a:hover {color:#D5B80C;}

/*---------paticka--------------*/
#paticka a {color:#FFFFFF; text-decoration:underline;}
#paticka a:hover {color:red;}
#paticka {margin:auto; font-size:90%; color:#FFFFFF; }
#paticka-left {float:left;padding:30px 0px 15px 15px; }
#paticka-right {float:right;padding:30px 15px 15px 0px; font-size:11px;}
.popisek {margin:10px 10px 0px 5px;}

.tabulka {border: solid 1px #7F7F7F; border-right: 0px;}
.tabulka td {border-right: solid 1px #7F7F7F;}
.tabulka .tab_radek_1 {font-weight: bold; border-bottom: 1px solid #7F7F7F; background: #BFBFBF;}
.tabulka .tab_lichy {background: #E5E5E5;}


/*-----------reference_obrazek--------------*/
.reference_obsah {float:left; width:280px; display:block; margin:0px 15px 35px 15px;}
.reference_obrazek {width:280px; height:200px; overflow:hidden; display:block; background:#000000; text-align:center; }
.reference_obrazek img {margin:auto;}
.reference_nadpis {display:block; font-size:15px; color:#2E2C35; text-align:center; font-weight:bold; height:40px;}


/*--------------galerie-----------------------*/
#obsah_body .galerie  table {margin:10px 0 10px -4px;  _margin:10px 0 10px 0px;}
#obsah_body .galerie  td {height:140px; width:140px !important; background:#8D8C91; vertical-align:middle;  text-align:center; padding:4px;}
#obsah_body .galerie  table {border-spacing:5px;}
#obsah_body .galerie  img {border:3px solid white;padding:0px; }
#obsah_body .galerie  td:hover{background-color:#8E8035;}

#bily {background:#FFFFFF;}

table.jednoducheSloupecky {width: 100%;}
table.jednoducheSloupecky td {float: left;}

#mb #mb-banner-2, #mb #mb-banner-3, #mb #mb-banner-4 {

    background: #fff500;
    color: #000;
}


.country {

	border-bottom: 1px solid #b0b0b0;
	line-height: 140%;

}

.country.on .open {

	display: none;

}

.country.on .close {

	display: block;
	font-size: 12px;
	text-decoration: underline;

}

.country .open {

	display: block;
	font-size: 18px;
	font-weight: bold;

}

.country .close {

	display: none;

}

.country  p {

	padding: 0;
	margin: 0;

}

.country.on {

	background: #ebebeb;

}

.country-info {

	display: none;
	padding: 8px 20px;

}

.country.on .country-info {

	display: block;

}


.country.on .title-h {

	color: #6d5e00;

}

.title-h {

	font-size: 16px;
	font-weight: bold;

}

.country-title {

	border-top: 1px solid transparent;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	padding: 12px;
	cursor: pointer;

}

.country-title:hover  .close  {

	color: #6d5e00;

}

.country-info table {

	width: 100%;
	margin: 0;
	font-size: 12px;

}

.country-info table td {

	vertical-align: top;

}

.country-info table td:first-child {

	width: 230px;

}

.country-info strong {

	width: 100%;
	margin: 0;
	font-size: 14px;

}



.c-contacts-map {

	padding: 3rem 0;
}

.c-contacts-map	.heading {
		margin-top: 0;
		margin-bottom:  3rem;
		
	}

.c-contacts-map	.regions {
		width: 180px;
		order: 1;
		flex-grow: 0;
		flex-shrink: 0;
		margin-right: 3rem;
}

.c-contacts-map	ul, .c-contacts-map li {
			list-style: none;			
			padding: 0;
			margin: 0;
}

.c-contacts-map .box-map {

	border:none;
	background: transparent;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

}

	.region-link {
		display: block;
		padding: 7px 30px 7px 12px;
		position: relative;		
		cursor: pointer;
		text-decoration: none;
		color: #313132;
		font-size: 14px;
		background: none;
		
		
	}

	.region-item a {

		border-bottom: 1px solid #b0b0b0;
		font-weight: bold;

	}

	.region-item:first-child a {

		border-top: 1px solid #b0b0b0;

	}


	.region-item a:hover {

		background: #ebebeb;
		color: #6d5e00;
		display: block;

	}

	.region-link.active {
			
	}


	.country-code {
		display: block;		
		position: absolute;
		right: 12px;
		top: 7px;
		display: none;
	}

	.main-content {
		order: 2;
		flex-grow: 1;
	}

	.map-image {
		height:  350px;
		text-align: center;		
		margin-bottom:  3rem;

		
	}

	.map-image svg {
			height: 100%;
			max-width: 100%;
		}

	.no-contacts {
		padding-top: 2rem;
		padding-bottom: 2rem;
		text-align: center;		
		color: #888;
		font-size: 1.2rem;
	}

	.contacts-region.inactive {
			display: none;			
		}

	.contact {
		display: inline-block;
		vertical-align: top;
		width: 30%;		
		margin-right: 2%;
		margin-bottom: 2rem;
	}
	
	.contact .name {
			font-weight: bold;		
			font-size: 115%;	
		}

	.contact a {
			
			text-decoration: underline;
	}


.contacts {

	background: #ebebeb;
	border-bottom: 1px solid #b0b0b0;
	border-top: 1px solid #b0b0b0;
	margin: 30px 0;
	padding: 15px;
}

.contact-item {

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
	line-height: 160%;
	font-size: 12px;
	margin-bottom: 2rem;
	padding-left: 14px

}

.contacts-region .region {

	display: none;

}

.contacts-region .region:first-child {

	display: block;

}

.contact-item strong {

	font-size: 14px;

}

.company, .person, .mail-www {

	width: 220px;

}

.person {

	width: 190px;
	margin-left: 30px;

}

.person a {

	text-decoration: none;

}

.person strong {

	height: 20px;
	display: block;

}

.region {

    color: #6d5e00;
	font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;

}



