@media screen, projection, tv{
html,body{ background: #bbe6fc 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; 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;
*/
.obr-text {font-size:0.8em;text-align:right;}
.obr-left .obr-text {padding-right:10px}

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: bold;  }
.hlavni{ margin-top: 0; }
h2{ font-size: 2.1em;  margin: 1.2em 0 .6em 0;line-height: 1.2em; font-weight: normal;  }

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

h3{ font-size: 1.4em; margin: 1.4em 0 .6em 0; line-height: 1.2em; color: #ff4a19; }
h4{ font-size: 1.2em;  margin: 1.8em 0 .6em 0; line-height: 1.2em; color: #ff4a19; }
a{ color: #ff3000; }
a:hover{ color: Black; }
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; }

h2,h3{ font-family: "Arial CE", "Helvetica CE", Arial,  helvetica, sans-serif; clear:both}

#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/top.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: 290px; 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/logo.jpg) no-repeat; color: black; }

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

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

#menu{ width: auto; padding-top: 9px; 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/m1.png) no-repeat 0 0;  }
#topmenu  span{ display: block; padding-right: 5px;  background: transparent url(../img/m2.png) no-repeat 100% 0; }
#topmenu  span span{ padding: 8px 5px 7px 5px;  background: transparent url(../img/m.png) repeat-x;}
#topmenu  a.active{ background-image: url(../img/m4.png); color: Black;}
#topmenu  a.active span{ background-image: url(../img/m3.png); }
#topmenu  a.active span span{ background: #cfedff; color: Black; }

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

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

.search{border-top: 1px solid #fff0cf; background: #fdfeff url(../img/search.jpg) 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: 4px 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 14px; }


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

.leftmenu h2{ color: #757575; margin: 0 0 15px 0; font-size: 2em; font-weight: normal; }
.leftmenu  li{ list-style-type: none; background: transparent url(../img/li.gif) no-repeat 0 .7em; padding: .2em 0 .2em 12px; }
.leftmenu {margin:0px;margin-top:15px;margin-bottom:20px}

.box{ margin-bottom: 25px; }
.box h2{ color: #757575; margin: 0 0 15px 0; font-size: 2em; font-weight: normal; }
.box p .datums {color:#757575; font-weight:normal}
#right .box{ padding-bottom: 5px; border-bottom: 1px solid #ededee; }
#left .box{ padding-bottom: 5px; border-bottom: 1px solid #ededee; }
#right .little, #left .little {font-size: 8pt;}
.iko td{ font-size: .8em; padding: 0  4px 10px 0; line-height: 1.2em; }
.iko img{ display: block;   }
.anketa{ padding-left: 13px; padding-right: 8px; }

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


.citat{ float: left; border: 1px solid #feddcb; background: #feecd6; padding: 7px 15px 0 15px; width: 242px; margin-right: 8px; min-height: 4.5em; display: inline; }
.tema{ margin: 0; background: #e1f2fc; border-color: #b6d2f5; }
.tema a{ color: #2c75df; }
.tema a:hover{ color: black;}
.citaty{ padding: 0 0  0 7px; margin-bottom: 5px; }

.plnasirka, .trista{ width: 360px; }
#podclanek{ border-top: 3px solid #f6f6f6; 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 #afafaf; 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;border-bottom: 1px solid #e0e0e0 }
.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; }
.kataloga {margin-bottom:20px} 
.kataloga h3 {text-transform:uppercase;margin-top:20px}
.kataloga h3 span {font-size:13px; color: #000000; font-weight:normal}
.uppa {text-transform:uppercase}
.katalog p{ margin: 0 0 15px 0; line-height: 1.6em; color: #ff3f0b; }
.cara_delitko {border-bottom: 1px solid #e0e0e0;height:1px;display:block;margin:5px;margin-left:0px;margin-right:0px;overflow:hidden;}
  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; }

.vyhledavacOO {width: 225px; float: right;margin-bottom:20px}
.vyhledavacOO input[type=text] {padding-top:3px;padding-bottom:2px}
.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}
.otazky_seznam li {margin-top:0px;margin-tp:10px}
.otazky_seznam ul {margin-top:0px;margin-bottom:0px}
.otazky_seznam ul li {margin-left:15px;margin-bottom:4px;margin-top:0px}
.leftmenu li {margin-left:0px;list-style-position:inside}
.leftmenu ul {margin:0px}
.leftmenu ul ul {margin:0px;margin-left:10px}
.leftmenu a.aktivni {font-weight:bold}
.sharebox {clear:both;margin:0px;padding:0px;padding-top:10px}
}

/* Example tokeninput style #1: Token vertical list*/
ul.token-input-list {
  overflow: hidden;
  height: auto !important;
  height: 1%;
  width: 400px;
  border: 1px solid #999;
  cursor: text;
  font-size: 12px;
  z-index: 999;
  margin: 0;
  padding: 0;
  background-color: #fff;
  list-style-type: none;
  clear: left;
}

ul.token-input-list li {
  list-style-type: none !important;
  background:none !important;
  padding:none !important;
}

ul.token-input-list li input {
  border: 0;
  width: 350px;
  padding: 3px 8px;
  background-color: white;
  -webkit-appearance: caret;
}

li.token-input-token {
  overflow: hidden;
  height: auto !important;
  height: 1%;
  margin: 3px;
  padding: 3px 5px;
  background-color: #d0efa0;
  color: #000;
  font-weight: bold;
  cursor: default;
  display: block;
}

li.token-input-token p {
  float: left;
  padding: 0;
  margin: 0;
}

li.token-input-token span {
  float: right;
  color: #777;
  cursor: pointer;
}

li.token-input-selected-token {
  background-color: #08844e;
  color: #fff;
}

li.token-input-selected-token span {
  color: #bbb;
}

div.token-input-dropdown {
  position: absolute;
  width: 400px;
  background-color: #fff;
  overflow: hidden;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  cursor: default;
  font-size: 12px;
  z-index: 1;
}

div.token-input-dropdown p {
  margin: 0;
  padding: 5px;
  font-weight: bold;
  color: #777;
}

div.token-input-dropdown ul {
  margin: 0;
  padding: 0;
}

div.token-input-dropdown ul li {
  background-color: #fff;
  padding: 3px;
  list-style-type: none;
}

div.token-input-dropdown ul li.token-input-dropdown-item {
  background-color: #fafafa;
}

div.token-input-dropdown ul li.token-input-dropdown-item2 {
  background-color: #fff;
}

div.token-input-dropdown ul li em {
  font-weight: bold;
  font-style: normal;
}

div.token-input-dropdown ul li.token-input-selected-dropdown-item {
  background-color: #d0efa0;
}
#token-input-q {background:none !important}



/* Example tokeninput style #2: Facebook style */
#plocha ul.token-input-list-facebook {
  overflow: hidden;
  height: auto !important;
  height: 1%;
  width: 400px;
  border: 1px solid #8496ba;
  cursor: text;
  font-size: 12px;
  font-family: Verdana;
  min-height: 1px;
  z-index: 999;
  margin: 0;
  padding: 0;
  background-color: #fff !important;
  list-style-type: none !important;
  clear: left;
}

ul.token-input-list-facebook li input {
  border: 0;
  width: 100px;
  padding: 3px 8px;
  background-color: white;
  margin: 2px 0;
  -webkit-appearance: caret;
}

#plocha li.token-input-token-facebook {
  overflow: hidden;
  height: auto !important;
  height: 15px;
  margin: 3px;
  padding: 1px 3px;
  background-image:none !important;
  background-color: #eff2f7;
  color: #000;
  cursor: default;
  border: 1px solid #ccd5e4;
  font-size: 11px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float: left;
  white-space: nowrap;
}

li.token-input-token-facebook p {
  display: inline;
  padding: 0;
  margin: 0;
}

li.token-input-token-facebook span {
  color: #a6b3cf;
  margin-left: 5px;
  font-weight: bold;
  cursor: pointer;
}

li.token-input-selected-token-facebook {
  background-color: #5670a6;
  border: 1px solid #3b5998;
  color: #fff;
}

li.token-input-input-token-facebook {
  float: left;
  margin: 0;
  padding: 0;
  background-image:none !important;
  list-style-type: none;
}

div.token-input-dropdown-facebook {
  position: absolute;
  width: 400px;
  background-color: #fff;
  overflow: hidden;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  cursor: default;
  font-size: 11px;
  font-family: Verdana;
  z-index: 1;
}

div.token-input-dropdown-facebook p {
  margin: 0;
  padding: 5px;
  font-weight: bold;
  color: #777;
}

div.token-input-dropdown-facebook ul {
  margin: 0;
  padding: 0;
}

div.token-input-dropdown-facebook ul li {
  background-color: #fff;
  padding: 3px;
  margin: 0;
  list-style-type: none;
}

div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook {
  background-color: #fff;
}

div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook {
  background-color: #fff;
}

div.token-input-dropdown-facebook ul li em {
  font-weight: bold;
  font-style: normal;
}

div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook {
  background-color: #3b5998;
  color: #fff;
}