/* ----------------------------------------------------------------------------------------------------------

    Autor:
        Nuvio (www.nuvio.cz)
    Aktualizace:
        2009-07-01, 00:35 GMT+1
    Struktura:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

---------------------------------------------------------------------------------------------------------- */

body {background:#efefef url("/design/bg.gif") 0 0 repeat-x; color:#000; font:0.75em/1.6 "arial", sans-serif;}
h1, h2, h3, h4, h5, h6, address, blockquote, dl, fieldset, ol, p, table, ul {margin:15px 0;}
a {color:#d7001e;}
a:hover, a:active, a:focus {color:#000;}

/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

#main {width:964px; margin:0 auto; background:#fff url("/design/main.gif") 0 0 repeat-y;}
#main-in {padding:0 2px; background:url("/design/main-in.gif") 0 0 no-repeat;}
#header {position:relative; height:80px; margin-bottom:10px; background:url("/design/header.gif") 100% 0 no-repeat;}
#header #logo {position:relative; width:195px; height:80px; overflow:hidden; margin:0 0 0 20px; padding:0;}
#header #logo span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("/design/logo.gif") 0 0 no-repeat; cursor:pointer;}
#header #nav {position:absolute; top:0; right:20px; margin:0;}
#header #nav li {position:relative; overflow:hidden; display:block; float:left; height:80px; margin:0; padding:0;}
#header #nav li span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; cursor:pointer;}
#header #nav li.cat-01 {width:50px;}
#header #nav li.cat-01 span {background:url("/design/nav-01.gif") 0 0 no-repeat;}
#header #nav li.cat-02 {width:149px;}
#header #nav li.cat-02 span {background:url("/design/nav-02.gif") 0 0 no-repeat;}
#header #nav li.cat-03 {width:136px;}
#header #nav li.cat-03 span {background:url("/design/nav-03.gif") 0 0 no-repeat;}
#header #nav li.cat-04 {width:98px;}
#header #nav li.cat-04 span {background:url("/design/nav-04.gif") 0 0 no-repeat;}
#header #nav li.cat-05 {width:67px;}
#header #nav li.cat-05 span {background:url("/design/nav-05.gif") 0 0 no-repeat;}
#header #nav li.cat-06 {width:58px;}
#header #nav li.cat-06 span {background:url("/design/nav-06.gif") 0 0 no-repeat;}
#header #nav li.cat-07 {width:72px;}
#header #nav li.cat-07 span {background:url("/design/nav-07.gif") 0 0 no-repeat;}
#header #nav li a:hover span {background-position:0 -80px;}
#header #nav li.active span {background-position:0 -80px;}
#cols {background:url("/design/cols.gif") 0 0 repeat-x;}
#title {margin:0; padding:10px 10px 20px 25px; background:url("/design/slogan.jpg") 0 100% no-repeat; font-size:260%; letter-spacing:-1px; color:#fff;}
#content {float:left; width:712px; margin:10px 0 0 0; padding-left:10px; background:url("/design/content.gif") 10px 0 repeat-y;}
#content #content-in {padding-right:2px; background:url("/design/content-in.gif") 0 0 no-repeat;}
#content #content-in #perex {padding:14px 15px; background:url("/design/cols3-perex.gif") 0 100% repeat-x; font-size:120%;}
#content #content-in #perex p {margin:0;}
#content #content-in .content-text {padding:0 15px 15px 15px;}
#content #content-in h2 {font-size:160%; color:#d7001e;}
#content #content-in h3 {font-size:140%; color:#d7001e;}
#content #content-in h4 {font-weight:bold; font-size:120%; color:#000;}
#content #content-bottom {width:712px; height:2px; background:url("/design/content-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#aside {float:right; width:222px; padding-right:10px;}
#aside #aside-01 {background:url("/design/aside-01.gif") 0 0 repeat-y;}
#aside #aside-01-in {background:url("/design/aside-01-in.jpg") 0 0 no-repeat;}
#aside #aside-01 .support {margin:0; padding:25px 15px 50px 0; text-align:right;}
#aside #aside-01 .support a {color:#000;}
#aside #aside-01 .support a:hover, #aside #aside-01 .support strong {color:#d7001e;}
#aside #aside-01 .padding, #aside #aside-02 .padding {padding:10px 2px 10px 10px;}
#aside #aside-01 .subnav {margin:0;}
#aside #aside-01 .subnav li {display:inline;}
#aside #aside-01 .subnav li a {display:block; padding:3px 0 3px 12px; border-bottom:1px solid #efefef; background:url("/design/arrow-right.gif") 0 9px no-repeat; color:#000;}
#aside #aside-01 .subnav li a:hover {color:#d7001e;}
#aside #aside-01 .subnav li.active a {font-weight:bold; text-decoration:none; color:#d7001e;}
#aside #aside-01 .subnav li.last a {border-bottom:0;}
#aside #aside-01 h3 {margin:0; padding-bottom:3px; color:#d7001e; border-bottom:1px solid #ddd; font-weight:bold;}
#aside #aside-01 .news {padding:10px 10px 10px 0; background:url("/design/aside-news.gif") 100% 100% no-repeat;}
#aside #aside-01 .news dl {margin:0;}
#aside #aside-01 .news dl dt {padding-left:15px; background:url("/design/arrow-bottom.gif") 0 50% no-repeat; font-weight:bold;}
#aside #aside-01 .news dl dt span {color:#ddd; font-weight:normal;}
#aside #aside-01-bottom {width:222px; height:2px; margin-bottom:10px; background:url("/design/aside-01-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#aside #aside-02 {background:url("/design/aside-02.gif") 0 0 repeat-y;}
#aside #aside-02-white {background:#FFFFFF;}
#aside #aside-02-white h3 {margin:0; padding-bottom:3px; background:url("/design/dot-01.gif") 0 100% repeat-x; color:#d7001e; font-weight:bold;}
#aside #aside-02-bottom {width:222px; height:3px; background:url("/design/aside-02-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#aside #aside-02 h3 {margin:0; padding-bottom:3px; background:url("/design/dot-01.gif") 0 100% repeat-x; color:#d7001e; font-weight:bold;}
#aside #aside-02 .client-img {float:left; width:50px; padding-top:10px;}
#aside #aside-02 .client-text {float:right; width:150px; padding-top:10px; line-height:1.4;}
#aside #aside-02 .ico-quote {padding:0 10px 0 30px; background:url("/design/ico-quote.gif") 5px 0 no-repeat;}
#aside #aside-02 .ico-quote p {margin-bottom:0;}
#footer {clear:both; width:900px; margin:10px 10px 0 10px; padding:20px; background:url("/design/footer.jpg") 0 100% no-repeat;}
#footer p {margin:0;}
#footer .links {float:right; width:180px;}
#footer .links ul {margin:0; font-size:90%;}
#footer .links ul li {padding-left:10px; background:url("/design/arrow-right.gif") 0 5px no-repeat;}
#footer .links ul li a {color:#000;}
#footer .links ul li a:hover {color:#d7001e;}
#footer .copy {margin:0; padding:17px 0 0 113px; color:#555;}

    /* ----------------------------------------------------------------------------------------------------------
    Inner: Kontaktní formulář
    ---------------------------------------------------------------------------------------------------------- */

    #contactform h4 {margin:0; padding:10px 10px 15px 10px; font-weight:bold; background:#d7001e url("/design/title.gif") 0 100% no-repeat; color:#fff;}
    #contactform table {margin-bottom:0;}
    #contactform table td {padding:2px 0; vertical-align:top;}

/* ----------------------------------------------------------------------------------------------------------
Úvod
---------------------------------------------------------------------------------------------------------- */

#hp #slogan {position:relative; width:960px; height:210px; overflow:hidden; margin:0; padding:0; background-color:#333; font-size:300%; color:#fff;}
#hp #slogan span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("/design/slogan-hp.jpg") 0 0 no-repeat;}
#hp #content {background:none;}
#hp #content #about {height:125px; margin:10px 0; padding:25px 210px 0 35px; background:#3f3f3f url("/design/about.jpg") 0 0 no-repeat; color:#fff;}
#hp #content #about p {margin:0;}
#hp #content #about a {color:#fff;}
#hp #content #about a:hover {color:#ccc;}
#hp #cols .cols3 {background:url("/design/cols3.gif") 0 0 repeat-y;}
#hp #cols .cols3-in {background:url("/design/cols3-in.gif") 0 0 no-repeat;}
#hp #cols .cols3-in-foot {background:url("/design/cols3-in-foot.gif") 0 100% no-repeat;}
#hp #cols .cols3-in .col {float:left; width:220px; padding:0 5px 10px 5px; margin-right:10px;}
#hp #cols .cols3-in .col.last {margin:0;}
#hp #cols .cols3-in .col h2 {margin:0; padding:10px 10px 15px 10px; font-weight:bold; background:#d7001e url("/design/title.gif") 0 100% no-repeat;}
#hp #cols .cols3-in .col h2 a {color:#fff; text-decoration:none;}
#hp #cols .cols3-in .col h2 a:hover {text-decoration:underline;}
#hp #cols .cols3-in .col .perex {margin:0 -4px; padding:12px 9px; background:url("/design/cols3-perex.gif") 0 100% repeat-x; font-size:90%;}
#hp #cols .cols3-in .col .perex p {margin:0;}
#hp #cols .cols3-in .col table {width:210px; margin:10px 5px; font-size:90%;}
#hp #cols .cols3-in .col table th, #hp #cols .cols3 .col table td {padding:3px 0; border-bottom:1px solid #eaeaea;}
#hp #cols .cols3-in .col table th {color:#777;}
#hp #cols .cols3-in .col table td {text-align:right; font-weight:bold;}
#hp #cols .cols3-in .col table tr.last th, #hp #cols .cols3-in .col table tr.last td {border:0;}
#hp #cols .cols12 {background:url("/design/cols12.gif") 0 0 repeat-y;}
#hp #cols .cols12-in {padding-bottom:10px; background:url("/design/cols12-in.gif") 0 100% no-repeat;}
#hp #cols .cols12-in .col-l {float:left; width:225px;}
#hp #cols .cols12-in .col-l h3 {margin:0; padding:10px 10px 15px 10px; font-weight:bold; background:#d7001e url("/design/title.gif") 0 100% no-repeat; color:#fff;}
#hp #cols .cols12-in .col-l ul {margin-left:15px;}
#hp #cols .cols12-in .col-l .padding {padding-right:10px;}
#hp #cols .cols12-in .col-r {float:right; width:465px; padding-right:7px;}
#hp #cols .cols12-in .col-r h3 {margin:0; padding:10px 10px 15px 10px; font-weight:bold; background:#d7001e url("/design/title.gif") 0 100% no-repeat; color:#fff;}
#hp #cols .cols12-in .col-r .padding {padding:10px;}

/* ----------------------------------------------------------------------------------------------------------
Stránka: Webhosting, VPS, servery
---------------------------------------------------------------------------------------------------------- */

#content table.table-plan {width:680px; border:2px solid #ccc;}
#content table.table-plan tr.head th {background:#f5f5f5; color:#d7001e; font-weight:bold; font-size:120%; text-align:center !important;}
#content table.table-plan th, #content table.table-plan td {padding:4px 5px; border:1px solid #ddd; text-align:center; vertical-align:middle;}
#content table.table-plan tr.bg th, #content table.table-plan tr.bg td {background-color:#ffc;}
#content table.table-plan tr th {color:#777; text-align:right;}
#content table.table-plan tr.order td {padding-bottom:0;}
#content .whyus {padding:15px; border-top:2px solid #ccc; background:#f5f5f5 url("/design/whyus.gif") 100% 100% no-repeat;}
#content .whyus h3 {margin:0;}
#content .whyus ul.ul-arrow {margin-left:15px;}
#content .ico-paypal {padding-left:65px; background:url("/design/ico-paypal.gif") 0 0 no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
Stránka: Obecná
---------------------------------------------------------------------------------------------------------- */

#content ul.ul-01 li {padding-left:13px; background:url("/design/arrow-right.gif") 0 5px no-repeat;}
#content ul.ul-01 ul {margin:0;}
#content ul.ul-checked {margin-left:30px;}
#content ul.ul-checked ul {margin:0;}
#content ul.ul-checked li {padding:1px 0 1px 28px; background:url("/design/ul-checked.gif") 0 0 no-repeat;}
#content ul.ul-arrow {margin-left:30px;}
#content ul.ul-arrow ul {margin:0;}
#content ul.ul-arrow li {padding:0 0 0 20px; background:url("/design/ul-arrow.gif") 0 3px no-repeat;}
#content dl.dl-01 {margin-left:30px;}
#content dl.dl-01 dt {font-size:120%;}
#content dl.dl-01 dd {margin-left:20px; color:#555;}
#content table.table-01 {width:680px; border:2px solid #ccc;}
#content table.table-01 tr th {background:#f5f5f5; color:#d7001e; font-weight:bold; font-size:100%; text-align:center !important;}
#content table.table-01 th, #content table.table-01 td {padding:4px 5px; border:1px solid #ddd; vertical-align:middle;}
#content table.table-01 tr.bg th, #content table.table-01 tr.bg td {background-color:#f5f5f5;}
#content fieldset {border:1px solid #ddd; padding:15px;}
#content fieldset legend {background:#fff; color:#d7001e; font-weight:bold; font-size:110%;}
#content fieldset table {margin:0; border:0; width:650px;}
#content fieldset table th, #content fieldset table td {padding:2px 0; border:0;}
#content input, #content textarea, .input {padding:3px; border:1px solid #ccc; background:url("/design/input-text.gif") 0 0 no-repeat; font:100%/1 "arial",sans-serif;}
#content input.submit {border:1px solid #e00; border-right:1px solid #900; border-bottom:1px solid #900; background:#b7001e url("/design/submit.gif") 0 0 repeat-x; color:#fff; font-weight:bold;}
#content .video {margin:15px 65px; background:#eee url("/design/video.gif") 0 0 repeat-y;}
#content .video .video-in {padding:15px 65px; background:url("/design/video.gif") 100% 0 repeat-y;}
#content .video p {margin:0;}

/* ----------------------------------------------------------------------------------------------------------
Stránka: O nás
---------------------------------------------------------------------------------------------------------- */

#content .col30 {float:left; width:220px; margin-right:10px;}
#content .col30.last {margin-right:0;}

/* ----------------------------------------------------------------------------------------------------------
Stránka: Podpora
---------------------------------------------------------------------------------------------------------- */

#content dl.support {margin:0; padding:10px 0; border-bottom:1px solid #eee;}
#content dl.support dt {padding-left:70px; font-size:140%;}
#content dl.support dd {padding-left:70px;}
#content dl.support.support-01 {background:url("/design/support-01.gif") 0 50% no-repeat;}
#content dl.support.support-02 {background:url("/design/support-02.gif") 0 50% no-repeat;}
#content dl.support.support-03 {background:url("/design/support-03.gif") 0 50% no-repeat;}
#content dl.support.support-04 {background:url("/design/support-04.gif") 0 50% no-repeat;}
#content dl.support.support-05 {background:url("/design/support-05.gif") 0 50% no-repeat;}
#content dl.support.support-06 {background:url("/design/support-06.gif") 0 50% no-repeat;}
#content dl.support.last {border-bottom:0;}

/* ----------------------------------------------------------------------------------------------------------
Nezařaditelné
---------------------------------------------------------------------------------------------------------- */

#content .help {border-bottom:1px dotted #999; cursor:help;}
#content .msg {padding:10px; border:1px solid #dd5; background:#ffa url("/design/yellow.gif"); text-align:center; font-size:120%; font-weight:bold;}
#content .msg-02 {padding:10px; border:1px solid #ccc; background:#f5f5f5;}
#tt {position:absolute; display:block; background:url(/design/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(/design/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#000; color:#fff; text-align:left !important;}
#ttbot {display:block; height:5px; margin-left:5px; background:url(/design/tt_bottom.gif) top right no-repeat; overflow:hidden}
img.f-left {margin-right:15px;}
img.f-right {margin-left:15px;}
img.border {border:1px solid #ddd; padding:3px;}
.more {padding-right:10px; background:url("/design/arrow-right.gif") 100% 50% no-repeat;}
.high {color:#d7001e !important;}
a:hover.high {color:#000 !important;}
.low, .low a {color:#777;}
.low a:hover {color:#d7001e;}
.smaller {font-size:90%;}