@media screen, projection, tv{
html,body{ color: #4D4D4D; background: #359CFD url(../img/back.jpg) repeat-x;  margin: 0; padding: 0;}
html,body, input, textarea, select, table{ color: #4D4D4D; font-family: "Arial CE", "Helvetica CE", Arial,  helvetica, sans-serif; }
/*    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; }
h1.hlavni{ font-size: 1.8em; padding: 170px 13px 34px 67px; margin: 0; font-weight: normal; width: 625px;  color: White; background: #359CFD url(/img/top1.jpg) no-repeat; position: absolute; top: 0; left: 257px; line-height: 1.2em;  }
h2{ font-size: 1.8em;  margin: 1.4em 0 .6em 0; color: #1E73C2; font-weight: normal; line-height: 1.2em; }
h2.spec{ background: transparent url(../img/h2.jpg) no-repeat; padding: 7px 0 0 63px; margin: 0 0 0 -25px; }
h2.spec span{ display: block; font-size: .55em; line-height: 1.2em; padding-bottom: 10px; font-weight: bold; }
#index h2.spec{ background: transparent url(../img/h2-2.jpg) no-repeat; }
h3{ font-size: 1.2em; margin: 1.4em 0 .6em 0; color: #085BA9;  }
h4{ font-size: 1em;  margin: 1.4em 0 .6em 0; }
a{ color: #568F02; }
a:hover{ color: #1E73C2; }
input, textarea{ border: 1px solid #88B9E7; background: White url(../img/input.gif) repeat-x; padding: 2px; margin: 2px 0; }
.obr, .obr2, .obr-left, .obr-right{ border: 4px solid #88C4FF; margin-top: .7em; }

#base{ margin: 0 auto; text-align: left; width: 937px; font-size: .75em; position: relative; padding: 0 30px; background: #359CFD url(../img/stin.jpg) no-repeat;  }
#head{ width: 937px; }
#head h1{ color: #359CFD; background-color: white; font-size: 1.2em; position: relative; overflow: hidden; line-height: 1.2em; margin: 0 0 0 0; }
#head h1 span, #head h1{ width: 120px; height: 79px; }
#head a{ background-color: white; color: #359CFD; text-decoration: none; }
#head h1 span{ position: absolute; cursor: pointer; top: 0; left: 0; background: transparent url(../img/procter-gamble.gif) no-repeat; color: #359CFD; }

#main{ width: 937px; clear: both; background: white; }
#index #main{ background: white url(../img/main.gif) repeat-y; }
#left, #stred, #right{ float: left; display: inline; overflow: hidden;}
#left{ width: 222px; margin-left: -937px; padding-bottom: 15px;  }
#stred{ margin-left: 222px; width: 715px; margin-top: 151px;  }
#index #stred{ margin-left: 222px; width: 503px;  }
#right{ width: 212px; color: #085BA9; padding-bottom: 5px;  }
#plocha{ padding: 0px 20px 10px 30px; margin: 0 5px; }
#index #stred, #index #right{ margin-top: 405px; }

#pata{ clear: both; width: 937px; background: #359CFD url(../img/pata-det.png) no-repeat; padding: 1px 0; color: White; font-size: .9em;  }
#index #pata{ background: #359CFD url(../img/pata.png) no-repeat; }
#pata a{text-decoration: none; color: White; }
#pata a span{ text-decoration: underline; }
#pata .xs{ color: #ACD4FB; }
#pata p{ margin: 0; padding: 50px 0 30px 21px; }

#menu{ width: 217px; margin-left: 5px; background: White url(../img/menu.jpg) no-repeat; padding-top: 41px; margin-bottom: 5px; }
#menu ul{ margin: 0; width: 217px;list-style-type: none; background: #80BD28 url(../img/menu-down.jpg) 0 100%; padding-bottom: 9px; }
#menu li{width: auto;  }
#menu a{text-decoration: none; padding: 8px 5px 7px 31px; width: 181px; line-height: 1.25em;  display: block; background: #80BD28 url(../img/m.gif) no-repeat; color: White; font-weight: bold; border-bottom: 1px solid #A0CE5E; }
#menu a:hover, #menu .rozbaleno a{ background-position: 0 -153px; color: #354F07; text-decoration: underline; }
#menu .rozbaleno ul{ display: block; }
#menu .last a{ border-color: #80BD28; }
#menu ul ul{ padding: 0; background-image: none; display: none; }
#menu ul  .rozbaleno ul a{ color: #354F07; font-weight: normal; width: 171px;  text-decoration: underline; background: #80BD28 url(../img/m2.gif) no-repeat 31px -132px; padding-left: 41px; }
#menu ul ul a:hover{ background-position: 31px 13px; color: #DAFF89; }
#banner img, #banner .banx2{ margin: 0 0 5px 5px; }

#flash{ position: absolute; top: 0; left: 257px; background-color: White; padding-bottom: 2px; }
.novacci h2.spec{ margin: 10px 0 0 10px; background-image: url(../img/h2-3.jpg); }
.novacci h3{ margin: 6px 0 0 20px; }
.novacci img{ float: left; margin: 2px 5px 0 0; }
.novacci p{ font-size: .9em; margin: 5px 10px 8px 20px; }
.vice{ font-weight: bold; background: transparent url(../img/vice2.gif) no-repeat 0; padding: 1px 0 1px 21px; color: #085BA9; }
a:hover.vice{ color: #568F02; }
.banx, #index .banx2{ display: none; }
#index .banx{ display: block; }
#logaflash{ position: absolute; width: 93px; top: 0; left: 150px; }

ul.seznam{ list-style-type: none; }
ul.seznam li{ background: White url(../img/seznam.gif) no-repeat 0 .9em; padding: .4em 0 .4em 20px; }
ol.seznam li{ padding: .4em 0; }
#plocha ol{ margin: 1em 0 1em 1em; }
.kobrazku{ margin-left: 145px; }


.specul img{ float: left; margin-right: 6px; margin-top: 2px; }
.specul li{ clear: both; padding: 8px 0 8px 50px; line-height: 1.4em; }
.specul strong{ font-size: 1.2em; color: #085BA9; }

.n2 h1.hlavni{ background-image: url(../img/top2.jpg); }
.n3 h1.hlavni{ background-image: url(../img/top3.jpg); }
.n4 h1.hlavni{ background-image: url(../img/top4.jpg); }

.galerie td {text-align: center; vertical-align: top; padding-left: 5px; padding-right: 5px;}
.galerie td img {text-align: center;}
.galerie a {padding-left: 17px; background: #FFFFFF url("/img/kamera.gif") left center no-repeat; line-height: 15px;}
.galerie a:hover {padding-left: 17px; background: #FFFFFF url("/img/kamera-over.gif") left center no-repeat; line-height: 15px;}

.formular{ background: #E5F2FF url(../img/form1.png) no-repeat; padding-top: 33px; width: 643px; }
.formular fieldset{ background: transparent url(../img/form2.png) no-repeat 0 100%; padding-bottom: 33px; padding: 5px 17px 33px 17px;  }
.formular th{ text-align: left; color: #1E73C2; padding-right: 40px; font-weight: bold;}
input.btn{ border: 0; padding: 0; text-transform: uppercase; color: White; font-weight: bold; text-align: center; background: transparent url(../img/btn.png) no-repeat; width: 12em; padding: 3px 0; }
input.bezpozadi{ background-color: transparent; }

#mutace{ position: absolute; top: 6px; left: 261px; color: #065CA9; font-weight: bold; width: 10em; z-index: 100; }
#mutace a{ display: block; background: transparent url(../img/eng.png) no-repeat; padding: 4px 0 3px 34px; color: #065CA9; font-size: .9em; }
#mutace a:hover{ color: #80BD28; }
#index #mutace{ display: none; }
#mutace a.en{ background-image: url(../img/cze.jpg); }

.gal img{ float: left; margin: 0 5px 5px 0; }

div.potvrzeni{ width: 230px;  padding-bottom: 10px; z-index: 100; background-color: #E5F2FF; top: 200px;  left: 48%; color: #1E73C2; text-align: center; font-weight: bold; position: absolute; border: 1px solid silver; border-bottom: 1px solid gray;border-right: 1px solid gray; }
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: 1em;border: 1px solid white; border-collapse: collapse; margin: 12px 0; width: auto; line-height: 1.2em; }
table.tab th{ color: White; background-color: #61931D; padding: 3px 7px; font-weight: bold; text-align: left; border: 1px solid white; }
table.tab td{ border: 1px solid white; padding: 4px 7px; background: #E4F1FE; }
tr.sec td{ background-color: #EFF7FE;  }

.formik th{ text-align: right; padding: 2px 10px 2px 0; border: 0; }
.formik td{ padding: 2px 5px; border: 0;  }

.manag img{
	margin: 0 10px;
}

.plnasirka{ width: 450px; }

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

}