* {margin:0; padding:0;}
body, div, p, a, img, span, ul, ol, li, table, th, tr, td, dl, dt, dd, form, fieldset, legend, blockquote, applet, object {border:0;}

body { background:#212224; font-family:"Lucida Grande", Tahoma, Geneva, sans-serif; color:#3e3e3e; text-align:center; font-size:0.8125em; line-height:1.5em; }

/* GLOBAL
------------------------------*/
p { margin:7px 0 7px 0; font-size:1em; }

table, td { font-size:1em; }
table { border:1px solid #333; border-collapse:collapse; margin:12px 0; }
table.obrazky { border:0px; border-collapse:collapse; margin:12px 0; }
th { font-weight:bold; padding:4px 5px; background:#d2d2d2 url(/design/bg-menu.gif) 0 100% repeat-x; color:#000; }
td { padding:5px 5px; vertical-align:top; background:url(/design/td.gif) repeat-x; }
.obrazky td { padding:2px 2px; vertical-align:middle; background:none; }

.center { text-align:center !important; }
.a-right { text-align:right !important; }

.f-right { float:right; }
.f-left { float:left; }

a { color:#ff3300; text-decoration:underline; outline:none; }
a:hover { color:#ff3300; text-decoration:none; }

img.vlevo { float:left; margin:5px 12px 0 0; }
img.vpravo { float:right; margin:0 0 0 12px;  }

.noscreen { display:none; }
hr { display:none; background:url(/design/bg-menu-li-hover2.gif); }

h2 { color:#008fd2; font-size:1.5em; padding:12px 0 5px 0; line-height:1.4em; font-weight:bold; margin:0; }
h3 { color:#008fd2; font-size:1.3em; padding:12px 0 3px 0; line-height:1.4em; font-weight:bold; margin:0; }
h4 { color:#008fd2; font-size:1.1em; padding:12px 0 3px 0; line-height:1.4em; font-weight:bold; margin:0; }

.pt10 td, .pt10 th { padding-top:14px !important; padding-bottom:10px !important; }
.pb10 td, .pb10 th { padding-bottom:10px !important; }
.pt20 td, .pt20 th { padding-top:20px !important; padding-bottom:10px !important; }
.pb20 td, .pb20 th { padding-bottom:20px !important; }

input, textarea, select { outline:none; }

pre{font-size:110%; background:#212224; border-left:1px solid #ff3300; padding:0 5px; margin:.7em 1em;}

/* LAYOUT
------------------------------*/
#all { width:990px; margin:0 auto; text-align:left; position:relative; }
#container { width:990px; background: url(/design/bg-container.gif) repeat-y; }

/* TOP
------------------------------*/
#top { position:relative; height:100px; background:url(/design/bg-top.jpg) no-repeat; width:990px; overflow:hidden; }

/* H1 REPLACE
------------------------------*/
h1 { float:left; display:block; position:relative; width:260px; height:200px; text-align:center; font-size:1.2em; background:url(/design/logo.jpg) no-repeat;  }
h1 span { width:260px; height:100px; display:block; position:absolute; left:0; top:0; z-index:1000; cursor:pointer; background:url(/design/logo.jpg) no-repeat; }
h1 a { color:#fff; text-decoration:none; display:block; width:230px; height:70px; padding:15px; }
h1 a:active, h1 a:hover { color:#fff; text-decoration:underline; }

/* MENU
------------------------------*/
#menu { background:#d2d2d2 url(/design/bg-menu.gif) 0 100% repeat-x; margin-bottom:14px; }
#menu ul { list-style:none; }
#menu ul li { list-style:none; float:left; background:url(/design/bg-menu-li-sep.gif) 0 50% no-repeat; padding:0 5px; }
#menu ul li a { float:left; padding:12px 10px; color:#000; font-size:0.8em; text-transform:uppercase; text-decoration:none; }
#menu ul li a:hover, #menu ul li a.selected { text-decoration:none; background:url(/design/bg-menu-li-hover.gif) 50% 100% no-repeat; color:#fff; }
#menu ul li a.selected, #menu ul.m1 a.selected  { font-weight:bold; }

#menu ul li.nosep { background:none; }
#menu ul.m1 a:hover, #menu ul.m1 a.selected { background:#1c1e1f url(/design/bg-menu-li-hover2.gif) 0 100% repeat-x; color:#fff; }
#menu ul.m1 li { padding-left:6px; }
#menu ul.f-right li { background:none; }
#menu ul.f-right li.sep { background:url(/design/bg-menu-li-sep.gif) 0 50% no-repeat; }

/* VYBER
------------------------------*/
#vyber { background:#0d0e0f url(/design/bg-vyber.gif) 0 50% no-repeat; min-height:211px; height:auto !important; height:211px; }
#vyber div { min-height:192px; height:auto !important; height:192px; position:relative; border-bottom:1px solid #212224; }
#vyber h2 { text-transform:uppercase; font-size:0.9em; font-weight:bold; padding:0; margin:0; } 
#vyber ul { list-style:none; padding:20px 0 0 120px; font-size:0.85em; }
#vyber ul li { list-style:none; color:#999999; padding-left:12px; background-position:0 8px; background-repeat:no-repeat; }
#vyber ul li strong { color:#fff; font-weight:normal; }
#vyber ul li.cena { background:none !important; font-size:2em; font-family:Georgia, "Times New Roman", Times, serif; padding:0.8em 0 1em 12px; width:60%; float:left; }
#vyber ul li.vice { padding-top:1.8em; float:right; text-align:right; background:url(/design/bg-vice.gif) 100% 100% no-repeat; width:45px; height:15px; line-height:15px; text-align:left; display:block; }
#vyber ul li.vice a { background:url(/design/bg-vice.gif) no-repeat; width:39px; height:15px; line-height:15px; text-align:left; display:block; color:#181a1b; text-transform:uppercase; font-size:10px; text-decoration:none; padding-left:6px; text-indent:-9999px; line-height:500px; overflow:hidden; }
#vyber ul li.obr { position:absolute; width:105px; height:134px; display:block; top:61px; left:18px; background:none !important; padding:0 !important; }
#vyber ul li.obr a { position:absolute; width:105px; height:134px; display:block; top:0; left:0; text-indent:-9999px; line-height:500px; overflow:hidden; }
#vyber a {  text-decoration:none; }
#vyber a:hover {  text-decoration:underline; }
/*#vyber a { position:absolute; top:0; left:0; display:block; width:330px; height:100% !important; text-decoration:none;  cursor:pointer; z-index:1000;  }*/

.wb { width:294px; padding:18px 18px 0 18px; background:url(/design/bg-box-webhosting.gif) 18px 61px no-repeat; float:left; display:inline; }
.wb h2, .wb li.cena span, .wb a { color:#cc66ff !important; }
.wb li { background-image:url(/design/li-webhosting.gif); }
#vyber div.wb:hover, #vyber div.wbh { border-bottom:1px solid #cc66ff; }

.vs { width:294px; padding:18px 18px 0 18px; background:url(/design/bg-box-vs.gif) 18px 61px no-repeat; float:left; display:inline; }
.vs h2, .vs li.cena span, .vs a { color:#ccff33 !important; }
.vs li { background-image:url(/design/li-vs.gif); }
#vyber div.vs:hover, #vyber div.vsh { border-bottom:1px solid #ccff33; }

.ms { width:294px; padding:18px 18px 0 18px; background:url(/design/bg-box-ms.gif) 18px 61px no-repeat; float:left; display:inline; }
.ms h2, .ms li.cena span, .ms a { color:#3399ff !important; }
.ms li { background-image:url(/design/li-ms.gif); }
#vyber div.ms:hover, #vyber div.msh { border-bottom:1px solid #3399ff; }

/* NEWS
------------------------------*/
.arrow { display:inline; background:url(/design/arrow.gif) 100% 50% no-repeat; padding:0 15px 0 10px !important; margin:0; text-transform:uppercase; color:#fff; font-size:0.8em; }
.news { display:block; width:660px; float:left; padding-top:10px; }
.news dl { border:1px solid #2a2c2d; padding:12px 0 12px 17px; font-size:0.85em; width:624px; margin-top:5px; min-height:74px; height:auto !important; height:74px;}
.news dl dt { display:block; font-weight:normal; width:72px; color:#ff3300; float:left; }
.news dl dd { float:left; color:#999999; width:215px; padding-right:20px; line-height:1.6em; }

.akce { padding-top:10px; }
.akce a { background:url(/design/certifikat.jpg) no-repeat; width:219px; height:33px; display:block; border:1px solid #ff3300; float:right; margin-top:5px; color:#ff3300; text-transform:uppercase; font-size:0.8em; padding:65px 0 0 99px; text-decoration:none; }
.akce a:hover { border:1px solid #fff; text-decoration:underline; }

/* CONTENT
------------------------------*/
#content { float:left; overflow:hidden; background-color:#0d0f0f; width:600px; padding:15px 30px; color:#999999; }
#content ul { list-style:none; padding:0 0 5px 8px; font-size:1em; }
#content ul li { list-style:none; color:#999999; padding-left:17px; background-position:0 8px; background-repeat:no-repeat; }
#content ol { list-style:decimal; padding:0; margin:0 0 5px 24px; font-size:1em; }
#content ol li { list-style:decimal; color:#999999; padding:0; background:none !important; }
#content ul.odsadit  { padding-left:45px; }
#content ul.odsadit li {padding-left:2px; list-style:square; background:none; }
#content strong { color:#fff; }

.webhosting h2, .webhosting h3, .webhosting h4, .webhosting a, .webhosting a:hover { color:#cc66ff; }
.webhosting li { background-image:url(/design/li-webhosting.gif); }
p.netucne strong { font-weight:normal; }
.webhosting #sidebar dl dt { color:#cc66ff; }

.virtual h2, .virtual h3, .virtual h4, .virtual a, .virtual a:hover { color:#ccff33; }
a.kotva { text-decoration:none; }
.virtual li { background-image:url(/design/li-vs.gif); }
.virtual li.bezbg { background:none;  padding: 8px 0 0 0; }
.virtual ul span.cena { background:none !important; font-size:2em; font-family:Georgia, "Times New Roman", Times, serif; color:#ccff33; }
.virtual li.bezbg em { font-style:normal; padding-left:10px; }
.virtual li.bezbg em a { color:#fff; text-decoration:none; }
.virtual li.bezbg em a:hover { color:#fff; text-decoration:underline; }

.managed h2, .managed h3, .managed h4, .managed a, .managed a:hover { color:#3399ff; }
.managed li { background-image:url(/design/li-ms.gif); }
.managed li strong { color:#fff; font-weight:normal; }
.managed li.bezbg { background:none;  padding: 8px 0 0 0; }
.managed ul span.cena { background:none !important; font-size:2em; font-family:Georgia, "Times New Roman", Times, serif; color:#3399ff; }
.managed li.bezbg em { font-style:normal; padding-left:10px; }
.managed li.bezbg em a { color:#fff; text-decoration:none; }
.managed li.bezbg em a:hover { color:#fff; text-decoration:underline; }

.ostatni h2, .ostatni h3, .ostatni h4, .ostatni a, .ostatni a:hover { color:#ff3300; }
.ostatni li { background-image:url(/design/li-others.gif); }
.ostatni DIV.nahledy{
	text-align: center;
	/*background-color:yellow;*/
}

.ostatni DIV.nahledy IMG{
	margin:8px;
	border:1px solid grey;
	cursor:pointer;
}

table.form  { width:440px; margin:12px auto; }
table.form th { background:#181a1b none; color:#000; font-weight:normal; padding:6px 7px; color:#999999; }
table.form td { background:#181a1b none; padding:4px 7px; }
table.form select { width:254px; background-color:#e0e0e0; border:1px solid #999; }
table.form input { width:250px; background-color:#e0e0e0; border:1px solid #999; padding:1px; }
table.form input.radio { width:auto; background:none; border:none;  }
table.form input.error { background-color:#FF9B9B;  }
table.form textarea { width:346px; background-color:#e0e0e0; border:1px solid #999; padding: 1px; }
.zahlavi { background:#d2d2d2 url(/design/bg-menu.gif) repeat-x !important; color:#000 !important; font-weight:bold !important; text-align:left !important; font-size:1.1em; }
table.form .button { width:auto !important; height:auto !important; background-color:#ff3300; border:none; padding:4px; color:#fff; }

/* LOGIN
------------------------------*/
#login { width:930px; background:#0D0F0F; padding:15px 30px 15px 30px; }
#login form { position:relative; width:930px; padding:20px 0; text-align:center; }

#login form span { width:112px; height:108px; position:absolute; display:block;right:190px; }
.ico-admin { background:url(/design/ico-admin.png) no-repeat; top:67px; }
.ico-webmail { background:url(/design/ico-webmail.png) no-repeat; top:65px; }
.ico-ftp { background:url(/design/ico-ftp.png) no-repeat; top:65px; }

table.login { width:440px; margin:0 auto; position:relative; text-align:left; }
table.login th { background:#181a1b none; color:#000; font-weight:normal; padding:6px 7px; color:#999999; }
table.login td { background:#181a1b none; padding:4px 7px; color:#999999; width:287px; }
table.login select { width:120px; background-color:#e0e0e0; border:1px solid #999; }
table.login label { margin-right:12px; }
table.login input { width:180px; border:1px solid #999; padding:1px; }
table.login input.short { width:40px; border:1px solid #999; padding:1px; }
table.login input.radio, table.login input.checkbox { width:auto; border:none; }
table.login input.error { background-color:#FF9B9B;  }
table.login textarea { width:346px; background-color:#e0e0e0; border:1px solid #999; padding: 1px; }
table.login .button { width:auto !important; height:auto !important; background-color:#ff3300; border:none; padding:4px; color:#fff; }

.radiobuttons { padding:0 !important; margin-right:10px; }
.radiobuttons li { margin-top:5px; border:1px solid #333; background-color:#000; background-image:none; padding:5px 0; }
.radiobuttons li:hover { background:#0D0F0F; }
.radiobuttons li input { float:left; width:5%; margin-top:5px; }
.radiobuttons li label { float:right; display:block; width:90%; }

ul.vyberprogramu { list-style:none; padding:10px 0 5px 0; margin:20px 0 0 0 !important; padding:0 !important; }
ul.vyberprogramu li { background:#181a1b; list-style:none; padding:0 !important; margin-bottom:10px;}
ul.vyberprogramu li a { display:block; width:435px; padding:15px 15px 15px 150px; height:100px; border:1px solid #333; background-color:#181a1b; text-decoration:none; font-size:1.4em; }
ul.vyberprogramu li a span { color:#ccc; font-size:0.85em; }
ul.vyberprogramu li a:hover { background-color:#333; text-decoration:none; }
ul.vyberprogramu li a:hover span { color:#ccc; }

.program1 a { background:url(/design/program1.gif) 0 50% no-repeat; color:#cc66ff; }
.program2 a { background:url(/design/program2.gif) 0 50% no-repeat; color:#ccff33; }
.program3 a { background:url(/design/program3.gif) 0 50% no-repeat; color:#3399ff; }

.program1, .program1 a:hover { background:#333 url(/design/program1h.gif) 0 50% no-repeat !important; color:#cc66ff; }
.program2, .program2 a:hover { background:#333 url(/design/program2h.gif) 0 50% no-repeat !important; color:#ccff33; }
.program3, .program3 a:hover { background:#333 url(/design/program3h.gif) 0 50% no-repeat !important; color:#3399ff; }

/* SIDEBAR
------------------------------*/
#sidebar { float:right; overflow:hidden; width:260px; padding:15px 30px; color:#999999; background-color:#0d0f0f;}
#sidebar h3 { color:#fff; font-size:1.1em; }
#sidebar h4 { color:#999999; font-size:1.1em; padding-bottom:12px;  }

#sidebar dl dt { font-weight:normal; color:#ff3300; padding:10px 0 0 0; }
#sidebar dl dd { color:#999999; padding-right:20px; }

#sidebar ul { list-style:none; padding:10px 0 5px 0; }
#sidebar ul li { background:none; list-style:none; }
#sidebar ul li a { display:block; width:240px; padding:5px 9px; border:1px solid #333; background-color:#181a1b; margin-bottom:5px; text-decoration:none; }
#sidebar ul li a span { color:#ccc; font-size:0.85em; }
#sidebar ul li a:hover { background-color:#333; text-decoration:none; }
#sidebar ul li a:hover span { color:#ccc; }

#sidebar ul li a.objednavka { font-size:1.5em; text-align:left; padding:9px 9px 9px 9px; }

.overenidomeny { margin:0 -15px 5px -15px; padding:0 15px 10px 15px; background-color:#000; border:1px solid #333; }

/* FOOTER
------------------------------*/
#footer { color:#666666; width:980px; padding:20px 0 20px 10px; }
#footer p { font-size:0.85em; color:#666666; margin:0; }
#footer p.links { color:#ff3300; }
#footer p.links a { color:#fff; text-decoration:none; }
#footer p.links a:hover { color:#fff; text-decoration:underline; }

/* CLEARFIX
------------------------------*/
.clearfix {display: inline-block;}
.clearfix:after {content: ".";display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%; }