@media screen, projection, tv{
html,body{ font-family: "Arial CE", "Helvetica CE", Arial,  helvetica, sans-serif; background-color: white; color: black; text-align: center; }
/*    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;
*/

hr{ height: 1px; color: #e8e8e8; background: #e8e8e8; clear: both; margin: 0; padding: 0; border: 0; }
address{ font-style: normal; display: block; margin: .5em 0; }
input, textarea, select{font-family: "Arial CE", "Helvetica CE", Arial,  helvetica, sans-serif;  border: 1px solid black; padding: 2px;}
h1{ font-size: 1.5em; margin: .8em 0; }
h2{ font-size: 1.7em; margin: 1em 0 .4em 0; border-left: 5px solid #FF0000; padding: 7px 16px; line-height: 1.2em; }
h2.hlavni{ margin: 0px 0 .4em -21px; }
h3{ font-size: 1.2em; color: #F80E20; margin: 1.5em 0 .6em 0; }
h4{ font-size: 1em; color: #F80E20; margin: 1.5em 0 .6em 0; }
h5{ font-size: 1em; color: black; margin: 1.5em 0 .6em 0; }

a{ color: #FF0000; }
a:hover{ color: black; }
.btn{ background: #E00101 url(../img/btn.gif) repeat-x 0 0; color: White;  padding: 2px 5px; border: 1px solid #E00101; }

#plocha img.obr2, #plocha .obr-right, #plocha img{ float: right; margin: 0px 0px 5px 10px; display: inline; }
#plocha img.obr, #plocha .obr-left{ float: left; margin: 0px 10px 5px 0; display: inline; }
#plocha img.obr3, #plocha .obr-center{ float: none; margin: 0px auto 12px auto; display: block; }
#plocha .obr, #plocha .obr2, #plocha .obr3, #plocha img{ border: 7px solid #E7E6E6; }
.red{ color: #F80E20 !important; }
.gal .obr{ margin: 5px 17px; }

#base{ width: 943px; margin: 0 auto; text-align: left; position: relative; font-size: .75em; }
#head{ background: transparent url(../img/head.gif) repeat-x; border-bottom: 9px solid #FF0000;  padding: 16px 0 13px 28px; }
#head h1{ color: white; background-color: #151515; position: relative; overflow: hidden; line-height: 1.2em; margin: 0;}
#head h1 span, #head h1{ width: 124px; height: 73px; }
#head a{ background-color: black; color: White; text-decoration: none; }
#head h1 span{ position: absolute; cursor: pointer; top: 0; left: 0; background: transparent url(../img/aaa-taxi.png) no-repeat; color: White; }

#nav{ position: absolute; top: 64px; left: 179px; }
#nav ul{ list-style-type: none; margin: 0; }
#nav li{ float: left; }
#nav ul a{ padding: 13px 0px 7px 0; margin-right: 3px; font-size: 1.1em; display: block; color: White; text-decoration: none; width: 193px; text-align: center; background: #262626 url(../img/nav.jpg) no-repeat 0 -112px; }
#nav ul a:hover{ background: #4E4E4E url(../img/nav.jpg) no-repeat 0 0; }
#nav ul a.aktivni{ background: #4E4E4E url(../img/nav-aktivni.jpg) no-repeat 0 0; }
#mutace{ color: #4F4F4F; position: absolute; top: 74px; right: 15px; }
#mutace a{ color: #FFE400; }
#mutace a, #mutace span{ margin: 0	2px; }

#main{ width: 943px; clear: both; }
#left, #stred, #right{ float: left; display: inline; padding-top: 5px; }
#left{ width: 179px; margin-left: -764px; }
#stred{ margin-left: 179px; width: 575px;  padding: 5px; }
#right{ width: 179px; float: left; padding-bottom: 20px; }
#pata{ clear: both; border-top: 9px solid #FF0000; background-color: #000000; color: #676767; font-size: .9em;}
#pata p{ margin: 0; padding: 15px 20px; }
#pata a{ display: inline; width: 15em; float: right; text-decoration: none; text-align: right; color: white; }
#pata a span{ color: #FF0000; text-decoration: underline; }
#pata strong{ font-size: 1.3em; font-weight: bold; color: White; }
#pata strong span{ color: #FF0000; }
#plocha{ padding: 0px 0 21px 21px;}

#menu ul{ margin: 0; list-style-type: none; }
#menu a{ display: block; background: #E40101 url(../img/m.gif) repeat-x 0 100%; color: White; font-weight: bold; text-decoration: none; padding: 4px 11px; width: 157px; }
#menu a:hover, #menu .aktivni a{background-color: Black;color: #FFE400; }
#menu .aktivni a{ background-image: none; color: White; }

#menu ul ul{ border-bottom: 1px solid #E40101; display: none; }
#menu ul .aktivni ul a{ background: Black url(../img/sub.gif) no-repeat 16px .8em; color: #FFE400; font-weight: normal; padding-left: 27px; width: 141px; }
#menu ul .aktivni  ul a:hover{ background-position: -231px .8em; color: White; }
#menu ul .aktivni ul{ display: block; }

.search { position: absolute; top: 23px; right: 19px; text-align: right; width: 25em; }
.search input.pole{ width: 193px; border: 1px solid white; padding: 2px; }
.drobky{ background-color: #E3E3E3; font-size: .9em; margin: 0; padding: 0px 179px 0px 179px; border-top: 5px solid white; }
.drobky p{ margin: 0; border-bottom: 5px solid white; padding: 6px 0; }
.drobky a{ background: transparent url(../img/sip.gif) no-repeat 100% .45em; padding-right: 10px; margin-right: 5px; }
#flash{ margin-top: -5px; padding-bottom: 5px; }
#flash object{ display: block; }
.ikony img{ display: block; margin-bottom: 5px; }
.boxik{ background: white url(../img/boxik.gif) no-repeat; padding-top: 12px; margin-top: 11px; }
.boxik h3{ background-color: #E3E3E3; margin: 0; color: Black; padding: 5px 0; font-size: 1.2em; }
.boxik h3 span{ display: block; border-left: 5px solid black; padding: 9px 10px; }
.boxik p{ background-color: #E3E3E3; margin: 0; padding: 0px 5px 5px 5px; }

.banner-h5{ font-size: .85em; color: #9A9999; font-weight: normal; text-align: right; margin: 0; }

.novinka{ border-bottom: 1px solid #E1E0E0; padding-bottom: 10px; margin-bottom: 7px; }
.novinka h3{ font-size: 1em; margin: 0; }
.novinka .obr{ margin: .7em 1em 0.2em 0;  border: 7px solid #E7E6E6; }
.novinka p{ margin: .7em 0; }
.nopad-bottom{ padding-bottom: 0 !important; }

ul.seznam, ul.seznam2, #plocha ul{ list-style-type: none; }
.seznam li, #plocha li{ padding: .4em 0; padding-left: 15px; background: transparent url(../img/li.gif) no-repeat 0 .85em; line-height: 1.3em; }
.seznam2 li,  #plocha .seznam2 li{ padding-left: 15px; background: transparent url(../img/li.gif) no-repeat 0 .45em; line-height: 1.3em; }

.bazar .clanek{ margin-bottom: 15px; }
.bazar .clanek .info{ border-top: 1px solid #E3E3E3; border-bottom: 2px solid #E3E3E3; font-size: .9em; padding: 1px 5px; margin-bottom: 0; }
.bazar .clanek .info strong{ font-weight: normal; }

div.potvrzeni{ width: 230px;  background-color: #00A4AE; top: 320px; padding-bottom: 10px; left: 50%; color: white; text-align: center; font-weight: bold; position: absolute; border: 1px solid black; }
div.potvrzeni p{ padding: 15px 0 10px 0; margin: 0; }
div.potvrzeni input.btn{ font-weight: bold; }

table.tab, #plocha table{ font-size: 1em; border-collapse: collapse; margin: .8em 0; width: 100%; line-height: 1.2em; border: 0; }
table.tab th, #plocha th{ color: white; background-color: #3F3F40; border-left: 1px solid #3F3F40; padding: 7px 7px; font-weight: bold; border: 0; text-align: left; border-right: 1px solid white;   }
table.tab th.last, #plocha th.last{ border-right: 0; }
table.tab td, #plocha td{border: 1px solid #CDCDCD; padding: 5px 7px; background-color: #EEEEEE; color: black; }
table.tab tr.sec td, #plocha tr.sec td{ background-color: white; color: black; }
table.tab tr.sec td a, #plocha tr.sec td a{ background-color: transparent !important ; }
table.tab th.cervena, #plocha th.cervena{ background-color: #F80E20; color: White; border-left: 1px solid #F80E20;  border-right: 1px solid #F80E20; }

#plocha .formik{ border: 0; }
#plocha .formik th{ background: transparent; border: 0; text-align: right; color: Black; vertical-align: top; }
#plocha .formik td{ color: Black; background: transparent; border: 0; }
.blok{ background: #E3E3E3; padding: 10px 10px; }


.uvod{ background: transparent url(../img/uvod.jpg) no-repeat; height: 44em; min-height: 44em; }
html>body .uvod{ height: auto; }
.uvod p{ width: 225px; font-size: .9em; }
.uvod .vice, .rnew .vice{ background: transparent url(../img/vice.gif) no-repeat; padding: 9px 0 11px 39px; }
#right h2{ margin-top: 5px; }
.rnew{ padding-left: 22px; font-size: .9em; margin-bottom: 10px; }
.rnew h3{ font-size: 1em; margin: 4px 0; line-height: 1.2em; padding: 0; }
.rnew p{ margin: 0 0; }
.rnew h3 a{ color: Black; text-decoration: none; }
.rnew .info{ background: #F2F2F2; color: #9E9E9E; font-size: .9em; text-align: right; padding: 1px 3px; }
.rnew .vice{ background-image: url(../img/vice2.gif); background-position: 0 .4em; padding: 1px 0 1px 15px; }

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

.pdf{ background: transparent url(/img/i-pdf.gif) no-repeat 0 0; padding: 4px 0 4px 30px; }
.doc{ background: transparent url(/img/i-doc.gif) no-repeat 0 0; padding: 4px 0 4px 30px; }
.xls{ background: transparent url(/img/i-excel.gif) no-repeat 0% 0; padding: 4px 0 4px 30px; }
.zip{ background: transparent url(/img/i-archive.gif) no-repeat 0% 0; padding: 4px 0 4px 30px; }

/*docasne*/
#subpage #left{ width: 179px; margin-left: -943px; }
#subpage #stred{ margin-left: 179px; width: 754px;  padding: 5px; }
#subpage #right{ width: 179px; float: none; padding-bottom: 20px; display: block; position: absolute; top: 151px; right: 0; z-index: 100; }

.proiframe{
	height: 760px; position: relative;
}
.proiframe iframe{ position: absolute; top: 47px; left: 0; }

}