/* ----------------------------------------------------------------------------------------------------------
    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:10px 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
---------------------------------------------------------------------------------------------------------- */

#ad-skyscraper{position: absolute; right: -135px; top: 160px;}
#ad-leaderboard{padding-bottom: 5px;}
#main {width:975px; margin:0 auto; background:#FFF; text-align:left; position: relative;}

	#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;padding: 0;  }
        #banner object {}
        
	#content {float:right; width:780px;}
	
	#content-hp {float:right; width:780px;}

	#content #content-l {float:left; width:465px;}
	#content #content-r {float:right; width:300px; padding-top:10px;}
	
	#content #content-article #text{padding: 5px 0;font-size: 120%;} 
	#content #content-article #text p{line-height: 1.6;}
	#content #content-article #text h3{font-size: 140%;}
 
	
	#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:300px; 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:300px; 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:300px; 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:300px; 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;}        
        
#tags-and-reviews-top {width:780px; height:4px; background:#DBF3FF url("../design/select-top.gif") 0 100% no-repeat; font-size:0;}
#tags-and-reviews-bottom {width:780px; height:4px; margin-bottom:10px; background:#DBF3FF url("../design/select-bottom.gif") 0 0 no-repeat; font-size:0;}
#tags-and-reviews {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;}

#tags-and-reviews h3{padding: 6px 0 10px 10px; font-size:100%; margin: 5px;}

#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{width: 470px;}
.weather, .message {padding:10px; background:url("../design/dot.gif") 0 0 repeat-x;}
#weather tbody tr td{padding:10px; background:url("../design/dot.gif") 0 0 repeat-x;}
#weather tr th{font-size: 80%; padding: 10px 0; background: #FFFFBB; color: black; }
#weather tr td{text-align: center; padding: 10px  5px;}
.message {padding:15px; font-size: 11px;}
#weather tr.higher td, .weather.higher, .message.higher {background-color:#F0FAFF;font-size: 12px;}
#weather tfoot td{font-size: 80%; background:url("../design/dot.gif") 0 0 repeat-x;}
#weather tbody tr td span{font-size: 80%;}


.weather p{text-align: justify;}
.message p{text-align: ;}

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

.msg{padding: 15px;  font-size: 90%;background:#E2F7F9;}
.msg h3{margin: 0; padding: 0; font-style: normal; font-size: 100%; color: #0095E6;}
.msg p{margin: 0; padding: 5px 0 0 0;}

#mapa { height: 180px; display: block; margin:5px 2px;}


/* ----------------------------------------------------------------------------------------------------------
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:465px; 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:465px; height:4px; background:#DBF3FF url("../design/perex-bottom.gif") 0 0 no-repeat; font-size:0;}

#content-article #perex-top{width:780px; height:4px; background:#DBF3FF url("../design/perex-top-article.gif") 0 0 no-repeat;}
#content-article #perex{background:#DBF3FF url("../design/perex-article.gif") 0 0 repeat-y;}
#content-article #perex-bottom{width:780px; height:4px; background:#DBF3FF url("../design/perex-bottom-article.gif") 0 0 no-repeat;}
	   
.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;}

#tags-hp{width: 450px;float: left; text-align: left; font-size: 90%; padding-bottom: 10px;}
#reviews-hp{width: 300px;float: left; text-align: left;font-size: 90%;}

.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;}

#poletim-ad, #poletim-hp-ad{font-size: 9px;}
#poletim-ad-title, #poletim-hp-ad-title{padding: 2px; color: gray;}
#poletim-ad ul{margin: 7px 0; list-style: none;}
#poletim-ad ul li{list-style: none; padding: 2px 2px 2px 4px;}
#poletim-ad-body{background: url('../design/poletim_bg.png') no-repeat left; padding-left: 130px; height: 54px;  border: 2px solid #eee; }
#poletim-hp-ad-body{
background: url('../design/poletim_bg.png') no-repeat top left; padding-top: 50px;
border: 2px solid #eee; padding-bottom: 3px; margin-bottom: 10px;
}
#poletim-hp-ad-body p{padding: 2px 10px; margin: 0;}


#snih-mobi{padding: 0 0 10px 0;}

#rating{font-size: 90%; padding: 5px;}
#rating h5{margin: 0; padding: 4px 0;}
#rating p{margin: 0; padding: 4px 0;}
#rating blockquote, #rating-all blockquote, #rating-sidebar blockquote{margin: 5px 5px 10px 0;}

#rating-all, #rating-sidebar{padding: 10px; background: #E2F7F9;}
#rating-sidebar{margin-top: 5px; padding: 6px 10px;font-size:95%;}
.rating-all-item, #rating-sidebar .rating-sidebar-item{margin: 8px 4px; display: block; padding-bottom: 10px; background:url("../design/dot.gif") bottom 0 repeat-x;}
#rating-all table{margin:5px 0;}
#rating-all h5, #rating-sidebar h5{margin: 5px 0 0 0; padding: 0 4px; color: #E8332A;}
#rating-sidebar h5{padding: 0; font-size: 100%;}
#rating-all textarea, #rating-all input, #rating-all select{padding: 2px 3px;}

.classification { 
	position: relative;
	width: 91px;
	height: 17px;
}
.classification .cover {
	position: absolute;
	background: transparent url('../design/stars.png') top left no-repeat;
	top: 0px;
	left: 0px;
	width: 91px;
	height: 17px;
	z-index: 101;
}
.classification .progress {
	position: absolute;
	background: transparent url('../design/stars_full.png') top left no-repeat;
	top: 0px;
	left: 0px;
	height: 17px;
	z-index: 102;
}

label.error{color: red; font-size: 11px; padding: 2px 0 0 0; display: block;}
input.error, textarea.error, , select.error{border: 1px dotted red;}

/* provoz strediska */
.ok{color: green;}
.ko{}

#tag-cloud{padding: 0 10px 15px 10px;}
#tag-cloud ul{margin:0;padding: 0 10px;text-align:center;}
#tag-cloud li{margin:0;padding:0;list-style:none;display:inline;}
#tag-cloud li a{text-decoration:none;padding:0 2px;}

.t1{font-size: 100%;}
.t2{font-size: 115%;}
.t3{font-size: 130%;}
.t4{font-size: 145%;}
.t5{font-size: 160%;}
.t6{font-size: 175%;}
.t7{font-size: 190%;}
.t8{font-size: 205%;}
.t9{font-size: 220%;}
.t10{font-size: 235%;}


#select-form{padding: 5px 25px; font-size: 85%; text-align: center;}

.ad-title{font-size: 9px; padding: 2px; color: gray;}

.table-ceniky td{text-align: center;}
.cenik_sz{font-size: 80%;}
abbr{color: gray;}

.ad-square-float{float: right;margin: 0 10px 10px 10px;}

.ip{}