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


hr{ height: 1px; color: #e8e8e8; background: #e8e8e8; clear: both; margin: 0; padding: 0; border: 0; }
address{ font-style: normal; display: block; margin: .5em 0; }
.hlavni{ margin-top: 0; text-transform: uppercase; }
h1{ font-size: 2.1em;  margin: 1.8em 0 .6em 0; line-height: 1.2em;  }
h2{ font-size: 1.4em;  margin: 1.8em 0 .6em 0;line-height: 1.2em; color: #808080; }
h3{ font-size: 1.3em; margin: 1.8em 0 .6em 0; line-height: 1.2em;  color: #808080; }
h4{ font-size: 1.2em;  margin: 1.8em 0 .6em 0; line-height: 1.2em; color: #808080;  }
a{color: Black;  }
a:hover{ color: #A31D27; }
input, textarea, select{ border: 1px solid #cccbcc; background: #cccbcc; padding: 2px 10px;color: #808080; }
input, textarea, select{ margin: 2px; }
input.btn, .btn{ text-decoration: none; padding: 2px 20px; background: #a8191b; color: White; border: 0; line-height: 1.25em; }
.btnWhite{ background: White none;color: #A31D27;   }
h1 a, h2 a, h3 a{ text-decoration: none; }
p{ margin: 20px 0 ; }

#base{ margin: 0 auto; text-align: left; width: 997px; font-size: .75em; position: relative; line-height: 1.4em; }
#head{ height: 145px; background: White; margin-bottom: 25px;}
#head p{ color: black; background-color: white; 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: 366px; height: 109px; }
#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.png) no-repeat; color: black; }

#main{ width: 961px; clear: both; background: White;   padding: 19px; padding-bottom: 0; }
#left, .stred, .r-col{ float: left; display: inline;  }
#left{ width: 208px; margin-left: -997px;}
.stred{ width: 640px; overflow: hidden; min-height: 50px; }
.r-col{ width: 190px; overflow: hidden; width: 300px; padding-left: 19px; }
.r-col-in{ width: 268px; padding: 0 16px;  margin-bottom: 19px;  }
#eventsZalozkyObsah div { background-color: white; }
#plocha{ padding: 0; }
.fullwidth{ width: 961px; clear: both;  }

#pata{ clear: both; width: 979px; padding: 10px 10px 5px 10px; background: white url(../img/cara.png) repeat-x; margin: 0; }
#pata p{ margin: 0; padding: 0; }
#pata a{  color: Black;text-decoration: none;}
#pata ul{ margin: 0; list-style-type: none; padding: 0; width: 500px;}
#pata li{width: auto; float: left; border-left: 1px solid black;  }
#pata li.first{ border: 0; }
#pata ul a{text-decoration: none;  display: block; width: auto; color: Black; line-height: 1.2em; padding: 0 4px; font-size: 1em; }
#pata a span{ text-decoration: underline; }
.vpravo{ float: right; width: 450px; text-align: right; }

#menu{ width: auto; position: absolute; left: 18px; top: 116px; width: 789px; }
#menu ul{ margin: 0; list-style-type: none; padding: 0;}
#menu li{width: auto; float: left; border-left: 1px solid black;  }
#menu a{text-decoration: none;  display: block; width: auto; color: Black; line-height: 1.2em; padding: 0 4px; font-size: 1em; }
#menu-r{ float: right; }
#menu li.first{ border: 0; }


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

#nav{ width: auto; position: absolute; right: 0; top: 0;}
#nav ul{ margin: 0; list-style-type: none; padding: 0; }
#nav li{width: auto;  }
#nav a{text-decoration: none;  display: block; width: auto; }

#mutace{ position: absolute; left: 0; top: 0; }

.search{ position: absolute; top: 110px; right: 19px; text-align: right; width: 300px; }
.search input.pole{ border: 0; padding: 3px 11px; margin-right: 2px; width: 168px; background: #cccbcc; color: #808080; width: 130px;     }
.search input.btn{ border: 1px solid #053765; vertical-align: middle; height: 1.85em; background: #0E5190 url(../img/btn.gif) repeat-x; color: White; padding: 0 7px; }


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


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 white; 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: 1px solid white; }
table.tab td{ border: 1px solid white; padding: 4px 7px; background: transparent; }
tr.sec td{ background-color: #DFEEFF;  }
.formik th{ padding: 3px 10px 1px 0; border: 0; vertical-align: top; text-align: left; color: #808080; font-size: 1.2em; font-weight: normal; width: 30%;  }
.formik td{ padding: 1px 5px; border: 0;  }

.plnasirka{ width: 350px; }

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

#rozcestnik{ position: absolute; left: 0; top: 18px; left: 827px; }
#rozcestnik ul{ margin: 0; padding: 0; list-style-type: none; }
#rozcestnik a{ color: Black; text-decoration: none; padding: 0 3px;  }
#rozcestnik li{ padding: 2px 0; }
#rozcestnik a.aktivni, #rozcestnik a:hover{ background: Black; color: White; }
#casopis{ position: absolute; top: 10px; right: 190px;; }

.hpimg{ width: 640px; height: 426px; overflow: hidden; position: relative; }
#hprotace{ width: 640px; overflow: hidden; position: relative; }

.minigal{ float: right; width: 174px; height: 137px; margin: 15px 0 0 20px; padding: 0px; }
.minigal a{ text-decoration: none; display: block; width: 82px; height: 54px; float: left; margin: 3px 0 0 3px; padding: 0; border: solid transparent 1px; overflow: hidden; }
.minigal a:hover{ text-decoration: none; }
.minigal a.activeSlide{ border: solid black 1px; }
.minigal img{ border: none; margin: 0; padding: 0; width: 82px; height: 54px; }

.cara{ padding-top: 19px; background: transparent url(../img/cara.png) repeat-x; padding-bottom: 19px; }
.no-cara{ background: transparent none !IMPORTANT; padding-top: 0px !IMPORTANT; }

.pic{  overflow: hidden; display: block; }
.pic span{ display: table-cell; vertical-align: middle; text-align: center; background: transparent; }
.pic img{ margin: 0 auto; display: block; }
#hpimg .pic, #hpimg .pic span{ width: 640px; height: 426px;}

.article .pic span, .topImg .pic span, .article .pic, .topImg .pic{ width: 184px; height: 122px; }
.img-articles{ margin-left: -10px; width: 971px; }
.img-articles .article{ width: 184px; float: left; margin-left: 10px; padding-bottom: 19px; }
.img-articles .article p{ margin: 7px 0 0 0; }
  
.kategorie{ padding-top: 12px; background: transparent url(../img/cara.png) repeat-x; padding-bottom: 12px;}
.h2 span{ color: #808080; font-size: .9em; padding-left: 20px;line-height: 1.25em; }
.h2 span a{ color: #808080; text-decoration: none; padding: 0 4px; }
.r-col .h2 span{ color: #808080; font-size: .9em; padding-left: 5px;line-height: 1.25em; }
.gray{ color: #808080 !important; }
.h2{ padding-bottom: 10px; }
.firstArticle img{ float: left; margin: 0 15px 5px 0; }
.firstArticle h3{ font-weight: normal; font-size: 1.2em; color: Black; margin: 0; }
.kategorie a{ color: Black; text-decoration: none; }
.firstArticle p{ color: #808080; font-size: .9em; margin: 0; line-height: 1.25em;}
.kategorie ul{ margin: 10px 0 0 13px; font-size: .85em; line-height: 1.25em; clear: left; }
.r-col .kategorie{ background-image: url(../img/cara2.png); }
.r-col .kategorie a, .r-col .kategorie h3{  color: white;  }

.r-col .calend{ background-image: none; }
.calend img{ float: right; margin: 0 0 5px 15px; }
.calend ul{ clear: right; }
.kategorie .anketa { margin: 5px 0 0 0; padding: 0; list-style-type: none; }
.anketa label{ font-weight: bold; text-decoration: underline; display: block; color: White; font-size: 1.2em; }
.anketa img{ vertical-align: middle; margin: 0 5px;  background: #706e6f; }
.anketa li{ font-size: .9em; padding: 3px 0;color: #808080; }
.anketa input{ margin: 0; padding: 0; }

.Banner{ padding-bottom: 19px; }
.bannner-r{ display: block; margin-bottom: 19px; }
.bannner-r img{ display: block; }

.topImg{ float: right; width: 184px; background: #b3b2b3; margin: 0 0 0 20px; }
.topImg p{ margin: 3px 5px; line-height: 1.25em; }

.black{ background: Black;  color: White;}
.black .btn{ color: Black !important ; }
.black .h2 span a{ color: #808080; }

.boardomat{ background: #a31d27; padding: 15px; margin: 19px 0; }
.boardomat h2, .boardomat p{ color: White; margin: 0; }
.boardomat img{ margin-top: 15px; display: block; }

.video{ padding-bottom: 9px; }
.video td{ background: #b3b2b3; }
.video .pic, .video .pic span{ width: 450px;  padding: 0; margin: 0;}
.video .h2{ padding-bottom: 0;}
.video table{ table-layout: fixed; width: 640px; margin-left: -10px;}
.video .firstVideo{ width: 450px; }
.video td{ width: 180px; vertical-align: top; }
.video td img{ float: left; margin-right: 10px; }
.video .firstVideo img{ float: none; margin-right: 0; }
.video td p{ font-size: .85em; line-height: 1.2em; margin-left: 92px; margin: 0; padding: 2px 0; }
.video .firstVideo p{ margin: 0; padding: 0; }
.video .firstArticle{ padding: 6px 10px; }

.bm{ list-style-type: none; margin: 0; padding: 0; }
.bm table { font-size: 1.2em; font-family: inherit; }
.bm li{ float: left; }
.bm span{ display: block; cursor: pointer; border-right: 1px solid black; font-size: 14px !IMPORTANT; padding: 2px 5px;}
.bm span.aktivni{  background: Black; color: White; }
.events{ margin: 0 0 19px 0; }
.events td{ padding: 0 5px 0 5px; font-size: .9em; }
.events td.dat{ padding-top: 10px; }
.txtBtn{ background: Black; color: White !important ; padding: 2px 5px; text-transform: uppercase; font-size: .9em; text-decoration: none; font-weight: bold; line-height: 1.25em; }
.txtBtn:hover{ color: White; }

.hpimgGal{ background: #808080; padding: 5px 10px 10px 20px; font-size: .9em; line-height: 1.25em; text-align: center; margin-bottom: 10px; }
.hpimgGal img{ vertical-align: middle; margin: 0 30px; }
.hpimgGal p{ margin: 4px 0 15px 0; }
.hpimgGal span{ width: 190px;  text-align: left; }
.hpimgGal span img{ margin: 0 15px 0 0; }

.infoBar{ padding-top: 15px; background: transparent url(../img/cara.png) repeat-x; padding-bottom: 15px; }
.infoBar span{ color: #808080; font-size: .9em; padding-left: 20px;line-height: 1.25em; float: right; }
.infoBar img{ vertical-align: middle; margin: 0 10px 0 0; }
.text{ font-size: 1.1em; padding-top: 2px; background: transparent url(../img/cara.png) repeat-x; }
.anotace{ font-weight: bold; font-size: 1.2em; line-height: 1.3em; }


.h2 span{ color: #808080;font-size: 1.3em; padding-left: 20px;line-height: 1.25em; }
.kategorie .h2 span{ font-size: .9em; } 
.h2 span a{ color: #808080; text-decoration: none; }
.h2 h1{ color: #808080; }
.h2 span a.aktivni, a.aktivni:hover{ background: Black; color: White; }

.h2{ padding-bottom: 10px; }
.polozka img{ float: left; margin: 0 15px 5px 0; }
.polozka h3{ font-weight: normal; font-size: 1.2em; color: Black; margin: 0 0 0 97px; }
.polozka a{ color: Black; text-decoration: none; }
.polozka p{ color: #808080; font-size: .9em; margin: 0 0 5px 97px; line-height: 1.25em;}
.polozka{ padding-bottom: 19px; }
.navig a{ text-decoration: none; }
.navig span{ display: block; padding: 0 0 2px 0; }
.edit{ float: right; text-align: right; }

.login p{ margin: 0 0 8px 0; }
.login .pole{ width: 241px; }
.inputsirka{ width: 300px; }

.kalendar{ width: 273px; padding-right: 11px;padding-top: 12px; padding-bottom: 19px;  }
.kalendar table{ margin-left: -5px; width: 273px; table-layout: fixed; }
.kalendar td{ background: #666666; color: White; font-size: .9em; padding: 3px 0; text-align: center;  }
.kalendar td a{ color: white; padding: 0 2px; text-decoration: none; }
.kalendar th{ background: Black; color: #666666; text-align: center;  padding: 3px 0;font-size: .9em;} 
.kalendar p{ padding-right: 5px; margin-top: 10px; margin-bottom: 0; }
.kalendar td.nic{ background: Black; color: #666666; }
.sip{ display: block; padding: 2px 5px;  cursor: pointer; font-weight: bold; }
.kalendar td.tmesic{ font-weight: bold; text-transform: uppercase; font-size: 1em; text-align: center; width: auto; }
.kalendar td.tdaktiv{ background: #a21c26; }
.kalendar td.tdneaktivdnesek{ text-decoration: underline; }

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

}

.search input.gsc-input {border-color: #c0c0c0; width: 140px;}
.search td.gsc-clear-button {display: none;}
.search input.gsc-search-button {display: none;}
.search td.gsc-branding-text, .search td.gsc-branding-img {display: none;}

.gsc-control-cse {font-family: Arial, sans-serif; border-color: #FFFFFF; background-color: #FFFFFF;}
input.gsc-input {border-color: #c0c0c0;}
input.gsc-search-button {border-color: #666666; background-color: #CECECE;}
.gsc-tabHeader.gsc-tabhInactive {border-color: #E9E9E9; background-color: #E9E9E9;}
.gsc-tabHeader.gsc-tabhActive {border-top-color: #FF9900; border-left-color: #E9E9E9; border-right-color: #E9E9E9; background-color: #FFFFFF;}
.gsc-tabsArea {border-color: #E9E9E9;}
.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {border-color: #FFFFFF; background-color: #FFFFFF;}
.gsc-webResult.gsc-result:hover, .gsc-imageResult:hover {border-color: #FFFFFF; background-color: #FFFFFF;}
.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b {color: #000000;}
.gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b {color:#000000;}
.gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b {color: #000000;}
.gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b, .gs-imageResult a.gs-title:active, .gs-imageResult a.gs-title:active b {color: #000000;}
.gsc-cursor-page {color: #000000;}
a.gsc-trailing-more-results:link {color: #000000;}
.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet {color: #000000;}
.gs-webResult div.gs-visibleUrl,.gs-imageResult div.gs-visibleUrl {color: #999999;}
.gs-webResult div.gs-visibleUrl-short {color: #999999;}
.gs-webResult div.gs-visibleUrl-short {display: none;}
.gs-webResult div.gs-visibleUrl-long {display: block;}
.gsc-cursor-box {border-color: #FFFFFF;}
.gsc-results .gsc-cursor-box .gsc-cursor-page {border-color: #E9E9E9; background-color: #FFFFFF; color: #000000;}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {border-color: #FF9900; background-color: #FFFFFF; color: #000000;}
.gs-promotion {border-color: #336699; background-color: #FFFFFF;}
.gs-promotion a.gs-title:link, .gs-promotion a.gs-title:link *, .gs-promotion .gs-snippet a:link {color: #0000CC;}
.gs-promotion a.gs-title:visited, .gs-promotion a.gs-title:visited *, .gs-promotion .gs-snippet a:visited {color: #0000CC;}
.gs-promotion a.gs-title:hover, .gs-promotion a.gs-title:hover *, .gs-promotion .gs-snippet a:hover {color: #0000CC;}
.gs-promotion a.gs-title:active, .gs-promotion a.gs-title:active *, .gs-promotion .gs-snippet a:active {color: #0000CC;}
.gs-promotion .gs-snippet, .gs-promotion .gs-title .gs-promotion-title-right, .gs-promotion .gs-title .gs-promotion-title-right *  {color: #000000;}
.gs-promotion .gs-visibleUrl, .gs-promotion .gs-visibleUrl-short {color: #008000;}