@media screen, projection, tv{
html,body{   margin: 0; padding: 0; min-width: 997px; background: white url(../img/background.jpg) no-repeat center 0;}
html,body, input, textarea, select, table{ font-family: "Arial CE", "Helvetica CE", Arial,  helvetica, sans-serif; color: #454545; }
/*    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: "Times New Roman", "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; }
.hlavni{ margin: 0 0 5px 0; }
h1{ font-size: 3em;  margin: 1.2em 0 .6em 0; line-height: 1.2em;  font-weight: normal;  }
h2{ font-size: 2.1em;  margin: 1.2em 0 .6em 0;line-height: 1.2em; font-weight: normal;   }
h3{ font-size: 1.8em; margin: 1.2em 0 .6em 0; line-height: 1.2em;  font-weight: normal; }
h4{ font-size: 1.7em;  margin: 1.3em 0 .6em 0; line-height: 1.2em; font-weight: normal;}
h5{ font-size: 1.5em;  margin: 1.3em 0 .6em 0; line-height: 1.2em; font-weight: normal;}
h6{ font-size: 1.3em;  margin: 1.3em 0 .6em 0; line-height: 1.2em; font-weight: normal;}

h1,h2,h3,h4,h5,h6, #font span, .tmesic, .counter strong, .tabVypis th, .vypisAkci .dat{ font-family: "Times New Roman", "New York CE", "Times CE", Georgia, times, serif; color: Black; }

a, .drobky a:hover, .sl a:hover, .vice:hover, .clanek a:hover, .gray:hover, .gray a:hover { color: #cc2c32; }
a:hover, .gray, .gray a{ color: #454545; text-decoration: underline; }
.rzcs a, .sl a, .vice, .clanek a{ color: #454545; }
h1 a, h2 a, h3 a, h4 a{ text-decoration: none;  }
h1 a,h2 a{ color: Black; }

input, textarea, select{ border: 1px solid #eaeaea; padding: 9px; margin: 0; background: White url(../img/input.png) repeat-x; }
input.btn, .btn{ text-decoration: none; background: #c61d22; color: White; font-weight: normal; text-align: center; display: inline-block; visibility: visible; padding: 7px 25px; font-size: 1.25em; }
input.btn:hover, .btn:hover{ background: Black; }


#cont{ line-height: 1.4em; font-size: .75em; }
#base{ margin: 0 auto; text-align: left; width: 997px;  position: relative; padding-top: 39px; }
#head{ height: 128px;}
#head img{ float: left; margin-left: 28px; }

#main{ padding: 0 0 0 0; margin-top: 30px; margin-bottom: 30px; }
#left, #stred, #right{ float: left; display: inline; }
#left{ width: 223px; padding-left: 19px; padding-top: 0px; background: white; }
#stred{ overflow: hidden;}
#right{ width: 190px; overflow: hidden; }
.plocha{ padding: 20px 28px; padding-top: 0; width: 699px; }

#pata{ width: 100%;  background: White url(../img/pata.png) repeat-x;}
#pata-in{ clear: both; width: 997px; margin: 0 auto; color: #979797; font-size: .9em; padding: 40px 0 10px 0; position: relative; min-height: 80px; }
#pata p{ margin: 0; padding: 15px 31px; }
#pata a{ color: #454545; text-decoration: none; margin: 0 7px 0 0;  }
#pata a span{ text-decoration: none; }
.vpravo{ float: right; }
#pata .ttop{ position: absolute; right: 30px; top: -14px; background: #c92127 url(../img/top.png) no-repeat 100% center; color: White; padding: 5px 30px 5px 10px; }
#pata a:hover{ color: Black; text-decoration: underline; }
#pata a:hover{ color: Black; text-decoration: underline; }
#pata .ttop:hover{ color: White; background-color: #707070; }

#menu{ width: auto;  }
#menu ul{ margin: 0 0 30px 0; list-style-type: none; padding: 0;}
#menu li{width: auto;  }
/*#menu a{text-decoration: none;  display: block; width: auto; color: Black; border-top: 1px solid white; padding: 7px 13px; background: #f7f7f7; text-shadow: 2px 2px 7px #7d7d7d; }*/
#menu a{text-decoration: none;  display: block; width: auto; color: Black; border-top: 1px solid white; padding: 7px 13px; background: #f7f7f7; font-size: 1.2em; }
#menu .first a{ border: 0; }
#menu .secmenu{ border-bottom: 1px solid #e5e3e3; }
#menu .secmenu a{ background: White; border-top: 1px solid #e5e3e3;  text-shadow: 0 0 0 #7d7d7d; }
#menu a:hover, #menu a.aktivni, #menu .rozbal>a{ color: #cc2c32; text-decoration: none;  }
/*#menu a.aktivni, #menu .rozbal>a{ color: #cc2c32; text-decoration: none; text-shadow: 2px 2px 7px #a1a1a1; }*/
#menu a.aktivni, #menu .rozbal>a{ color: #cc2c32; text-decoration: none; font-weight: bold; }
#menu .rozbal>ul{ display: block; }

#menu ul ul{ display: none; margin: 0; border: 0; }
/*#menu ul ul a{  background: transparent url(../img/m1.png) no-repeat 13px 1em; padding-left: 27px; text-shadow: 0 0 0; border-top: 1px solid #f3f3f3; color: #454545; text-decoration: underline; } */
#menu ul ul a{  background: transparent url(../img/m1.png) no-repeat 13px 1em; padding-left: 27px; text-shadow: 0 0 0; border-top: 1px solid #f3f3f3; color: #454545; font-size: 1.1em; }
#menu ul ul ul a{ background: transparent url(../img/li.png) no-repeat 27px .85em; padding-left: 41px  }
#menu ul ul ul ul a{ background: transparent url(../img/li.png) no-repeat 41px .85em; padding-left: 55px  }
#menu ul ul ul ul ul a{ background: transparent url(../img/li.png) no-repeat 55px .85em; padding-left: 69px  }
#menu ul ul ul ul ul ul a{ background: transparent url(../img/li.png) no-repeat 69px .85em; padding-left: 83px  }
#menu ul ul ul .rozbal>a{ background-image: url(../img/m2.png); }
#menu ul ul li{ padding: 0; background-image: none; width: auto; }
#menu ul ul a:hover{ text-decoration: underline; }



#nav{ width: auto; position: absolute; left: 21px; top: 0;}
#nav ul{ margin: 0; list-style-type: none; padding: 0; }
#nav li{width: auto; float: left;  }
#nav a{text-decoration: none;  display: block; width: auto; color: #636363; padding: 11px 11px; font-size: .9em; }
#nav a:hover{ color: Black; text-decoration: underline; }

#mutace{ position: absolute; left: 29px; top: 0; font-size: .9em; padding-top: 10px; }
#mutace a{ color: #636363; text-decoration: none; }
#mutace img{ vertical-align: middle; border: 1px solid #d1cbcb; margin-left: 0; }

.search{ position: absolute; top: 5px; right: 27px; text-align: right;  }
.search input.pole{   width: 168px; color: #636363; border-right: 0; margin: 0; padding: 7px 5px; height: 14px; font-size: .9em; }
.search input.btn{padding: 0 0; height: 28px; width: 28px; border-left: 0; margin: 0; }

#slideshow{ width: 755px; padding-top: 214px; ; margin-bottom: 35px; position: relative; }
#slideshow .pop, .pop a{  color: white; }
#slideshow img.sl-r{ cursor: pointer; margin: 0; position: absolute; right: 1px; top: 0; }
#slideshow img.sl-l{  cursor: pointer; margin: 0;  position: absolute; left: 0; top: 0; }
#slideshow .pop{ position: relative; }
.pop-in{ padding: 15px 25px 0 25px; background: #cc2c32;  width: 645px; margin-left: 28px; min-height: 80px; }
.pop-in p{ margin: 0; color: #faddde; }
.pop-in h2{ margin: 0 0 4px 0; color: White;  font-size: 2.5em; text-transform: none;}
.pop-in h2 a:hover{ color: Black; text-decoration: none; }
.counter{ position: absolute; top: 0; left: 28px; width: 695px; height: 214px; cursor: pointer; }

.counter span{ display: block; background: White; position: absolute; bottom: 0px; right: 0; color: #d3d3d3; padding: 5px 10px; text-align: center; height:  18px; }
.counter strong{ font-weight: normal; font-size: 1.5em; color: #8b8a8a;  }


.plocha ul{ margin-left: 1.15em; padding: 0; list-style-type: square; list-style-image: url(../img/li2.png);  }
.plocha .seznam, .plocha .sl ul{  list-style-type: square; list-style-image: url(../img/li.png); font-weight: normal; }
.plocha ul li{padding: 0 0 .5em 0; }
.plocha ul ul{ margin-top: .5em; margin-bottom: 0; font-weight: normal; }
.plocha ul ul{list-style-image: url(../img/li3.png); }
.plocha ul ul ul{list-style-image: url(../img/li4.png); }

.plocha ol{ margin-left: 0; }
.plocha ol li{padding: .3em 0; }
.plocha ol ol{ margin-top: .3em;  margin-bottom: .3em;font-weight: normal;}

td p{ text-align: inherit !important; }
.plocha .fakulty li{ padding: .64em 0; }
.plocha p{ text-align: justify; }

.sl{ float: left; width: 218px; padding-left: 20px; }
.sl a{ text-decoration: none; }
.sl h2{ margin-top: 1em; font-size: 1.7em;}
.sl a:hover{ text-decoration: underline; }
.sl ul{ margin: 1.4em 0 1.4em 1.25em; }

.sl50{ float: left; width: 40%; padding-right: 10%; min-width: 250px; }
.sl50 ul{ margin: 1.4em 0 1.4em 1.25em; }

.kalendar{ float: left; width: 230px; }
.vice{ background: transparent url(../img/li.png) no-repeat 0 .2em; padding-left: 12px; }
.clanky{ float: left; width: 465px; padding-top: 2px; }


.tab{ font-size: 1em; border: 0; border-collapse: collapse; margin: 2.5em 0; width: auto; line-height: 1.3em; border-bottom: 4px solid #f0f0f0; }
.tab th{ background: #fafbfa url(../img/th.png) repeat-x; padding: 15px 10px; font-weight: normal; text-align: left; border: 0; font-size: 1.25em; border-top: 1px solid #f1f1f1; border-bottom: 3px solid #f0f0f0; }
.tab td{ border: 0; padding: 9px 10px; background: white;  border-bottom: 1px solid #f0f0f0;}
.tab tr.sec td{ background-color: #fcfcfc;  }
.tab .level1{ background: transparent url(../img/level.png) no-repeat 10px 13px; padding-left: 30px; }
.tab .dir{ background: transparent url(../img/dir.png) no-repeat 10px 9px; padding-left: 30px; }
.tab .level2{ background: transparent url(../img/level.png) no-repeat 30px 13px; padding-left: 50px; }
.tab .level3{ background: transparent url(../img/level.png) no-repeat 50px 13px; padding-left: 70px; }
.tab .level4{ background: transparent url(../img/level.png) no-repeat 70px 13px; padding-left: 90px; }
.tab .level5{ background: transparent url(../img/level.png) no-repeat 90px 13px; padding-left: 110px; }

.tabVypis2{ border-top: 4px solid #f1f1f1; }
.tabVypis2 th{ background: White; border-top: 0; border-right: 4px solid #f1f1f1; }

.formik th{ vertical-align: top; padding: 10px 25px 3px 0; font-weight: normal; }
.formik td{ padding: 3px 0; }



#font{ position: absolute; left: 72px; top: 5px; color: #636363;  }
#font .block{ font-size: .8em; font-weight: normal; float: left; padding: 7px 7px 0 0;   }
#font span{ color: #979797; float: left; margin-right: 3px; width: 30px; padding: 7px 0; cursor: pointer;  text-align: center; background: transparent url(../img/acko.png) no-repeat -33px 0; font-size: 1.1em; }
#font span.f2{ font-size: 1.3em; }
#font span.font_selected { background-position: 0 0;  color: Black;}
#font span.f3{ font-size: 1.7em; }

.clanek h3{ margin: 0 0 6px 0; font-size: 1.15em; font-family: "Arial CE", "Helvetica CE", Arial,  helvetica, sans-serif;}
.clanek p{ margin: 0; }
.clanek h3 a{ text-decoration: none; color: Black; }
.clanek h3 a:hover{ text-decoration: underline; color: #cc2c32; }
.clanek{ padding: 3px 0px; }
.clanek img, .akce img{ float: left; margin-top: 0; margin-right: 15px; margin-bottom: 0; display: inline; }
.clanek .text{ padding-bottom: 0; line-height: 1.2em; }
.dat{ color: #838383; font-size: .85em; margin: 0; }
.hand{ cursor: pointer; }

.akce{ border-bottom: 1px solid #f0f0f0; padding: 15px 0 1px 0; margin: 0;  }
.vypisAkci .dat{ color: #c71d22; font-size: 1.7em; line-height: 1.3em; margin: 10px 0; }
.akce h3{ font-size: 1.3em; font-family: "Arial CE", "Helvetica CE", Arial,  helvetica, sans-serif; font-weight: normal; }
.akce h3 a{ text-decoration: underline; }
.akce .text{  padding: 10px 0 1px 0; width: 100%; clear: both; }
.akce h5{ margin: 0 0 0 0; }
.akce p{ margin: 15px 0; }


.kalendar table { margin: 0;  border: 0; border-collapse: separate;}
.kalendar td, .kalendar th { width: 27px;  border: 0; text-align: center; background: #edecec; color: #a3a1a1; font-size: .9em; padding: 6px 0; line-height: 1.25em;  vertical-align: middle;  }
.kalendar td.blank {  background: white !important; border-color: white !important; }
.kalendar td.tdaktiv, .kalendar td.tdaktiv a { background-color: #c92127; color: white; text-decoration: none; cursor: pointer;font-weight: bold; }
.kalendar td.tdaktiv a:hover { text-decoration: underline; cursor: pointer;}
.kalendar td.tdaktiv:hover, .kalendar td.tdaktiv:hover a{ background: Black; text-decoration: none; color: White !important ; }
.kalendar td.dnes, .kalendar td.dnes a{  font-weight: bold; color: Black; }
.kalendar td.tdneaktivdnesek{ color: Black; }
.kalendar th { color: #454545; background: White; font-weight: normal; }
.kalendar .mesic td{ background: transparent;  height: auto; padding: 0; }
.kalendar td.tmesic{width: auto;  font-size: 1.7em; text-align: center; color: Black; font-weight: normal; text-transform: uppercase; line-height: 1.2em; }
.kalendar td a{ display: block; }

.vypis-kalendar .kalendar{ float: none; width: auto; margin-left: -20px; clear: both; padding: 10px 0;  width: 719px; }
.vypis-kalendar h2{ margin: 10px 0 0 0; border-bottom: 1px solid #f0f0f0; padding-bottom: 13px; }
.vypis-kalendar .kl{ margin-left: 20px; float: left; margin-bottom: 5px; }
.vypis-kalendar .kl th{ color: #adabab; line-height: 1.5em; }
.vypis-kalendar .kl th.thaktiv{ color: #c92127; }
.vypis-kalendar .kalendar td{ width: 28px; border: 1px solid #ededed; background: #f6f6f7 url(../img/kal.png) repeat-x;  color: #707070; font-weight: bold; text-align: center;  }
.vypis-kalendar td.nedele{ background: #d6d4d7 url(../img/ne.png) repeat-x; }
.vypis-kalendar td.tdaktiv{ border-color: #c92127; background: #c92127; }
.vypis-kalendar td.tdaktiv a{ text-decoration: none; width: 26px; }
.vypis-kalendar td.tdaktiv:hover{ border-color: Black; }
.vypis-kalendar td.dnes, .vypis-kalendar td.dnes a{ color: Black; }
.kal-ico{ margin: 0; float: right; }
.kal-ico img{ vertical-align: middle; margin: 0 1px; }

.ohl{ margin: 0; float: right; }
.kal-ico img{ vertical-align: middle; margin: 0 1px; }


.nextM{ padding-top: 30px; }

.ico{ position: absolute; right: 360px; top: 5px; }
.ico img{ margin-left: 3px; display: inline-block; cursor: pointer; float:left; }

.drobky{ margin: 5px 0 25px 0; font-size: .9em; color: #999999; }
.drobky a{ color: #999999; text-decoration: none; background: transparent url(../img/drb.png) no-repeat 100% center; padding-right: 8px; margin-right: 4px; }

.marginClass{ margin: 1.4em 0; }
.calIcon1{ margin: 5px 5px 5px 25px; float: right; }
.calIcon2{ margin: 5px 0; float:right; }

.submenu{ float: right; width: 260px; padding: 15px 20px; background: #f7f7f7; border: 1px solid #ededed; margin: 0 0 25px 25px; }
.submenu h2{ margin: 0; }
.submenu ul{ list-style-image: url(../img/li5.png); margin: 1em 0 0 1em; }
.submenu ul li{ padding: .5em 0; }
.plocha .obsah li{ padding: .2em 0; }

.plocha .obsah{ list-style-image: url(../img/li5.png);  margin: 1.4em 1em; }
.plocha .vnoreny-obsah{ list-style-image: url(../img/li5.png); }


.anotace{ font-size: 1.2em; line-height: 1.4em; }
.zapati{ font-size: .9em; color: #999999; padding: 20px 0; }
.zapati p{ margin: 0; text-align: left; }
.zapati p span{ float: left; width: 230px; }
.zapati p strong{ font-weight: normal; color: #454545; }
.zapati .ico{ position: static; float: right; }

.tabVypis{ width: 100%; }
.tabVypis th{ vertical-align: top; text-align: left; font-weight: normal; color: Black; padding: 20px 25px 20px 0; font-size: 1.7em; border-top: 1px solid #f0f0f0; }
.tabVypis td{ vertical-align: top; padding: 20px 0; border-top: 1px solid #f0f0f0;}
.tabVypis ul{ margin: 1.4em 0 1.4em 1.25em; }

.i-download{ background: transparent url(../img/i-down.png) no-repeat 0 center; padding: 2px 0 2px 22px; display: inline-block;  }
.i-email{ background: transparent url(../img/i-email.png) no-repeat 0 center; padding: 2px 0 2px 22px; display: inline-block;  }

.rzcs{ margin: 2em 0; padding: 0; margin-left: -20px; width: 719px; }
.rzcs p{ float: left; padding: 20px 4px 20px 20px; margin: 0; text-align: left; }
.rzcs a{ text-decoration: none; display: block; width: 145px; padding-right: 10px; padding-top: 60px; background: transparent url(../img/icons.png) no-repeat 0 0; }
.rzcs a:hover{ color: #c92127; text-decoration: underline; }
.lm{ clear: left; height: 3px; background: #f0f0f0; color: #f0f0f0; border: 0; margin: 0; width: 100%;  }
.dark{ clear: left; height: 3px; background: #b7b7b8; color: #b7b7b8; border: 0;  }

.rzcs .lm{ margin-left: 20px; }

.gal{ margin-left: -10px; }
.gal div.pic{ width: 164px; float: left; margin-left: 10px; margin-bottom: 10px; }
.gal p{ text-align: left; font-size: .9em; margin: 0; padding: 10px 0 0 0; }
.gal img{ display: block; margin: 0 auto; }
.gal span{ display: block; position: relative; width: 164px; overflow: hidden; height: 123px;  }
.gal .vid{ position: absolute; left: 0; top: 0; cursor: pointer; margin: 0; }

.iforum{ margin-top: -5px; padding-left: 36px; background: transparent url(../img/forum.png) no-repeat 0 5px; letter-spacing: .2em; line-height: 1.2em; margin-bottom: 3px;  }
.iforum span{ display: block; line-height: 1.2em; font-size: .4em; color: #838383; font-family: Arial, Helvetica, sans-serif; letter-spacing: normal; text-transform: none; }

.rzcs a:hover{ background-position: -1000px 0; }
.rzcs .rz02{ background-position: -184px 0; }
.rzcs .rz02:hover{ background-position: -1184px 0; }
.rzcs .rz03{ background-position: -370px 0; }
.rzcs .rz03:hover{ background-position: -1370px 0; }
.rzcs .rz04{ background-position: -555px 0; }
.rzcs .rz04:hover{ background-position: -1555px 0; }

.rzcs .rz05{ background-position: 0 -132px; }
.rzcs .rz05:hover{ background-position: -1000px -132px; }
.rzcs .rz06{ background-position: -184px -132px; }
.rzcs .rz06:hover{ background-position: -1184px -132px; }
.rzcs .rz07{ background-position: -370px -132px; }
.rzcs .rz07:hover{ background-position: -1370px -132px; }
.rzcs .rz08{ background-position: -555px -132px; }
.rzcs .rz08:hover{ background-position: -1555px -132px; }

.rzcs .rz09{ background-position: 0 -278px; }
.rzcs .rz09:hover{ background-position: -1000px -278px; }
.rzcs .rz10{ background-position: -184px -278px; }
.rzcs .rz10:hover{ background-position: -1184px -278px; }
.rzcs .rz11{ background-position: -370px -278px; }
.rzcs .rz11:hover{ background-position: -1370px -278px; }
.rzcs .rz12{ background-position: -555px -278px; }
.rzcs .rz12:hover{ background-position: -1555px -278px; }

.rzcs .rz13{ background-position: 0 -424px;  }
.rzcs .rz13:hover{ background-position: -1000px -424px; }
.rzcs .rz14{ background-position: -184px -424px;  }
.rzcs .rz14:hover{ background-position: -1184px -424px; }
.rzcs .rz15{ background-position: -370px -424px;  }
.rzcs .rz15:hover{ background-position: -1370px -424px; }
.rzcs .rz16{ background-position: -555px -424px; }
.rzcs .rz16:hover{ background-position: -1555px -424px; }

.rzcs .rz17{ background-position: 0 -569px; }
.rzcs .rz17:hover{ background-position: -1000px -569px; }
.rzcs .rz18{ background-position: -184px -569px; }
.rzcs .rz18:hover{ background-position: -1184px -569px; }
.rzcs .rz19{ background-position: -370px -569px; }
.rzcs .rz19:hover{ background-position: -1370px -569px; }
.rzcs .rz20{ background-position: -555px -569px; }
.rzcs .rz20:hover{ background-position: -1555px -569px; }

.rzcs .rz21{ background-position: 0 -713px; }
.rzcs .rz21:hover{ background-position: -1000px -713px; }
.rzcs .rz22{ background-position: -180px -713px; }
.rzcs .rz22:hover{ background-position: -1180px -713px; }
.rzcs .rz23{ background-position: -364px -713px; }
.rzcs .rz23:hover{ background-position: -1363px -713px; }
.rzcs .rz24{ background-position: -556px -713px; }
.rzcs .rz24:hover{ background-position: -1556px -713px; }

.input1{ width: 220px; }
.select1{ width: 238px; }
.plnasirka{ width: 580px; }

.table-border2 { BORDER-WIDTH: 1px; BORDER-COLOR: #000000;}

.table-border { BORDER-BOTTOM: #F1F1F1 solid 4px;
    BORDER-RIGHT: #F1F1F1 solid 4px;
    BORDER-TOP: #F1F1F1 solid 4px;
    BORDER-LEFT: #F1F1F1 solid 4px;
    BORDER-COLLAPSE: COLLAPSE;
}

.table-border-nula { BORDER-BOTTOM: #F0F0F0 solid 0px;
    BORDER-RIGHT: #F0F0F0 solid 0px;
    BORDER-TOP: #F0F0F0 solid 0px;
    BORDER-LEFT: #F0F0F0 solid 0px;
    BORDER-COLLAPSE: COLLAPSE;
}

.table-border td {
    BORDER-BOTTOM: #F1F1F1 solid 1px;
    BORDER-RIGHT: #F1F1F1 solid 1px;
    BORDER-TOP: #F1F1F1 solid 1px;
    BORDER-LEFT: #F1F1F1 solid 1px;
    padding: 5px;
}

.table-border-nula td {
    padding: 5px;
}

a:active, a:visited, a:focus {
    border: none;
    outline: none;
    -moz-outline-style: none;
}

#whoisOrgDetail {margin-bottom:3em}
#whoisOrgDetail h4 {
    font-size: 1.4em;
    font-weight: normal;
    line-height: 1.2em;
    margin: 1.3em 0 0.6em;
}
#whoisOrgDetail .subLeadership {
    background: url("../img/person_m_lighter.png") no-repeat scroll 0 0 transparent;
    padding-left: 20px;
}
#whoisOrgDetail .subWww {
    background: url("../img/www_lighter.png") no-repeat scroll 0 0 transparent;
    padding-left: 20px;
}
#whoisOrgDetail .placeBlock {
    float:left;
    padding-right:5em
}
#whoisOrgDetail .placeContainer .foto {padding-top:2.8em}
#whoisOrgDetail .subPlace {
    background: url("../img/place.16.png") no-repeat scroll 0 0 transparent;
    padding-left: 20px;
    padding-right:1em
}
#whoisOrgDetail .subTelephone {
    background: url("../img/tel_lighter.png") no-repeat scroll 0 0 transparent;
    padding-left: 20px;
    padding-right:1em;
    margin-top: 1.5em;
}

#whoisOrgDetail .mapLink { margin-top: 0.5em;}
#whoisOrgDetail  .description  { margin-bottom:25px}

#submitText {
    border: none;
    margin: 0;
    padding: 0;
}

#submitOsoby {
    border: none;
    margin: 0;
    padding: 0;
}



}


/*
@media screen and (max-width: 997px){
html,body{ min-width: 320px; background: White none; }
#base, #main, #pata-in, #stred, .plocha, .rzcs, .vypis-kalendar .kalendar{ margin: 0; width: auto; }
.plocha{ padding: 10px; }
#main, #base{ padding: 0; }
#left{ padding-left: 10px; display: block; margin: 0; }

#stred{ display: block; float: none; margin: 0;  }

#head{ height: auto;  }
#head img{ min-width: 290px; width: 98%; max-width: 450px; height: auto; }
.cImg{ min-width: 320px; width: 100%; max-width: 695px; height: auto; }
.rzcs{ max-width: 700px; }
.rzcs .lm{  clear: none; display: none; margin: 0; }
.rzcs a{ min-height: 5em; width: 133px;}
.rzcs p{ float: left; padding: 0px 0px 0px 0; margin: 0; }

#pata{margin-top: 20px; }
#pata-in p{ min-width: 300px; }
#pata p{ margin: 0; padding: 10px; float: left; } 
#pata a{ white-space: nowrap; }

#mutace, #font, .search, .ico{ position: static; }
#head{ float: left;  width: auto; background: transparent none; }

.sl{ float: left; min-width: 210px; width: 29%; padding-left: 0; padding-right: 20px !important ;}

.search{  padding: 10px; float: right; }
.search .pole{ width: 30%; }
#mutace{ float: right; padding: 15px 10px; }
#font, .ico{ padding: 0 20px 0 10px;}
.ico img{ float: none; }

#slideshow{ width: auto; padding-top: 214px; margin: 10px 0; max-width: 695px; }
#slideshow:hover .counter{ background-position: center -214px; }
#slideshow .pop, .pop a{  color: white; }
#slideshow img.sl-r,#slideshow img.sl-l{ position: absolute; left: 0; top: 0;  }
#slideshow img.sl-r{ left: auto; right: 0; top: 0;  }
#slideshow .pop{ position: relative; }
.pop-in{ padding: 10px 35px; background: #cc2c32;  width: auto; margin-left: 0; min-height: none; max-width: 625px; }
.counter{ position: absolute; top: 0; left: 0; width: 100%; height: 214px; background: transparent url(../img/obr.jpg) no-repeat center 0;  cursor: pointer; max-width: 695px; }

.submenu{ min-width: 260px; margin-left: 20px; width: auto; max-width: 280px; }

.clanky{ width: auto; max-width: 440px; }

.input1{ max-width: 220px; width: 100%; min-width: 150px; }
.select1{ max-width: 238px; width: 100%;min-width: 150px;}
.plnasirka{ max-width: 580px;width: 100%; min-width: 150px;}

.vypis-kalendar h2{ white-space: nowrap; float: left; margin-top: 0; }
.vypis-kalendar .kalendar{ float: none; margin-left: 0; width: auto;}
.vypis-kalendar .kl{ margin-right: 10px; float: left; margin-bottom: 5px; margin-left: 0; }

.zapati .ico{ display: none; }

}


@media screen and (max-width: 700px){
#head{ float: none; }
#mutace{ float: left;}
.search{ float: left; }
}

@media screen and (max-width: 480px){
.submenu{ float: none; margin: 0; }
.obr-left, .obr-right{ margin: 0; float: none; display: block; margin: 10px 0; }
.kal-ico{ margin: 5px 0 10px 0; float: none; }
}

 */