/* ----------------------------------------------------------------------------------------------------------
    Projekt: Sněhové zpravodajství
    URL: http://www.snehove-zpravodajstvi.cz/

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

    Autor: Vít Dlouhý (vit.dlouhy@nuvio.cz), Nuvio (www.nuvio.cz)
    Poslední revize: 2007-11-02, 13:58 GMT+1

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

* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, table, caption, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {border:0;}
body {padding:20px 0; background:#FFF url("../design/bg.gif") 50% 0 repeat-y; font:0.75em/1.5 "verdana",sans-serif; color:#0A1429; text-align:center;}

a {color:#0074B4;}
a:hover {color:#E8332A;}

h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}
h1 {font-size:180%;}
h2 {margin-top:5px; font-size:160%; color:#E8332A;}
h3 {font-size:120%; color:#0095E6;}
h4, h5 {font-size:100%;}

p {margin:15px 0;}

table {margin:15px 0; border-collapse:collapse; border-spacing:0; font-size:100%;}
table.width100 {width:100%;}
th {text-align:center; font-weight:bold;}
th, td {padding:3px 5px;}

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

dl {margin:15px 0;}
dt {font-weight:bold; color:#00649C;}
dd {margin-left:30px;}

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

abbr, acronym, .help {border-bottom:1px dotted #CCC; cursor:help;}
del, .del {text-decoration:line-through;}
strong, .strong {font-weight:bold;}
cite, em, q {font-style:italic;}
code, kbd, samp {font-family:monospace; font-size:110%;}
blockquote {margin:15px 20px; padding-left:10px; font-style:italic; border-left:2px solid #CCECFF;}

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

/* ----------------------------------------------------------------------------------------------------------
Univerzální styly
---------------------------------------------------------------------------------------------------------- */

.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;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}

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

.high {color:#E8332A;}
.nonhigh {color:#707070;}

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

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

.noscreen {display:none;}

/* ----------------------------------------------------------------------------------------------------------
HTML styly (tabulka, seznam, definice...)
---------------------------------------------------------------------------------------------------------- */

table.table-style01 th {padding:7px 5px; background:#DBF3FF; color:#E8332A;}
table.table-style01 th, table.table-style01 td {border:1px solid #B2E5FF;}
table.table-style01 tr {text-align:center;}
table.table-style01 td {padding:5px 7px;}
table.table-style01 tr.bg td {background:#F5FBFF;}
table.table-style01 tr td.bg2 {background:#E6FFFF !important;}
table.table-style01 tr.bg td.bg2 {background:#CCFEFF !important;}

table.table-style02 th {padding:7px 5px;}
table.table-style02 tr {text-align:center;}
table.table-style02 td {background:#FFB; font-size:140%;}
table.table-style02 th, table.table-style02 td {border:1px solid #EE9;}

table.table-style03 {border:1px solid #B2E5FF;}
table.table-style03 th {padding:7px 5px; background:#DBF3FF; color:#E8332A;}
table.table-style03 th, table.table-style03 td {border-bottom:1px solid #B2E5FF;}
table.table-style03 td {width:50%;}

table.table-style04 {margin-top:0; font-size:95%;}
table.table-style04 tr.bg td, table.table-style04 tr.bg th {background:#E2F7F9;}
table.table-style04 th {text-align:left; vertical-align:top; color:#147A85; font-weight:normal;}

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

/* ----------------------------------------------------------------------------------------------------------
LAYOUT
---------------------------------------------------------------------------------------------------------- */

#main {width:975px; margin:0 auto; background:#FFF; text-align:left;}

	#header {position:relative; height:150px; background:#0084CE url("../design/header.jpg") 0 0 no-repeat;}

        #logo {position:absolute; top:60px; left:20px;}
        #logo h1 {position:relative; width:285px; height:65px; margin:0; padding:0; overflow:hidden; font-size:120%;}
        #logo h1 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;}
        #logo h1 a {color:#FFF;}
        
        #slogan {margin:0; font-size:100%; color:#FFF;}

        #update {position:absolute; top:5px; right:0; margin:0; font-size:95%;}
        
            #ico-favorites {padding:1px 20px 1px 0; background:url("../design/ico-favorites.gif") 100% 0 no-repeat;}
        
        #banner {position:absolute; top:60px; right:20px; margin:0; }
        #banner object {width:468px; height:60px; border: 1px solid #fff;}
        
	#content {float:right; width:780px;}
	
	#content-hp {float:right; width:780px;}

	#content #content-l {float:left; width:515px;}
	#content #content-r {float:right; width:250px; padding-top:10px;}
	
	#sidebar {float:left; width:180px; background:url("../design/sidebar.gif") 125px 85px no-repeat;}

        #sidebar .sidebar-title-01-top {width:180px; height:17px; background:#0084CE url("../design/sidebar-title-01-top.gif") 0 100% no-repeat; font-size:0;}
        #sidebar .sidebar-title-01-bottom {width:180px; height:5px; background:#0084CE url("../design/sidebar-title-01-bottom.gif") 0 0 no-repeat; font-size:0;}
        #sidebar .sidebar-title-01 {margin:0; padding:5px 10px 5px 30px; background:#0084CE url("../design/sidebar-title-01.gif") 5px 4px no-repeat; color:#FFF;}
        
        #sidebar .sidebar-title-02-top {width:180px; height:5px; background:#80FBFF url("../design/sidebar-title-02-top.gif") 0 100% no-repeat; font-size:0;}
        #sidebar .sidebar-title-02-bottom {width:180px; height:5px; background:#80FBFF url("../design/sidebar-title-02-bottom.gif") 0 0 no-repeat; font-size:0;}
        #sidebar .sidebar-title-02 {margin:0; padding:5px 10px 5px 30px; background:#80FBFF url("../design/sidebar-title-02.gif") 5px 4px no-repeat; color:#0084CE;}

        #sidebar .ad, #content-r .ad {margin:8px 0; margin-left:10px; padding-bottom:10px; background:url("../design/dot.gif") 0 100% repeat-x; font-size:95%; line-height:1.4;}
        #content-r .ad {margin-left:0;}

        #content-r .sidebar-title-01-top {width:250px; height:17px; background:#0084CE url("../design/sidebar2-title-01-top.gif") 0 100% no-repeat; font-size:0;}
        #content-r .sidebar-title-01-bottom {width:250px; height:5px; background:#0084CE url("../design/sidebar2-title-01-bottom.gif") 0 0 no-repeat; font-size:0;}
        #content-r .sidebar-title-01 {margin:0; padding:5px 10px 5px 30px; background:#0084CE url("../design/sidebar-title-01.gif") 5px 4px no-repeat; color:#FFF;}
        
        #content-r .sidebar-title-02-top {width:250px; height:5px; background:#80FBFF url("../design/sidebar2-title-02-top.gif") 0 100% no-repeat; font-size:0;}
        #content-r .sidebar-title-02-bottom {width:250px; height:5px; background:#80FBFF url("../design/sidebar2-title-02-bottom.gif") 0 0 no-repeat; font-size:0;}
        #content-r .sidebar-title-02 {margin:0; padding:5px 10px 5px 30px; background:#80FBFF url("../design/sidebar-title-02.gif") 5px 4px no-repeat; color:#0084CE;}

        ul.nav {margin:10px 0 15px 7px; padding:0; list-style:none;}
        ul.nav li {display:inline; margin:0; padding:0;}
        ul.nav li a {display:block; padding:2px 0 2px 24px; background:url("../design/nav-link.gif") 0 5px no-repeat; text-decoration:underline;}
        ul.nav li a.inline {padding:2px 0 2px 24px; background:url("../design/nav-link.gif") 0 5px no-repeat; text-decoration:underline;}
        ul.nav li#nav-active a {font-weight:bold; color:#E8332A; text-decoration:none;}
        ul.nav li ul li {margin-left:0; font-size:95%;}
        ul.nav li ul li a {font-weight:normal !important; text-decoration:underline !important; color:#0074B4 !important;}
        ul.nav li ul li a:hover {color:#E8332A !important;}
        ul.nav li ul li#nav-active2 a {font-weight:bold !important; text-decoration:none !important; color:#E8332A !important;}

        ul.subnav {margin:10px 0 15px 7px; padding:0; list-style:none}
        ul.subnav li {display:inline; margin:0; padding:0;}
        ul.subnav li a {display:block; padding:2px 0 2px 24px; background:url("../design/subnav-link.gif") 0 5px no-repeat; text-decoration:underline; font-size:95%;}
        ul.subnav li a.inline {padding:2px 0 2px 24px; background:url("../design/subnav-link.gif") 0 5px no-repeat; text-decoration:underline; font-size:95%;}



    #footer-links-top {width:975px; height:5px; margin-top:15px; background:#3DB3F4 url("../design/footer-links-top.gif") 0 100% no-repeat; font-size:0;}
    #footer-links-bottom {width:975px; height:5px; background:#3DB3F4 url("../design/footer-links-bottom.gif") 0 0 no-repeat; font-size:0;}
    #footer-links {margin:0; padding:7px 10px; background:#3DB3F4 url("../design/footer-links.gif") 0 0 repeat-x; color:#00659A; color:#FFF;}
    #footer-links a {color:#FFF;}
    #footer-links a:hover {color:#80FBFF;}
	
    #footer-copyright {height:85px; padding:15px 10px 0 10px; background:url("../design/footer.gif") 550px 0 no-repeat;}
    #footer-copyright p {margin:0;}
    
        #nuvio {padding-left:20px; background:url("../design/nuvio.gif") 0 0 no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
Stránka: ÚVOD
---------------------------------------------------------------------------------------------------------- */

#welcome-top {width:780px; height:4px; background:#DBF3FF url("../design/welcome-top.gif") 0 100% no-repeat; font-size:0;}
#welcome-bottom {width:780px; height:4px; margin-bottom:10px; background:#DBF3FF url("../design/welcome-bottom.gif") 0 0 no-repeat; font-size:0;}
#welcome {margin:0; background:#DBF3FF url("../design/welcome.gif") 0 0 repeat-y;}
#welcome-in {padding:23px 220px 23px 24px; background:url("../design/welcome-in.jpg") 545px 100% no-repeat;}
#welcome h2 {margin:0; margin-bottom:7px; font-size:160%; font-weight:normal; letter-spacing:-1px; color:#E8332A;}
#welcome h2 span{font-weight: bolder;}
#welcome p {margin:0; line-height: 1.6;}        
        
#select-top {width:780px; height:4px; background:#DBF3FF url("../design/select-top.gif") 0 100% no-repeat; font-size:0;}
#select-bottom {width:780px; height:4px; margin-bottom:10px; background:#DBF3FF url("../design/select-bottom.gif") 0 0 no-repeat; font-size:0;}
#select {margin:0; padding:4px 10px 10px 10px; background:#DBF3FF url("../design/select.gif") 0 0 repeat-y; color:#00659A; font-size:120%; text-align:center;}
#select-zobrazit {position:relative; bottom:-6px}

/* ----------------------------------------------------------------------------------------------------------
Stránka: STŘEDISKO
---------------------------------------------------------------------------------------------------------- */

#tabs {border-bottom:1px solid #B2E5FF;}
#tabs ul {margin:0; margin-left:10px; padding:0; list-style:none;}
#tabs ul li {display:inline; margin:0; padding:0;}
#tabs ul li a {display:block; float:left; position:relative; bottom:-1px; margin-right:5px; padding:7px 10px; border:1px solid #B2E5FF; border-bottom:0; background:#DBF3FF; text-decoration:underline;}
#tabs ul li a:hover {background:#F0FAFF;}
#tabs ul li#tabs-active a {border-bottom:1px solid #FFF; background:#FFF; text-decoration:none; color:#0084CE; font-weight:bold;}

.weather {padding:10px; background:url("../design/dot.gif") 0 0 repeat-x;}
.weather.higher {background-color:#F0FAFF;}

.weather p{text-align: justify;}

.msg-warning {padding:7px 10px; border:1px solid #EEA; background:#FFA; font-style:italic;}

#mapa {position:relative; width:250px; height:/*145px*/180px; margin:10px 0; background:url("../design/mapa.gif") 0 0 no-repeat;}

#pos-beskydy, #pos-chriby, #pos-javorniky, #pos-jeseniky, #pos-jestrebi-hory, #pos-jizerske-hory, #pos-kralicky-sneznik, #pos-krkonose, #pos-krusne-hory, #pos-luzicke-hory, #pos-oderske-vrchy, #pos-orlicke-hory, #pos-slavkovsky-les, #pos-smrciny, #pos-sumava, #pos-vysocina {position:absolute; width:20px; height:20px; background:url("../design/mapa-pos.gif") 0 0 no-repeat;}


#pos-beskydy {left:219px; top:74px;}
#pos-chriby {left:192px; top:100px;}
#pos-javorniky {left:214px; top:80px;}
#pos-jeseniky {left:184px; top:48px;}
#pos-jestrebi-hory {left:140px; top:26px;}
#pos-jizerske-hory {left:101px; top:7px;}
#pos-kralicky-sneznik {left:165px; top:44px;}
#pos-krkonose {left:118px; top:14px;}
#pos-krusne-hory {left:44px; top:18px;}
#pos-luzicke-hory {left:78px; top:8px;}
#pos-oderske-vrchy {left:192px; top:70px;}
#pos-orlicke-hory {left:147px; top:39px;}
#pos-slavkovsky-les {left:16px; top:47px;}
#pos-smrciny {left:3px; top:43px;}
#pos-sumava {left:45px; top:105px;}
#pos-vysocina {left:126px; top:80px;}


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

#breadcrumbs {margin:0; padding:15px 0; font-size:95%;}
#content #breadcrumbs {margin:0; padding:15px 0; background:url("../design/dot.gif") 0 100% repeat-x; font-size:95%;}
	   
#perex-top {width:515px; height:4px; background:#DBF3FF url("../design/perex-top.gif") 0 100% no-repeat; font-size:0;}  
#perex {padding:10px 15px; background:#DBF3FF url("../design/perex.gif") 0 0 repeat-y;}
#perex p {margin:0;}
#perex-bottom {width:515px; height:4px; background:#DBF3FF url("../design/perex-bottom.gif") 0 0 no-repeat; font-size:0;}
	   
.more {padding:2px 32px 2px 0; background:url("../design/ico-more.gif") 100% 2px no-repeat;}

.hx-style01 {padding:4px 0 5px 30px; background:url("../design/hx-style01.gif") 0 0px no-repeat; font-size:100%; text-transform:uppercase;}

.col50 {float:left; width:385px;}
.col50 table {width:383px;}

.col-half {float:left; width:250px;}
.col-half.right {float:right;}

.note-line {padding-top:10px; background:url("../design/dot.gif") 0 0 repeat-x; font-size:95%;}

.ico-print {padding-left:20px; background:url("../design/ico-print.gif") 0 0 no-repeat;}

.bt {padding-top:10px; background:url("../design/dot.gif") 0 0 repeat-x;}
.bt p {margin-top:0;}

/* Smazat */
.tag {background:#FF9 !important; color:#000 !important; font-style:italic !important; font-weight:normal !important; font-size:12px !important;}

#leaderboard{text-align:center;}
#leaderboard2{width: 746px; margin: 0 auto;}
#leaderboard2 *{margin: 0; padding: 0;}