@media screen, projection, tv{
html,body{ color: #414C4D; background: #DAE0E7 url(../img/back.jpg) repeat-x;  margin: 0; padding: 0;}
html,body, input, textarea, select, table{ font-family: "Arial CE", "Helvetica CE", Arial,  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;
*/


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: 1em 0 1em 0; color: #1E3E91; font-weight: normal;  }
h2{ font-size: 1.3em;  margin: 1.4em 0 .6em 0;color: #1E3E91; }
h1.hlavni, h2.hlavni{ margin-top: 0; font-size: 1.4em; }
h3{ font-size: 1.1em; margin: 1.4em 0 .6em 0; color: #1D549A;clear:both}
h4{ font-size: 1em;  margin: 1.4em 0 .6em 0;color: #1D549A; }
a{ color: #E61939; }
a:hover{ color: #1D549A; }
input, textarea, select{ border: 1px solid #C7C5C7; border-bottom-color: white; border-right-color: white; background: #F3F3F3 url(../img/ser.gif) repeat-x; color: #414C4D; }
input.btn{ background: #B5021D url(../img/btn3.gif) repeat-x; color: White; font-size: .9em; font-weight: bold; padding: 4px 5px; }

#base{ margin: 0 auto; text-align: left; width: 977px; font-size: .75em; position: relative; line-height: 1.4em; padding: 0 10px; padding-top: 398px; }
#head{ height: 172px; background: White url(../img/top.jpg) no-repeat; position: absolute; left: 0; top: 40px; width: 967px; padding: 0 10px; }
#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: 186px; height: 118px; }
#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; }

#main{ width: 977px; clear: both; background: White url(../img/main.gif) repeat-y 0 0;}
#left, #stred, #right{ float: left; display: inline; overflow: hidden;}
#left{ width: 190px; margin-left: -977px;  padding-top: 18px; background: #DAE0E7 url(../img/left.jpg) no-repeat; }
#stred{ margin-left: 190px; width: 597px;  }
#right{ width: 190px; }
#plocha{ padding: 20px 20px; }


#pata{ clear: both; width: 977px; background: #DAE0E7 url(../img/pata.jpg) no-repeat -10px 0; color: #8B9AA8; font-size: .9em;  }
#pata p{ margin: 0; padding: 25px 220px 15px 220px; text-align: right; }
#pata a{text-decoration: none;color: #8B9AA8;  }
#pata a span{ text-decoration: underline; color: #E61939; }


#left h2{ color: #183C8E; margin: 0; padding: 15px 20px; font-size: 1.5em; font-weight: normal; }
#left p{ padding: 0 0 0 20px; }
#menu{ width: 190px; background: #F2F1F1 url(../img/menu.gif) repeat-y; margin-bottom: 10px;}
#menu ul{ margin: 0; list-style-type: none; background: transparent url(../img/menu-down.gif) no-repeat 0 100%; padding-bottom: 8px;}
#menu li{width: auto; background: transparent url(../img/m-li.gif) no-repeat; padding-top: 2px; }
#menu a{text-decoration: none;  display: block; width: 190px; color: #183C8E; font-weight: bold; text-transform: uppercase; line-height: 1.2em; background: transparent url(../img/ma.gif) no-repeat; font-size:0.9em   }
#menu a span{ display: block; padding: 19px 11px 23px 49px;  width: 125px; background: transparent url(../img/m1.gif) no-repeat; cursor: pointer;}
#menu a:hover, #menu a.aktivni{ color: #183C8E; background: White none; }
#menu a:hover span, #menu a.aktivni span{ color: #183C8E; background: transparent url(../img/m1.gif) no-repeat -406px 0px;  }
#menu .m2 a span{ background-image: url(../img/m2.gif); }
#menu .m3 a span{ background-image: url(../img/m3.gif); }
#menu .m4 a span{ background-image: url(../img/m4.gif); }
#menu .m5 a span{ background-image: url(../img/m5.gif); }
#menu .m6 a span{ background-image: url(../img/m6.gif); }
#menu .tri a span{ padding: 10px 1px 18px 49px; }

#nav{ position: absolute; top: 158px; left: 10px; width: 977px; z-index: 100; background: transparent url(../img/nav.jpg) repeat-x; }
#nav ul, #supernav ul{ margin: 0; list-style-type: none; }
#nav li, #supernav li{ float: left; }
#nav a{ display: block; text-decoration: none; color: #183C8E; line-height: 1.25em; }
#nav a span{ display: block; padding: 14px 9px 30px 9px;  background: transparent url(../img/nava.gif) no-repeat 100% 0;}
#nav a:hover{ background: transparent url(../img/nav2.jpg) repeat-x;  color: #E61939; text-decoration: underline;}
#nav li:hover ul, #nav li.hover ul{ display: block; }
#nav li:hover a, #nav li.hover a{ background: transparent url(../img/nav2.jpg) repeat-x;  color: #E61939; text-decoration: underline; }

#nav li{position: relative;  behavior: url(/styly/hover.htc);}
#nav ul ul {display:none; position: absolute; left: 0; top: 43px; z-index: 1000; border-top: 1px solid white;}
#nav ul ul li{ float: none; background: White; }
#nav ul ul a{ width: 170px; color: #183C8E !important ; text-decoration: none !important; padding: 4px 9px; background: #E4E4E4 none !important ; display: block; border-bottom: 1px solid white;}
#nav ul ul a:hover{ color: #E61939 !important; text-decoration: underline !important; }

#supernav{ position: absolute; top: 118px; right: 30px; z-index: 1000; }
#supernav a{ display: block; background: #4063B4 url(../img/sn2.jpg) no-repeat; font-size: 1.05em; color: white; text-decoration: none; padding: 16px 0 7px 0; text-align: center; width: 145px; }
#supernav a.aktiv{ font-weight: bold; color: #183C8E; background: White url(../img/sn1.jpg) no-repeat; padding: 13px 0 10px 0; }

#search{ position: absolute; top: 62px; right: 30px; z-index: 2000; text-align: right; width: 500px; font-size: .9em; }
#search input{ border: 1px solid #C7C5C7; border-bottom-color: white; border-right-color: white; width: 165px; background: #F3F3F3 url(../img/ser.gif) repeat-x; color: #414C4D; padding: 5px; margin-left: 10px; }
#search input.btn{ padding: 0 0; background: black url(../img/btn2.jpg) no-repeat; border: 0; width: 41px; height: 26px; margin-left: 2px; }
#search a{ color: #414C4D; padding: 5px 0 0 8px; background: transparent url(../img/ms.gif) no-repeat; margin: 8px; }
#search a.pri{ font-weight: bold; padding-left: 25px; background-image: url(../img/pri.gif); color: #E61939; }

#right h2{ color: #E61939; margin: 0; padding: 15px 20px; font-size: 1.5em; font-weight: normal;  }

.infobox{ background: #f5f5f5; background: #f5f5f5 url(../img/right.jpg) no-repeat;  padding-top: 18px; margin-bottom: 10px; width: 190px;  }
.infobox-in{ background: transparent url(../img/right2.jpg) no-repeat 0 100%; padding-bottom: 10px; font-size: .9em; line-height: 1.3em; }
.infobox p{ margin: 0 6px 10px 21px; }
.infobox h3{ margin: 1.5em 0 0 0; padding: 4px 10px 5px 40px; background: transparent url(../img/r1.gif) no-repeat; }
.infobox h3.inf2{ background-image: url(../img/r2.gif); }
.infobox h3.inf3{ background-image: url(../img/r3.gif); }
.infobox h3.inf4{ background-image: url(../img/r4.gif); padding-top: 0px; }
.infobox h3.inf5{ background-image: url(../img/r5.gif); }

.letter{ background: transparent url(../img/letter.jpg) no-repeat; color: White; height: 148px; }
#right .letter h2{ color: White; padding: 20px 21px 5px 21px; margin: 0; }
.letter form{ padding: 0 6px 10px 21px; margin: 0; font-size: .9em; line-height: 1.3em; }
.letter input{ border: 1px solid #C7C5C7; border-bottom-color: white; border-right-color: white; color: #3F546B; padding: 6px 4px; margin-top: 8px; width: 92px; }
.letter input.btn{ width: auto; padding: 6px 0; margin-left: 3px; font-weight: bold; background: White url(../img/btn.gif) no-repeat; border: 0; width: 4.43em; }

#right .dodatek h2{ margin-top: 0; padding-top: 10px; color: #183C8E; }
.dodatek p{ padding: 0 6px 2px 21px; }

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

.prehled{ margin: 1.5em 0; }
.prehled h3{ margin: 0; padding: 15px 10px; background: #F7F7F7; color: #1D549A; font-size: 1.25em; border-bottom: 1px solid #E8E8E8; }
.prehled td{ border-bottom: 20px solid white; vertical-align: top; border-right: 20px solid white; background: #F7F7F7;width: 257px;  }
.prehled .in{ padding: 5px 10px; border-top: 1px solid white; }

#flash{ position: absolute; top: 212px; left: 10px; z-index: 10; }
#flash object{ z-index: 10; }
#topnav{ position: absolute; top: 8px; left: 20px; width: 957px; }
#topnav a{ color: #A8BAC1; font-size: .9em; text-decoration: none; margin: 0 7px; display: inline; _display: inline-block; ]display: inline-block; padding-bottom: 16px; background: transparent url(../img/topnav.gif) no-repeat 49% 100%; line-height: 1.5em; }
#drobky{ margin: 0; background: White url(../img/drob.gif) no-repeat 0 100%; font-size: .8em; padding: 4px 15px 15px 15px; line-height: 1.25em; }
#drobky strong{ color: #183C8E; }

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

.nadpis170{ background: transparent url(/img/n1.gif) no-repeat -8px 0; padding: 8px 0 9px 40px; }
.nadpis180{ background: transparent url(/img/n2.gif) no-repeat -8px 0; padding: 8px 0 9px 40px; }
.nadpis190{ background: transparent url(/img/n3.gif) no-repeat -8px 0; padding: 8px 0 9px 40px; }
.nadpis200{ background: transparent url(/img/n4.gif) no-repeat -8px 0; padding: 8px 0 9px 40px; }
.nadpis210{ background: transparent url(/img/n5.gif) no-repeat -8px 0; padding: 8px 0 9px 40px; }
.nadpis220{ background: transparent url(/img/n6.gif) no-repeat -8px 0; padding: 8px 0 9px 40px; }
.nadpis260{ background: transparent url(/img/n7.gif) no-repeat -8px -3px; padding: 8px 0 9px 40px; color: #E61939; }
.nadpis270{ background: transparent url(/img/n8.gif) no-repeat -8px -3px; padding: 8px 0 9px 40px; color: #E61939; }
.nadpis280{ background: transparent url(/img/n9.gif) no-repeat -8px -3px; padding: 8px 0 9px 40px; color: #E61939; }
.nadpis290{ background: transparent url(/img/n10.gif) no-repeat -8px -3px; padding: 8px 0 9px 40px; color: #E61939; }
.nadpis300{ background: transparent url(/img/n11.gif) no-repeat -8px -3px; padding: 8px 0 9px 40px; color: #E61939; }

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

#info_okno {z-index:9999;margin-top:350px}

.oblast_nahore {float:none;border:1px solid #DFEEFF;}
.oblast_nahore h3 {margin:5px}
.oblast_nahore .inn {margin:15px}
.oblast_vlevo1, .oblast_vlevo2, .oblast_vlevo3 {width:265px;float:left;border:1px solid #DFEEFF;margin:0px;margin-top:10px;margin-right:10px}
.oblast_vpravo1, .oblast_vpravo2, .oblast_vpravo3 {width:265px;float:right;border:1px solid #DFEEFF;margin:0px;margin-top:10px;margin-left:10px}
.oblast_vlevo1 h3, .oblast_vlevo2 h3, .oblast_vlevo3 h3 {margin:5px}
.oblast_vpravo1 h3, .oblast_vpravo2 h3, .oblast_vpravo3 h3 {margin:5px}
.oblast_vlevo1 .inn, .oblast_vlevo2 .inn, .oblast_vlevo3 .inn {margin:15px}
.oblast_vpravo1 .inn, .oblast_vpravo2 .inn, .oblast_vpravo3 .inn {margin:15px}

.oramovanatab {border-collapse: collapse;border:1px solid #aaaaaa;width:100%}
.oramovanatab td {padding:0px;margin:0px;padding-left:10px;padding-right:20px}
.datum {clear:both}
}