@media screen, projection, tv{
html,body{ color: Black; background: White;  margin: 0; padding: 0; color: #1A1521;}
html,body, input, textarea, select, table{     font-family: "Verdana CE", Verdana, "Arial CE", "Lucida Grande CE", "Geneva CE", "Helvetica CE", Arial, lucida, 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{ font-size: 1.5em;  margin: 1.4em 0 .6em 0;  }
h2{ font-size: 1.1em;  margin: 1.4em 0 .6em 0; text-transform: uppercase; color: #ff0000; }
h2.hlavni{  background: White url(../img/main.gif) no-repeat 0 100%; padding: 0 0 19px 30px; margin: 13px 0 0 6px;}
h3{ text-transform: uppercase; display: block;  line-height: 1.2em; margin: 2em 0 .2em 0; color: #FF0000; }
#plocha h3{ background: transparent url(../img/h3.gif) no-repeat 0 .2em; padding-left: 17px; }
h3.hlavni{ background-color: #E1E1E1; color: #706D76;text-transform: uppercase; background-image: none; display: block; padding: 5px 30px; line-height: 1.2em; margin: 32px 0 0 6px; }
h4{ font-size: 1.1em;  margin: 1.4em 0 .2em 0; color: #706E75;}
a{ color: #ff0000; }
a:hover{ color: #920303; }
a.vice{ background: transparent url(../img/vice.gif) no-repeat 100% 0em; color: #FF0000; padding-right: 15px; line-height: 1.3em; }
.zpet{ text-align: right; margin-top: 2em; }
.zpet a{ background: transparent url(../img/zpet.gif) no-repeat 0 .2em; padding-left: 15px; line-height: 1.3em; : ; }
.red{ color: #FF0000 !important; }
input.btn{ background-color: #ff0000; color: White; border: 1px solid white; padding: 1px 5px; font-weight: bold; width: auto; }

fieldset{ background-color: #ECECEC; padding: 4px 10px; }
input, select, textarea{ border: 1px solid #ACACAC; font-size: .95em; }
input,  textarea{ padding: 1px; }

#base{ margin: 0 auto; text-align: left; width: 988px; font-size: .7em; position: relative; background: White url(../img/l2.gif) repeat-y 0 0;}
#head{ background: White url(../img/top.jpg) no-repeat 0 0; height: 98px; width: 978px; padding: 5px 0 0 10px; }
#head h1{ color: White; background-color: #FF0000; font-size: 1.2em; position: relative; overflow: hidden; line-height: 1.2em; margin: 0px; }
#head h1 span, #head h1{ width: 96px; height: 96px; }
#head a{ background-color: #FF0000; color: White; text-decoration: none; }
#head h1 span{ position: absolute; cursor: pointer; top: 0; left: 0; background: transparent url(../img/synergie.gif) no-repeat; color: White; }

#main{ padding-bottom: 0; width: 988px; }
#left, #stred{ float: left; display: inline; overflow: hidden;}
#left{ width: 247px; margin-left: -988px;   }

#index #left img{ display: block;  }
#index a.vice{ background: transparent url(../img/vice-b.gif) no-repeat 100% 0em; color: Black; padding-right: 15px; line-height: 1.3em; }
#stred{ width: 741px; margin-left: 247px; background: transparent url(../img/main.gif) no-repeat 100% 0;}
#plocha{ margin-left: 6px; padding: 5px 0px 10px 30px; font-size: 1.05em;  }
#pata{ clear: both; padding: 13px 0 5px 0; line-height: 1.2em; border-top: 6px solid white; background: White url(../img/pata.gif) no-repeat 0 0; font-size: .9em; color: #FF0101; text-align: right; width: 988px; }
#index #pata{  background: White url(../img/pata1.gif) no-repeat 0 0;  }
#index #plocha{ font-size: .95em; }
#pata span.copy{ float: left; width: 231px; text-align: right; }

#menu{ background: transparent none; padding-top: 0; }
#menu h3{ margin: 0 0 0 21px; color: #FF0000; text-transform: uppercase; padding: 10px 0; line-height: 1.2em; font-weight: bold; }
#menu ul{ margin: 0 0 0 15px; list-style-type: none; width: 218px; }
#menu li{ padding-bottom: 1px; padding-top: 2px; border-bottom: 1px solid #B4B8BB; }
#menu ul a{ display: block; width: 200px; text-transform: uppercase; background: transparent url(../img/hover.gif) no-repeat -400px .4em; color: #B4B8BB; font-size: 1.1em; text-decoration: none; padding: 3px 5px 4px 15px; font-weight: bold; line-height: 1.2em; }
#menu ul a:hover{ color: #ff0000;  background-position: 0px .35em; }
#menu .uroven{ padding-top: 10px; }
#menu .uroven h3{ padding: 5px 0; }

#navtop{ right: 13px; top: 26px; width: 179px; position: absolute; z-index: 10;  }
#navtop a, #navtop span{ display: block; width: 179px; height: 18px; overflow: hidden; }
#navtop a{ position: relative; }
#navtop span{ position: absolute; top: 0; left: 0; background: transparent url(../img/nav3.jpg) no-repeat; cursor: pointer; }
#navtop .navtop-en span{  background: transparent url(../img/nav3-en.jpg) no-repeat;  }
#navtop .s2 span{ background: transparent url(../img/nav4.jpg) no-repeat 0 0; }
#navtop a:hover{ color: black; }
#navtop a:hover span{ background-position: -179px 0;  }

#nav{ position: absolute; top: 79px; right: 53px; width: 58em; max-width: 900px; z-index: 5;}
#nav ul{ margin: 0; list-style-type: none;  }
#nav li{ float: left; }
#nav a{ display: block; background: transparent url(../img/nav.gif) no-repeat -286px .55em; margin-right: 18px; color: #ff0000; font-weight: bold; text-transform: uppercase; padding: 2px 5px 2px 17px; text-decoration: none; font-size: .95em; }
#nav a:hover{ color: #920303; background-position: 0 .55em; }
#mutace{ position: absolute; right: 5px; top: 80px;  z-index: 5;}
#eng #nav, .eng #nav{ width: 44em; }


#index #base{ background-image: none; }
#index #plocha{ background: transparent url(../img/tecky.gif) repeat-y 372px 0; margin-top: 30px; padding-left: 10px; padding-top: 0; padding-bottom: 0; }
#sloup1, #sloup2{ vertical-align: top;  }
#sloup1{ padding-right: 46px; }
.boxik{ border: 1px solid #D2D2D0; padding: 10px 5px 10px 157px; width: 170px; background: White url(../img/td1-2.jpg) no-repeat; height: 196px; }
#sloup2 .boxik{ background: white url(../img/td2-2.jpg) no-repeat 0 100%; }
.boxik h3, .boxik2 h3{ text-transform: uppercase; margin: 0; color: #ff0000; line-height: 1.2em; font-size: 1.1em; }
.boxik2{ background-color: #EBEBEB; padding: 15px; width: 304px; margin: 10px 0 13px 0; }
#index #plocha ul a{ color: Black; }
#index #plocha ul a:hover{ color: #ff0000; }
.boxik2 h3{ background: transparent url(../img/h3.gif) no-repeat 0 .2em; padding-left: 17px; }
.boxik3{ background-color: #FFE9E9; }
.boxik3 li{ width: 11em; float: left; }
.boxik4{ background-color: White; line-height: 1.3em; /*border-bottom: 1px solid #D2D2D0; */}
.boxik4 p{ background: transparent url(../img/new-b.gif) no-repeat 0 .3em; padding-left: 17px; }
#index .boxik2 a.vice{ background-image: url(../img/vice3-b.gif); }
#index .boxik3 a.vice{ background-image: url(../img/vice3-b.gif); }
#index .boxik4 a.vice{ background-image: url(../img/vice-b.gif); }

.seznam li{ list-style-type: none; background: transparent url(../img/li.gif) no-repeat 0 .5em; padding: 4px 0 4px 15px; line-height: 1.2em; }
.seznam2 li, .seznam ul li{ list-style-type: none; background: transparent url(../img/li2.gif) no-repeat 0 .5em; padding: 2px 0 2px 15px; line-height: 1.2em; }
#index .seznam li{background: transparent url(../img/li-b.gif) no-repeat 0 .5em; }
#index .seznam2 li, #index .seznam ul li{ background: transparent url(../img/li2-b.gif) no-repeat 0 .5em;  }



.hledani{ margin: 1.3em 0 0 0; }
.hledani select{ width: 23.2em; margin: 7px 0 0 19px; font-size: 1.05em;  }
.hledani .hl1{ padding-right: 36px; background: transparent url(../img/tecky.gif) repeat-y 351px 0; }
.obal{ background-color: #ECECEC; padding: 7px 14px 13px 14px; margin-bottom: 20px; }
.obal2{ background-color: #F4E9D5; }
.obal3{ background-color: #ECECEC; padding: 10px 18px; margin: 2em 0; width: 24em; }
.obal3 strong{ color: #6F6D74; margin-right: 1.3em; }
.hledani h3{ margin-top: 0; }
.dodatek{ color: #6F6D74; line-height: 1.2em; margin: 5px 0 15px 0; padding-left: 30px; background: transparent url(../img/otaznik.gif) no-repeat -5px 0; }
.specodkaz{ background-color: #FAE0E1; padding: 5px 18px; line-height: 1.2em; }
.specodkaz a.vice{ background-image: url(../img/vice4.gif); }

.polozka{ margin: 0 0 1.5em 0; line-height: 1.3em; }
.polozka a{ text-decoration: none; }
.polozka h4{ background: transparent url(../img/h3.gif) no-repeat 0 .2em; padding-left: 29px; margin-right: 165px; margin-bottom: 15px; }
.polozka p{ margin-left: 29px !important ; margin-right: 165px!important ; text-align: justify; }
.polozka img{ float: right; margin: 5px 0 0 10px; }
.ref p, .ref h4{ margin-right: 0 !important; }

.galka{ width: 180px; float: right; margin: 0 0 0 15px; }
.galka img{ display: block; margin-bottom: 6px; }

.lphoto{ display: block; margin-top: 50px; }
.clm{ background: #FF0000; margin: 4px 0 0 0; }
.clm img{ display: block; margin: 0 auto; }


div.potvrzeni{ width: 350px;  padding: 5px 10px; background-color: #F9EAD5; top: 80px; left: 45%; color: black; z-index: 500; text-align: center; font-weight: bold; position: absolute; border: 1px solid gray; }
div.potvrzeni p{ padding: 10px 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{ color: #6F6D74; background-color: #FAE0E1; padding: 4px 7px; font-weight: bold; text-align: left; border-right: 1px solid white; border-bottom: 1px solid white; }
table.tab td{ border: 1px solid white; border-width: 2px 1px 2px 1px; padding: 4px 7px; background-color: #F5F5F5; }
tr.sec td{background-color: White;  color: black; }
tr.sec td a{ background-color: transparent; }
tr.tht td{background-color: #F9E2C5;  color: black;}

.formik th{ text-align: right; padding: 5px 3px 2px 10px; border: 0; line-height: 1.2em; vertical-align: top; }
.formik td{ padding: 2px 5px; border: 0;  }

#pata a{text-decoration: none; color: #FF0101; }
#pata a span{ text-decoration: underline; }

#uvod{ position: relative; font-family: "Tahoma CE", Tahoma, "Arial CE", "Helvetica CE", Arial, "Lucida Grande CE", lucida, sans-serif; background: transparent url(../img/uvod.jpg) no-repeat; width: 996px; height: 600px; margin: 0 auto; font-size: .75em; color: white; padding-top: 1px; }
#uvod table{ margin: 330px 0 0  25px; line-height: 1.2em; font-family: "Tahoma CE", Tahoma, "Arial CE", "Helvetica CE", Arial, "Lucida Grande CE", lucida, sans-serif;}
#uvod table td{ width: 143px; padding: 0 11px 0 0; line-height: 1.2em; vertical-align: top; }
#uvod table td div{ position: relative; height:174px;  padding: 1px 0 1px 1px; }
#uvod table ul{ margin: 3px 0 0 21px; }
#uvod table li{ padding: 4px 0 3px 0; line-height: 1.1em; }
#uvod table ul a{ color: White; font-size: .9em; text-decoration: none; line-height: 1.2em; }
#uvod h2{ margin: 3px 2px 0 5px; color: White; text-transform: none; }
#uvod table p{ margin: 0; padding: 0 4px 0 6px; position: absolute; left: 0; bottom: 0;}
#uvod #uvodnav{ margin: 0 0 0 47px; line-height: 1.2em;  width: 900px; position: absolute; left: 0; bottom: 7px; }
#uvod #uvodnav a{ color: White; text-decoration: none; font-size: .9em; }
#uvod a:hover, #uvod #uvodnav a:hover{ color: White; text-decoration: underline; }

.gal{ width: 100%; }
.gal td{ padding: 3px 5px 3px 0; vertical-align: top; text-align: center; }
.gal img{ border: 4px solid #D6D6D6; display: block; margin: 0 auto; }

  div#popik{ position: absolute; top: 200px; left: 450px; border: 1px solid #D1D1D1; z-index: 1000; border: 2px solid #FF0000;  display: none; text-align: center; font-size: 1em; width: 350px; background: white; color: #FF0000; font-size: 1.2em; text-align: left; }
  div#popik p img{ border: 0; margin-top: 0; }
  div#popik p{ margin: 8px; line-height: 1.3em; padding: 20px  0; font-weight: bold; }
  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;}
  div#popik a:hover{ background-color: transparent; }
  
.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;}

}