html {padding:0;margin:0;border:none;height:100%;background:gainsboro url(x5/bg.gif);}
body {min-width:765px;height:100%;padding:0;margin:0;border:none;_text-align:center;}
#hlavni {position:relative;margin-left:auto;margin-right:auto;width:765px;background:white;color:grey;text-align:left;padding-bottom:90px;}
.dalsi {padding:0;}
.hi {visibility:hidden;}
a {color:black;text-decoration:none;border-bottom:1px dotted rgb(192,193,191);}
a:hover {color:rgb(34,68,3);text-decoration:none;border-bottom:1px dotted rgb(102,102,102);}

/* hacka */
h1 {margin:0;padding:0;background:white url(x5/h1.jpg);width:100%;height:200px;}
h2 {margin:0;padding:0;width:100%;height:89px;}
h3 {margin:0;padding:0;font-family:sans-serif;font-size:135%;font-weight:bold;color:rgb(102,102,102);border-bottom:1px solid rgb(102,102,102);letter-spacing:0.2em;}
h4 {margin:0;padding:0;font-family:sans-serif;font-size:110%;font-weight:bold;color:rgb(102,102,102);border-bottom:1px solid rgb(102,102,102);letter-spacing:0.05em;margin-top:25px;}
.sm {padding-top:25px;}

/*obrazkovy nadpisy */
.my {background-image:url(x5/h2firma.gif);}
.sluzby {background-image:url(x5/h2sluzby.gif);}
.wd {background-image:url(x5/h2design.gif);}
.wh {background-image:url(x5/h2hosting.gif);}
.cd {background-image:url(x5/h2cd.gif);}
.dtp {background-image:url(x5/h2dtp.gif);}
.ceny {background-image:url(x5/h2ceny.gif);}
.ref {background-image:url(x5/h2reference.gif);}
.down {background-image:url(x5/h2download.gif);}
.co {background-image:url(x5/h2kontakty.gif);}
.faq {background-image:url(x5/h2faq.gif);}

/* spodek */
.obsah {width:70%;padding:20px;font-family:sans-serif;}
.obsah p {text-align:justify;margin: 12px;}
address {margin:0;padding:0;background:white url(x5/pata.jpg);width:100%;height:89px;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:10px;font-family:sans-serif;position:absolute;top:8px;left:40px;}
p#co a {border-bottom:none;}
p#co a:hover {color:navy;}

/* menu */
ul#menu {width:200px;padding:0;margin:0;margin-left:20px;list-style:none;position:absolute;top:220px;right:4px;}
ul#menu li {margin-bottom:6px;}
ul#menu li a {font-size:.98em;border:1px dotted silver;background:white;width:65%;color:black;margin:auto;margin-bottom:3px;padding:3px;padding-left:2px;padding-bottom:2px;font-family:sans-serif;display:block;text-decoration:none;text-align:right;_border:1px solid silver;}
ul#menu li a:hover {background:gainsboro;margin:auto;margin-bottom:3px;padding:3px;padding-left:2px;padding-bottom:2px;}
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 {border:1px solid black;}
#ap:before {content:' > > ';color:silver;}
.ac {color:navy;}

/* style switcher */
p#ss {font-size:80%;font-family:sans-serif;z-index:10;position:absolute;bottom:65px;right:190px;_bottom:80px;}
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: #dbdbdb; 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: white; color: black; padding-left: 12px; width: 94%; margin-bottom:14px;}
.refbox { width: 94%; margin-bottom: 10px;}
.refbox p img { margin: 10px; margin-top: 0; float: left; clear: both; border: 2px solid silver;}
.refbox p img:hover { margin: 10px; margin-top: 0; float: left; clear: both; border: 2px solid black;}
p.hh {text-align:right;padding:0;padding-right:30px;}
.refbox h4 a { margin-top: 2px; margin-left: 15px;}

/* download */
.half {width:45%;}
.ll {float:left;}
.rr {float:right;}
.lnk {margin:0px;padding:0;display:block;border:none;}
.pra {text-align:right;margin-right:10px;}
.goo {margin-top:-14px;}
.bwz {background:rgb(227,220,204);text-align:center;}
.half p a.zum {text-decoration:none;border:none;}
.half p a.zum:hover {text-decoration:none;border:none;}
.half p a.zum img {border:2px solid silver;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;}
div.wlppr p img {margin-left:150px}
div.wlppr p img.kk {margin-left:8px}

/* drobnosti */
.info { color:silver;}
.info:after { content: "" ; font-size: 85%; color: grey;}
abbr span.abbr { border-bottom: 1px silver dotted; cursor: help;}

/* vylepsene seznamy */
ul#add {list-style:url(x5/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 navy;color:navy;background:white;font-weight:bold;cursor:pointer;}
form div.spodek input:hover {border:2px solid white;background:navy;color:white;}
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:0 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:.0 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:250px;left:10px;text-align:right;font-family:sans-serif;_top:280px;}
p#formhop strong a {background:white;padding:.1em .4em .1em .4em;color:silver;border:1px solid silver;position:absolute;top:0;right:-100px;}
p#formhop strong a:hover {border:1px solid black;color:black;border:1px solid black;}