/* zakladni prvky */
html, body, form, fieldset, label, legend, object { margin: 0; padding: 0; border: 0; font-size: 100% }
html, body.body { height: 100% }

body { font: 67%/1.4 Tahoma, "Lucida Grande CE", lucida, sans-serif }

body.body { text-align: center; color: #6c6c6c; background: #fff url(img/sys/bg_body.jpg) repeat-x 0 0 }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #648f16; padding: 0; line-height: normal }
h1 { font-size: 200%; clear: both; margin: 0.2em 0 0.5em 0 }
h2 { font-size: 140%; margin: 1.1em 0 0.5em 0 }
h3 { font-size: 140%; margin: 2.1em 0 0.5em 0 }
h4 { font-size: 120%; margin: 1.1em 0 0.5em 0 }
input, select, textarea { vertical-align: middle; font: 100% Tahoma, "Lucida Grande CE", lucida, sans-serif }
a { color: #86b71f }
a:link { color: #86b71f }
a:hover { color: #ff8919; text-decoration: none }
p { margin: 1em 0 1.5em 0 }
table { border-collapse: collapse }
caption { padding-bottom: 0.1em; font-weight: bold; text-align: left }
ul, ol { margin-top: 1em; margin-bottom: 1.2em }
hr { height: 0; border: none; border-bottom: 1px solid #d7d7d7 }
img { border: 0 }
small { font-size: 90% }
/* /zakladni prvky */

/* zakladni tridy */
.tal { text-align: left }
.tac { text-align: center }
.tar { text-align: right }
.taj { text-align: justify }
.vat { vertical-align: top }
.vam { vertical-align: middle }
.tac table { text-align: left; margin-left: auto; margin-right: auto }
.fl { float: left }
.fr { float: right }
.fli { float: left; margin: 0 1.3em 1em 0 }
.fri { float: right; margin: 0 0 1em 1.3em }
.clean { color: #000000; text-decoration: none }
.clear { clear: both; height: 0; font-size: 1px }
.cleaner { width: 100%; overflow: hidden }
.invisible, .no-css { display: none }
.no-border { border: none !important }
.required { background: #ffffff url(img/sys/required.gif) no-repeat right top }
.alert, .alert a, .error, .error a, .warning, .warning a { color: #ff0000; font-weight: bold }
.ok, .info { color: #6495ed; font-weight: bold }
.ll { list-style-type: lower-alpha }
.bg0 { background-color: #f4f4f4 }
.border { border: 1px solid #aaaaaa; padding: 3px }
.button { }
.img-button { border: none !important; margin: 0 !important; background: none !important }
.small { font-size: 90% }
.overflow { padding: 1px; overflow: auto; overflow-y: hidden; width: 99% }
/* /zakladni tridy */

/* layout - zaklad */
#main {
    height: 100%;
    position: relative;
    background: transparent url(img/sys/bg_main.jpg) no-repeat 50% 0
}
html>body #main { min-height: 100%; height: auto }

#main-in { width: 990px; height: 938px; margin: 0 auto; text-align: left; position: relative; z-index: 20 }
html>body #main-in { min-height: 938px; height: auto }

#header { width: 990px; height: 112px; position: relative }

#content {
    float: left;
    width: 655px;
    background: transparent url(img/sys/bg_content.jpg) no-repeat 0 51px
}
#content-in { padding: 0 30px 190px 30px; text-align: justify }

#panel {
    float: right;
    width: 335px
}
#panel-in { margin: 51px 0 190px 0; padding: 0 15px 0 0; background: transparent url(img/sys/bg_panel.gif) repeat-y 0 0 }

#main.landing-page #content{ float: left; width: 626px; margin: 6px 0 0 0; background: transparent url(img/sys/bg_welcome_vyzkousejte.jpg) no-repeat 0 314px}
#main.landing-page #content-in{ padding: 0 0 190px 30px; text-align: justify }

#main.landing-page #panel{ float: right; width: 340px; margin: 6px 0 160px 0; background: transparent url(img/sys/bg_panel_vyzkousejte.gif) repeat-y 0 0}
#main.landing-page #panel-in{ height: 600px; padding: 25px 35px 20px 27px; background: transparent url(img/sys/bg_panel_in_vyzkousejte.jpg) no-repeat 0 0; margin:0;}
html>body #main.landing-page #panel-in{ min-height: 600px; height: auto }

#footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: transparent url(img/sys/bg_footer.gif) repeat-x left bottom
}
#footer-in { height: 464px; width: 990px; margin: 0 auto; text-align: left; position: relative; background: transparent url(img/sys/bg_footer_in_home.gif) no-repeat 11px 0 }
/* /layout - zaklad */

/* layout - special */
body#home { background: #fff url(img/sys/bg_body_home.jpg) repeat-x 0 0 }

body#home #main { background: transparent url(img/sys/bg_main_home.jpg) no-repeat 50% 0 }
body .landing-page, body #main.landing-page {background: transparent url(img/sys/bg_main_landing.jpg) no-repeat 50% 0 !important}

body#home #main-in { height: 1200px }
html>body#home #main-in { min-height: 1200px; height: auto }
body#home #content { float: none; width: 990px; padding-bottom: 190px; background: none }
body#home #footer-in { background: transparent url(img/sys/bg_footer_in_home.gif) no-repeat 11px 0 }

#h1-logo, #h1-logo a, #h1-logo span { color: #fff; display: block; margin: 0; position: relative; left: 24px; top: 33px; width: 240px; height: 50px; overflow: hidden; cursor: pointer }
#h1-logo a { left: 0; top: 0; text-decoration: none }
#h1-logo span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/bg_logo.gif) no-repeat 0 0 }

#logo, #logo span { color: #fff; display: block; position: relative; left: 24px; top: 33px; width: 240px; height: 50px; overflow: hidden; text-decoration: none; cursor: pointer }
#logo span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/bg_logo.gif) no-repeat 0 0 }

#h90-logo { position: absolute; left: 34px; top: 42px }
#vyzkousejte-hosting-logo { position: absolute; left: 256px; top: 41px }
#akce { position: absolute; left: 737px; top: 31px }

#menu { position: absolute; right: 0; top: 52px }
#menu ul { margin: 0; padding: 0; list-style: none; background: transparent url(img/sys/bg_menu_divider.gif) no-repeat right 0.7em }
#menu li { float: left; padding: 0.4em 0 0 0; background: transparent url(img/sys/bg_menu_bullet.gif) no-repeat 50% 0 }
#menu a { color: #fff; font-weight: bold; float: left; display: block; height: 30px; line-height: 29px; padding: 0 1.8em; text-decoration: none; text-transform: uppercase; background: transparent url(img/sys/bg_menu_divider.gif) no-repeat 0 50% }
#menu a:hover, #menu .active { color: #854706 }

#top-links { position: absolute; right: 1.4em; top: 1.4em; color: #854706 }
#top-links a { color: #854706; font-size: 90%; margin: 0 0.5em; text-decoration: none }
#top-links a:hover { color: #000 }

#searchbox { font-weight: normal; border: 1px solid #cccccc; width: 150px }
#searchform { position: absolute; top: 10px; right: 10px }

#navbox { width: 595px; overflow: hidden; position: absolute; left: 30px; top: 168px }
#navbox a { color: #486d06 }
#navbox a:hover { color: #ff8919; text-decoration: none }
#cesta { float: left; font-size: 90%; margin: 5px 0; color: #888888 }
#navigace { float: right; margin: 3px 3px 0 0; font-size: 90% }

#rs-podpora { position: absolute; left: 0; bottom: 93px; width: 930px; margin: 0 30px; color: #a6a6a6; text-align: center; z-index: 30 }
#rs-podpora p { margin: 1.5em 0 0 0 }
#rs-podpora p img { vertical-align: middle; margin: 0 1.9em }

#seo { color: #969696; font-size: 90%; position: absolute; left: 0px; top: 420px; width: 960px; margin-left: 14px; z-index: 40 }
#seo a, #seo2 a, #seo3 a { color: #969696; margin: 0 0.2em; text-decoration: none }
#seo a:hover, #seo2 a:hover, #seo3 a:hover { color: #fff }

.copyright { color: #fff; font-size: 90% }
.copyright em { color: #ff7c00; font-style: normal }
.copyright strong a { color: #fff !important; text-decoration: none !important; font-weight: bolder !important }
.copyright a:hover { text-decoration: underline !important }
/* /layout - special */

/* ostatni tridy pro web */
.nadpis { color: #fff; font-size: 180%; margin: 0 0 1.7em 0; height: 50px; line-height: 49px; letter-spacing: -1px; text-transform: uppercase }

.p-objednat #s-domena { padding-top: 3px; /*height: 20px;*/ width: 224px; background-color: #efefef; border: 1px solid #d7d7d7 }
.p-objednat #s-koncovka { /*height: 28px;*/ background-color: #efefef; border: 1px solid #d7d7d7; margin-right: 40px; color: #8d8d8d; }

/* sliderbox */
#hosting { width: 970px; height: 305px; position: relative; padding: 0 11px; margin: 0 auto 15px; }
#wrapper { display:block; width: 660px; height: 270px; overflow: auto; position: absolute; top: 25px; left: 25px;}
#hosting #wrapper .ul { width: 9999px; position: absolute; top: 0; left: 0; margin: 0; }
#hosting #wrapper .li { display: block; width: 660px; height: 270px; float: left; padding: 0; margin: 0; position:relative; }
div.li h3 { position: absolute; left: 5px; top: 0px; margin:0}
div.li h3 a { display:block; width: 275px; height: 55px; overflow: hidden; text-indent:-9999px; }
div.li .linkname { display:none; text-indent:-9999px; overflow:hidden;}
div.li .new { color: #F5A101}
div.li ul { display:none;}
div.li p.small { position:absolute; font-size:12px; color:#FFF; width:500px; text-align:justify; left:15px; top:190px; line-height:14px;}
div.li small{ display:block; margin-top:3px; color: #7FB323}


div.li .p-objednat { /*margin: 0.4em 18px 0 15px;*/ margin: 0; text-align: right; /*position: relative;*/ z-index: 20; position: absolute; right: 20px; bottom: 25px }
div.li .p-objednat .button-objednat { position: relative; top: 10px }

#hosting .arrow { display: block; height: 200px; width: 67px; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
#hosting .forward { background-position: 0 0; right: -20px; }
#hosting .back { background-position: -67px 0; left: -20px; }
#hosting .forward:hover { background-position: 0 -200px; }
#hosting .back:hover { background-position: -67px -200px; }

#hosting-90 { background:url(img/sys/slider-hosting90.gif) 0 0 no-repeat;}
#hosting-90-plus { background:url(img/sys/slider-hosting90plus.gif) 0 0 no-repeat;}
#hosting-90-lite { background:url(img/sys/slider-hosting90lite.gif) 0 0 no-repeat;}
#parkovani-domen { background:url(img/sys/slider-parkovani-domen.gif) 0 0 no-repeat;}

#slidermenu { position: absolute; top: 35px; left:688px; }
#slidermenu a { color: #fff; padding: 3px 8px 3px 35px; display:block; margin: 0 5px 3px 0; width:235px; font-size:20px; text-decoration:none;}
#slidermenu a:hover { background: #91a766; }
#slidermenu a.cur { background: #576E23 url(img/sys/bg_slidermenu-a-cur.gif) 15px 10px no-repeat; }
#slidermenu a em { font-size:9px; font-style:normal; float:right; width:65px; font-weight:bold; padding-top:3px}

#start-stop { background: green; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px;}
#start-stop.playing { background-color: red; }
#start-stop:hover { background-image: none; }

/*.hosting #wrapper .ul .li { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.hosting #wrapper .ul .ul .li { float: none; height: auto; width: auto; background: none; }*/

/* /sliderbox */

#registrace-domeny { width: 276px; height: 106px; position: absolute; left:701px; top:203px; background: transparent url(img/sys/bg_registrace_domeny.jpg) no-repeat 0 0 }
#registrace-domeny h3, #registrace-domeny h3 span { color: #fff; margin: 0; position: relative; left: 18px; top: 5px; width: 144px; height: 27px; overflow: hidden; z-index: 20 }
#registrace-domeny h3 span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/h3-registrace-domeny.jpg) no-repeat 0 0 }
#registrace-domeny form { margin: 1.3em 18px 0 18px; position: relative; z-index: 20 }
#registrace-domeny #s-domena { width: 169px;}
#registrace-domeny p { margin: 0 }
#registrace-domeny .p-registrovat { margin: 0.7em 0 0 0; text-align: right }
#registrace-domeny select { color: #8d8d8d; border: 1px solid #fff; /*padding: 3px 2px*/ }
#registrace-domeny #h90-registrace { display: block; position: absolute; left: 0; top: 0; width: 276px; height: 106px; background: transparent url(img/sys/bg_h90_registrace.jpg) no-repeat 0 0 }



#welcome { width: 930px; padding: 6px 30px 0 30px; overflow: hidden; background: transparent url(img/sys/bg_welcome.jpg) no-repeat 15px 0 }
#welcome p { margin: 1em 0 0 0; text-align: justify }
.h4-big { font-size: 200%; font-weight: normal; margin: 0.8em 0 0.5em 0 }

#columns { width: 930px; padding: 4em 30px 0 30px; overflow: hidden; background: transparent url(img/sys/bg_columns.gif) no-repeat 0 7px }
#c-left { float: left; width: 310px }
#c-middle { float: left; width: 310px }
#c-right { float: left; width: 310px }

#panel #news { margin: 0 0 3.5em 19px }
#news { width: 280px; background: transparent url(img/sys/ico-news.gif) no-repeat 235px 0 }
#news h2 { color: #000; margin: 1.1em 0 1.2em 0; font-size: 120% }
#news .news { margin-bottom: 1em }

.news p { margin: 0 0 1.5em 0 }
.news b, .news strong { color: #7eaf32 }

#boxs { margin: 0 0 2.5em 0; padding: 30px 0 2.5em 19px; border-bottom: 2px solid #fff; background: transparent url(img/sys/bg_boxs.gif) repeat-x 0 0 }

#loginbox { width: 280px; padding: 10px 0; border: 1px solid #eaeaea; background: #fff url(img/sys/ico-login.gif) no-repeat 230px 3px }
#loginbox h2 { color: #ed7300; margin: 0 0 0.5em 15px; font-size: 120% }
#loginbox form { margin: 0 15px }
#loginbox p { margin: 0.5em 0 0 0 }
#loginbox label { color: #7b7b7b; font-size: 90%; font-weight: bold; text-transform: uppercase }
#loginbox input { width: 242px; padding: 3px 2px; border: 1px solid #eaeaea; background-color: #eaeaea }
#loginbox .l-button { margin-top: 1em; text-align: right }
#loginbox .l-button small { float: left; text-align: left }
.button-odeslat { width: 80px !important; height: 27px !important }

#sluzby_12_panel { padding-top: 20px }

#podpora { margin: 2.5em 0 0 0; width: 280px; padding: 10px 0 0 0; border: 1px solid #eaeaea; background: #fff url(img/sys/ico-podpora.gif) no-repeat 237px 5px }
#podpora h2 { color: #a8c83b; margin: 0 0 1em 15px; font-size: 120% }
#podpora table { margin: 0 15px }
#podpora table td { padding: 0 1.2em 1.1em 0 !important; vertical-align: top !important }

#panel #parametry { margin: 0 0 0 19px; background-position: 247px 0 }
#parametry { background: transparent url(img/sys/ico-parametry.gif) no-repeat 260px 0 }
#parametry h2 { color: #ed7300; margin: 10px 0 1.5em 0; font-size: 120% }
#parametry table {  }
#parametry td { font-size: 90%; vertical-align: top }
#parametry td strong { color: #86b71f }
#parametry td p { margin: 0 0 1.5em 0 }
#parametry a { color: #6c6c6c; text-decoration: none }
#parametry a:hover { color: #ff8919 }

.grey { color: #c1c1c1 }
.green { color: #86b71f }

.ico-mail { position: relative; top: 4px }

.program { color: #5b8113; height: 155px; margin: 2em 0 0 0; padding: 15px 0 0 0 }
html>body .program { min-height: 155px; height: auto }
.program ul { margin: 0 350px 0 0; padding: 0; list-style: none; border-top: 1px solid #cfd2c8 }
.program li { padding: 7px 0 7px 25px; border-bottom: 1px solid #cfd2c8; background: transparent url(img/sys/bullet.gif) no-repeat 0 6px }
#program-hosting-90 { background: transparent url(img/sys/bg_program_hosting_90.png) no-repeat right top }
#program-hosting-90-plus { background: transparent url(img/sys/bg_program_hosting_90_plus.png) no-repeat right top }
#program-hosting-90-plus ul { margin: 0 355px 0 0 }
#parkovani-domeny { background: transparent url(img/sys/bg_parkovani_domen.png) no-repeat right top }

.hosting-sluzby { width: 100%; margin: 1px 0 0 0 }
.hosting-sluzby .odd td { background-color: #e7e7e7 } 
.hosting-sluzby td { font-size: 90%; border-top: 1px solid #fff; padding: 3px 10px !important; background-color: #f7f7f7; vertical-align: middle }
.hosting-sluzby .td-green { color: #799e26 }

#content table { border-color: #000000 }
#content table thead td, #content table thead th { background-color: #eeeeee }
#content table tfoot td, #content table tfoot th { background-color: #9fd5f1 }
#content table td, #content table th { padding: 1px 3px }
#content table .odd td { background-color: #e7e7e7 }
#content table .even td { background-color: #f7f7f7 }
#content table .td-green { color: #799e26 }
#content-in table.small td, #content-in table.small th, td.small { font-size: 90% }

#pager { margin: 0; padding: 0; list-style: none; width: 100%; overflow: hidden; border-bottom: 6px solid #F28801; }
#pager li { float: left; width: 126px; margin: 0 1px 0 0 }
#pager a { color: #fff; display: block; width: 100%; height: 32px; line-height: 32px; text-align: center; text-decoration: none; background: transparent url(img/sys/tabs_li.gif) no-repeat 0 0; text-align: center; font-weight: bold }
#pager a:hover { text-decoration: underline;}
#pager .active {background:url(img/sys/tabs_li_selected.gif); color: #fff}
#pager .active:hover { text-decoration: none }

#sitemap { margin: 0 0 0 1em; padding: 0 }
/*#sitemap ul ul li { padding: 0 }*/
#sitemap h2, #sitemap h3, #sitemap h4, #sitemap h5, #sitemap h6 { font-weight: bold; text-transform: none; margin: 1em 0 }

#sluzby-objednavka h1 { color: #fff; margin: 0 }
#sluzby-objednavka { width: 596px; height: 302px; margin: 0 0 30px 0; position: relative; color: #fff }

#s-objednavka { width: 626px; height: 302px; display: block; position: absolute; left: -30px; top: 0;}

.vyzkousejte-hosting #s-objednavka {background: transparent url(img/sys/s-objednavka.jpg) no-repeat 0 0 }


#sluzby-objednavka form { position: absolute; left: 110px; top: 245px; width: 380px; height: 52px; z-index: 20; background: transparent url(img/sys/bg-objednavka-form.gif) no-repeat 0 0 }
#sluzby-objednavka form p { margin: 0; padding: 7px 0 0 0; text-align: center }
#sluzby-objednavka input { width: 173px; padding: 3px 2px; border: 1px solid #fff; background-color: #fff }
#sluzby-objednavka select { width: 48px; margin-right: 1em; border: 1px solid #fff }
#sluzby-objednavka option { padding: 2px 0 }
#sluzby-objednavka .button-objednat { width: 94px !important; height: 33px !important }

#duvody { padding: 10px 0 0 0; background: transparent url(img/sys/ico-duvody.gif) no-repeat right top }
#duvody h2 { font-size: 120%; margin: 0 }
#duvody h4 { margin-top: 0 }
#duvody ul { margin: 1em 0 1em 0; padding: 0; list-style: none }
#duvody li { padding: 5px 0 0 24px; color: #3f5b10; line-height: 1.6; background: transparent url(img/sys/bullet4.gif) no-repeat 0 6px }

#faqbox { margin: 2em 0 0 0; padding: 10px 18px 10px 18px; border: 1px solid #eaeaea; background: #fff url(img/sys/ico-faqbox.gif) no-repeat 226px 7px }
#faqbox h2 { font-size: 120%; color: #a8c83b; margin-top: 0 }
#faqbox h4 { color: #a8c83b; margin: 0 0 0.5em 0 }
#faqbox p { margin: 0.5em 0 0 0 }
#faqbox label { color: #7b7b7b; font-size: 90%; font-weight: bold; text-transform: uppercase }
#faqbox input { width: 236px; padding: 3px 2px; border: 1px solid #eaeaea; background-color: #eaeaea }
#faqbox textarea { width: 236px; height: 60px; padding: 3px 2px; border: 1px solid #eaeaea; background-color: #eaeaea }
#faqbox .tar { margin-top: 0.8em }

#podpora_vyzkousejte { margin: 3em 0 0 0; padding: 10px 18px 0 18px; border: 1px solid #eaeaea; background: #fff url(img/sys/ico-podpora.gif) no-repeat 237px 5px }
#podpora_vyzkousejte h2 { font-size: 120%; color: #a8c83b; margin-top: 0 }
#podpora_vyzkousejte h4 { color: #a8c83b; margin: 0 0 1em 0 }
#podpora_vyzkousejte table td { padding: 0 1.2em 1.1em 0 !important; vertical-align: top }
#podpora_vyzkousejte img { position: relative; top: -2px }
#podpora_vyzkousejte .ico-mail { top: 1px }
/* /ostatni tridy pro web */

/* vyhledavani */
#searchhead { margin: 2em 0 0 0 }
#searchresults {}
.searchitem { margin: 0 0 1em 0 }
/* /vyhledavani */

/* novinky */
.nw_title { display: block; font-weight: bold }
.nw_title a { color: #162983 }
.nw_title a:hover { color: #162983 }
.nw_column { margin: 3px 0 0 0 }
.vyrazne { font-weight: bold }
.nw_datum { float: right; font-size: 100%; color: #697277 }
.nw_anotace { font-size: 100% }
.rubrika_title { background: #eeeeee }
/* /novinky */

/* download */
.dwn { margin: 3px 0; font-weight: bold }
.dwn_footer { margin: 30px 0 0 0; padding: 3px 0 0 0; border-top: 1px solid #cccccc }
.dwn_ico_doc, .dwn_ico_file, .dwn_ico_gif, .dwn_ico_html, .dwn_ico_jpg, .dwn_ico_pdf, .dwn_ico_ppt, .dwn_ico_pps, .dwn_ico_xls, .dwn_ico_txt, .dwn_ico_zip 
{ margin: 0 0 3px 0; padding: 0 0 0 20px }
.dwn_ico_doc { background: url(cms/img/ico/doc.gif) no-repeat top left }
.dwn_ico_file { background: url(cms/img/ico/file.gif) no-repeat top left }
.dwn_ico_gif { background: url(cms/img/ico/gif.gif) no-repeat top left }
.dwn_ico_html { background: url(cms/img/ico/html.gif) no-repeat top left }
.dwn_ico_jpg { background: url(cms/img/ico/jpg.gif) no-repeat top left }
.dwn_ico_pdf { background: url(cms/img/ico/pdf.gif) no-repeat top left }
.dwn_ico_pps { background: url(cms/img/ico/pps.gif) no-repeat top left }
.dwn_ico_ppt { background: url(cms/img/ico/ppt.gif) no-repeat top left }
.dwn_ico_txt { background: url(cms/img/ico/txt.gif) no-repeat top left }
.dwn_ico_xls { background: url(cms/img/ico/xls.gif) no-repeat top left }
.dwn_ico_zip { background: url(cms/img/ico/zip.gif) no-repeat top left }
/* /download */

/* fotogalerie */
#tn_root {}
#tn_root .tn { float: left; margin: 0 0 5px 5px }
#tn_root br { display: none;}
#tn_root div.tn_pager { clear: left; padding: 10px 0; text-align: right }
#tn_root div.tn_pager span.selected { font-weight: bold }
#content table.tn_table td { vertical-align: top; padding: 5px }
/* /fotogalerie */

/* prilohy */
#page-attachment { margin: 0 0 1.5em 0 }
/* /prilohy */