@media screen, projection, tv{
html,body{ background: #e5e5e5 url(../img/back.png) repeat-x;  margin: 0; padding: 0; }
html,body, input, textarea, select, table{ font-family: "Arial CE", "Helvetica CE", Arial,  helvetica, sans-serif; color: #1d1d1d; }
/*    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 Roman", "New York CE", "Times CE", Georgia, times, serif;
*/
body{ background: transparent url(../img/back2.png) no-repeat center 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.3em;  margin: 1.8em 0 .6em 0; line-height: 1.2em; color: #254488; font-weight: bold;  }
.hlavni{ color: Black; font-weight: normal; }
h2{ font-size: 1.2em;  margin: 1.8em 0 .6em 0;line-height: 1.2em;  color: #254488; font-weight: bold; }
h3{ font-size: 1.1em; margin: 1.8em 0 .6em 0; line-height: 1.2em; color: #254488; font-weight: bold;  }
h4{ font-size: 1em;  margin: 1.8em 0 .6em 0; line-height: 1.2em;  color: #254488; font-weight: bold;}
h1 a, h2 a, h3 a, h4 a{ text-decoration: none; }


a{ color: #2b509a; }
a:hover{ color: #E20025; }
input, textarea{ border: 1px solid #7e9dba; padding: 2px; }
input, textarea, select{ margin: 2px; }
input.btn, .btn{ text-decoration: none; border: 0; color: White; font-weight: bold; background: #254488 url(../img/btn.gif) repeat-x; padding: 4px 7px; }
.part h3, h1.hlavni{ font-family: "Tahoma CE", Tahoma,"Arial CE", "Helvetica CE",  Arial, "Lucida Grande CE", lucida, sans-serif; font-weight: normal; }

.tabulka  {border: 1px solid #9E9A9A;}
.tabulka TH  {padding: 2px 2px 2px 3px; text-align: left; font-weight: bold; color:#00447A; border: 1px solid #4C4C4C; border-top: none; border-left: none; border-bottom-width: 2px; font-size: 9pt;}
.tabulka TD  {padding: 2px 2px 2px 3px; text-align: left; color:#4C4C4C; border: 1px solid #4C4C4C; border-top: none; border-left: none; font-size: 9pt;}


.tabulka-skol TH  {padding: 2px 2px 2px 3px; text-align: left; font-weight: bold; color:#00447A; border: 1px solid #4C4C4C; border-top: none; border-left: none; border-bottom-width: 2px; font-size: 9pt;}
.tabulka-skol TD  {padding: 2px 2px 2px 3px; text-align: left; color:#4C4C4C; border: 1px solid #4C4C4C; border-top: none; border-left: none; font-size: 9pt;}



#base{ margin: 0 auto; text-align: left; width: 996px; font-size: .8em; position: relative; line-height: 1.4em; }
#head{ height: 197px;  padding-top: 49px; }
#head-in{ background: transparent url(../img/top2.jpg) no-repeat 8px 0; height: 196px;}
#head p{ color: black; background-color: transparent; font-size: 1.2em; position: relative; overflow: hidden; line-height: 1.2em; margin: 0 0 0 7px; font-weight: bold; float: left;;}
#head p span, #head p{ width: 304px; height: 144px; }
#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/logo2.png) no-repeat; color: black; }
#head img{ float: right; margin-right: 7px; }

#main{ width: 996px; clear: both; background: transparent url(../img/main2.png) repeat-y; }
#main-in{ background: transparent url(../img/main1.png) no-repeat; width: 963px; min-height: 270px; padding: 73px 8px 15px 25px; }

#left, #stred, #right{ float: left; display: inline;  }
#left{ width: 193px; margin-left: -963px;  padding-bottom: 15px;}
#stred{ margin-left: 193px; width: 508px; overflow: hidden; }
#right{ width: 262px; overflow: hidden; background: transparent url(../img/r.png) repeat-y 100% 0; margin-bottom: 15px; }
#plocha{ padding: 0 0 10px 16px; }
#right-in{ background: transparent url(../img/r2.png) no-repeat 100% 100%; width: 215px; padding: 0 16px 20px 31px; min-height: 270px; }

#pata{ clear: both; width: 996px; background: transparent url(../img/pata.png) no-repeat; padding: 18px 0 5px 0; }
#pata p{ margin: 0; color: Black; padding: 7px 40px; font-size: .85em; }
#pata a{ }
#pata a span{ text-decoration: underline; }
.vpravo{ float: right; }


#zalm{ background: transparent url(../img/zal1.png) no-repeat; width: 193px; height: 45px; }
#zalm span{ float: left; display: inline; margin-right: 1px; width: 93px; text-transform: uppercase; background: transparent url(../img/zal2.png) no-repeat 0 0; cursor: pointer; font-size: .95em; font-weight: bold; padding-top: 12px; height: 22px; text-align: center; color: Black;  }
#zalm span.akt{ color: #E20025; cursor: default; background-position: 0 -34px; }
/*#zalm span.z2{ background-image: url(../img/zal3.png); width: 64px; }*/

.menu{ padding-bottom: 7px; background: transparent url(../img/spodek.png) no-repeat 0 100%; margin-bottom: 15px; }
.menu-in{ width: auto; border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; background: #f2f2f2; width: 191px; }
.menu ul{ margin: 0; list-style-type: none; padding: 0;background: #f2f2f2;}
.menu li{width: auto; padding-top: 2px; background: transparent url(../img/m2.png) repeat-x; margin: 0 7px;   }
.menu a{text-decoration: none; padding:6px 0 6px 22px;  display: block; width: auto; font-weight: bold; color: #535353; background: #f2f2f2 url(../img/m.png) no-repeat 5px 11px; width: 154px; }

.menu li{ position: relative; behavior: url(/styly/hover.htc); }
.menu .first{ background-image: none; padding: 0; }
.menu a:hover, .menu li:hover a, .menu li.hover a, .menu a.aktivni{ color: #e20025; }
.menu ul ul{ display: none; position: absolute; top: 0; left: 177px; z-index: 5000; border: 0;border: 1px solid #cbcbcb; border-left: 0; }
.menu ul ul a{   padding-left: 10px; padding-right: 10px; background-image: none; font-weight: normal; }
.menu ul ul li{  width: auto; margin: 0; border-left: 1px solid #cbcbcb; padding: 0;}
.menu li:hover ul, .menu li.hover ul{ display: block; }
.menu ul ul a:hover{ text-decoration: underline;  }
.menu ul ul .first{ padding-top: 1px; border-left: 1px solid #f2f2f2; }

#nav{ width: auto; position: absolute; left: 0; top: 203px; background: transparent url(../img/nav.png) no-repeat; width: 996px; height: 43px; z-index: 50;  }
#nav ul{ margin: 0; list-style-type: none; padding: 0 0 0 9px; width: 735px; }
#nav li{width: auto; float: left; padding-left: 2px; background: transparent url(../img/nav2.png) no-repeat;  }
#nav a{text-decoration: none;  display: block; width: auto; color: White; text-transform: uppercase; padding: 15px 10px; line-height: 1.3em;  }
#nav li.first{ padding-left: 0; background-image: none; }

#nav li{ position: relative; behavior: url(/styly/hover.htc); }
#nav a:hover, #nav li:hover a, #nav li.hover a, #nav a.aktivni{ text-decoration: underline; }
#nav ul ul{ display: none; position: absolute; top: 40px; left: -10px; z-index: 5000; border: 0; border-left: 0; width: auto; }
#nav ul ul a{ padding: 5px 14px; background-image: none; font-weight: normal; background: #244487; font-size: .9em; text-transform: none; width: 150px; border-bottom: 1px solid #3458a0; }
#nav ul ul li{  float: none; padding: 0; background-image: none;}
#nav li:hover ul, #nav li.hover ul{ display: block; }
#nav ul ul a:hover{ text-decoration: underline; color: #E20025;  }
#nav ul ul .first{ padding-top: 1px; }

#mutace{ position: absolute; right: 20px; top: 18px; font-size: .85em; color: White; line-height: 1.25em; }
#mutace a{ margin-left: 10px; color: White; }

.search{ position: absolute; top: 212px; right: 24px; text-align: right; width: 218px; z-index: 100; }
.search input.pole{ border: 0; margin: 0 5px 0 0; width: 148px; background: transparent none; padding: 5px 0;}
.search input.btn{ border: 0; vertical-align: middle; height: 1.85em; background: transparent none; color: White; padding: 3px 0; width: 32px; font-weight: normal; margin: 0; }


#plocha ul{ margin-left: 1.2em; padding: 0; }
#plocha ul{ list-style-type: none; }
#plocha ul li{ list-style-type: none; background: transparent url(../img/li.gif) no-repeat 0 .7em; padding: .2em 0 .2em 12px; }
#plocha p{ text-align: justify; }


.normy_obsah{ float: right; width: 180px;  margin: 30px 0 5px 25px; background: transparent url(/img/boxx1.png) no-repeat 0 0; padding-top: 13px; }
.normy_obsah .in{ background: transparent url(/img/boxx2.png) no-repeat 0 100%; padding-bottom: 13px;}
.normy_obsah .in2{ padding: 0 10px; width: 158px; background: #f9f9f9; border: 1px solid #cecece; border-top: 0; border-bottom: 0;  }
#plocha .normy_obsah li{ background: transparent url(../img/m.png) no-repeat 1px 9px; padding-left: 14px; }
#plocha .normy_obsah ul{ margin: 0; padding: 0; }

div.potvrzeni{ width: 230px;  padding: 10px; z-index: 100; background-color: #ECECEC; 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; }
div.potvrzeni 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 #f9f9f9; border-collapse: collapse; margin: 12px 0; width: auto; line-height: 1.2em; font-size: .9em; }
table.tab th{ color: #3e475a; background-color: #c6cddb; padding: 4px 7px; font-weight: bold; text-align: left; border: 0e;  border-bottom: 1px solid #f9f9f9;}
table.tab td{ border: 0 solid white; padding: 4px 7px; background: #e9ebf0; border-bottom: 1px solid #f9f9f9; }
tr.sec td{ background-color: #dfe2e8;  }
.formik th{ padding: 6px 10px 2px 0; border: 0; vertical-align: top; }
.formik td{ padding: 2px 5px; border: 0;  }

#right h2{ color: White; background: white url(../img/rh2.png) no-repeat; margin: 0; padding: 14px 10px 6px 15px; font-size: 1.1em; height: 29px; }
#right h2 a { text-decoration: none; color: White; }
#right h2 a:hover{ text-decoration: none; }
.box-in{ border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; background: #e9e9e9 url(../img/boxin.png) repeat-x; font-size: .95em; padding: 1px 17px; }
.box{ padding-bottom: 8px; background: transparent url(../img/spodek2.png) no-repeat 0 100%; margin-bottom: 15px; }
.box p{ margin: 8px 0; }

.ref h3{ color: #2b509a;}
.ref img{ float: right; margin: 5px 0 5px 15px; }
.ref{ border-bottom: 1px solid #cecece; padding-bottom: 5px; margin-bottom: 15px; }



.plnasirka{ width: 320px; }

.link{ margin: 15px 0; width: 145px; height: 42px; background: transparent url(../img/link1.png) no-repeat; padding: 5px 0px 5px 0; padding-left: 70px; }
.link a{ font-weight: bold; color: Black; display: table-cell; vertical-align: middle;  height: 42px; text-decoration: none;  font-size: 1.2em; }
.link2{ background-image: url(../img/link2.png); }
.link3{ background-image: url(../img/link3.png); }

.part{ width: 946px; height: 60px; background: transparent url(../img/part2.png) no-repeat;  }
.part h3{ float: left; color: #414141; font-weight: normal; font-size: 1.5em; margin: 0; width: 140px; text-align: center; padding-top: 17px; padding-right: 13px;  }
.part table{ width: 780px; margin-left: 0; table-layout: fixed; }
.part td{ text-align: center; vertical-align: middle; height: 60px; }
.part img{ display: block; margin: 0 auto; }


.blok{ background: transparent url(../img/blok2.png) no-repeat 0 100%; padding-bottom: 8px; }
.blok .blokx{ background: #e9e9e9 url(../img/blok.png) repeat-y; }
.blok .blokxx{ background: transparent url(../img/blok1.png) no-repeat; padding: 10px; min-height: 100px;}
.blok h1.hlavni{ border-bottom: 1px solid #cbd5d7; margin: 0; padding: 0 10px 10px 10px; }
.blok p, .blok h2, .blok h3, .blok h4{ margin-left: 10px; margin-right: 10px; margin-bottom: 0; }

.obsah{ background: transparent url(../img/obsah2.png) no-repeat 0 100%; padding-bottom: 8px; }
.obsah .obsahx{ background: #f9f9f9 url(../img/blok.png) repeat-y; }
.obsah .obsahxx{ background: transparent url(../img/obsah1.png) no-repeat; padding: 10px 20px; min-height: 100px;}
.obsah h1.hlavni{ border-bottom: 1px solid #cbd5d7; margin: 0; padding: 0 20px 10px 20px; margin-left: -20px; width: 452px; }
.obsah form{ border: 1px solid #cecece; padding: 10px; margin: 1em 0; }

#drobky{ z-index: 10; position: absolute; left: 36px; top: 264px; line-height: 1.25em; }
#drobky a, #drobky span{ border-left: 1px solid #acacac; padding: 3px 13px; font-weight: bold; text-decoration: none;}

#drobky_login{ z-index: 10; position: absolute; left: 771px; top: 264px; line-height: 1.25em; }
#drobky_login a, #drobky_login span{ padding: 3px 13px; font-weight: bold; text-decoration: none;}

.rozcestnik{font-weight: bold; background-image: none; }

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

.li-header {color: #254488; font-weight: bold;}

.prcqs{ width: 193px; height: 67px; background: transparent url(/img/partneri2.png); text-decoration: none; color: Black; color: black; font-weight: normal; font-size: 1.5em;  display: block; line-height: 1.25em; }
.prcqs span{ display: block; padding: 20px 0 0 15px; line-height: 1.25em; }

}