@media screen, projection, tv{
html,body{  background: White url(../img/back.jpg) repeat-x;  margin: 0; padding: 0; }
html,body, input, textarea, select, table{ font-family: Arial, sans-serif; color: #2C353C;}



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.5em;  margin: 1.4em 0 .6em 0;  }
h1.hlavni{ margin: -20px 0 10px -30px; padding: 20px 30px; background: transparent url(../img/h1.jpg) no-repeat 0 100%; font-size: 1.6em; line-height: 1.25em; font-weight: normal; }
h1.hlavni a{ text-decoration: none; }
h2{ font-size: 1.3em;  margin: 2em 0 .6em 0; line-height: 1.25em; }
h2.hlavni{ margin-top: 0; }
h3{ font-size: 1.2em; margin: 2.3em 0 .6em 0; line-height: 1.25em;}
h4{ font-size: 1.1em;  margin: 2.3em 0 .6em 0; }
a{ color: #2C353C; }
a:hover{ color: Black; }
ul li h3{ margin: 0; }
ul li p{ margin-top: .6em; }
strong{ font-weight: bold; }


#base{ margin: 0 auto; text-align: left; width: 953px; font-size: .75em; position: relative; line-height: 1.4em; padding: 0 20px 0 22px; }
#head{ background: transparent url(../img/top-new.png) no-repeat 0% 108px; height: 232px; }
#head p{ color: white; background-color: #2C353C; font-size: 1.2em; position: relative; overflow: hidden; line-height: 1.2em; margin: 0 0 0 0; }
#head p span, #head p{ width: 448px; height: 108px; }
#head a{ color: white; background-color: #2C353C;text-decoration: none; }
#head p span{ position: absolute; cursor: pointer; top: 0; left: 0; background: transparent url(../img/newlogo.png) no-repeat; color: white; }

#main{ width: 953px; clear: both; background: transparent url(../img/main.gif) repeat-y;  }
#left, #stred, #right{ float: left; display: inline; padding-bottom: 30px;}
#left{ width: 211px; margin-left: -766px;  background: White;  padding-top: 30px; overflow: visible;  }
#stred{ margin-left: 211px; width: 555px;  background: White; padding-top: 30px;overflow: hidden;  }
#right{ width: 177px; padding-left: 10px; overflow: hidden;  }
#plocha{ padding: 20px 10px 10px 30px; background: White url(../img/stin.jpg) no-repeat 0 0;  min-height: 40em; }
.xlayout #stred{ width: 742px; }
.xlayout #left{ margin-left: -953px; }

#pata{ clear: both; width: 953px; background: White url(../img/pata.jpg) no-repeat; font-size: .9em; }
#pata p{ margin: 0; padding: 25px 10px 12px 10px; }
#pata a{text-decoration: none; color: #2C353C; }
#pata a span{ text-decoration: underline;  color: #2C353C;}
#pata span{ color: #DEE0E1; }
#pata .float-right a{ margin: 0 4px; }

#menu{ width: 211px; background: #F0F2F3 url(../img/menu.gif) no-repeat 0 100%; padding-bottom: 54px;  }
#menu ul{ margin: 0 0 0 0; list-style-type: none; border-top: 1px solid #DBDDDF; z-index: 1000; }
#menu li{width: 211px; border-bottom: 1px solid #DBDDDF;  z-index: 1000;}
#menu a{text-decoration: none;  display: block; width: 131px; color: #2C353C; padding: 7px 50px 7px 30px; line-height: 1.32em; background: #F0F2F3 url(../img/m.gif) no-repeat 167px -124px;  }

#menu a:hover, #menu li:hover a, #menu li.hover a, #menu a.aktivni{ background: #E3E6E9 url(../img/m.gif) no-repeat 167px 0;color: #2C353C;  }

#menu ul ul{ position: absolute; top: -1px; left: 211px; visibility: hidden; z-index: 100;  }
#menu li{ position: relative;}
#menu ul ul a{ background: #E3E6E9 none;  background-image: none; padding-left: 11px; padding-right: 11px; border-bottom: 1px solid #DBDDDF; width: auto; min-width: 160px;  }
#menu ul ul li{ padding: 0; width: auto; border: 0; position: static; }
#menu li:hover ul, #menu li.hover ul{  visibility: visible; }
#menu li:hover ul a, #menu li.hover ul a{ background-image: none; }
#menu ul ul a:hover{ text-decoration: underline; background-color: #E3E6E9;  }

/*
#menu a:hover, #menu .aktivni a{ background: #E3E6E9 url(../img/m.gif) no-repeat 167px 0; }
#menu ul ul{ display: none; margin: 0; background: #E3E6E9;  }
#menu .submenu ul{ display: block; border: 0; }
#menu .submenu li{ border-top: 1px solid #DBDDDF; border-bottom: 0; }
#menu .submenu a{ font-weight: bold; background: #E3E6E9 url(../img/sip.gif) no-repeat 167px 0; }
#menu ul .submenu ul a{ background: #E3E6E9 url(../img/m2.gif) no-repeat 30px 43%;  padding: 7px 50px 7px 46px;width: 115px; font-weight: normal;}
#menu ul .submenu ul a:hover, #menu ul .submenu .aktivni2 a{ text-decoration: underline; }
*/

#nav{ position: absolute; left: 22px; top: 127px;  width: 954px; }
#nav ul{ list-style-type: none; margin: 0; }
#nav li{ float: left; }
#nav a{ color: White; text-decoration: none; display: block; width: 149px; text-align: center; padding: 24px 5px 13px 5px; background: #676C71 url(../img/m1.jpg) no-repeat -159px 0; line-height: 1.25em; }
#nav .n2 a{ background-image: url(../img/m2.jpg); }
#nav .n3 a{ background-image: url(../img/m3.jpg); }
#nav .n4 a{ background-image: url(../img/m4.jpg); }
#nav .n5 a{ background-image: url(../img/m5.jpg); }
#nav .n6 a{ background-image: url(../img/m6.jpg); }
#nav ul ul{ position: absolute; left: 0; top: 52px; width: 953px; background: transparent url(../img/submenu1.jpg) no-repeat;}
#nav ul ul li{ padding: 9px 10px 19px 10px;  }
#nav ul ul li.aktiv{ background: transparent url(../img/n-sip1.gif) no-repeat center 100%; }
#nav .navli ul a, #nav .navli ul span{ background: transparent none; padding: 5px 10px; text-align: left; display: block; width: auto; color: White; line-height: 1.25em;}
#nav ul ul li.aktiv a{ text-decoration: underline; }


.polozka{ padding: 8px 0; margin-bottom: .4em; position: relative; width: 515px; }
.pic{ background: White url(../img/podobr.jpg) no-repeat; width: 190px; height: 150px; float: left; padding: 12px; }
.pic img{ display: block;  }
.polozka p.spec{ margin: 0; background: #2C353C url(../img/pol.jpg) no-repeat 0 -5px; color: White; width: 274px; position: absolute; top: 2px; right: 0; padding: 5px 8px 5px 52px; }
.polozka p.spec a{ color: White; text-decoration: none; line-height: 1.3em; font-size: 1.2em; font-weight: bold;}
.polozka h2{ margin-top: 2.4em; font-size: 1.2em; margin-left: 225px; margin-bottom: 0; line-height: 1.3em; font-size: 1.2em; }
.polozka h2 a{ text-decoration: none; }
.polozka p{ margin: .5em 0 .5em 225px; }
.polozka .prostorVypis{ font-size: .9em; line-height: 1.3em;}
.polozka .prostorVypis strong{ font-weight: normal; }

a.vice{ padding: 6px 0 8px 38px; background: transparent url(../img/vice.gif) no-repeat;  }
.polozka p.vice{ margin-top: 1.7em; }
.polozka a:hover{ color: #2C353C; }
.detail p{ margin: 1em 0; }
.detail .pic{ margin-right: 11px; }
.detail h2{ margin-left: 0; font-size: 1.3em; }
h3.podtitul{ margin-top: .5em; }
.pic-r{ float: right; margin: 4px 0 4px 15px; }
.budovy h2{ margin-top: 10px; margin-left: 135px; }
.budovy .pic{ background: White url(../img/podobr.jpg) no-repeat; width: 100px; height: 79px; float: left; padding: 12px; }
.budovy p{ margin: .5em 0 .5em 135px; }
.budovy p.spec{ position: static; padding: 5px 10px; width: auto; margin-left: 135px; width: 314px; }

.dtbezfotky p, .dtbezfotky h2{ margin-left: 0; }
.dtbezfotky li{ list-style-position: inside; }

p.zpet{ padding-top: 2em; margin-top: 0; clear: both; }
a.zpet{ color: #2C353C !important; font-weight: bold; padding: 6px 0 8px 38px; background: transparent url(../img/vice-zpet.gif) no-repeat; }
p.zpetdruhy{ padding-top: 10px; }

#likediv{ clear: both; padding: 15px 0; border-bottom: 1px solid #CCCCCC; }

.navigation, .archdiv{   clear: both; text-align: center; padding-top: 15px; }
.navigation{ font-weight: bold;  }
.navigation{ vertical-align: middle; margin: 0 3px; }
.navigation span, .navigation a{ vertical-align: middle; background: transparent no-repeat; background: transparent url(/img/cislo.png); text-align: center; text-decoration: none; width: 29px; display: inline-block; font-weight: bold; padding: 6px  0 7px 0; margin: 0 0px; }
.navigation p, .archdiv p{ margin: 0; border-top: 1px solid #CCCCCC; padding: 10px 0 0 0;}
.navigation span{ background-image: url(/img/cislo2.png); color: Black; }
.navigation a{ color: #2C353C; }
.navigation a:hover{ color: Black;  background-image: url(/img/cislo2.png);}

.seznam, #plocha ul{ list-style-type: none; margin:1.5em 0; }
.seznam li, #plocha ul li{ list-style-type: none; background: transparent url(../img/li.gif) no-repeat 0 .55em; padding: .2em 0 .2em 20px; }
#plocha .seznam li{ margin: 1em 0; }

.navigace-stranky{ text-align: center; font-weight: bold; color: gray; }

div.potvrzeni{ width: 230px;  padding-bottom: 10px; z-index: 100; background-color: #F0F2F3;  top: 250px; 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; }

table.tab{ font-size: .9em;border: 1px solid #616A71; border-collapse: collapse; margin: 12px 0; width: auto; line-height: 1.2em; }
table.tab th{ color: White; background-color: #616A71; padding: 12px 7px; font-size: 1em; font-weight: bold; text-align: left; border-left: 1px solid silver;  }
table.tab th:first-child{ border-color: #616A71; }
table.tab th.last{ border-right-color: #616A71; }
table.tab td{ border: 1px solid #A4ABB2; padding: 8px 7px; background: #F0F2F3; }
tr.sec td{ background-color: #E3E6E9; }
table.tab p{ margin: 0; }


.formik th{ text-align: left; padding: 6px 10px 2px 0; border: 0; vertical-align: top; }
.formik td{ padding: 2px 5px; border: 0;  }

#flash{ position: absolute; left: 233px; top: 304px; }
.ikony img{ display: block; margin-bottom: 10px; }
#print-iko{ display: block; position: absolute; left: 739px; top: 229px; cursor: pointer; }
#mutace{ position: absolute; left: 550px; top: 42px;  }
#mutace img{ margin-right: 12px; }
.search{ position: absolute; left: 688px; top: 43px; width: 300px; }
.search .pole{ border: 1px solid white; background: White; padding: 4px 5px; width: 200px; }
.search .btn{ border: 0; background: #63686D url(../img/sbtn.jpg) no-repeat; color: White; font-weight: bold; padding: 4px 0; width: 6.2em; margin-left: 1px; }
#drobky{ font-size: .9em; margin: 1.2em 0; }

.plnasirka{ width: 640px; }
ol.pismena{ list-style: lower-alpha; }
.dinfo{ margin: 1em 0; }



#plocha fieldset{  padding: 10px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
input, textarea, select{ border: 1px solid #9EA6AB; padding: 5px; background: White; }
.inputsirka{ width: 250px; }
input.btn{ border: 1px solid #2C353C; border-top: 1px solid #B5B5B7; border-left: 1px solid #B5B5B7; background: #63686D url(../img/btn.jpg) repeat-x; color: White; font-weight: bold; }
.btn{ border: 1px solid #2C353C; border-top: 1px solid #B5B5B7; border-left: 1px solid #B5B5B7; background: #63686D url(../img/btn.jpg) repeat-x; color: White !important ; font-weight: bold; text-decoration: none; padding: 4px 10px; margin: 0 3px 0 0; }

div.obr{ float: right; border: 1px solid #CBCBCB; padding: 5px;  margin: 4px 0 4px 20px; background: #F1F1F1; text-align: center;  }
div.obr-left{ float: left; border: 1px solid #CBCBCB; padding: 5px;  margin: 4px 20px 4px 0; background: #F1F1F1;  }
div.obr3{ float: none; border: 1px solid #CBCBCB; padding: 5px;  margin: 4px 0 4px 0; background: #F1F1F1; margin:1em auto;  }
div.obr p, div.obr-left p, div.obr3 p, .obrvedle p{ font-size: .9em; margin: 5px; text-align: center; }
.obrvedle td{ background: #F1F1F1; border: 1px solid #CBCBCB; text-align: center; padding: 5px; }
.obrvedle td img{ margin-bottom: 5px; }

.fotogalerie{ padding-top: 1.5em; clear: both; }
.fpic{ float: left; display: inline; width: 161px; overflow: hidden; height: 131px; background: White url(../img/fpic.gif) no-repeat; padding: 11px 0 0 10px; }
.fpic img{ display: block; margin: 0; }


  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;}

#flash-down{ width: 954px; margin: 0 auto; padding: 0 0 10px 0; }
#topimg{ width: 545px; position: absolute;  left: 233px; top: 262px; display: none; z-index: 1; }
#topimg img{ display: block; }
.proindex #topimg{ display: block; }
.proindex #stred{  padding-top: 216px; }

#topnav{ position: absolute; right: 16px; top: 11px; text-align: right;  }
#topnav a{ color: #E9E9E9; font-size: .9em; margin: 0 5px; }
#topnav a:hover{ color: White; }

.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;}

.primuz h2, .primuz a, .barva2 h1, .barva2 h2, .barva2 h3 { color: #24933C; }
.hismuz h2, .hismuz a, .barva3 h1, .barva3 h2, .barva3 h3{ color: #CE1141; }
.kninm h2, .kninm a, .barva4 h1, .barva4 h2, .barva4 h3{ color: #495C9A; }
.napmuz h2, .napmuz a, .barva5 h1, .barva5 h2, .barva5 h3{ color: #967632; }
.cesmuz h2, .cesmuz a, .barva6 h1, .barva6 h2, .barva6 h3{ color: #0060A9; }

.primuz a.vice{ background: transparent url(../img/vice2.gif) no-repeat;  }
.hismuz a.vice{ background: transparent url(../img/vice3.gif) no-repeat;  }
.kninm a.vice{ background: transparent url(../img/vice4.gif) no-repeat;  }
.napmuz a.vice{ background: transparent url(../img/vice5.gif) no-repeat;  }
.cesmuz a.vice{ background: transparent url(../img/vice6.gif) no-repeat;  }
 
th.primuz, th.primuz a { background-color: #24933C !important; color: white; }
th.hismuz, th.hismuz a { background-color: #CE1141 !important; color: white; }
th.kninm, th.kninm a { background-color: #7082C0 !important; color: white; }
th.napmuz, th.napmuz a { background-color: #BD9442 !important; color: white; }
th.cesmuz, th.cesmuz a { background-color: #0060A9 !important; color: white; }

.barva2  p.spec{  background: #24933C url(../img/pol1.jpg) no-repeat; }
.barva3  p.spec{  background: #CE1141 url(../img/pol2.jpg) no-repeat; }
.barva4 p.spec{  background: #7082C0 url(../img/pol3.jpg) no-repeat; }
.barva5  p.spec{  background: #BD9442 url(../img/pol4.jpg) no-repeat; }
.barva6  p.spec{  background: #0060A9 url(../img/pol5.jpg) no-repeat; }

.barva1 #btn01{ font-weight: bold; background-position: 0 0; }

.barva2 a{ color: #24933C; }
.barva2 #nav ul ul{ background: transparent url(../img/submenu2.jpg) no-repeat;}
.barva2 #nav ul ul li.aktiv{ background: transparent url(../img/n-sip2.gif) no-repeat center 42px; }
.barva2 #btn02{ font-weight: bold; background-position: 0 0; }

.barva3 a{ color: #CE1141; }
.barva3 #nav ul ul{ background: transparent url(../img/submenu3.jpg) no-repeat;}
.barva3 #nav ul ul li.aktiv{ background: transparent url(../img/n-sip3.gif) no-repeat center 42px; }
.barva3 #btn03{ font-weight: bold; background-position: 0 0; }

.barva4 a{ color: #495C9A; }
.barva4 #nav ul ul{ background: transparent url(../img/submenu4.jpg) no-repeat;}
.barva4 #nav ul ul li.aktiv{ background: transparent url(../img/n-sip4.gif) no-repeat center 42px; }
.barva4 #btn04{ font-weight: bold; background-position: 0 0; }

.barva5 a{ color: #967632; }
.barva5 #nav ul ul{ background: transparent url(../img/submenu5.jpg) no-repeat;}
.barva5 #nav ul ul li.aktiv{ background: transparent url(../img/n-sip5.gif) no-repeat center 42px; }
.barva5 #btn05{ font-weight: bold; background-position: 0 0; }

.barva6 a{ color: #0060A9; }
.barva6 #nav ul ul{ background: transparent url(../img/submenu6.jpg) no-repeat;}
.barva6 #nav ul ul li.aktiv{ background: transparent url(../img/n-sip6.gif) no-repeat center 42px; }
.barva6 #btn06{ font-weight: bold; background-position: 0 0; }

.barva1 #nav ul .n1 ul{ display: block; }
.barva2 #nav ul .n2 ul{ display: block; }
.barva3 #nav ul .n3 ul{ display: block; }
.barva4 #nav ul .n4 ul{ display: block; }
.barva5 #nav ul .n5 ul{ display: block; }
.barva6 #nav ul .n6 ul{ display: block; }

.english #main{ margin-top: 10px;	 }
.english #print-iko{ display: block; position: absolute; left: 739px; top: 157px; cursor: pointer; }
.english #topimg{ width: 545px; position: absolute;  left: 233px; top: 190px; }
.english #nav{ display: none; }

.list dd{ margin-left: 3em; line-height: 1.2em; }
.list dt{ padding-top: 2px;}

.xadmin #stred{ padding-top: 0; float: none; width: auto; background-image: none; display: block; margin-left: 211px; padding: 0 10px 10px 30px;}
.xadmin #plocha{ padding: 0;  min-height: 40em;  }
.xadmin #menu{ position: absolute; left: 22px; top: 160px; }
.xadmin #menu ul{ padding: 0 !important ; list-style-type: none; border-top: 1px solid #DBDDDF; }
table input, table textarea, table select{ margin: 3px 5px; }

.pavouk{ width: 960px; font-size: .8em; table-layout: fixed; }
.pavouk td{ background: #A6AED8; text-align: center; color: Black; line-height: 1.2em; border: 2px solid #A6AED8; padding: 0px 2px; }
.pavouk td.bl{ background: transparent; border: 0; }
.pavouk .spojnice td{ padding: 0; border: 0; background: transparent; }
.pavouk td.mezera{ padding: 0; border: 0; background: transparent;}
.pavouk .spojnice img{  margin: 0 auto; display: block; }
#pav{ background: transparent url(../img/pav2.gif) no-repeat 53px 0; padding-top: 77px; position: relative; }
#pav span{ position: absolute; left: 385px; top: 10px; color: Black; font-size: .9em; display: block; text-align: center; width: 87px; line-height: 1.3em; }
#pav span.t2{ left: 225px; top: 42px; }
#pav span.t3{ left: 542px; top: 42px; }

.obrR{ float: right; margin: 3px 0 3px 20px; }
.malyobr{ float: left; margin: 3px 20px 3px 0; }
.obr-left{ float: left; margin: 3px 20px 3px 0; border: 3px solid #F1F1F1;}
.obr-right{ float: right; margin: 3px 0 3px 20px; border: 3px solid #F1F1F1;}
.malyobr2{ float: right; margin: 0 12px 5px 0; border: 0; }
.rozcestnik li{ margin-top: 7px; margin-bottom:7px; }
.rozcestnik h3 a{ text-decoration: none; }

#odpocet{ position: absolute; left: 180px; top: 0; height: 108px; background: transparent url(/img/odpocet.jpg) no-repeat; padding: 0 0 0 235px; cursor: pointer; color: White; }
#odpocet h2{ margin: 8px 0 0 0; font-weight: normal; font-size: 1.85em; line-height: 1.3em; }
#odpocet .o1{ float: left; padding-top: 22px; font-size: 1.2em; }
#odpocet .o2{ float: left; width: 64px; height: 54px; background: transparent url(/img/odpocet2.png) no-repeat 0 -2px; text-align: center; font-size: 2.7em; padding-top: 10px; line-height: 1.25em; margin: 0 5px; }
#odpocet a{ color: White; text-decoration: none; }
#odpocet .o4{ clear: both; display: block; position: absolute; left: 235px; bottom: 6px; font-weight: bold; background: transparent url(/img/odpocet3.png) no-repeat 0 5px; padding-left: 10px;  }

.kalendar h3{ margin: 0; font-size: 1em; text-align: center; background: #E3E6E9; padding: 5px 0;color: #2C353C !important ; }
.pointer {cursor: hand; cursor: pointer;}
strong strong, .bold strong, .bold .bold{ font-weight: bold; }

.pressLogin strong{ padding-left: 35px; line-height: 29px; background: transparent url(/img/down.png) no-repeat; display: block; cursor: pointer; font-size: 1.2em; margin-top: 20px; }
.detail .pressLoginP{padding-top: 0; padding-left: 35px; margin: 0 0 5px 0; }
.dla{ text-decoration: none; font-size: .9em; display: block; text-align: center; padding-top: 2px;  }



}