html {padding:0;margin:0;border:none;background:gainsboro url(x7/bg.gif);}
body {min-width:765px;padding:0;margin:0;border:none;text-align:center;}
#hlavni {margin-left:auto;margin-right:auto;width:765px;background:white;color:grey;text-align:left;position:relative;padding-bottom:110px;}
.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(x7/h1.jpg);width:100%;height:250px;}
h2 {margin:0;padding:0;width:100%;height:89px;position:absolute;top:210px;left:0;}
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 {background:rgb(230,247,253);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(x7/h2firma.gif); }
.sluzby { background-image: url(x7/h2sluzby.gif);}
.wd { background-image: url(x7/h2design.gif);}
.wh { background-image: url(x7/h2hosting.gif);}
.cd { background-image: url(x7/h2cd.gif);}
.dtp { background-image: url(x7/h2dtp.gif);}
.ceny { background-image: url(x7/h2ceny.gif);}
.ref { background-image: url(x7/h2reference.gif);}
.down { background-image: url(x7/h2download.gif);}
.co { background-image: url(x7/h2kontakty.gif);}
.faq { background-image: url(x7/h2faq.gif);}

/* spodek*/
.obsah {width:70%;padding:20px;font-family:sans-serif;margin-top:30px;_padding-top:45px;}
.obsah p {text-align:justify;margin:12px;}
address {margin:0;padding:0;background:white url(x7/pata.jpg);width:100%;height:108px;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:12px;font-family:sans-serif;position:absolute;top:0;left:80px;}

/* menu */
ul#menu {padding:0;margin:0px;margin-left:20px;list-style:none;width:10em;position:absolute;top:70px;right:15px;}
ul#menu li {margin-bottom:6px;}
ul#menu li a {border:0;background:rgb(230,247,253);width:85%;color:black;margin:auto;margin-bottom:6px;padding:9px;padding-left:2px;padding-bottom:2px;font-family:sans-serif;display:block;text-decoration:none;text-align:right;border:1px solid white;border-bottom:4px solid silver;}
ul#menu li a:hover {background:rgb(255,249,163);margin:auto;margin-bottom:6px;padding:9px;padding-left:2px;padding-bottom:2px;border-bottom:4px solid black;}
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="70");-moz-opacity:0.7;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-bottom:4px solid black;}
#ap:before {content:' > > ';color:silver;}
.ac {color:navy;}

/* style switcher */
p#ss {font-size:80%;font-family:sans-serif;padding-left:30px;}
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;}

/* reference */
.nadref {font-size:18px;font-weight:bold;background:white;color:black;padding-left:12px;width:94%;margin-bottom:14px;}
.refbox {width:94%;margin-bottom:10px;}
.refbox p img {margin:2px 0 0 14px;float:right;clear:both;border:1px solid silver;}
.refbox p img:hover {margin:2px 0 0 14px;float:both;clear:both;border:1px solid black;}
.refbox p img.fil {clear:left;}
p.hh {text-align:right;padding:0;padding-right:30px;}
.refbox h4 a {margin-top:2px;margin-left:15px;}
.pra {display:block;border-bottom:1px solid silver;padding-left:10px;}
.pra a {border:none;}
/*.goo {margin-top:-14px;}*/

/* download */
.half {width:45%;}
.ll {float:left;}
.rr {float:right;}
.lnk {margin:0px;padding:0px;display:block;border:0px;}
.bwz {background:rgb(227,220,204);text-align:center;}
a.zum {text-decoration:none;border:none;}
a.zum:hover {text-decoration:none;border:none;}
.half p a.zum img {border:2px solid #dbdbdb;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 */
.dom {text-align:left;}
.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(x7/doc-tecka.gif);}
ul#add li {padding:.25em;font-weight:1.5em;}

/* formular */
form {width:98%;font-size:.94em;position:relative;height:700px;_height:850px;_font-size:.75em;}
form input {margin:0 .3em 0 0;border:0;background:transparent;}
.mssux {color:silver;_border:1px solid blue;} /* 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 silver;color:black;background:rgb(230,247,253);font-weight:bold;cursor:pointer;}
form div.spodek input:hover {border:2px solid white;background:black;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;}
.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;background:rgb(230,247,253);}