@media screen, projection, tv{
html,body{ color: Black; background: White; background-color: #FAFAF6; margin: 0; padding: 0; }
html,body, input, textarea, select, table{  font-family: "Tahoma CE", Tahoma, "Arial CE", "Helvetica CE", Arial, "Lucida Grande CE", lucida, sans-serif;  color: #393939;}
/*    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: "Georgia CE", "Times New CE", "New York CE", "Times CE", Georgia, times, serif;
*/
body{ padding-bottom: 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: 1.5em;  margin: 1.4em 0 .6em 0;  }
h2{border-bottom: 1px solid #9F9373; color: #9F9373;   font-size: 1.2em; letter-spacing: .04em; text-transform: uppercase; margin: 1px 0 0 0; padding-bottom: .8em;  }
h2.hlavni{  margin: 1.4em 0 .6em 0;color: #9F9373;   margin: 0px 0 1em -30px; padding: 0; }
h3{ font-size: 1.1em; margin: 1.4em 0 .6em 0; color: #B82128; text-transform: uppercase; }
h4{ font-size: 1em;  margin: 1.4em 0 .6em 0; color: #9F9373; text-transform: uppercase; font-size: .9em; }
h5{ font-size: 1em; color: #9F9373; margin: 1.4em 0 0 0; }
a{ color: #B82128; }
a:hover{ color: #6B3594; }
.obr, .obr2, obr3{ border: 7px solid #F5F5EE; }
fieldset{ background-color: #F5F5EE; padding: 7px 15px; }
input, textarea, select{ border: 1px solid #B7AD91; margin: 3px 0; padding: 1px; vertical-align: middle; }
.btn, .btn2{ background-color: #9F9373; padding: 0 14px; color: White; font-weight: bold; font-size: .9em; }
a.btn, a.btn2{ text-decoration: none; padding: 2px 14px 3px 14px; line-height: 1.3em; vertical-align: middle; font-weight: bold; }
a:hover.btn, a:hover.btn2{ color: white; }
a.btn2{  background-color: #B82128; color: White; }
.hneda{ color: #9F9373 !important; }
h3 span.pocet_vysl{ color: #393939 !important; font-size: .8em !important; font-weight: normal; text-transform: none; margin-left: .5em;	 }

#base{ margin: 0 auto; text-align: left; width: 992px; font-size: .75em; line-height: 1.4em; padding-bottom: 20px; position: relative; border: 3px solid #F5F5EE; border-top: 0;  background-color: White; }
#head{ padding: 33px 0 0 294px; background: transparent url(../img/top.jpg) no-repeat; height: 259px; }
#head h1{ color: White; background-color: #B82128; font-size: 1.1em; position: relative; overflow: hidden; line-height: 1.2em; margin: 0 0 0 0; }
#head h1 span, #head h1{ width: 192px; height: 75px; }
#head a{ background-color: #024074; color: White; text-decoration: none; }
#head h1 span{ position: absolute; cursor: pointer; top: 0; left: 0; background: transparent url(../img/amnesty.png) no-repeat; color: White; }

#main{ width: 992px; clear: both; }
#left, #stred, #right{ float: left; display: inline; padding-top: 1px; overflow: hidden;}
#left{ width: 208px; margin-left: -782px; padding-right: 2px; }
#stred{ margin-left: 210px; width: 572px;  padding: 0; }
#right{ width: 190px; float: left; padding-bottom: 10px; }
#plocha{ padding: 16px 40px 20px 51px; }
#plocha p{ text-align: justify; }
#plocha h3 img{ margin: 0 15px 5px 0; }


ul.seznam, .clanek ul{ list-style-type: none; margin-left: 0; padding-left: 0; margin-top: .6em; }
ul.seznam li, .clanek li, #plocha ul li{ list-style-type: none; background: transparent url(../img/li.gif) no-repeat 0 .9em; padding: 3px 0 3px 19px; }

ul.mensi li{ padding-top: 1px; padding-bottom: 1px; background-position: 0 .7em; }
.bezodrazek img{ margin-right: 5px; }
.bezodrazek li{ padding: 1px 0; }
.zvyrazneno{ clear: both; }
.zvyrazneno table{ background-color: #F5F5EE; border: 18px solid #F5F5EE; font-size: .9em; border-bottom-width: 8px; border-top-width: 8px; margin-bottom: 1em; }
.zvyrazneno td{ padding: 0;background-color: #F5F5EE; }
.zvyrazneno th{ padding: 0 10px 0 0; color: #9F9373;background-color: #F5F5EE; white-space: nowrap; vertical-align: top; }
/*.aktualita .zvyrazneno table{ background-color: transparent; border: 0; margin: 0 0 4px; }*/
#pata{ clear: both; width: 992px;  }
#pata p{ background: #393939 url(../img/pata.gif) repeat-y 100% 0; margin: 0 20px; color: White; font-size: .8em; font-weight: bold; text-align: right; padding: 5px 21px; }
#pata a{text-decoration: none; color: white; background-color: #B82128; margin-left: 60px; }
#pata a span{ text-decoration: underline; }


form.search fieldset{ background: #E7E5D4; padding: 0; }
form.search input.pole{ float: left; width: 127px; border: 0; padding: 3px 2px; font-size: .8em; margin: 5px 7px 0 15px; background: White url(../img/input.gif) repeat-x 0 0; }
form.search p{ margin: 0; margin-top: -4px; }
form.search img{ cursor: pointer; }
#menu{ background-color: #F5F5EE; padding-top: 8px; border-top: 1px solid white; }
#menu ul{ margin: 0; list-style-type: none; width: 190px;}
#menu li{ width: 190px; padding: 0; display: inline; }
#menu a{ border-bottom: 1px solid #CDCDCD; text-transform: uppercase; font-weight: bold; text-decoration: none; color: White; border-top: 1px solid white; display: block;  padding-left: 13px; background-color: #F5F5EE; width: 177px; }
#menu img{ display: block; margin: 0;border-bottom: 1px solid #CDCDCD;  }
#menu span{ display: block; background-color: #B7AD91; position: relative; height: 28px; overflow: hidden; width: 177px; }
#menu ul ul a{ color: #9F9373; text-decoration: none; font-weight: bold; font-size: .9em;  text-transform: none; }
#menu ul ul span{ position: static; }
#menu ul ul span{ background: #ECEADD url(../img/m2.gif) no-repeat 100% 0; padding: 3px 6px 3px 6px; width: auto; height: auto; }
#menu ul ul a:hover, #menu ul ul a.aktivni{ background: #F5F5EE url(../img/m.gif) no-repeat 0 0; color: #B82128; }
#menu span.kryt{ position: absolute; top: 0; left: 0; cursor: pointer; }
#menu span.m-zpravy{ background: transparent url(../img/m-zpravy.gif) no-repeat -177px 0; }
#menu span.m-kampane{ background: transparent url(../img/m-kampane.gif) no-repeat -177px 0; }
#menu span.m-jednejte{ background: transparent url(../img/m-jednejte.gif) no-repeat -177px 0; }
#menu span.m-onas{ background: transparent url(../img/m-onas.gif) no-repeat -177px 0; }
#menu span.m-podporte{ background: transparent url(../img/m-podporte.gif) no-repeat -177px 0; }
#menu span.m-partneri{ background: transparent url(../img/m-partneri.gif) no-repeat -177px 0; }
#menu a:hover span.kryt{ background-position: 0 0; }


#left h3{ margin: 0; border-bottom: 1px solid #9F9373; }
#left h3.prvnivlevo{  margin-top: 0; margin-bottom: 21px; padding-top: 15px; }
#novinky, #apely{ padding: 0 0 20px 20px; }
.novinka{ background-color: #E7E5D4; border-bottom: 1px solid white; padding: 4px 11px 11px 11px; line-height: 1.2em; }
.novinka .datum{ color: #B82128; font-weight: bold; font-size: .8em; margin: 0; }
.novinka h4{ font-size: .8em; margin: .3em 0; background: transparent url(../img/novinka.gif) no-repeat 0 .3em; padding-left: 15px; line-height: 1.2em; }
.novinka h4 a{ color: #B82128; }
.novinka h4 a:hover{ color: #9F9373; }
.novinka .text{ color: Black; font-size: .9em; margin: .1em 0; }
.archiv{ margin: -1px 0 0 0; text-align: right; border-top: 1px solid #9F9373; font-size: .9em; line-height: 1.2em; }
.apel{ line-height: 1.2em; background-color: #B7AD91; padding: 2px 11px 17px 11px; border-bottom: 1px solid #9F9373; }
.apel h4{ color: White; text-transform: none; margin: 0 0 2px 0; }
.apel .text{ margin: 0; padding-left: 40px; font-size: .9em; line-height: 1.2em; }
.apel img{ margin-top: 2px; }
.apel a{ color: black; text-decoration: none; }
.apel a:hover{ color: #B82128; }
.bannery img{ margin: 4px 0 4px 20px; display: block; }
.box-vyber{ margin: 0 0 20px 20px; }
.box-vyber ul{ list-style-type: none; margin: 0; padding: 5px 5px 5px 10px;  background-color: #E7E5D4;}
.box-vyber li{ background: transparent url(../img/li.gif) no-repeat 0 .65em; padding: 3px 0 2px 11px;line-height: 1.2em;  }
.box-vyber a{ line-height: 1.2em; }
.odsazeno{ margin-left: 2em; }
.odsazeno h4{ margin-top: .3em; }
#plocha .odsazeno p{ text-align: left; }

.cesta{ position: absolute; top: 269px; left: 261px; font-size: .9em; }
.cesta a{ padding-right: 10px; background: transparent url(../img/sip3.gif) no-repeat 100% .4em; margin-right: 4px; }
.cesta span{ font-weight: bold; }
.navigace{ padding-top: 4px; }
.navigace a{ margin: 0 .3em; padding: 0 .5em; }
.navigace span{ margin: 0 .8em; }


.aktualita{ margin: 18px 0; }
.aktualita img{ float: left; border: 7px solid #F5F5EE; margin: 0 25px .2em 0; }
.aktualita .datum{ font-weight: bold; line-height: 1.3em; font-size: .8em; border-bottom: 1px solid #9F9373; margin: 0; text-align: right !important; color: #9F9373; }
.aktualita h3{ margin: .7em 0 .7em 0; }
.aktualita h3 img{ margin: 0 10px 0 0; }
.aktualita p{ margin: 0 0 0 135px; }
.aktualita p.text{ border: 2px solid #F5F5EE; padding: 7px 14px; line-height: 1.3em; }
.aktualita p.vypln{ background-color: #F5F5EE; }
.bezobrazku p, .bezobrazku h3{ margin-left: 0; }
.vice{ font-size: .9em; color: #9F9373; font-weight: bold; text-decoration: none; background: transparent url(../img/vice.gif) no-repeat 100% .35em; padding-right: 18px; line-height: 1.2em; }
a:hover.vice{ color: #B82128; }
.prvni{ margin-top: -1.12em; clear: both; padding-top: 1px;}
.prvni .datum{ border: 0; }
.bezobr p.text, .bezobr h3{ margin-left: 0; }

#nav{ position: absolute; top: 6px; right: 20px; width: 600px; }
#nav ul{ margin: 0; list-style-type: none; float: right; }
#nav li{ float: left; }
#nav a{ display: block; background: transparent url(../img/li-red.gif) no-repeat 0 .55em; margin-left: 10px; padding-left: 8px; color: #9F9373; line-height: 1.2em; font-weight: bold; font-size: .9em; text-decoration: none; }
#nav a:hover{ color: #B82128; }
#mutace{ position: absolute; top: 46px; left: 30px; }
.cas, .cas2{ width: 22em; font-size: .8em; font-weight: bold; float: right; color: #9F9373; margin: 12px 0 0 0; background-color: White; }
.cas img, .cas2 img{ vertical-align: text-bottom; margin-top: 3px; }
.cas2{ text-align: right; border-bottom: 1px solid #9F9373; float: none; width: auto; line-height: 1.2em; }

ul.svlajkami li{ padding: 6px 0 6px 0 ;}


div.potvrzeni{ width: 230px;  padding-bottom: 10px; background-color: #87CEFA; top: 100px; left: 30%; color: black; text-align: center; font-weight: bold; position: absolute; border: 1px solid black; }
div.potvrzeni p{ padding: 15px 0 20px 0; margin: 0; }
div.potvrzeni div#plocha input.btn{ background-color: White; color: Black; font-weight: bold; text-align: center; cursor: pointer; border: 1px solid silver; }

table.tab{ font-size: .9em;border: 0; border-collapse: collapse; margin: 12px 0; width: auto; line-height: 1.2em; }
table.tab th{ color: #9F9373; background-color: #E7E5D4; padding: 2px 15px; font-weight: bold; text-align: left; border-right: 1px solid white;  }
table.tab td{ border: 0; border-right: 1px solid white; color: #494747; padding: 2px 15px; background-color: #F5F5EE; }
tr.sec td{ background-color: white; color: #494747; }
tr.sec a{ background-color: transparent !important ; }
.formik th{ text-align: right; padding: 2px 10px 2px 0; border: 0; }
.formik td{ padding: 2px 5px; border: 0;  }
table.kosik th{ padding: 2px 5px; }

  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 20px;  line-height: 2.3em;}
.pdf{ background: transparent url(/img/i-pdf.gif) no-repeat 0 0; padding: 4px 0 4px 20px; }
.doc, .txt, .rtf{ background: transparent url(/img/i-doc.gif) no-repeat 0 0; padding: 4px 0 4px 20px; }
.xls{ background: transparent url(/img/i-excel.gif) no-repeat 0% 0; padding: 4px 0 4px 20px; }
.zip, .rar{ background: transparent url(/img/i-archive.gif) no-repeat 0% 0; padding: 4px 0 4px 20px; }
.jpg, .peg, .png, .gif, .bmp, .tif{ background: transparent url(/img/i-pic.gif) no-repeat 0% 0; padding: 4px 0 4px 20px; }
.avi, .mpg, .mov, .asf, .ram{ background: transparent url(/img/i-video.gif) no-repeat 0% 0; padding: 4px 0 4px 20px; }
.mp3, .wav, .mid{ background: transparent url(/img/i-audio.gif) no-repeat 0% 0; padding: 4px 0 4px 20px; }

}