html {padding:0;margin:0;border:none;height:100%;background:white url(x/patern.gif);}
body {text-align:center;min-width:765px;height:100%;padding:0;margin:0;border:none;}
#hlavni {padding-bottom:107px;position:relative;width:765px;margin-left:auto;margin-right:auto;background:white url(x3/dirt.jpg) right repeat-y;text-align:left;}
.dalsi {padding:1px;}
.hi {visibility:hidden;}
a { color: rgb(193,179,147); text-decoration: none; }
a:hover { color: black; text-decoration: none; }

/*hacka*/
h1 { margin:0; padding:0; background-image: url(x3/head.jpg); width: 100%; height: 170px; cursor: pointer; }
h2 { margin:0; padding:0; width: 557px; height: 76px;}
h3 { margin:0; padding:0; font-family: serif; font-size: 135%; font-weight: bold; color: #c1c1c1; border-bottom:1px solid #c1c1c1; letter-spacing: 0.2em;}
h3:first-letter { color: black; font-size: 150%;}
.nadref:first-letter { color: silver; font-size: 150%;}
h4 { margin:0; padding:0; font-family: serif; font-size: 110%; font-weight: bold; color: #c6c6c6; border-bottom:1px solid #c6c6c6; letter-spacing: 0.1em; margin-top: 25px;}
.sm { padding-top: 25px; }

/* obrazkovy nadpisy*/
.my {background-image: url(x3/h2firma.jpg);}
.sluzby { background-image: url(x3/h2sluzby.jpg);}
.wd { background-image: url(x3/h2wd.jpg);}
.wh { background-image: url(x3/h2wh.jpg);}
.cd { background-image: url(x3/h2cd.jpg);}
.dtp { background-image: url(x3/h2dtp.jpg);}
.ceny { background-image: url(x3/h2ceny.jpg);}
.ref { background-image: url(x3/h2ref.jpg);}
.down { background-image: url(x3/h2dw.jpg);}
.co { background-image: url(x3/h2co.jpg);}
.faq { background-image: url(x3/h2faq.jpg);}

/* spodek a obsah */
.obsah {width:70%;padding:20px;font-family:sans-serif;background:white url(x3/d2.jpg) no-repeat;}
.obsah p { text-align: justify; margin: 12px;}
.obsah p:first-letter { font-size: 165%; font-family: serif; padding: 2px; font-weight: bold;  color: silver;}
.obsah .refbox p:first-letter { font-size: 100%; font-family: sans-serif; font-weight: normal; color: black;}
address {margin:0;padding:0;background:transparent url(x3/pata.jpg) no-repeat;width:100%;height:107px;position:absolute;bottom:0;left:0;}
hr.cistic { clear: both; height: 10px; border: none; margin: -1em 0 0 0;  visibility: hidden;}
p#co {font-size:11px;font-family:sans-serif;position:absolute;top:50px;right:20px;}

/*menu*/
ul#menu {padding:0;margin:0;margin-left:20px;list-style:none;width:8.9em;position:absolute;top:165px;right:10px;}
ul#menu li {margin-bottom:6px;}
ul#menu li a {width:80%;border:0;color:black;margin:auto;margin-bottom:6px;padding:2px;padding-right:12px;font-family:serif;display:block;text-decoration:none;font-weight:bold;text-align:right;background:silver;border-right:6px solid #cc9966;filter:Alpha(Opacity="50");-moz-opacity:0.5;_width:95%;}
ul#menu li a:hover {margin:auto;margin-bottom:6px;padding:2px;padding-right:12px;border-right:6px solid black;filter:Alpha(Opacity="80");-moz-opacity:0.8;}
ul#menu li a.ne {filter:Alpha(Opacity="20");-moz-opacity:0.2;margin-top:25px;}
ul#menu li a.ne:hover {filter:Alpha(Opacity="80");-moz-opacity:0.8;margin-top:25px;}
ul#menu li a.konec {margin-top:25px;}
ul#menu li a.konec:hover {margin-top:25px;}
ul#menu li a#ap {filter:Alpha(Opacity="100");-moz-opacity:1;}
.sty {font-size:70%;}
.ac {filter:Alpha(Opacity="90");-moz-opacity:0.9;text-decoration:underline;}

/* style switcher */
p#ss {font-size:80%;font-family:sans-serif;padding-left:30px;background:transparent;}
p#ss a {color:rgb(140,140,140);}
p#ss a:hover {color:black;}

/* tabulky */
table { border-collapse: collapse; margin-bottom:18px;}
table td, table th { border-color: #c4c4c4; border-style: solid; border-width: 1px 0px; padding:2px; text-align: center; }
.dom {text-align: left; }

/* reference */
.nadref {font-size: 18px; font-weight: bold; background-color: black; color: white; padding-left: 12px; }
.refbox { width: 94%; margin-bottom: 10px;}
.refbox h4 {padding-left: 12px;}
.refbox p img { margin: 10px; margin-top: 0; float: left; clear: both; border: 1px solid silver;}
.refbox p img:hover { margin: 10px; margin-top: 0; float: left; clear: both; border: 1px solid black;}
.refbox p img.fil {clear:left;}
p.hh {text-align:right;padding:0;padding-right:12px;}
p.hh:before {content: " > ";}
p.hh:first-letter {color: rgb(193,179,147); text-decoration: none;font-size:100%;}
.lnk {margin:0px; padding:0px; display:block; border:0px; }
.pra {text-align: right;}
.goo {margin-top: -14px;}
.bwz {background: rgb(227,220,204); text-align: center; }

/*download*/
.half {width:45%;}
.ll {float:left;}
.rr {float:right;}
a.zum:hover {text-decoration:none;border:none;}
.half p a.zum img {border:2px solid #fc0;margin:5px;_margin:-5px;width:220px;height:120px;}
.half p a.zum img:hover {border:2px solid black;margin:5px;_margin:-5px;width:220px;height:120px;}
.half {width:45%;_width:40%;}
div.wlppr p img {margin-left:150px}
div.wlppr p img.kk {margin-left:8px}

/* drobnosti*/
.info:after {content: "" ; font-size: 75%; color: rgb(198,187,165);}
abbr span.abbr {border-bottom:1px silver dotted;cursor:help;}

/* vylepsene seznamy */
ul#add {list-style:url(x3/doc-tecka.gif);}
ul#add li {padding:.25em;font-weight:1.5em;}

/* formular */
form {width:98%;font-size:.94em;_font-size:.75em;position:relative;height:700px;_height:850px;}
form input {margin:0 .3em 0 0;border:0;background:transparent;}
.mssux {_border:1px solid green;color:silver;} /* msie nepozna textovy chlivky od radia nebo checkboxu */
form div.spodek {width:98%;margin:1em 0 .3em 0;float:none;text-align:center;padding-left:auto;padding-right:auto;}
form div.spodek input {border:2px solid #c96;color:#c96;background:white;font-weight:bold;cursor:pointer;}
form div.spodek input:hover {border:2px solid black;background:#c96;color:black;}
form div div.kont input {margin:.5em 0 0 0;}
form div div.lfo p {margin:.6em 0 0 0;}
.hbox {visibility:hidden;}
legend {background:white;border:1px solid silver;padding:.2em;margin:2em 0 0 -.35em; font-size:1.2em;_margin-bottom:10px;}
.all {width:100%;padding:0 0 1em 0;margin:0 0 1em 0;_margin-bottom:5px;_padding-bottom:5px;}
.inp {border:0;padding:0;float:right;width:56%;}
label {width:42%;display:block;float:left;}
input {padding:.2em;margin:.5em;}
input[type="text"] {border:1px solid silver;color:black;}
.mssux {border:1px solid green} /* msie nepozna textovy chlivky od radia nebo checkboxu */
.lajna {border-bottom:1px solid white;margin:0 0 2em 0;}
#text5 div.all {_margin:0;_padding:0;}
textarea {background:transparent;border:1px solid silver;color:silver;height:5em;font-family:sans-serif;padding:.5em;overflow:auto;width:90%;_margin-bottom:1em;}

/* prepinac formu */
fieldset {border:none;margin:-1em 0 .8em 0;padding:.8em 0 0 0;position:absolute;top:0;left:0;width:98%;visibility:hidden;_top:-20px;}
p#formhop {position:absolute;top:180px;left:20px;text-align:right;font-family:sans-serif;_top:280px;}
p#formhop strong a {background:white;padding:.1em .4em .1em .4em;color:#c96;border:1px solid #c96;position:absolute;top:0;right:-100px;}
p#formhop strong a:hover {border:1px solid black;color:black;background:#c96;}