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

    SiUX
    www.siux.cz

    Výstupní zařízení:  screen, projection

    Autor:              Nuvio (www.nuvio.cz)
    Poslední revize:    2008-05-23, 20:25 GMT+1
    Verze stylopisu:    2.2.4 (2008-05-12, 08:26 GMT+1)

    Struktura:
        display; position; float; z-index; overflow; width; height; margin; padding; border; background; align; font;

    Obsah:

        1) Reset
        2) Výchozí hodnoty HTML tagů
        3) Univerzální styly (display, float, margin, text-align...) a vlastnosti
        4) Obecné HTML styly (table, ul, dl...)
        5) Layout
            6-1) Stránka: Úvod
            7-1) Barevné varianty: Zelená (#style-01)- Monitoring serverů
            7-1) Barevné varianty: Fialová (#style-02) - Trace Monitor
            7-1) Barevné varianty: Červená (#style-03) - Super DNS
            7-1) Barevné varianty: Oranžová (#style-04) - Firemní web
            7-1) Barevné varianty: Modrá (#style-05) - ???
        Z) Nezařaditelné

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

/* ----------------------------------------------------------------------------------------------------------
1) Reset
---------------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0; outline:0; vertical-align:baseline; background:transparent;}

/* ----------------------------------------------------------------------------------------------------------
2) Výchozí hodnoty HTML tagů
---------------------------------------------------------------------------------------------------------- */

body {color:#000; font:0.8em/1.5 "arial", sans-serif;}

h1 {font-size:180%;}
h2 {font-size:200%;}
h3 {font-size:120%;}
h4 {font-size:120%;}
h5, h6 {font-size:100%;}

h1, h2, h3, h4, h5, h6, p, table, ul, ol, dl, fieldset {margin:20px 0;}

table {border-collapse:collapse; border-spacing:0;}
th {text-align:center; font-weight:bold;}
th, td {padding:3px 5px;}

ul, ol {margin-left:30px;}
ul ul, ol ol {margin:0; margin-left:20px;}
ol {list-style-type:decimal;}
li {display:list-item;}

dt {font-weight:bold;}
dd {margin-left:30px;}

fieldset {position:relative; padding:10px; border:1px solid #CCC;}
legend {position:absolute; top:-1em; margin:0; background:#FFF; font-size:100%; font-weight:bold; color:#000;}

abbr, acronym, .help {border-bottom:1px dotted #CCC; cursor:help;}
del {text-decoration:line-through;}
strong {font-weight:bold;}
blockquote {margin:15px 20px;}
blockquote, cite, em, q {font-style:italic;}
code, dfn, kbd, pre, samp {font-family:"",monospace;}
sub, sup {line-height:0;}

hr {display:block; height:1px; margin:10px 0; border:0 solid #CCC; background:#CCC; color:#CCC;}

/* ----------------------------------------------------------------------------------------------------------
3) Univerzální styly (display, float, margin, text-align...) a vlastnosti
---------------------------------------------------------------------------------------------------------- */

.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.fix {float:none; clear:both; width:0; height:0; margin:0; padding:0; border:0; line-height:0; font-size:0;}

.clear {clear:both;}

.f-left {float:left !important;} img.f-left {float:left; margin-right:10px;}
.f-right {float:right !important;} img.f-right {float:right; margin-left:10px;}

.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}

.va-top {vertical-align:top !important;}
.va-middle {vertical-align:middle !important;}
.va-bottom {vertical-align:bottom !important;}

.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}

.noscreen {display:none;}
.novisible {position:absolute; left:-1000px; top:-1000px; width:1px; height:1px; overflow:hidden;}

.width100 {width:100%;}

.bigger {font-size:110%;}
.smaller {font-size:85%;}

.high {color:#F00;}
.low {color:#777;}

/* ----------------------------------------------------------------------------------------------------------
4) Obecné HTML styly (table, ul, dl...)
---------------------------------------------------------------------------------------------------------- */

ul.ul-01 {margin:10px 0; list-style:none;}
ul.ul-01 li {padding-left:20px;}
ul.ul-01 ul {list-style:none;}

ul.ul-06 {margin:10px 0; list-style:none;}
ul.ul-06 li {padding-left:20px; background:url("../design/ul-06.gif") 0 5px no-repeat;}
ul.ul-06 ul {list-style:none;}

/* ----------------------------------------------------------------------------------------------------------
5) Layout
---------------------------------------------------------------------------------------------------------- */

#main {width:960px; margin:0 auto; overflow:hidden;}

	#header {position:relative; height:95px; background:#FFFFFF;}

        #logo {position:relative; overflow:hidden; width:220px; height:95px; margin:0; padding:0; font-size:300%;}
        #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;}

        #lang {position:absolute; top:10px; right:20px;}
        #lang img {width:16px; height:11px; margin-left:5px; border:1px solid #CCC;}

        #order {position:absolute; top:40px; left:275px; margin:0; font-size:120%;}
        #order a {padding-left:20px; background:url("../design/more-02.gif") 0 4px no-repeat;}

        #nav {position:relative; top:-44px; margin:0;}
        #nav ul {margin:0; padding:0; list-style:none;}
        #nav ul li {float:left; display:inline; margin:0; padding:0;}
        #nav ul li a {display:block; padding:10px 10px 15px 0; color:#000;}
        #nav ul li#nav-active a {font-weight:bold; text-decoration:none;}
        #nav ul li ul li#nav-active-sub a {font-weight:bold; text-decoration:none !important;}

            #nav ul li.nav-on div, #nav ul li#nav-active div {visibility:visible;}
            #nav ul li.nav-off div {display:none;}

            #nav ul li div {width:960px; display:none; /*\*/ display:block; position:absolute; left:0; top:44px;  padding:9px 10px; background:#000; visibility:hidden; z-index:20;}
            #nav ul li#nav-active div {z-index:10;}

            #nav ul li ul {display:block; margin:0; padding:0;}
            #nav ul li ul li {display:inline; float:none; width:auto;}
            #nav ul li ul li a {display:inline; text-decoration:underline !important; color:#FFF !important; font-weight:bold;}
            #nav ul li ul li a:hover {text-decoration:none !important;}

    #ilu {position:relative; width:960px; height:150px;}

        #thumbs {position:absolute; left:660px; top:130px; z-index:200;}

        #screenshots {position:absolute; left:690px; top:-20px; width:250px; height:188px; margin:0; z-index:100; list-style:none; overflow:hidden;}
        #screenshots img {display:block; width:250px; height:188px; border:0;}

        #screenshots-test {position:absolute; left:690px; top:-125px; width:250px; height:219px; margin:0; z-index:100; list-style:none; overflow:hidden;}
        #screenshots-test img {display:block; width:250px; height:219px; border:0;}

    .services {position:relative; width:960px; height:87px; overflow:hidden; background:#F6A900 url("../design/services.gif") 0 0 no-repeat; z-index:20; cursor:help;}

        .services.active-01 {background:#F6A900 url("../design/services-01.gif") 0 0 no-repeat;}
        .services.active-02 {background:#F6A900 url("../design/services-02.gif") 0 0 no-repeat;}
        .services.active-03 {background:#F6A900 url("../design/services-03.gif") 0 0 no-repeat;}

        .services div {float:left; width:290px; padding-left:30px; padding-top:15px; text-align:center; color:#000;}
        .services div h3 {margin:0; font-size:140%;}
        .services div h3 a {color:#FFF !important;}
        .services div h3 a:hover {color:#000 !important;}

        #tooltip {position:absolute; left:-300px; width:300px; padding:10px; background:#333; visibility:hidden; z-index:100; text-align:left; color:#FFF;}
        #tooltip-arrow {position:absolute; left:-300px; z-index:101; visibility:hidden;}

	#content {width:920px; overflow:hidden; padding:20px; background:#fff; overflow:hidden;}
	#content h2 {margin:0;}

	#footer {clear:both; padding:20px; border-top:1px solid #DDD; background:#FFF url("../design/footer.gif") 0 50% no-repeat; color:#777;}

        #footer p {margin:0;}
        #footer a {color:#777 !important;}
        #footer a:hover {color:#333 !important;}

/* ----------------------------------------------------------------------------------------------------------
6-1) Stránka: Úvod
---------------------------------------------------------------------------------------------------------- */

.cols33 {background:url("../design/cols-33.gif") 0 0 repeat-y;}

    .cols33 .col {float:left; width:280px; margin-right:40px;}
    .cols33 .col.last {margin-right:0;}
    .cols33 .col h3 {margin-top:0; padding-bottom:5px; border-bottom:1px solid #DDD; font-size:130%; color:#75A20B;}
    .cols33 .col h4 {margin-top:0; padding-bottom:5px; border-bottom:1px solid #DDD; font-size:100%;}
    .cols33 .col ul.arr {margin:15px 0; width:280px; list-style:none;}
    .cols33 .col ul.arr li {display:inline;}
    .cols33 .col ul.arr a {display:block; text-align:right; padding-right:10px; background:url("../design/more-01.gif") 100% 7px no-repeat; color:#DD9700;}
    .cols33 .col ul.arr a:hover {color:#000;}
    /* .cols33 .col .perex {min-height:100px; height:auto;} */
    .cols33 .col .perex p {margin:0;}

.cols6633 {background:url("../design/cols-6633.gif") 0 0 repeat-y;}

    .col66 {float:left; width:600px; overflow:hidden;}
    .col66 ul {margin-left:30px;}
    .col66 h3 {border-bottom:1px solid #DDD;}

    .col33 {float:right; width:280px; overflow:hidden;}
    .col33 h4 {margin-top:0; padding-bottom:5px; border-bottom:1px solid #DDD; font-size:100%;}

        .col33 #clients {margin:10px 0 25px 0;}

#breadcrumbs {margin:0;}
#breadcrumbs, #breadcrumbs a {color:#777 !important;}
#breadcrumbs a:hover {color:#333 !important;}

#clients {margin:0; width:280px; height:65px; overflow:hidden; list-style:none;}
#clients li {margin:0; padding:0;}
#clients li img {display:block; width:280px; height:65px; border:0;}

#sub-slogan {margin-top:0; border:0 !important; font-size:140%; font-weight:normal;}

#testdostupnosti {position:absolute; top:77px; left:55px; margin:0;}
#testdostupnosti .input-text {padding:2px;}

#test {margin-bottom:20px; padding:10px; background:#F7F7F7; text-align:center;}
#test-input {width:150px; padding:3px; border:1px solid #BBB;}
#test-submit {padding:3px;}
#test table {margin:20px 0 0 0; width:260px;}
#test table th {border:1px solid #CCC; background:#F0F0F0;}
#test table td {border:1px solid #CCC; background:#FFF;}
#test a {color:#000 !important;}
#test a:hover {text-decoration:none;}

.moreinfo {margin-top:50px; padding:20px 0 20px 40px; border-top:1px solid #DDD; background:url("../design/info.gif") 10px 50% no-repeat; color:#777; font-size:85%;}
.moreinfo h4, .moreinfo p {margin:0;}
.moreinfo a {color:#777 !important;}
.moreinfo a:hover {color:#333 !important;}

    #graybox {padding:20px; background:#555;}
    #graybox div {float:left; width:230px;}
    #graybox div h3 {margin:0; margin-bottom:10px; color:#F6A900;}
    #graybox ul {margin:0; list-style:none;}
    /* #graybox ul li {padding:2px 0; border-bottom:1px solid #777; color:#ccc} */
    #graybox ul li {padding:2px 0; border-bottom:1px; color:#ccc}
    #graybox ul li a {color:#ccc; text-decoration:none;}
    #graybox ul li.last {border:0;}

    #footerbox {padding:20px;background:#ffffff;}
    #footerbox div {float:left; width:230px;} 
    #footerbox div h3 {margin:0; margin-bottom:10px; color:#F6A900;}
    #footerbox ul {margin:0; list-style:none;}
    /* #footerbox ul li {padding:2px 0; border-bottom:1px solid #777; color:#ccc} */
    #footerbox ul li {padding:2px 0; border-bottom:1px; color:#000000}
    #footerbox ul li a {color:#000000; text-decoration:none;}
    #footerbox ul li.last {border:0;} 



/* ----------------------------------------------------------------------------------------------------------
7-1) Barevné varianty: ZELENÁ (#style-01, #style-01-b, #style-01-c)
---------------------------------------------------------------------------------------------------------- */

body#style-01, body#style-01-b {background:#F3F3F3 url("../design/bg-01.gif") 0 0  repeat-x;}

#style-01 a, #style-01-b a, #style-01-c a {color:#75A20B;}
#style-01 a:hover, #style-01-b a:hover, #style-01-c a:hover {color:#F6A900;}
#style-01 h2, #style-01-b h2, #style-01-c h2 {color:#75A20B;}
#style-01 #ilu {height:140px; background:url("../design/ilu-01.jpg") 0 0 no-repeat;}
#style-01 #slogan {position:absolute; left:60px; top:63px;}
#style-01 #slogan h3 {position:relative; overflow:hidden; width:368px; height:36px; margin:0; padding:0; font-size:180%; color:#FFF; font-weight:normal;}
#style-01 #slogan h3 span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/slogan-01.gif") 0 0 no-repeat;}
#style-01 ul.ul-01 li, #style-01-b ul.ul-01 li, #style-01-c ul.ul-01 li {background:url("../design/ul-01.gif") 0 4px no-repeat;}
#style-01 #nav ul li div, #style-01-b #nav ul li div, #style-01-c #nav ul li div  {background:url("../design/subnav-01.gif") 0 0 no-repeat;}
#style-01 .col66 #perex, #style-01-b #perex, #style-01-c #perex {padding:15px; border-left:5px solid #86BA0D; background:#EEFCD9; color:#547307;}

    body#style-01 #header #toplink {position:absolute; top:0px; right:15px; margin:0; list-style:none;}
    body#style-01 #header #toplink li {display:inline; margin:0; padding:0;}
    body#style-01 #header #toplink a {float:left; margin-right:3px; padding-left:5px; background:url("../design/tabs-02-l.gif") 0 0 no-repeat; color:#fff; text-decoration:none; font-weight:bold;}
    body#style-01 #header #toplink a span {float:left; display:block; padding:10px 15px 8px 10px; background:url("../design/tabs-02-r.gif") 100% 0 no-repeat; color:#fff; cursor:hand; font-weight:bold;}
    body#style-01 #header #toplink a:hover {background:url("../design/tabs-02-l.gif") 0 -37px no-repeat;}
    body#style-01 #header #toplink a:hover span  {background:url("../design/tabs-02-r.gif") 100% -37px no-repeat;}

    body#style-01 #header #lang {position:absolute; top:50px; right:15px; margin:0;}


    body#style-01-c {background:#F3F3F3 url("../design/bg-01-c.gif") 0 0 repeat-x;}
    body#style-01-c #header #toplink {position:absolute; top:0px; right:15px; margin:0; list-style:none;}
    body#style-01-c #header #toplink li {display:inline; margin:0; padding:0;}
    body#style-01-c #header #toplink a {float:left; margin-right:3px; padding-left:5px; background:url("../design/tabs-02-l.gif") 0 0 no-repeat; color:#fff; text-decoration:none; font-weight:bold;}
    body#style-01-c #header #toplink a span {float:left; display:block; padding:10px 15px 8px 10px; background:url("../design/tabs-02-r.gif") 100% 0 no-repeat; color:#fff; cursor:hand; font-weight:bold;}
    body#style-01-c #header #toplink a:hover {background:url("../design/tabs-02-l.gif") 0 -37px no-repeat;}
    body#style-01-c #header #toplink a:hover span  {background:url("../design/tabs-02-r.gif") 100% -37px no-repeat;}
    body#style-01-c #header #lang {position:absolute; top:50px; right:15px; margin:0;}

.separator {position:relative; left:-20px; width:960px; padding:30px 0 15px 20px; margin-bottom:20px; background:#86BA0D url("../design/separator.gif") 0 0 no-repeat; color:#FFF;}
.separator h3 {margin:0;}


.cloud {text-align:center;}
.cloud a {text-decoration:none; margin:0 5px;}
    .h2 {font-size:160%; font-weight:bold;}
    .h1 {font-size:140%;}
    .l1 {font-size:90%;}
    .l2 {font-size:80%;}

dl#spots {margin:0; clear:both;}
dl#spots dt {clear:both; display:block; float:left; width:90px;}
dl#spots dt span {font-weight:normal; font-size:90%; color:#777;}
dl#spots dd {display:block; float:left; width:165px; margin:0; margin-left:10px;  margin-bottom:10px; padding-left:15px;}

    dl#spots dd#spots-01 {background:url("../design/spots-01.gif") 0 0 repeat-y;}
    dl#spots dd#spots-02 {background:url("../design/spots-02.gif") 0 0 repeat-y;}
    dl#spots dd#spots-03 {background:url("../design/spots-03.gif") 0 0 repeat-y;}
    dl#spots dd#spots-04 {background:url("../design/spots-04.gif") 0 0 repeat-y;}

.col66 table {width:600px;}
.col66 table th {background:#f5f5f5; border-bottom:1px solid #ccc;}
.col66 table td {border-bottom:1px solid #ccc;}

    /* 01-B */
    body#style-01-b {background:#F3F3F3 url("../design/bg-01-b.gif") 0 45px repeat-x;}
    #style-01-b #ilu {background:#86BA0D url("../design/ilu-01-b.jpg") 0 0 no-repeat;}
    #style-01-b #content {background:#FFF;}
    #style-01-b #slogan {position:absolute; top:30px; left:0px; color:#FFF;}
    #style-01-b #slogan h3 {margin:0; font-size:240%;}
    #style-01-b #slogan p {margin:0; padding:5px; background:#F6A900; color:#000;}

    /* 01-C */
    /* body#style-01-c {background:#F3F3F3 0 0 repeat-x;} */
    #style-01-c #ilu {height:10px; background:#86BA0D url("../design/ilu-01-c.jpg") 0 0 no-repeat;}
    #style-01-c #slogan {position:absolute; top:30px; left:0px; color:#FFF;}
    #style-01-c #slogan h3 {margin:0; font-size:240%;}
    #style-01-c #slogan p {margin:0; padding:5px; background:#F6A900; color:#000;}
    #style-01-c .col33 {padding-top:150px;}

/* ----------------------------------------------------------------------------------------------------------
7-2) Barevné varianty: FIALOVÁ (#style-02)
---------------------------------------------------------------------------------------------------------- */

body#style-02 {background:#F3F3F3 url("../design/bg-02.gif") 0 0 repeat-x;}

#style-02 a {color:#5A3B6B;}
#style-02 a:hover {color:#F6A900;}
#style-02 h2 {color:#5A3B6B;}
#style-02 #ilu {background:#9063ab url("../design/ilu-02.jpg") 0 0 no-repeat;}
#style-02 ul.ul-01 li {background:url("../design/ul-02.gif") 0 4px no-repeat;}
#style-02 #nav ul li div {background:url("../design/subnav-02.gif") 0 0 no-repeat;}
#style-02 .col66 #perex {padding:15px; border-left:5px solid #5A3B6B; background:#F3EEF6; color:#4C325B;}

/* ----------------------------------------------------------------------------------------------------------
7-3) Barevné varianty: ČERVENÁ (#style-03)
---------------------------------------------------------------------------------------------------------- */

body#style-03 {background:#F3F3F3 url("../design/bg-03.gif") 0 0 repeat-x;}

#style-03 a {color:#903232;}
#style-03 a:hover {color:#F6A900;}
#style-03 h2 {color:#903232;}
#style-03 #ilu {background:#B64040 url("../design/ilu-03.jpg") 0 0 no-repeat;}
#style-03 .cols33 .col h3 {color:#508082;}
#style-03 ul.ul-01 li {background:url("../design/ul-03.gif") 0 4px no-repeat;}
#style-03 #nav ul li div {background:url("../design/subnav-03.gif") 0 0 no-repeat;}
#style-03 .col66 #perex {padding:15px; border-left:5px solid #B64040; background:#FFF3C2; color:#785200;}

/* ----------------------------------------------------------------------------------------------------------
7-4) Barevné varianty: ORANŽOVÁ (#style-04)
---------------------------------------------------------------------------------------------------------- */

body#style-04 {background:#F3F3F3 url("../design/bg-04.gif") 0 10px repeat-x;}

#style-04 a {color:#E50;}
#style-04 a:hover {color:#F6A900;}
#style-04 h2 {color:#E50;}
#style-04 #ilu {background:#E50 url("../design/ilu-04.jpg") 0 0 no-repeat;}
#style-04 #slogan {position:absolute; left:60px; top:63px;}
#style-04 #slogan h3 {position:relative; overflow:hidden; width:501px; height:36px; margin:0; padding:0; font-size:180%; color:#FFF; font-weight:normal;}
#style-04 #slogan h3 span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/slogan-04.gif") 0 0 no-repeat;}
#style-04 ul.ul-01 li {background:url("../design/ul-04.gif") 0 4px no-repeat;}
#style-04 #nav ul li a {padding-left:10px; padding-right:15px; background:url("../design/nav-04.gif") 0 18px no-repeat;}
#style-04 #nav ul li div {background:url("../design/subnav-04.gif") 0 0 no-repeat;}
#style-04 .col66 #perex {padding:15px; border-left:5px solid #E50; background:#F5F5F5;}
#style-04 #logo {position:relative; overflow:hidden; width:230px; height:95px; margin:0; padding:0; font-size:300%;}
#style-04 #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-superdns.gif") 0 0 no-repeat; cursor:pointer;}
#style-04 #content {padding-top:30px;}
    
#style-04 #logo-ni {position:relative; overflow:hidden; width:230px; height:95px; margin:0; padding:0; font-size:300%;}
#style-04 #logo-ni span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/logo-ni.gif") 0 0 no-repeat; cursor:pointer;}

#style-04 .cols33 .col h3 {margin-top:0; padding-bottom:5px; border-bottom:1px solid #DDD; font-size:130%; color:#E50;}

    /* body#style-04 #header {position:relative; height:75px; background:#FFFFFF;}
 */
    /* body#style-04 #order {position:absolute; top:30px; left:275px; margin:0; font-size:120%;}
 */
    body#style-04 #header #toplink {position:absolute; top:0px; right:15px; margin:0; list-style:none;}
    body#style-04 #header #toplink li {display:inline; margin:0; padding:0;}
    body#style-04 #header #toplink a {float:left; margin-right:3px; padding-left:5px; background:url("../design/tabs-04-l.gif") 0 0 no-repeat; color:#fff; text-decoration:none; font-weight:bold;}
    body#style-04 #header #toplink a span {float:left; display:block; padding:10px 15px 8px 10px; background:url("../design/tabs-04-r.gif") 100% 0 no-repeat; color:#fff; cursor:hand; font-weight:bold;}
    body#style-04 #header #toplink a:hover {background:url("../design/tabs-04-l.gif") 0 -37px no-repeat;}
    body#style-04 #header #toplink a:hover span  {background:url("../design/tabs-04-r.gif") 100% -37px no-repeat;}

body#style-04-c {background:#F3F3F3 url("../design/bg-04-c.gif") 0 0 repeat-x;}
#style-04-c a {color:#E50;}
#style-04-c a:hover {color:#F6A900;}
#style-04-c h2 {color:#E50;}
#style-04-c #ilu {height:10px; background:#E50 url("../design/ilu-04.jpg") 0 0 no-repeat;}
#style-04-c #slogan {position:absolute; left:60px; top:63px;}
#style-04-c #slogan h3 {position:relative; overflow:hidden; width:501px; height:36px; margin:0; padding:0; font-size:180%; color:#FFF; font-weight:normal;}
#style-04-c #slogan h3 span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/slogan-04.gif") 0 0 no-repeat;}
#style-04-c ul.ul-01 li {background:url("../design/ul-04.gif") 0 4px no-repeat;}
#style-04-c #nav ul li a {padding-left:10px; padding-right:15px; background:url("../design/nav-04.gif") 0 18px no-repeat;}
#style-04-c #nav ul li div {background:url("../design/subnav-04.gif") 0 0 no-repeat;}
#style-04-c .col66 #perex {padding:15px; border-left:5px solid #E50; background:#F5F5F5;}
#style-04-c #logo {position:relative; overflow:hidden; width:230px; height:95px; margin:0; padding:0; font-size:300%;}
#style-04-c #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-superdns.gif") 0 0 no-repeat; cursor:pointer;}
#style-04-c #content {padding-top:30px;}

    body#style-04-c #header #toplink {position:absolute; top:0px; right:15px; margin:0; list-style:none;}
    body#style-04-c #header #toplink li {display:inline; margin:0; padding:0;}
    body#style-04-c #header #toplink a {float:left; margin-right:3px; padding-left:5px; background:url("../design/tabs-04-l.gif") 0 0 no-repeat; color:#fff; text-decoration:none; font-weight:bold;}
    body#style-04-c #header #toplink a span {float:left; display:block; padding:10px 15px 8px 10px; background:url("../design/tabs-04-r.gif") 100% 0 no-repeat; color:#fff; cursor:hand; font-weight:bold;}
    body#style-04-c #header #toplink a:hover {background:url("../design/tabs-04-l.gif") 0 -37px no-repeat;}
    body#style-04-c #header #toplink a:hover span  {background:url("../design/tabs-04-r.gif") 100% -37px no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
7-5) Barevné varianty: MODRÁ (#style-05)
---------------------------------------------------------------------------------------------------------- */

body#style-05 {background:#F3F3F3 url("../design/bg-05.gif") 0 0 repeat-x;}

#style-05 a {color:#508082;}
#style-05 a:hover {color:#F6A900;}
#style-05 h2 {color:#508082;}
#style-05 #ilu {background:#75a7aa url("../design/ilu-05.jpg") 0 0 no-repeat;}
#style-05 ul.ul-01 li {background:url("../design/ul-05.gif") 0 4px no-repeat;}
#style-05 #nav ul li div {background:url("../design/subnav-05.gif") 0 0 no-repeat;}
#style-05 .col66 #perex {padding:15px; border-left:5px solid #76A8AB; background:#E8F2F2; color:#466D7C;}

/* ----------------------------------------------------------------------------------------------------------
8) Stránka: Přihlášení do systému
---------------------------------------------------------------------------------------------------------- */

#login {color:#444; line-height:1.8; font-size:120%;}
#login-user, #login-pass {padding:3px; border:1px solid #CCC;}
#login-submit {padding:3px;}

/* ----------------------------------------------------------------------------------------------------------
9) Stránka: Náhledy systému
---------------------------------------------------------------------------------------------------------- */

.thumbs {padding:10px 0; border-top:1px solid #DDD;}
.thumb-img {float:left; width:125px;}
    .thumb-img img {display:block;}
.thumb-desc {float:right; width:455px; padding-top:20px;}
    .thumb-desc h4, .thumb-desc p {margin:0;}

/* ----------------------------------------------------------------------------------------------------------
11) Stránka: Network Image s.r.o. - prezentace firmy
---------------------------------------------------------------------------------------------------------- */

#ico-siux, #ico-trace, #ico-superdns {border-top:1px solid #DDD;}

#ico-siux {padding-left:75px; background:url("../images/ico-siux.gif") 0 50% no-repeat;}
#ico-trace {padding-left:75px; background:url("../images/ico-trace.gif") 0 50% no-repeat;}
#ico-superdns {padding-left:75px; background:url("../images/ico-superdns.gif") 0 50% no-repeat;}

#ico-siux div {padding-left:15px; border-left:3px solid #86BA0D;}
#ico-trace div {padding-left:15px; border-left:3px solid #9063AB;}
#ico-superdns div {padding-left:15px; border-left:3px solid #CF7676;}

#style-04 .highbox {padding:10px; padding-left:15px; border-left:5px solid #FAD200; background:#FFF8DB;}
#style-04 .highbox h4 {margin-top:0;}
#style-04 .highbox ul {margin-left:10px;}
#style-04 .highbox ul li {background:url("../design/ul-04-b.gif") 0 3px no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
11) Stránka: Úvod
---------------------------------------------------------------------------------------------------------- */

.min-height {min-height:150px; height:auto; _height:150px;}

/* ----------------------------------------------------------------------------------------------------------
Z) Nezařaditelné
---------------------------------------------------------------------------------------------------------- */

.msg {padding:15px;}
.msg.error {border-left:5px solid #D00; background:#F5F5F5; color:#D00;}
.msg.error a {color:#D00 !important;} .msg.error a:hover {color:#000 !important;}

.title-01 {margin:0; margin-bottom:3px; font-weight:normal; color:#777;}

.new {padding-right:45px; background:url("../design/new.gif") 100% 80% no-repeat;}

.more {padding-right:10px; background:url("../design/more-01.gif") 100% 5px no-repeat;}

.border {border:1px solid #DDD;}

.rss {padding-right:25px; background:url("../design/rss.gif") 100% 50% no-repeat;}
.email {padding-right:25px; background:url("../design/icon-email.png") 100% 50% no-repeat;}

#partners-mini p img {clear:both; float:left; margin-right:15px;}
#bonusy-ukazka {padding-left:20px; background:#fff;}
#bonusy-ukazka p {text-align:center}
.col50-content {float:left; width:290px;}