body { padding: 1em 0 1em 0; margin: 0; background: #eee url(../img/bg/bg-page.jpg) repeat-x; font: 90% "Trebuchet MS",Arial,sans-serif; line-height: 150%;}
h1{ font: 160% "Trebuchet MS",Arial,Georgia; color: #0066B3; letter-spacing: -0.02em; margin: 0 0 0.2em 0; padding: 0}
h2, h3{ font: 135% "Trebuchet MS",Arial,Georgia; color: #0066B3; letter-spacing: -0.02em; margin: 0.5em 0 0.2em 0; }
h2 span{ color: red; text-decoration: underline; font-size: 125%;}
h3.dn { display: none;}
hr { clear: left; visibility: visible; border-top-style: none; padding-top: 0px; border-bottom: #dfdfdf 1px dashed; border-right-style: none; border-left-style: none; height: 0px }
hr.vh { clear: both; border: none; visibility: hidden; margin: -1px 0 0 0; padding: 0; height: 1px; }
div.hr { height: 35px;  }
div.hr hr { display: none; clear: left; }
a:link, a:visited { text-decoration: underline; color: #0066CC; }
a:hover { text-decoration: none; color: #0066CC; background: transparent; }
a:link.help, a:visited.help { text-decoration: none; color: black; }
a:hover.help { text-decoration: none; color: black; background: #F1F1F1; }
a img { border: 0 }
a:link.cert, a:visited.cert, a:hover.cert { background: transparent url(../img/bg/certifikat.gif) 0% 50% no-repeat; padding: 5px 5px 5px 40px; font: bold 20px georgia; text-decoration: underline; color: green; }
a:hover.cert { text-decoration: none; }
a:link.shp, a:visited.shp, a:hover.shp { background: transparent url(../img/bg/shp.png) 0% 50% no-repeat; padding: 5px 5px 5px 20px; text-decoration: underline; }
a:hover.shp { text-decoration: none; }
a:link.nap, a:visited.nap, a:hover.nap { background: transparent url(../img/bg/napoveda.png) 0% 50% no-repeat; padding: 5px 5px 5px 20px; text-decoration: underline; }
a:hover.nap { text-decoration: none; }
a:link.up, a:visited.up, a:hover.up { background: transparent url(../img/bg/up.gif) 0% 50% no-repeat; padding: 5px 5px 5px 13px; text-decoration: underline; }
a:hover.up { text-decoration: none; }
img.nap { float: right; width: 125px; height: 125px; margin: 0 0 1em 1em; }
img.ilu { float: right; width: 125px; height: 125px; margin: 0 0 1em 1em; background: white; padding: 0.25em; border: 1px solid #E1E1E1; }
p { margin: 0.5em 0 1em 0; padding: 0; }
#obsah ul, #obsah li { line-height: 130%; padding: 0.5em 0 0 1.3em; margin: 0; }
img.fl { float: left; margin: 0 1em 1em 0; }
img.fr { float: right; margin: 0 0 1em 1em; }
img.v250 { width: 250px; height: 250px; border: 0; }
img.an { width: 335px; height: 155px; border: 0; }
img.os { width: 70px; height: 70px; border: 0; margin: 10px 10px 0 0; }
p.code { font: 80% Courier; color: grey; }
#top { width: 980px; height: 210px; position: relative; top:0; padding:0; margin: 0 auto; background: white url(../img/bg/top.jpg) 0% 0% no-repeat; }
#box { position: relative; background: white url(../img/bg/box.jpg) 0% 0% repeat-y ; margin-left: auto;	margin-right: auto;	width: 980px; }
#stred { padding: 0; margin: 15px 16px 10px 16px; }
#head #ram { padding: 23px 0px 0px 31px; }
#head #logo { margin:0; padding:0; position:relative; overflow: hidden;}
#obsah { padding: 0 0 1.5em 235px; margin: 0 0 0 0; min-height: 750px; } /* obsah -> musi mit nastavenou min-height XY kvuli tomu, aby v pripade ze obsah webu bude nizsi nez menu v levo */
#obsah li { padding: 0 0 0 1.2em; list-style-type: none; background: transparent url(../img/li/tecky.png) 0% 50% no-repeat; margin: 0 0 0 0.2em; }
#obsah ol li { padding: 0.2em 0 0.2em 0; list-style-type: decimal; background: none; margin: 0 0 0 0.2em; }
#hl { height: 200px } /* umele vytvor. hloubka */
#hl2 { height: 300px } /* umele vytvor. hloubka */
#sros { position: absolute; top: 10px; right: 20px; font-size: 13px; margin: 0; padding: 0; background: red;}
#kde { position: absolute; top: 195px; right: 20px; font-size: 13px; margin: 0; padding: 0;}
#shp { position: absolute; top: 220px; right: 20px; font-size: 13px; margin: 0; padding: 0;}
#levobok { position: absolute; top: 226px; left: 16px; border: 0px; width: 200px;}
#submenu ul { list-style-type: none; padding: 0 0 1em 0; margin: 0; line-height: 130%; }
#submenu li { padding-bottom: 0px; background: transparent; padding: 0; margin: 0; line-height: 130%;}
#submenu li a { display: block; padding: 5px 20px; width: 160px; voice-family: inherit; color: black; border-bottom: 1px solid #E1E1E1; background: #F9F9F9 url(../img/li/li_submenu.gif) 0% 50% no-repeat; text-decoration: none;}
#submenu li li a { display: block; padding: 5px 20px; width: 160px; voice-family: inherit; color: #006699; }
#submenu li li li a { display: block; padding: 5px 20px; width: 160px; voice-family: inherit; color: purple; }
#submenu li ul { padding: 0; }
#submenu li a.on-sed{ background: #F1F1F1 url(../img/li/li_submenu.gif) 0% 50% no-repeat; font-weight: bold; text-decoration: underline; }
#submenu a:hover{ text-decoration: underline; background: #F1F1F1 url(../img/li/li_submenu_on.gif) 0% 50% no-repeat; color: black; }
#podpora h3 { margin-top: 0; padding-top: 0px}
#podpora { background: white url(../img/bg/bg-podpora.jpg) repeat-x; padding: 10px; }
#overeni-domeny { position: absolute; color: black; top: 135px; left: 450px; width: 500px; }
#ms ul { margin: 0 0 1em 1em; }
#ms li { list-style-type: disc; background: none; padding: 0.5em 0 0 0;}
#ms li li { list-style-type: circle; background: none; }
#ms li li li { list-style-type: square; background: none; }
#op li { background: none; padding: 0.5em 0 0 0; }
#tk { padding: 0.2em 0 0 0; margin: 0; }
#tk #leva { width: 335px; float: left; margin: 0 20px 0 0; padding: 0; min-height: 380px; }
#tk #prava { width: 335px; float: left; padding: 0 0 0 20px; min-height: 380px;  }
#p1 ul, #p2 ul, #p3 ul{ list-style-type: none; padding: 20px 0; margin: 0; }
#p1 li, #p2 li, #p3 li { padding: 0 0 0 1.em; list-style-type: none; background: transparent url(../img/li/tecky2.png) no-repeat; margin: 0em;  }
#p1 h2, #p2 h2, #p3 h2 { padding: 0; margin: 0;}
#p1 h2 a:link, #p1 h2 a:hover, #p1 h2 a:visited, #p2 h2 a:link, #p2 h2 a:hover, #p2 h2 a:visited, #p3 h2 a:link, #p3 h2 a:hover, #p3 h2 a:visited {
font-family: Arial, "Trebuchet MS"; font-size: 25px; margin: 0; font-weight: bold; letter-spacing: -1px;
background: transparent url(../img/bg/bg-h2.gif) 0% 50% no-repeat; padding: 10px 0px 10px 42px; height: 25px; color: #0066B3;  }
.c1 { font: 22px "Trebuchet MS"; color: #0066B3; letter-spacing: -1px; }
.c2 { font: 18px "Trebuchet MS"; color: #0066B3;  }
#p1, #p2, #p3 { float:left;	width: 230px; height: 235px; margin: 15px 15px 0 0; border: 1px solid #E1E1E1; padding: 15px 40px 15px 15px; font-size: 14px; }
#p1 { margin-right: 15px; }
#p2 { width: 352px; margin-right: 0px  }
#p1 { background: #FAF7E4 url(../img/bg/bg-p1.jpg) left top no-repeat; }
#p2 { background: #FAF7E4 url(../img/bg/bg-p2.jpg) left top no-repeat; }
#p1 .telo, #p2 .telo, #p3 .telo { height: 132px; }
#p1 p, #p2 p, #p3 p { margin: 10px 0 10px 0; }
.webtl .leva { display: block; float: left; width: 5px; height: 25px; background: transparent url(../img/tlacitko/leva2.gif) no-repeat; }
.webtl .txt { position:relative; font-family: Arial, Tahoma, sans-serif; font-size: 12px; font-weight: bold; float: left; display: block; background: transparent url(../img/tlacitko/stred2.gif) repeat-x; height: 19px; padding: 2px 8px 5px 8px;  }
.webtl .prava { display: block; float: left; width: 5px; height: 25px; background: transparent url(../img/tlacitko/prava2.gif) no-repeat;}
.webtl { display: block; cursor: hand; cursor: pointer;	text-decoration: none; }
#objednat-webtl-1, #objednat-webtl-2, #objednat-webtl-3, #objednat-webtl-4, #objednat-webtl-5, #objednat-webtl-6, #objednat-webtl-7, #objednat-webtl-8  { float: left; margin: 0 3px 0px 0; padding: 0;}
#tlacitko { height: 25px; xclear: both;}
p.mp0 { margin: 0; padding: 0;}
img.napoveda { border: 5px solid #F1F1F1; background: #F1F1F1;  }
img.pr { float: right; width: 250px; height: 250px; border: 0; margin: 0 0 1em 1em; }
.zch { color: #B32400; font-family: Courier; }
#sl-wh h2, #sl-do h2, #sl-sm h2 { font-family: Arial, "Trebuchet MS"; font-size: 160%; margin: 0; }
#sl-wh, #sl-do, #sl-sm  { background: white url(../img/bg/bg-sluzba-webhosting.jpg) 0% 0% no-repeat; padding: 0px 30px 10px 145px; margin-bottom: 2em; min-height: 150px; border-bottom: 1px dashed #E1E1E1; }
#sl-do { background: white url(../img/bg/bg-sluzba-domeny.jpg) 0% 0% no-repeat; }
#sl-sm { background: white url(../img/bg/bg-sluzba-smtp.jpg) 0% 0% no-repeat; border: 0; }
acronym { font-weight: normal; color: black; border-bottom: 0px }
.help2 acronym { font-weight: bold; cursor: help; border-bottom: 1px dashed gray; display: inline; }
.help {	cursor: help; border-bottom: 1px dashed gray; display: inline; }
.help3 {cursor: help; border-bottom: 3px dashed gray; display: inline; text-decoration: none;}
#moznosti li { padding: 0 0 0 1.2em; background: none; }
#rside { float: right; width: 210px; margin: 0 0 2em 2em; }
#kroky h2, #zakaznik h2 { margin-top: 0; padding-top: 0}
#kroky, #zakaznik { background: white url(../img/bg/bg-kroky.jpg) repeat-x; padding: 10px; margin: 0 0 1em 0; }
#kroky li { list-style-type: decimal; background: none; padding: 0 0 0.5em 0; margin-left: 15px;  }
#par h3 { xfont-family: Arial, "Trebuchet MS"; font-size: 135%; margin: 0; letter-spacing: -1px; background: transparent url(../img/bg/hvezda18x18.gif) 0% 50% no-repeat; padding: 10px 0px 10px 25px; height: 22px; color: #0066B3;  }
#par ul { padding: 0.2em 0 0 1.5em; }
.obj { list-style-type: none; }
#hlaska1 { color: red; margin: 0 1em 1em 40px; }
#hlaska2 { color: green; margin: 0 1em 1em 40px; }
.sysinfo { color: red; font-size: small; }
.popisek { color: gray; font-size: small; }
.forlabel {clear: both; width: 8em; float: left;}
.form-body {padding: 10px 0;}
form { padding: 0; margin: 0; }
.forlabel {clear: both; width: 100px; float: left;}
.form-body {padding: 1em 0;}
fieldset { border: 3px solid #006699; padding: 0 1em 1em 1em; margin: 1em 0 0 0;}
legend { font-size: 18px; color: #006699; padding: 0 1em 0 1em; }
.radek {padding: 5px 0 0 30px; clear: left;}
.radek1 {padding: 15px 0 0 30px; clear: left;}
.radek2 {padding: 4px 0 0 0px; clear: left;}
.radek3 {padding: 15px 0 5px 30px; clear: left;}
.tlacitko {padding: 1em 0 10px 30px; clear: left;}
.tlacitko2 {padding: 1em 0 0 0; margin-bottom: 0.5em; clear: left;}
p.voldom { padding: 0 0 0 20px; }
p.car { padding: 0.5em; border-left: solid 5px red; }
input, select, option { font-size: 16px; }
#overeni-domeny form, #zakaznik form { padding: 0; margin: 0; }
#overeni-domeny fieldset, #zakaznik fieldset {border: 0; padding: 0; margin: 0;}
#overeni-domeny legend, #zakaznik legend { display: none; }
.aktivni { background: yellow }
.alert { border: red 2px solid; padding: 10px }
.alert2 { border: green 2px solid; padding: 10px }
.alert3 { xborder: green 2px solid; padding: 10px }
.must {	background: #FAF7E4 }
.err { background: yellow }
img.platby { border: 0px; width: 88px; height: 31px; }
.violent { font-weight: normal; font-style: italic; color: #CC3300; }
#paticka { color: #333333; padding: 0 0 10px 0; margin: 0; font: 90%; width: 950px; margin-left: auto; margin-right: auto;}
#paticka hr { clear: left; visibility: visible; border-top-style: none; padding: 0px; border-bottom: silver 1px solid; border-right-style: none; border-left-style: none; height: 1px; }
#paticka a:link, #paticka a:visited { text-decoration: none; color: #333333; }
#paticka a:hover { text-decoration: underline; background: transparent; color: #333333; }
table { font-size:100%;	margin: 0.5em 0 1em 0; border: none; border-collapse: collapse; }
th, td { padding: 4px 10px; border: 1px solid silver;}
th { text-align: left; background: url(../img/bg/table-th.jpg) }
tr:hover { background: #eee;}
td.ce, th.ce { text-align: center; }
td.zv, th.zv { font-size: 125%;  }
.pp { font: 100% Arial; color: red; }
.pop { color: grey; }
.topbutton {margin-top: -30px; text-align: right;}
.ce { text-align: center; }
/* banner hosting + doment */
#banhd { width: 710px; height: 200px; background: url(../img/bg/banhd-big-09.png); line-height: 150%; color: white; xborder: 1px solid silver;}
#banhdfrm { padding: 155px 0px 0px 12px; }
#banhdfrm form { padding: 0; margin: 0; }
#banhdfrm fieldset {border: 0; padding: 0; margin: 0;}
#banhdfrm legend { display: none; }
p.msg { font-size: 100%; color: red; }
#znl { float: left; text-align: left; }
#znp { float: right; text-align: right; }
#znp strong, #znl strong { color: black; }
#opso { background: white; padding: 10px; }
.item { float:left; width: 70px; height: 70px; margin: 1em 3px; 0.5em 3px;  text-align:center;  }
.popis { clear: left; padding: 1px; font-size: 80%; }
img.osi { width: 70px; height: 70px; border: 0; }