@media screen, projection, tv{
html,body{ color: Black; background: #EAEAEA;  margin: 0; padding: 0;}
html,body, input, textarea, select, table{ font-family: "Arial", "Arial CE", Arial, "Helvetica CE", helvetica, sans-serif; }
/*    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
    font-family: "Verdana CE", Verdana, "Arial CE", "Lucida Grande CE", "Geneva CE", "Helvetica CE", Arial, lucida, sans-serif;
	 font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, "Lucida Grande CE", lucida, sans-serif;
	font-family: "Georgia CE", "Times New CE", "New York CE", "Times CE", Georgia, times, serif;
*/ 
body{ padding: 20px 0 20px 0;}

hr{ height: 1px; color: #e8e8e8; background: #e8e8e8; clear: both; margin: 0; padding: 0; border: 0; }
address{ font-style: normal; display: block; margin: .5em 0; }
h1{ font-size: 1.4em;  margin: 1.2em 0 .6em 0;  }
h2{ font-size: 1.3em;  margin: 1.4em 0 .6em 0; }
h3{ font-size: 1.1em; margin: 1.4em 0 .6em 0; }
h4{ font-size: 1em;  margin: 1.4em 0 .6em 0; }
a{ color: #1246BB; }
a:hover{ color: black; }

#base{ margin: 0 auto; text-align: left; width: 927px; font-size: .75em; position: relative; line-height: 1.4em; }
#inbase {
	border: 1px solid #C1C2C9; background: White; width: 927px; float: left; margin-bottom:20px;
}
#head{ background: White url(../img/head.gif) no-repeat 100% 0; }
#head p{ color: black; background-color: white; font-size: 1.2em; position: relative; overflow: hidden; line-height: 1.2em; margin: 0 0 0 0; }
#head p span, #head p{ width: 179px; height: 98px; }
#head a{ color: black; background-color: white;text-decoration: none; }
#head p span{ position: absolute; cursor: pointer; top: 0; left: 0; background: transparent url(../img/logo.gif) no-repeat; color: black; }
#head #embax{ position: absolute; cursor: pointer; top: 10px; left: 210px; background: transparent url(../img/embax.gif) no-repeat; color: black;
	width: 382px;
	height: 80px;
 }
#main{ 
float: left;
width: 894px; clear: both; padding: 0 17px 0 16px;
	padding-top: 10px;
}
#stred{ width: 894px; float:left; }
#plocha{
	padding: 0 0;
	width: 894px;
	float: left;
}

#pata{ clear: both; width: 894px; background: #dadada; font-size: .9em; line-height: 1.25em; margin-top: 10px;  margin-bottom: 10px;}
#pata p{ margin: 0; padding: 4px 16px; color: #384147; }
#pata a{color: #384147;text-decoration: underline; }
#pata a span{ text-decoration: underline; }
#pata a:hover span, #pata a:hover { text-decoration: none; }
#pata .vpravo{ float: right; width: 400px; text-align: right; }

#menu{ width: 894px; position: relative;
float: left; 
padding-left: 16px; }
#menu ul{ margin: 0; list-style-type: none; background: White url(../img/nav.gif) repeat-x; height: 3.5em;}

#menu li{
	width: auto;
	float: left;
	border-right: 1px solid #ECF2F9;
}
#menu li.noborder{
	border: none;
}
#menu a{text-decoration: none; display: block; width: auto; color: Black; font-weight: bold; line-height: 1.2em; font-size: 1.1em; padding: 13px 13px 12px 13px;}
#menu a.spec, #menu a.spec:hover{ background: #356CE6; color: white; }
#menu a:hover{
	text-decoration: underline;
	background: White url(../img/nav_a.gif) repeat-x;	
}

#menu a.choose{ background: White; color: Black; text-decoration: underline; }
#topnav{
	position: absolute;
	top: 10px;
	right: 17px;
	width: 500px;
	text-align: right;
}
#topnav img{ vertical-align: middle; }
#topnav a{ margin: 0 7px; }
#topnav #mutace{ margin-left: 10px; }
#topnav #mutace a{ margin: 0;  color: Black;}
#topnav #mutace a:hover{ color: #1246BB; }

.seznam{ list-style-type: none; }
.seznam li{ list-style-type: none; background: transparent url(../img/li.gif) no-repeat 0 .7em; padding: .2em 0 .2em 12px; }

.boxpic{ width: 187px; float: right; display: inline;  overflow: hidden; }
.boxpic img{ display: block; margin-bottom: 15px; }
.box{
	width: 438px;
	height: 393px;
	float: left;
	display: inline;
	overflow: hidden;
	position:relative;
}
.box h1{ margin: 0; }
.box p{ margin: .7em 200px .7em 0; text-align: justify; }
.levy{ margin-right: 18px; }
a.btn{
	background: #E5EDF7;
	color: Black;
	font-size: 1.1em;
	padding: 3px 5px 4px 5px;
	width: 227px;
	margin-bottom: 7px;
	text-decoration: none;
}
div .box:hover a.btn{
	background: #356CE6;
	color: White;
}
.box .btn{ display: block; text-align: center; margin-right: 4px; }

.stredtab{ margin: 1em 0; }
.stredtab h1{ background: White; margin: 0; padding: 8px 0; }
.stredtab h2{ background: White; margin: 0; padding: 8px 0; }
.tdleft{ border-right: 14px solid white; width: 644px; background-color: #FAE7CD; vertical-align: top; }
.tdright{ width: 237px; vertical-align: top;}
.tdright .all{ float: right; color: Black; margin-top: 7px; }
.novinky{ border-top: 1px solid #A3BBDE;
			background-color: #e4ecf7;
			padding-bottom: 5px;
			margin-bottom: 10px;	
			height: 120px;		
 }
.padn{
	padding: 5px; 	
}
.kontakfast{
	border-top: 1px solid #A3BBDE;
	background-color: #e4ecf7;
	padding: 5px;
}

.new{ margin-bottom: 1.8em; }
.new p{ margin: .7em 0; padding: 0 8px; line-height: 1.25em; }
.new p.datum{ font-size: .9em; color: White; background: #7DA8E4; margin-top: 0; text-align: right; margin-left: 155px; padding: 4px 8px 4px 5px; }
.tdleft h3{ background: transparent url(../img/icko.jpg) no-repeat; padding: 4px 0 4px 32px; font-size: 1.2em; margin: 0; }
.tdleft h3 a{ color: Black; text-decoration: none; }
.tdleft p{ margin: 0 0 4px 32px; font-size: .9em; line-height: 1.3em; }
.rozcest{ margin: 13px 0 0 27px; }
.rozcest td{ padding: 0 15px 15px 0; width: 290px; vertical-align: top; }

.uvod{ width: 894px; padding-top: 1em; }
.uvod h4, .uvod p{ margin: 0 0 1em 0; }
.obr{ margin-right: 25px; margin-top: 4px; }
.loga{ background: #EAEAEA; width: 894px; height: 65px; }
.loga img{ margin: 0 15px; float: left; }

div.potvrzeni{ width: 230px;  padding-bottom: 10px; z-index: 100; background-color: #87CEFA; top: 100px; left: 40%; color: black; text-align: center; font-weight: bold; position: absolute;  border: 1px solid silver; border-bottom: 2px solid gray; border-right: 2px solid gray; }
div.potvrzeni p{ padding: 15px 0 20px 0; margin: 0; }
div.potvrzeni div#plocha input.btn{ background-color: White; color: Black; font-weight: bold; text-align: center; cursor: pointer; border: 1px solid silver; }

table.tab{ font-size: 1em;border: 1px solid #024074; border-collapse: collapse; margin: 12px 0; width: auto; line-height: 1.2em; }
table.tab th{ color: White; background-color: #024074; padding: 4px 7px; font-weight: normal; text-align: left; border-right: 1px solid white; border-bottom: 1px solid white; }
table.tab td{ border: 1px solid #024074; padding: 4px 7px; }
tr.sec td{ background-color: #DFEEFF; color: black; }
tr.sec td a{ background-color: #DFEEFF; }
.formik th{ text-align: right; padding: 2px 10px 2px 0; border: 0; vertical-align: top; }
.formik td{ padding: 2px 5px; border: 0;  }

.plnasirka{ width: 640px; }

  div#popik{ position: absolute; top: 230px; left: 260px; border: 1px solid #D1D1D1; border-bottom: 2px solid gray;  border-right: 2px solid gray; display: none; text-align: center; font-size: .8em; width: 260px; background-color: white; text-align: left; color: #3B3000; }
  div#popik a .obr3{ border: 0; margin: 0 0 0 11px; float: none;}
  div#popik p{ margin: 8px; }
  a#closebtn{  cursor: pointer; float: right; /*display: block; padding: 0px 3px; font-weight: bold; background-color: #A92F00; border: 1px solid gray; border-right: 0; border-top: 0; color: white; text-align: center; width: 10px;*/}
  a#closebtn:hover{text-decoration: none; background-color: white; color: black;}

.file{ background: transparent url(/img/i-blank.gif) no-repeat 0% 0; padding: 4px 0 4px 25px;  line-height: 2em;}
.pdf{ background: transparent url(/img/i-pdf.gif) no-repeat 0 0; padding: 4px 0 4px 25px; line-height: 2em;}
.doc, .txt, .rtf{ background: transparent url(/img/i-doc.gif) no-repeat 0 0; padding: 4px 0 4px 25px; line-height: 2em;}
.xls{ background: transparent url(/img/i-excel.gif) no-repeat 0% 0; padding: 4px 0 4px 25px; line-height: 2em;}
.zip, .rar{ background: transparent url(/img/i-archiv.gif) no-repeat 0% 0; padding: 4px 0 4px 25px;line-height: 2em; }
.jpg, .peg, .png, .gif, .bmp, .tif{ background: transparent url(/img/i-pic.gif) no-repeat 0% 0; padding: 4px 0 4px 25px;line-height: 2em; }
.avi, .mpg, .mov, .asf, .ram{ background: transparent url(/img/i-video.gif) no-repeat 0% 0; padding: 4px 0 4px 25px; line-height: 2em;}
.mp3, .wav, .mid{ background: transparent url(/img/i-audio.gif) no-repeat 0% 0; padding: 4px 0 4px 25px; line-height: 2em;}


.vyplnp{
	padding: 0px;	
	min-height: 500px;	
	_height: 500px;		
}
.vyplnpgal{
	width: 680px;
	padding: 0px;
	float: left;
	min-height: 500px;	
	_height: 500px;	
}
.vyplnp ul,.vyplnpgal ul, .popisdlouhy ul, .vypln ul{
	padding-left: 30px;	
}
.vyplnp h1,.vyplnpgal h1{
	font-size: 1.5em;
	margin-top: 0px;
	padding-top: 0px;
}

.boxspod{
	position:absolute;
	bottom:0px;
	display: block;
}
a img {
border: 0;
}
.photod {
	width: 160px;
	height: 120px;
	margin-right: 13px;
	margin-bottom: 15px;
	float: left;
	text-align: center;
	background-color: #f0f0f0;
}
.photod:hover {
	background-color: white;
}
.galleft{
	float: left;
	width: 180px;
	margin-right: 20px;
	margin-bottom: 20px;
	background-color: #f0f0f0;
	padding-left:5px;
	padding-right:5px;	
	padding-top:10px;	
	padding-bottom:10px;		
}

.photodl {
	width: 170px;
	height: 130px;
	margin-bottom: 0px;	
	float: left;
	clear: left;
}
.photodl img {
	margin-left: 5px;
	border: 5px solid #E5EDF7;
}
.photodl img:hover {
	border: 5px solid White;
}

.simage
{
	float: left;
	padding-left: 16px;
	background-image: url(/img/bzbg.jpg);
	background-attachment: scroll;
	background-position: right;
	background-repeat: no-repeat;
	width: 894px;
	height: 193px;
}
.fotky{
	width:872px;
	padding-left: 16px;
}
.sortmenu
{
	float: left;
	width: 180px;
	height: auto;
}
.levelone{
	width: 165px;
	min_height: 20px;
	_height: 20px;
	background-color: #356ce6;
	padding: 10px;
	padding-left: 10px;
	padding-right: 5px;	
	background: #356CE6 url(../img/bgmenu.gif) no-repeat scroll bottom;
}
.levelone:hover{
	width: 165px;
	min_height: 20px;
	_height: 20px;
	background-color: #5080e9;
	padding: 10px;
	padding-left: 10px;
	padding-right: 5px;	
	background: #5080e9 url(../img/bgmenuh.gif) no-repeat scroll bottom;
}

.levelone a.a1{
	line-height: 16px;
	color: White;
	font-weight: bold;
	text-decoration: none;
}
.levelone a.a1:hover{
	text-decoration: underline;	
}

.leveltwo{
	width: 160px;
	min_height: 20px;
	_height: 20px;
	background-color: #F7F7F7;
	padding: 5px;
	padding-left: 15px;
}
.leveltwo a.a2{
	line-height:16px;
	color: black;
	text-decoration: none;	
}
.leveltwo a.a2:hover{
	text-decoration: underline;	
}

.sortone{
	width: 155px;
	min_height: 20px;
	_height: 20px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 15px;
	background: url(../img/ali.gif) no-repeat scroll left 4px;
}
.sortone:hover{
	background: url(../img/alih.gif) no-repeat scroll left 4px;	
}

.sortone a{
	line-height:16px;
	text-decoration: underline;	
}
.prv{
	margin-top:12px;
}
.lst{
	margin-bottom:12px;
}
.prvm{
	padding-top:15px;
}
.lstm{
	padding-bottom:15px;
}
.sortone a:hover{
	text-decoration: none;	
}

.sortmenu{
	width: 200px;	
	height: auto;
	float: left;
	padding-bottom: 30px;
}

.vypln{
	width: 694px;
	height: auto;
	float: left;
	padding-bottom: 30px;	
}

.imaged{
	width: 140px;
	float: left;
	padding-bottom: 10px;		
}
.nazevsekce a h2{
	width: 544px;
	font-weight: bold;
	font-size: 14px;
	padding:0px;
	margin:0px;
	margin-bottom: 10px;
	cursor:hand;
}
.popissekce{
	width: 544px;
	float: left;
	padding-bottom: 10px;	
}
.obsahsekce {
	width: 694px;
	clear: both;
	float: left;
	border-bottom-color: #f2f2f2;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-bottom: 10px;
}
.obsahsekced {
	width: 514px;
	float: left;
	margin-bottom: 10px;
}
.imagedd{
	width: 180px;
	float: left;
	padding-bottom: 10px;		
}
.nazevsekced h2{
	float: left;	
	width: 514px;
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 10px;			
}
.nazevsekced h1{
	float: left;	
	width: 514px;
	font-weight: bold;
	font-size: 18px;
	padding:0px;
	margin: 0px;
	padding-bottom: 20px;			
	color: #1246bb;
}
.rozcestnik{
	float: left;	
	width: 160px;
	padding:0px;
	margin: 0px;	
	background-color: #F7F7F7;
}
.rozcestnik ul{
	padding-left: 22px;	
}
.popisdlouhy{
	width: 504px;
	float: left;
	background-color: #F7F7F7;
	padding: 5px;
	padding-bottom: 10px;
	padding-top: 15px;
	border-top: 1px solid #9EB7ED;
}
.obsahsekce:hover {
	background-color: #ebf1f9;
}
.delic{
	width: 504px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 10px;
}
.vzornik{
	background-color: #F0F0F0;
	margin-top: 15px;
	float: left;
	width: 160px;
}
.vzor{
	float: left;
	padding-bottom: 10px;
}
.vypln h2{
	margin:0px;
}
.sortnav{
	float: left;
	width: 514px;
}
.sortnav a{
	display: block;
	float: left;
	width: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #DFE7F9;
	border-right: 1px solid White;
}
.sortnav a.sel{
	background: #356CE6;
	color: White;
	text-decoration: none;
	font-weight: bold;
}
.infosekce{
	float: left;
	background-color: #FFF4E3;	
	padding: 10px;
	padding-left: 0px;	
	margin-bottom:20px;
	width:684px;
}
.infosekce img{
	margin-right:20px;
}
.prvni{
	padding-top: 5px;
	padding-bottom: 5px;
}
.prvni a{
	font-size:14px;
	font-weight: bold;
}
.druhy{
	font-size:14px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;	
}
.treti{
	font-size:12px;
	font-weight: bold;	
	padding-top: 10px;
	padding-bottom: 10px;		
}
.treti a{
	padding-left: 20px;
}
.ctvrty{

}
.ctvrty a{
	padding-left: 30px;
}
}