@media screen, projection, tv{
html,body{ background: white;  margin: 0; padding: 0;}
html,body, input, textarea, select, table{ font-family: "Arial CE", "Helvetica CE", Arial,  helvetica, sans-serif; color: #0c0c0c; }
/*    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;
*/

.abeceda{ margin: 10px 0; }
.abeceda span{ margin: 0; background: #e1f2fc; border: 1px solid #b6d2f5; line-height: 1.25em; padding: 0px 4px; color: #A4C6F2;  margin-right: 2px;}
.abeceda a{ color: #2c75df; text-decoration: none; font-weight: bold;}
.abeceda a:hover{ color: black;}
.abeceda a span{ border-color: #b6d2f5; color: #2c75df}
.abeceda a.aktivni span {background:#ffddcc;color:#998822}
.obr-text {font-size:0.8em;text-align: right}
h2.nej { font-size: 2.1em;  margin: 0px;line-height: 1.2em; font-weight: normal;  }
h2.nej span { font-size: 0.8em;display:block;  margin:0px; margin-bottom:1.2em;line-height: 1.2em; font-weight: normal;  }

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: 2.5em;  margin: 1.8em 0 .6em 0; line-height: 1.2em; font-weight: normal;  }
.hlavni{ margin-top: 0; }
h2{ font-size: 1.5em;  margin: 1.8em 0 .6em 0;line-height: 1.2em; font-weight: normal;  }
h3{ font-size: 1.4em; margin: 1.4em 0 .6em 0; line-height: 1.2em; color: #267cd6; }
h4{ font-size: 1.2em;  margin: 1.8em 0 .6em 0; line-height: 1.2em; color: #267cd6; }


h4 a {letter-spacing:1px}
a{ color: #267cd6; }
a:hover{ color: #757575; }
input, textarea{ border: 1px solid #424242; padding: 5px; background: white url(../img/input.gif) repeat-x; }
input, textarea, select{ margin: 2px; }
input.btn, .btn{ background: #CB2C01 url(../img/m.png) repeat-x; border: 0; color: White; padding: 4px 10px; text-decoration: none; }
a.btn{ padding: 5px 10px; }
.btn:hover{ color: White; }
.novinka .text {line-height:1.4em !important}


#base{ margin: 0 auto; text-align: left; width: 997px; font-size: .75em; position: relative; line-height: 1.4em; }


#head{ height: 143px; background: transparent url(../img/ptop3.jpg) no-repeat; }
#head p{ color: black; background-color: transparent; font-size: 1.2em; position: relative; overflow: hidden; line-height: 1.2em; margin: 0 0 0 0; font-weight: bold;}
#head p span, #head p{ width: 325px; height: 143px; }
#head a{ color: black; background-color: transparent;text-decoration: none; }
#head p span{ position: absolute; cursor: pointer; top: 0; left: 0; background: transparent url(../img/plogo.gif) no-repeat; color: black; }

#main{ width: 997px; clear: both;  background: White url(../img/pmain3.gif) repeat-y; }
#main-in{ width: 979px; background: transparent url(../img/pmainin3.jpg) no-repeat 0 0;padding: 0 10px 0 8px; }
#left, #stred, #right{ float: left; display: inline; }
#left{ width: 164px; margin-left: -979px;  overflow: hidden;  padding: 8px 15px 5em 10px;  }
#stred{ margin-left: 204px; width: 569px; overflow: hidden; }
#right{ width: 172px; overflow: hidden;  padding: 84px 22px 10px 12px; position: relative; }
#plocha{ padding: 10px 20px; }

#pata{ clear: both; width: 997px; background: white url(../img/ppata2.gif) no-repeat; padding-top: 13px;   }
#pata p{ margin: 0; padding: 10px 15px 10px 35px; color: #6f6f6f; font-size: .9em; }
#pata a{text-decoration: none; color: #6f6f6f; }
#pata a span{ text-decoration: underline; }
.vpravo{ float: right; }

#menu{ width: auto; padding-top: 4px; border-bottom: 6px solid white; }
#menu ul{ clear: both; margin: 0; list-style-type: none; padding: 0; width: 980px; }
#menu li{width: auto; padding-right: 1px; float: left; line-height: 1.25em; }
#topmenu  a{text-decoration: none;  display: block; padding-left: 5px; width: auto; color: White;   background: transparent url(../img/ppm1.png) no-repeat 0 0;  }
#topmenu  span{ display: block; padding-right: 5px;  background: transparent url(../img/ppm2.png) no-repeat 100% 0; }
#topmenu  span span{ padding: 8px 5px 7px 5px;  background: transparent url(../img/ppm.png) repeat-x;}
#topmenu  a.aktivni{ background-image: url(../img/ppm4.png); color: Black;}
#topmenu  a.aktivni span{ background-image: url(../img/ppm3.png); }
#topmenu  a.aktivni span span{ background: #dbf2fe; color: Black; }

#menu .submenu{ width: 979px; background: #dbf2fe; clear: both; }
#menu .submenu a{ color: Black; text-decoration: none; display: block; background: #dbf2fe; padding: 9px 10px; }
#menu .submenu a.aktivni{ background-color: #267cd6; color: White; font-weight: bold; }
#menu .submenu li{ padding-right: 2px; background: #cfedff url(../img/m2.gif) repeat-y 100% 0; }
#menu .submenu2{ background-color: #267cd6; }
#menu .submenu2 li{ background: #267cd6; padding: 0; }
#menu .submenu2 a{ background-color: #267cd6; color: White; }
#menu a:hover{ text-decoration: underline; }

#nav{ position: absolute; left: 20px; top: 10px; font-size: .85em; z-index: 100; }
#nav a{ margin-right: 22px; text-decoration: none; color: #85c2e1; }
#nav a:hover{ text-decoration: underline; }

.search{border-top: 1px solid #fff0cf; background: #fdfeff url(../img/search.gif) repeat-x; height: 71px; position: absolute; left: 0; top: -6px; width: 206px; border-bottom: 9px solid white; }
.search input.pole{ border: 1px solid #575757; padding: 5px 10px; margin-right: 2px; width: 118px; }
.search input.btn{ border: 0; vertical-align: middle; background: transparent none;  color: White; padding: 0 0; width: 29px; height: 28px; margin: 0; }
.search fieldset{ padding: 22px 0 0 19px; }

#plocha ul{ margin-left: 1.2em; padding: 0; }
.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; }

.box{ margin-bottom: 25px; }
.box p .datums {font-weight:normal;color:#757575}
._box h2{ color: #a7262f; margin: 0 0 15px 0; font-size: 1.4em; font-weight: bold; }
._box h2.nej span{ font-weight: bold; color: Black; font-size: .7em; }

.box h2{ color: #757575; margin: 0 0 0 0; font-size: 2em; font-weight: normal; }
.box h2.nej span{ font-weight: normal; color: #757575; font-size: .8em; }

#right .box h2{ color: #757575; margin: 0 0 15px 0; font-size: 2em; font-weight: normal; }
#right .box{ padding-bottom: 5px; border-bottom: 1px solid #ededee; padding-left: 15px; }
#left .box {padding-bottom: 5px; border-bottom: 1px solid #EDEDEE;}

.iko{ margin-left: -4px; width: 180px; }
.iko img{ float: left; margin: 0 0 2px 2px;  }

.vice{ font-weight: bold; }
.datum{ color: #666666; }

div.potvrzeni{ width: 230px;  padding: 10px; z-index: 100; background-color: #CFEDFF; 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: 5px 0 10px 0; margin: 0; }

table.tab{ font-size: 1em;border: 1px solid white; border-collapse: collapse; margin: 12px 0; width: auto; line-height: 1.2em; }
table.tab th{  background: #CFEDFF;  padding: 7px 7px; font-weight: bold; font-size: 1.1em; text-align: center; border: 1px solid white; }
table.tab td{ border: 1px solid white; padding: 4px 7px; background: #E5F6FF; }
tr.sec td{ background-color: #EEF8FF;  }
.formik th{ padding: 6px 10px 2px 0; border: 0; vertical-align: top; }
.formik td{ padding: 2px 5px; border: 0;  }

.nlkomentar{ border: 1px solid #c8c8c8; background: #f3f3f3; padding: 7px 15px 7px 15px;  margin: 8px; min-height: 4.5em; }
.nlkomentar a{ color: #316091; }
.nlkomentar div div {text-align:right}
.tema{ margin: 0; background: #dbf2fe; border-color: #bcdef6; }
.tema a{ color: #267cd6; }
.tema a:hover{ color: black;}

.plnasirka, .trista{ width: 360px; }
#podclanek{ border-top: 3px solid #eeeeee; padding-bottom: 25px; margin-top: -10px; }
#podclanek p{ margin: 14px 20px; }
.it{ text-decoration: none; background: transparent url(../img/it.gif) no-repeat 0 2px; padding-left: 19px; }
.dc{ text-decoration: none; background: transparent url(../img/dc.gif) no-repeat 0 3px; padding-left: 19px; float: right; }
#podclanek h2{ margin: 0; border-top: 1px solid #dfdfdf; padding: 14px 20px 0 20px; font-weight: normal; }
#podclanek ul{ color: #afafaf; margin: 5px 0 5px 35px; padding: 0; }
#podclanek li{ padding: .1em 0; }
.abstr{ color: #535353; font-style: italic; }

.katalog{ table-layout: fixed; table-layout: fixed; width: 100%; margin: 0; }
.katalog td{  padding-left: 20px; vertical-align: top; }
.katalog td.tdleft{ border-right: 1px solid #e0e0e0; padding: 0 20px 0 0 ; }
.katalog h3{ font-family: Arial, Helvetica, sans-serif; margin: 0; font-size: 1.5em; font-weight: bold; }
.katalog p{ margin: 0 0 15px 0; line-height: 1.6em; color: #267cd6; }

  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;}
.lomic{ height: 0; }

.abcChar{
    background: #ADCEF0;
    padding: 2px;
    margin: 2px;
    /*border: 1px solid  #267CD6;*/
    border: 1px solid  gray;
    font-weight: bold;
}

.abcCharEmpty{
    background: #EAF6FD;
    color: gray;
    font-weight: normal;
}

.lit-text{  background: transparent url(../img/lit-text.jpg) no-repeat 0 100%; margin-left: 8px; width: 513px; padding: 2px 20px; margin-bottom:15px}
.lit-text p{ color: #003c7a; margin: 10px 0; }
.lit-text h2{ margin: 10px 0; }
.lit-text p.cit{ font-family: arial,sans-serif; font-size: 1.1em; line-height: 1.3em; margin: 0 0 0 2px; float: left; width: 483px; }
.uv1{ float: left; }
.uv2{ vertical-align: bottom; }
.lit-text a{ color: White; }

.den-cit{ background: transparent url(../img/den-cit.png) no-repeat; padding: 10px 5px 5px  15px; width: 165px; }
#right .den-cit h2{ color: White; margin: 0 0 12px 0; font-size: 1.7em; }
.den-cit p, .den-cit a{ color: #a7262f; }
.den-cit p.cit{ font-family: arial,sans-serif; font-size: 1.1em; line-height: 1.3em; margin: 0; }

.sharebox {margin:0px;margin-top:50px !important}
}