html {padding:0;margin:0;border:none;background:silver url(x10/bg.gif);}
body {min-width:765px;padding:0;margin:0;border:none;text-align:center;background:transparent url(x10/vingl.gif) no-repeat;font-size:1.2em;}
#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(x10/h1.jpg);width:100%;height:213px;}
h2 {margin:0;padding:0;width:89px;height:420px;position:absolute;top:230px;left:5px;background-repeat:no-repeat;}
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:white url(x10/blue.gif) repeat-y;margin:0;padding:.1em .1em .1em .5em;font-family:sans-serif;font-size:110%;font-weight:bold;color:white;letter-spacing:0.05em;margin-top:25px;}
.sm {padding-top:25px;}

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

/* spodek*/
.obsah {width:70%;padding:10px;padding-left:90px;font-family:sans-serif;}
.obsah p {text-align:justify;margin:12px;}
address {margin:0;padding:0;background:transparent url(x10/pata.png) bottom right no-repeat;width:100%;height:64px;position:fixed;right:0;bottom: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;right:8px;}

/* menu */
ul#menu {padding:0;margin:0px;margin-left:20px;list-style:none;width:8em;position:absolute;top:236px;right:-16px;z-index:20;}
ul#menu li {margin-bottom:6px;}
ul#menu li a {font-size:.95em;border:0;background:rgb(40,15,150) url(x10/b.gif) repeat-x;width:85%;color:white;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;}
ul#menu li a:hover {background:rgb(255,249,163) url(x10/b2.gif) repeat-x;margin:auto;margin-bottom:6px;padding:9px;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="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 {color:silver;}
.ac {color:black;}

/* style switcher */
p#ss {font-size:80%;font-family:sans-serif;padding-left:100px;}
p#ss a {color:rgb(140,140,140);}
p#ss a:hover {color:rgb(255,156,0);}

/* 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 rgb(94,72,206);}
.refbox p img:hover {margin:2px 0 0 14px;float:both;clear:both;border:1px solid rgb(255,156,0);}
.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;}
.refbox h4 {background:white url(x10/blue.gif) repeat-y;color:white;padding:.1em .1em .1em .5em;border:none;}
.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 rgb(94,72,206);margin:5px;_margin:-5px;width:220px;height:120px;}
.half p a.zum img:hover {border:2px solid rgb(255,156,0);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 {margin:0 0 0 1.2em;}
ul#add li {list-style-image:url(x10/sipka.gif);padding:.3em;}

/* 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 .4em 0;padding:.8em 0 0 0;position:absolute;top:60px;left:0;width:98%;visibility:hidden;}
p#formhop {position:absolute;top:200px;left:10px;text-align:right;font-family:sans-serif;z-index:6;}
p#formhop strong a {background:white;padding:.1em .4em .1em .4em;color:silver;border:1px solid silver;position:absolute;top:0;right:-150px;}
p#formhop strong a:hover {border:1px solid black;color:black;background:rgb(230,247,253);}