/*
    Projekt: SiUX
    URL: http://www.siux.cz

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

    Autor: Vít Dlouhý (vit.dlouhy@nuvio.cz); Nuvio (www.nuvio.cz)
    Poslední revize: 2007-02-08, 10:22 GMT+1

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

    Zápis:
        značka {vlastnost:hodnota; vlastnost2:hodnota2; ...}
*/

* {min-height:1px;}
body {margin:0; padding:10px 0; border:0; background:#FFF; font:0.75em/160% "arial",sans-serif; color:#000; _text-align:center;}

a {color:#0A528F;}
a:link {color:#0A528F;}
a:visited {color:#0A3366;}
a:hover {color:#000;}

p {margin:15px 0; padding:0; border:0;}

div {display:block; margin:0; padding:0; border:0;}

h1, h2, h3, h4, h5 {margin:15px 0; padding:0; border:0;}
h1 {font-size:140%;}
h2 {margin-top:0; font-size:240%; line-height:120%; color:#86BA0D; font-weight:normal;}
#subtitle {margin-top:-10px; font-size:120%; line-height:120%; color:#888; font-weight:normal;}
#subtitle em {font-style:normal !important;}
h3 {font-size:140%; color:#86BA0D; font-weight:bold;}
h4, h5 {font-size:100%;}

table {display:table; margin:15px 0; padding:0; border-collapse:collapse; font-size:100%;}
table.table100 {width:100%;}
tr {display:table-row;}
tr.bg td {background:#F9F9F9;}
th, td {display:table-cell; margin:0; padding:5px; border:1px solid #CCC; vertical-align:top; text-align:left;}
th {background:#F7F7F7; text-align:center; font-weight:bold;}

ul, ol {display:block; margin:15px 0 15px 40px; padding:0; border:0;}
ul {list-style:none;}
ol {display:block; list-style-type:decimal !important;}
ol ol {list-style-type:upper-alpha;}
ul li {display:list-item; margin:0; padding:0; padding-left:12px; border:0; background:url("http://img.ni.cz/siux2/design/li.gif") 0 6px no-repeat;}
ul ul, ul ol, ol ol, ol ul {margin:0 0 0 20px;}

ul.li-ok {margin:15px 0 15px 20px; padding:0; list-style:none;}
ul.li-ok li {margin:0; padding:0; padding-left:20px; background:url("http://img.ni.cz/siux2/design/li-ok.gif") 0 6px no-repeat;}

dl {margin:15px 0; padding:0; border:0;}
dt {margin:0; padding:0; border:0; font-weight:bold;}
dd {margin:0 0 0 30px; padding:0; border:0;}

form {margin:0; padding:0; border:0;}
fieldset {margin:15px 0; padding:0 10px 0 10px; border:1px solid #DDD;}
legend {margin-left:5px; font-size:110%; font-weight:bold; color:#777;}

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

a, img, span {margin:0; padding:0; border:0;}
abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;}

blockquote {margin:15px 20px; font-style:italic;}

del, .del {text-decoration:line-through;}
strong, .strong {font-weight:bold;}
cite, em, q, var {font-style:italic;}
code, kbd, samp {font-family:monospace; font-size:110%;}

/* Plávání prvku */
.f-left {float:left;}
.f-right {float:right;}

/* Zarovnávání textu */
.t-left {text-align:left;}
.t-center {text-align:center !important;}
.t-right {text-align:right;}

.va-middle {vertical-align:middle;}

.clear {clear:both;}

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

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

.noscreen {display:none;}

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

.main {width:965px; margin:0 auto; _text-align:left;}

/* Hlavička */
#header {position:relative; padding-bottom:5px;}

	/* Logotyop */
	#logo {position:relative; overflow:hidden; width:224px; height:66px; margin:0; padding:0;}
	#logo a span, #logo a:hover span {display:block; position:absolute; left:0; top:0; z-index:1; width:224px; height:66px; background:url("http://img.ni.cz/siux2/design/logo.gif") 0 0 no-repeat; cursor:pointer; _cursor:hand;}

	/* Volba jazyka */
	#lang {position:absolute; top:25px; right:0px; margin:0;}
	#lang a {display:block; float:left; padding:20px 7px 0 7px; text-decoration:underline;}
	#lang #lang-active a {color:#000; text-decoration:none;}
	#lang a#cz {background:url("http://img.ni.cz/siux2/design/flag-cz.gif") top center no-repeat;}
	#lang a#sk {background:url("http://img.ni.cz/siux2/design/flag-sk.gif") top center no-repeat;}
	#lang a#at {background:url("http://img.ni.cz/siux2/design/flag-at.gif") top center no-repeat;}
	#lang a#pl {background:url("http://img.ni.cz/siux2/design/flag-pl.gif") top center no-repeat;}
	#lang a#hu {background:url("http://img.ni.cz/siux2/design/flag-hu.gif") top center no-repeat;}
	#lang a#en {background:url("http://img.ni.cz/siux2/design/flag-en.gif") top center no-repeat;}
	#lang a#pl {background:url("http://img.ni.cz/siux2/design/flag-pl.gif") top center no-repeat;}
	#lang a#ru {background:url("http://img.ni.cz/siux2/design/flag-ru.gif") top center no-repeat;}
	#lang a#de {background:url("http://img.ni.cz/siux2/design/flag-de.gif") top center no-repeat;}

	/* Tlačítko "Test dostupnosti" */
    #btn-test {position:absolute; top:20px; left:270px; width:270px; height:45px; margin:0; background:url("http://img.ni.cz/siux2/design/btn-test.gif") 0 0 no-repeat; font-weight:bold;}
    #btn-test p {position:relative; top:12px; left:10px;}
    #btn-test a {color:#000; text-decoration:none;}
	#btn-test a:hover {color:#674700;}

/* Menu */
#nav {height:2.5em; margin:10px 0 0 0; padding:0; background:#86BA0D url("http://img.ni.cz/siux2/design/nav-bg.gif") 0 0 repeat-x;}
#nav ul {margin:0; padding:0; list-style:none;}
#nav ul li {margin:0; padding:0; display:inline;}
#nav ul li a {display:block; float:left; padding:4px 15px; border-top:3px solid #97D20F; background:url("http://img.ni.cz/siux2/design/separator.gif") 100% 50% no-repeat; font-weight:bold; color:#FFF; text-decoration:none;}
#nav ul li#active a {border-top:3px solid #86BA0D; background:#648A09 url("http://img.ni.cz/siux2/design/nav-active.gif") 0 0 repeat-x; text-decoration:none;}
#nav ul li a:hover {border-top:3px solid #FFF; background:#77A70C url("http://img.ni.cz/siux2/design/separator-hover.gif") 100% 50% no-repeat;; text-decoration:none;}

/* Menu - sub */
#nav-sub {clear:both; height:2.5em; margin:0; background:#5F8408 url("http://img.ni.cz/siux2/design/nav-sub-bg.gif") 100% 100% no-repeat;}
#nav-sub ul {margin:0; padding:0; list-style:none;}
#nav-sub ul li {margin:0; padding:0; display:inline;}
#nav-sub ul li a {display:block; float:left; padding:4px 15px; background:url("http://img.ni.cz/siux2/design/del.gif") 100% 50% no-repeat; text-decoration:none; color:#FFF;}
#nav-sub ul li#active-sub a {font-weight:bold;}
#nav-sub ul li a:hover {text-decoration:underline;}

/* Banner */
#banner {position:relative; height:88px; _height:118px; margin:10px 0; padding:30px 20px 0 425px; border:1px solid #D0D0D0; background:#EEE url("http://img.ni.cz/siux2/design/banner.jpg") 0 0 no-repeat;}

	#bonus {position:absolute; top:0; right:0; margin:0;}
	#bonus p {position:relative; overflow:hidden; width:70px; height:61px; margin:0; padding:0;}
	#bonus p span {display:block; position:absolute; left:0; top:0; z-index:1; width:70px; height:61px; background:url("http://img.ni.cz/siux2/design/bonus.gif") 0 0 no-repeat; cursor:pointer; _cursor:hand;}


    #slogan {position:relative; z-index:999; margin:0; font-size:120%; font-weight:normal; color:#000;}
    #slogan strong {font-size:160%;}
    #slogan a {padding-right:10px; background:url("http://img.ni.cz/siux2/design/arrow3.gif") 100% 60% no-repeat;}
    #slogan a:hover {background:url("http://img.ni.cz/siux2/design/arrow3re.gif") 100% 60% no-repeat; color:#0A528F;}


    /* Drobečková navigace */
	#breadcrumbs {margin:0 0 20px 0; padding:7px 0 5px 0; background:url("http://img.ni.cz/siux2/design/dot2.gif") 100% 100% repeat-x; color:#606060;}
	#breadcrumbs a {color:#606060;}
	#breadcrumbs a:hover {color:#000;}

    /* 3 sloupce (3x 33%) */
    .cols33-bg {background:url("http://img.ni.cz/siux2/design/cols33-bg.gif") 0 0 repeat-y;}
    .col33 {float:left; width:315px; margin:0;}
    .col33.mlr {margin:0 10px;}
    .col33b {float:left; width:315px; margin:0;}
    .col33 ul {margin:10px 0 0 15px; padding:0; list-style:none;}
    .col33 ul li {margin:0; padding:0; padding-left:20px; background:url("http://img.ni.cz/siux2/design/li-ok.gif") 0 6px no-repeat;}
	.col-in {padding:0;}

    /* 2 sloupce (75% a 25%) */
    .col75 {float:left; width:745px; margin-right:10px;}
    .col25 {float:left; width:210px; _position:absolute;}

	/* 3 sloupce (20,20,60%) */
	.col20 {float:left; width:240px;}
	.col20.mlr {margin:0 10px !important;}
	.col60 {float:left; width:465px;}
	.col60-in {width:465px;}

	/* 2 sloupce (2x 50% v obsahovém sloupci) */
	.col50-content {float:left; width:310px;}

	#content {float:left; width:635px; margin-right:30px;}
	#content100 {width:965px;}

	#sidebar {float:left; width:300px; _position:absolute;}
    #sidebar ul {margin:10px 0; padding:0; list-style:none;}
    #sidebar ul li {margin:0; padding:0; padding-left:20px; background:url("http://img.ni.cz/siux2/design/li-ok.gif") 0 6px no-repeat;}
    
	/* Nadpisy ve sloupcích - syté */
    .title {display:block; margin:0 0 15px 0; padding:5px 13px 5px 15px; background:#F6A900 url("http://img.ni.cz/siux2/design/title-bg.gif") 100% 100% no-repeat;}
    .title h3 {margin:0; background:url("http://img.ni.cz/siux2/design/arrow.gif") 100% 50% no-repeat; font-size:110%; color:#FFF;}

	/* Nadpisy ve sloupcích - světlé */
    .title2 {display:block; margin:0 0 15px 0; padding:5px 13px 5px 15px; background:#F5F5F5 url("http://img.ni.cz/siux2/design/title2-bg.gif") 100% 100% no-repeat; border-top:1px solid #DDD;}
    .title2 h3 {margin:0; background:url("http://img.ni.cz/siux2/design/arrow-b.gif") 100% 50% no-repeat; font-size:110%; color:#000;}

/* Patneři */
#partners {margin:0 0 15px 0; padding:0 0 10px 0; border:1px solid #DDD; line-height:160%;}
#partners h3 {margin:0 0 10px 0; padding:5px 15px; background:#EEE; font-size:110%; color:#0A528F;}
#partners p {display:block; float:left; width:240px; margin:0; background:url("http://img.ni.cz/siux2/design/dot.gif") 100% 100% repeat-y; text-align:center;}
#partners p#last {background:none;}

/* Patička */
#footer {clear:both; margin-top:15px; padding:7px 0; border-top:1px solid #DDD; color:#606060;}
#footer p {margin:0;}
#footer a {color:#606060;}
#footer a:hover {color:#000;}

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

/* Kontaktní formulář */
fieldset#contactform {margin-top:35px;}
fieldset#contactform #contactform-desc {clear:both; margin-top:10px; padding-left:115px; background:url("http://img.ni.cz/siux2/design/ico-post.gif") 30px 50% no-repeat; color:#666;}

/* Nestylovaná tabulka */
table.nob {display:table; margin:15px 0; padding:0; border-collapse:collapse; font-size:100%;}
table.nob tr {display:table-row;}
table.nob th, table.nob td {display:table-cell; margin:0; padding:5px; border:0; vertical-align:top;}
table.nob th {background:#F7F7F7; text-align:center; font-weight:bold;}

/* Novinky (články z blogu) */
dl#zblogu {margin:0;}
dl#zblogu dt {background:url("http://img.ni.cz/siux2/design/ico-list.gif") 0 50% no-repeat; padding-left:15px; color:#555;}
dl#zblogu dd {margin:0px 0 5px 4px; padding:0 0 7px 20px; border-left:1px solid #E5E5E5;}

/* Tabulka Traceroute */
table#traceroute-hp {width:745px; margin:0; border:0; border-top:1px solid #EAEAEA;}
table#traceroute-hp th {padding:4px 0; border:0; border-bottom:1px solid #EAEAEA; text-align:left; color:#0A528F;}
table#traceroute-hp td {padding:2px 0; _padding:6px 0; border:0; border-bottom:1px solid #EAEAEA; font-size:95%;}
table#traceroute-hp tr.bg td {background:#F9F9F9;}

/* Tabulka TOP5 na úvodní stránce */
table#top5-hp {width:210px; margin:0; border:0; border-top:1px solid #EAEAEA;}
table#top5-hp td {padding:3px 10px 0 10px; _padding:7px 10px 0 10px; border:0; font-size:95%;}
table#top5-hp tr.result td {padding:0 10px 3px 0; _padding:5px 10px 7px 0; border-bottom:1px solid #EAEAEA; background:url("http://img.ni.cz/siux2/design/ico-enter.gif") 10px 50% no-repeat; color:#666; text-align:right;}
table#top5-hp tr.bg td {background-color:#F9F9F9;}

/* Ikonky */
.ico-lists {padding-left:20px; background:url("http://img.ni.cz/siux2/design/ico-lists.gif") 0 4px no-repeat;}
.ico-tip {padding:2px 0 2px 18px; background:url("http://img.ni.cz/siux2/design/ico-tip.gif") 0 50% no-repeat;}
.ico-flag {width:22px; height:15px; border:0;}
#ico-sitemap {margin-right:15px; padding-left:15px; background:url("http://img.ni.cz/siux2/design/ico-sitemap.gif") 0 50% no-repeat;}
#ico-print {padding-left:15px; background:url("http://img.ni.cz/siux2/design/ico-print.gif") 0 50% no-repeat;}

/* Perex */
#perex {margin:15px 0 20px 0; padding:15px; border-top:1px solid #C9E599; background:#EEFCD9; font-size:120%;}
#perex a {color:#000;}
#perex p {margin:0;}

/* Sloupce ve veřejné statistice */
.col20 ul {margin:0; padding:0; list-style:none;}
.col20 ul li {margin:0; padding:0; display:block; _height:1px; background:none;}
.col20 ul li a {display:block; padding:2px 7px 2px 17px; _margin-top:-3px; border-bottom:1px solid #EAEAEA; background:url("http://img.ni.cz/siux2/design/ico-list.gif") 0 7px no-repeat; text-decoration:underline;}
.col20 ul li.kat-active a {background:url("http://img.ni.cz/siux2/design/ico-list2.gif") 0 7px no-repeat;}

dl.dt100 {clear:both; margin:15px 0;}
dl.dt100 dt {clear:both; float:left; width:100px; font-weight:normal; color:#666;}

/* Vlaječky pro přepínání ve veřejné statistice */
ul#flags {clear:both; height:28px; _height:23px;  margin:0 0 10px 0; padding:0 0 0 20px; _padding:0 0 0 15px; list-style:none; background:url("http://img.ni.cz/siux2/design/dot3.gif") 100% 100% repeat-x;}
ul#flags li {margin:0; padding:0; display:inline; background:none;}
ul#flags li a {float:left; margin:0 2px; _margin:0 1px; padding:3px; border:1px solid #CCC; border-bottom:1px solid #BBB; background:#EEE;}
ul#flags li a:hover, ul#flags li#flag-active a {border:1px solid #BBB; border-bottom:1px solid #FFF; background:#FFF;}

/* Patneři v referencích */
#partners-mini {margin:0 0 15px 0; padding:0 0 10px 0; border:1px solid #DDD; line-height:160%;}
#partners-mini h3 {margin:0 0 10px 0; padding:5px 15px; background:#EEE; font-size:110%; color:#0A528F;}
#partners-mini p {display:block; float:left; width:158px; margin:0; background:url("http://img.ni.cz/siux2/design/dot.gif") 100% 100% repeat-y; text-align:center;}
#partners-mini p#last {background:none;}

/* Ukázka bonusů */
#bonusy-ukazka {float:right; width:170px; _width:181px; margin-left:20px; padding-left:10px; border-left:1px dashed #DDD; text-align:center;}

/* Ikonky na pozadí komunikačních kanalů */
#ico-phone {background:#EEFCD9 url("http://img.ni.cz/siux2/design/ico-phone.gif") 95% 50% no-repeat;}
#ico-email {background:#EEFCD9 url("http://img.ni.cz/siux2/design/ico-email.gif") 95% 50% no-repeat;}
#ico-icq {background:#EEFCD9 url("http://img.ni.cz/siux2/design/ico-icq.gif") 95% 50% no-repeat;}

/* Nezařaditelné a univerzální styly */
.input-big {width:340px; padding:3px; font-size:140%;}
.input-submit-big {width:200px; padding:3px; font-size:140%;}

.out {padding-right:17px; background:url("http://img.ni.cz/siux2/design/ico-out.gif") 100% 50% no-repeat;}

.clr {clear:both;}
.desc {clear:both; border-top:1px solid #DDD; color:#666; font-size:95%;}

a.more {padding-right:20px; background:url("http://img.ni.cz/siux2/design/arrow2.gif") 100% 50% no-repeat; text-transform:uppercase; font-size:95%; font-weight:bold;}

.o {margin:10px 0; padding:0 15px; border:1px solid #C9E599; background:#EEFCD9;}
.o-bg {background:#EEFCD9;}

.bl {border-left:1px solid #DDD; padding-left:10px;}

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

.mini {font-size:95%;}

.high {padding:2px 5px; background:#75A20B; color:#FFF;}
.nonhigh {color:#666;}

.msg-ok {padding:5px 10px; background:#EAFCCF; color:#3A0; font-weight:bold;}
.msg-error {padding:5px 10px; background:#FDE8DE; color:#D00; font-weight:bold;}

.ok {color:#080;}
.error {color:#C00;}
.warning {background:#FFF;}