/* konkrétní styly vzhledu systému */
body {padding: 0; margin: 0; font: 70%/130% Verdana, Arial, "Arial CE", sans-serif; text-align: center; background: #FBA502 url("/UserFiles/Image/images/pozadi.gif") top center repeat-x;}
a {color: #000; }
a:hover {color: #FBA503;}
form {padding: 0; margin: 0;}
p {margin: 5px 0 10px 0;}
h2 {font-size: 140%; color: #FBA502; margin: 10px 0 10px 0;}
h2 a {color: #FBA502;}
h2 a:hover {color: #000000;}
h3 {font-size: 120%; color: #003871; margin: 30px 0 10px 0;}
h3 a {color: #003871;}
h3 a:hover {color: #000000;}
h4 {font-size: 110%; color: #01732e; margin: 30px 0 10px 0;}
h4 a {color: #01732e;}
h5 {font-size: 100%; margin: 0;}
h6 {font-size: 110%; color: #999999; font-weight: bold;}
ol, ul {padding: 2px 10px 0 5px;}
li {line-height: 140%;}
dl {line-height: 120%; padding-bottom: 0;}
dt {left: 0; float: left; padding: 0 0 0 50px; margin: margin: 0; border: 0; font-style: italic;}
dd {padding: 0; margin: 0 0 0.5em 200px; border: 0;}
table {width: 90%; font-size: 100%; color: #000000; border-collapse: collapse; border: 0;}
td {vertical-align: top; padding: 1px 4px 1px 4px;}
input {font-size: 100%;}

#container {width: 770px; margin-left: auto; margin-right: auto; text-align: left; color: #000000; background: url("/UserFiles/Image/images/pozadi_stin.gif") top center repeat-y;}
#hlavicka0 {width: 770; height: 140px; padding: 0; margin: 0;}
#hlavicka, #hlavickanovinky, #hlavickafirma, #hlavickaprodukt, #hlavickatechno, #hlavickaservis, #hlavickakalkul, #hlavickaref, #hlavickakontakt {height: 140px; padding: 70px 0 0 0; _margin: 0;}
#hlavicka {background: url("/UserFiles/Image/images/hlavicka.jpg") top center no-repeat;}
#hlavickanovinky {background: url("/UserFiles/Image/images/hlavicka_novinky.jpg") top center no-repeat;}
#hlavickafirma {background: url("/UserFiles/Image/images/hlavicka_firma.jpg") top center no-repeat;}
#hlavickaprodukt {background: url("/UserFiles/Image/images/hlavicka_produkt.jpg") top center no-repeat;}
#hlavickatechno {background: url("/UserFiles/Image/images/hlavicka_techno.jpg") top center no-repeat;}
#hlavickaservis {background: url("/UserFiles/Image/images/hlavicka_servis.jpg") top center no-repeat;}
#hlavickakalkul {background: url("/UserFiles/Image/images/hlavicka_kalkul.jpg") top center no-repeat;}
#hlavickaref {background: url("/UserFiles/Image/images/hlavicka_ref.jpg") top center no-repeat;}
#hlavickakontakt {background: url("/UserFiles/Image/images/hlavicka_kontakt.jpg") top center no-repeat;}

h1.logo {width: 130px; height: 46px; padding: 0; margin: 0 0 0 45px; background: url("/UserFiles/Image/images/logo.gif") no-repeat; cursor: pointer;}
h1 span {display: none;}
#menu {float: right; width: 100%; height: 34px; margin:0; padding: 0; font-size: 100%; font-variant: small-caps; background: #dbdbdb url("/UserFiles/Image/images/menu.gif") bottom center repeat-x;}
#menu:after {content: "."; display: block; visibility: hidden; clear: both;}
#menu ul {margin: 0; padding: 0 0 0 6px;}
#menu ul li.right {float: right;}
#menu ul li {margin: 0; height: 28px; padding: 0; list-style-type: none; float: left; background: url("/UserFiles/Image/images/svislitko.gif") top left no-repeat;}
#menu ul li a {display: block; font-weight: bold; text-decoration: none; padding: 6px 13px 6px 13px;}
#menu ul li a:hover {font-weight: bold; color: #000000; background: #FBA503 url("/UserFiles/Image/images/svislitko.gif") top left no-repeat;}
.aktivni {background-color: #ffffff;}

#vlevo0 {width: 200px; float: left; padding: 0; marign: 0; font-size: 90%;}
#vlevo {padding: 20px 0 20px 0; margin: 0 0 0 7px;}
#vlevo p {padding: 5px 5px 5px 15px;}
#vlevo ul {margin: 0; padding: 0;} 
#vlevo ul li {float: left; width: 192px; margin: 0; padding: 0; list-style-type: none; border-bottom: 1px solid #DBDBDB;}
#vlevo ul li a {display: block; height-min: 20px; _height: 20px; padding: 2px 5px 2px 15px; font-weight: bold;}
#vlevo ul li a:hover {color: #000000; background-color: #DBDBDB;}
#vlevo .podmenu {background-color: #FEE6B8;}
.vlevobunka {padding: 0 0 5px 0;}
.vlevobunka h4 {padding: 0; margin: 0;}
.vlevotitle, .vlevotitulek {clear: both; width: 100%; height: 22px; padding: 2px 0 0 0; margin: 0; background-color: #DBDBDB;}
.sipka {border: 0;}
h2.titulek { font-size: 100%; text-transform: uppercase; color: #000000; padding: 0; margin: 2px 0 0 10px;}
h2 span {display: none;}
.vlajka {border: 0; margin: 0 2px 0 2px;}
.zvyraz {color: #FBA502;}
.kat_zvyraz {color: #FBA502;}
.kat_zvyraz_akt {color: #FBA502;}
#vlevo .modra a {color: #004185;}
#vlevo .modra a:hover {color: #FBA503;}

#vpravo0 {width: 570px; float: right; padding: 0; marign: 0;}
#vpravo {padding: 20px 20px 20px 20px; marign: 0;}

#paticka0 {clear: both; width: 100%; height: 120px; color: #fff; padding: 0; margin: 0; background: url("/UserFiles/Image/images/paticka.gif") top center no-repeat;}
#paticka h5 {font-size: 90%; padding: 80px 0 0 0; margin: 0;}
#paticka h5 a {color: #fff;}
#paticka h5 a:hover {color: #01732E;}
#copyright {font-size: 90%; width: 757px; text-decoration: none;}
.noscreen {display: none}
.cleaner {clear: both;}

.foto {padding: 0; margin: 30px 20px 20px 20px; border: 1px solid #c0c0c0;}
.fotonov {padding: 0; margin: 0; border: 1px solid #c0c0c0;}
.foto-p {float: right; margin: 5px 0 5px 10px;}
.ikonky {float: left; margin: 0 15px 0 0;}
.vice {text-align: right; margin: 10px 10px 10px 0;}
.svislitko {padding-left: 10px; border-left: 4px solid #dbdbdb;}
.textdoprava {text-align: right; font-style: italic; padding-bottom: 15px;}
.technologie dt {padding: 0; color: #003871; font-style: normal;}
.technologie dd {margin: 0 0 0.5em 190px;}
.servis dt {padding: 0; font-style: italic; font-weight: bold;}
.servis dd {margin: 0 10px 0.5em 90px;}
.nastred {text-align: center;}
.doprava {text-align: right;}
.obrazek {border: 0;}
.obrpopis {float: left; width: 174px; font-style: italic; padding: 10px 0 10px 0;}
.sponzor {float: right; padding: 0; margin: 0 10px 10px 10px; border: 0;}
.certifikaty {padding: 4px 0 4px 0; margin: 2px 0 0 0; font-size: 120%; text-align: center; font-weight: bold; color: #ffffff; background-color: #FBA502;}
.ramecek {height: 160px; padding: 3px 0 3px 0; margin: 0 0 10px 0; text-align: center; font-weight: bold; color: #cc3300; background: url("/UserFiles/Image/images/fotak-poz.jpg") top center no-repeat;}
.zelena {color: #00722d;}

.kontakty {clear: both; width: 520px; height: 100px; margin: 0; padding: 10px 0 0 15px; background: #ffffff;}
.management {clear: both; width: 470px; margin: 0; padding: 10px 0 0 40px; background: #ffffff;}
.kontakty-title {padding: 0 0 5px 0; _padding: 0 0 20px 0; margin: 0;}
.kontakty-foto {float: left; padding: 0; margin: 0 20px 0 0; border: 1px solid #c0c0c0;}
.kontakty-obsah {float: left; width: 400px; padding: 0;}
.kontakty-obsah dt {padding: 0 0 0 50px;}
.kontakty-obsah dd {margin: 0 0 0.2em 110px;}
.mapa {margin: 30px 10px 20px 10px; border: 1px solid #c0c0c0;}

.dvojramecek {clear: both; min-height: 290px; padding: 2px 0 5px 0; margin-bottom: 20px;}
.dvojramecek p {padding: 0 3px 5px 5px;}
.ramecekvlevo, .ramecekstred, .ramecekvpravo, .ramecekvlevo2, .ramecekstred2, .ramecekvpravo2 {float: left; width: 156px; _width: 150px; height: 290px; overflow: auto; margin: 0 13px 0 7px;}
.ramecekvlevo {background: #EDEEF0 url("/UserFiles/Image/images/okna1.jpg") top left no-repeat;}
.ramecekstred {background: #EDEEF0 url("/UserFiles/Image/images/okna2.jpg") top left no-repeat;}
.ramecekvpravo {background: #EDEEF0 url("/UserFiles/Image/images/okna3.jpg") top left no-repeat;}
.ramecekvlevo2 {background: #EDEEF0 url("/UserFiles/Image/images/okna4.jpg") top left no-repeat;}
.ramecekstred2 {background: #EDEEF0 url("/UserFiles/Image/images/okna5.jpg") top left no-repeat;}
.ramecekvpravo2 {background: #EDEEF0 url("/UserFiles/Image/images/okna6.jpg") top left no-repeat;}
.inverze, .inverze a {font-size: 100%; color: #fff; background-color: #FBA502; margin: 160px 0 0 0; padding: 2px 0 2px 2px; text-align: center;}
.inverze a:hover {color: #000000;}

.produkt-box {float: left; width: 120px; height: 180px; text-align: center; margin: 2px 5px 6px 5px; _margin: 7px 5px 7px 5px;}
  .produkt-box h3 {height: 16px; font-size: 90%; padding: 0 6px 1px 6px; margin: 0; text-align: center; color: #808080; text-transform: uppercase; cursor: pointer;}
  .produkt-box img.fotonahled {border: 0; text-align: center;}
  .produkt-box a {color: #808080; text-decoration: none;}
  .produkt-box:hover, .produkt-box.hover {color: #000000; text-decoration: none;}
	.produkt-box {
		background-color: expression(
			this.onmouseover = new Function("this.className += ' hover';"),
			this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
		);
	}
    .produkt-box:hover a, .produkt-box.hover a {color: #000000; background-color: #dbdbdb;}

.produkt {float: left; width: 530px; margin: 20px 0 20px 0; padding: 0; background: #ffffff; border-bottom: 1px solid #dbdbdb;}
.produkt-title {font-size: 120%; padding: 0 0 2px 0; margin: 0;}
.produkt-foto {float: left; width: 120px; text-align: center; padding: 0 0 5px 0; margin: 0 10px 0 0; background-color: #ffffff;}
.produkt-obsah {float: left; width: 390px; _width: 400px; padding: 0 0 0 5px;}
.produkt-popis {margin: 0 0 15px 0;}
.produkt-kosik {padding: 0 0 5px 0; margin: 0; text-align: right;}
.produkt-cena {font-size: 100%; float: left; width: 280px; padding: 5px 0 5px; 0; margin: 0;}
.produkt-cena1 {font-size: 90%; color: #000000; margin: 0;}
.produkt-cis {font-size: 90%;}
.produkt-poc {font-size: 90%;}
.produkt dl {line-height: 130%; padding: 0; margin: 5px 0 5px 0;}
.produkt dt {padding: 0;}
.produkt dd {margin: 0 0 0 100px;}

.formular {padding: 10px 8px 8px 8px; background-color: #EDEEF0;}
.formtext {font-size: 90%; text-align: right; padding-right: 50px;}
.formzacmrk {padding: 20px 0 0 150px;}
.tlacitka {text-align: center; padding: 20px 0 20px 0;}
.tabstred {width: 50px;}

.ikonka-exe {height: 23px; padding: 0 0 0 25px; margin: 20px 0 0 0; _margin: 0; background: url("/UserFiles/Image/images/ikonka_exe.gif") top left no-repeat;}
.ikonka-pdf {height: 23px; padding: 0 0 0 25px; margin: 20px 0 0 0; _margin: 0; background: url("/UserFiles/Image/images/ikonka_pdf.gif") top left no-repeat;}
.ikonka-zip {height: 23px; padding: 0 0 0 25px; margin: 20px 0 0 0; _margin: 0; background: url("/UserFiles/Image/images/ikonka_zip.gif") top left no-repeat;}
.ikonka-xls {height: 23px; padding: 0 0 0 25px; margin: 20px 0 0 0; _margin: 0; background: url("/UserFiles/Image/images/ikonka_xls.gif") top left no-repeat;}

.labkontakt {width: 150px; float: left; text-align: right; padding-right: 10px; font-weight: bold;}
.labdotaz {width: 375px; float: left; text-align: right; padding-right: 10px; padding-bottom: 10px;}

.tiplogo {_margin: 10px 0 0 0; border: 0;}
.tip {clear: both; width: 100%; min-height: 90px; _margin: 0 0 20px 0;}
.tipico {float: left; width: 110px; _margin: 0 20px 0 0; text-align: center;}
.tiptext {float: left; width: 400px;}

.zasoby {width: 530px; font-size: 80%;}
.zasoby td {border: #DBDBDB 1px solid;}
.zasobynad {text-align: center; font-style: italic; background-color: #dbdbdb;}








/* konkrétní styly menu*/
/* styl specificky pro aktualni jazyk */