/* ----------------------------------------------------------------------------------------------------------
    Projekt: Snowparky.cz
    URL: http://www.snowparky.cz/

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

    Autor: Vít Dlouhý (vit.dlouhy@nuvio.cz), Nuvio (www.nuvio.cz)
    Poslední revize: 2007-12-22, 14:42 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 {background:#E9F2FB url("../design/bg.jpg") 0 0 repeat-x; font:0.8em/1.5 "arial",sans-serif; color:#000; text-align:center;}

a {color:#1177a1;}
a:hover {color:#FEAE1A;}

h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}
h3 {font-size:140%;}
h4, h5 {font-size:100%; color:#1177A1;}

p {margin:15px 0;}

table {margin:15px 0; border-collapse:collapse; border-spacing:0; font-size:100%;}
table.width100 {width:670px;}
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;}

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

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

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; font-style:italic;}

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:85%;}

.high {color:#FFD633;}
.high-02 {color:#FEAE1A;}
.high-03 {color:#E49401;}
.nonhigh, .nonhigh a {color:#707070;}

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

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

.noscreen {display:none;}

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

table.table-style01 {margin:15px 0; border:1px solid #BCDAF3;}
table.table-style01 th {padding:7px 5px; background:#1177A1 url("../design/table-style01.gif") 100% 100% no-repeat; color:#FFF;}
table.table-style01 tr.bg td {background:#E8F2FB;}

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

dl.dl-style01 {margin:15px 0;}
dl.dl-style01 dt {color:#E49401;}
dl.dl-style01 dd {margin-left:20px;}

fieldset.fieldset-style01 {border:1px solid #D3E6F8;}
fieldset.fieldset-style01 legend {padding:3px 6px; background:#FEAE1A; font-weight:bold; color:#FFF;}

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

#main {width:960px; margin:0 auto; text-align:left;}

	#header {position:relative; width:960px; height:80px; background:#FFF url("../design/header.jpg") 0 0 no-repeat; overflow:hidden;}

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

        #fav {margin-left:15px;}
        #fav a {padding-left:18px; background:url("../design/ico-fav.gif") 0 3px no-repeat;}
        #fav a:hover {color:#E4942B;}

        #ad {position:absolute; top:15px; right:10px; width:245px; font:85%/1.5 "verdana",sans-serif; color:#777;}

    #banner {width:960px; height:120px; background:#1177A1 url("../design/banner.jpg") 0 0 no-repeat;}

    #page {background:url("../design/page.gif") 100% 0 repeat-y;}
    #page-in {background:url("../design/page-in.jpg") 100% 100% no-repeat;}

    	#content {float:left; width:690px; background:#FFF url("../design/content.gif") 0 0 no-repeat; overflow:hidden;}
    
            #content-in {padding:10px 10px 0 10px;}
            
                #content h2 {margin:0; padding:22px 15px 17px 75px; background:#FEAE1A url("../design/h2.gif") 0 0 no-repeat; font-size:180%; letter-spacing:-2px; color:#FFF;}
                #content .title {margin:10px 0 5px 0; padding:7px 10px; background:#1177A1 url("../design/title.gif") 0 0 repeat-x; color:#FFF;}
                #content .title-02 {margin:10px 0 5px 0; padding:7px 10px; background:#FEAE1A url("../design/title-02.gif") 0 0 repeat-x; color:#000;}
                #content h3.title, #content h3.title-02 {font-size:100%; font-weight:bold;}
                #content .title h3 {display:inline; margin:0; font-size:100%; color:#FFF;}
                #content .title a {color:#FFF;}
                #content .title a:hover {color:#D2E6F7;}                
    
    	#sidebar {float:right; width:270px; padding:20px 0; padding-bottom:275px; background:url("../design/sidebar.jpg") 0 0 no-repeat; overflow:hidden;}
    	
            #sidebar-in {width:260px;}
    	
                #sidebar .title {margin:10px 0 3px 0; padding:7px 10px 7px 15px; background:#1177A1 url("../design/title.gif") 0 0 repeat-x; font-size:100%; font-weight:bold; color:#FFF;}
                
                #num {height:38px; padding:17px 10px 0 15px; background:url("../design/num.jpg") 0 0 no-repeat; color:#1177a1;}
                #num p {margin:0;}
                #num span {padding:4px 7px; background:#1177a1; color:#FFF; font-weight:bold;}
                
                .nav {margin:0; padding:0; list-style:none;}
                .nav li {display:inline; margin:0; padding:0;}
                .nav li a {display:block; margin-bottom:3px; padding:4px 10px 4px 15px; background:#e8f2fb url("../design/nav-link.gif") 0 0 repeat-y; text-decoration:underline;}
                .nav li a:hover {background:#A6CEEF url("../design/nav-hover.gif") 0 0 repeat-y; text-decoration:none; color:#FFF; font-weight:bold;}
                .nav li#nav-active a {background:#FFF; color:#E49401; font-size:120%; font-weight:bold; text-decoration:none;}
                
                .padding-in {margin-top:10px; padding:10px 10px 10px 15px; background:#E8F2FB url("../design/padding-in.gif") 0 0 repeat-y;}
                .padding-in p {margin:0;}
                .padding-in h4 {padding-bottom:3px; border-bottom:1px solid #BCDAF3;}

	#footer {clear:both; border-bottom:10px solid #1177A1; background:#0D5573 url("../design/footer.gif") 0 0 no-repeat;}
	
    	#footer-in {padding:40px 20px 20px 70px; background:url("../design/footer-in.gif") 20px 40px no-repeat;}
    	
            #footer p {margin:0;}
            #footer .nonhigh, #footer .nonhigh a {color:#BDD9F4;}
            #footer .nonhigh a:hover {color:#FFF;}
            
            #subnav {float:right; color:#FFF;}
            #subnav a {padding:6px 6px; background:#0A445C; color:#FFF; text-decoration:none;}
            #subnav a:hover {background:#FFE067; color:#000;}        
    
            #nuvio {padding:1px 0 1px 21px; background:url("../design/nuvio.gif") 0 1px no-repeat;}
            a:hover#nuvio {background-position:0 -83px}

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

#welcome {padding:0 5px;}

#top10 {padding-left:130px; background:url("../design/top10.gif") 13px 90% no-repeat;}

    #top10 .position {text-align:right; color:#FDA501; font-weight:bold;}
    #top10 .bg .note, #top10 .note {background:#FEAE1A; text-align:center; font-weight:bold; color:#FFF; letter-spacing:1px;}
    #top10 .note {background:#FEC04C; color:#FFF;}
    #top10 table {width:540px; margin:0;}
    #top10 table td {padding:2px 5px; border-bottom:1px solid #FFF;}
    #top10 table tr.bg td {background:#E8F2FB;}

.list {width:670px; margin:0;}
.list th {background:#FFDB4D url("../design/list-th.gif") 100% 100% no-repeat; color:#000;}
.list tr.bg td {background:#E8F2FB;}

/* ----------------------------------------------------------------------------------------------------------
Stránka: DETAIL SNOWPARKU
---------------------------------------------------------------------------------------------------------- */

#perex, .info {padding:5px 20px; font-size:120%; color:#1177A1;}
#perex p, .info p {margin:0;}

table.park-info {width:400px; border-bottom:1px solid #BDD8F3;}
table.park-info tr.bg td, table.park-info tr.bg th {background:#E9F2FB;}
table.park-info th {text-align:left; font-weight:normal; color:#1177A1;}

#atlas-map {float:right; width:265px; text-align:right; overflow:hidden;}

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

.jump {clear:both; padding:5px 10px;}
.jump.bg {background:#E9F2FB;}
.jump-foto {float:left; width:60px;}
.jump-info {float:right; width:590px;}
.jump-info p {margin:0;}

ul.thumbs {margin:5px 0; padding:0; list-style:none;}
ul.thumbs li {float:left; display:block; width:167px; text-align:center;}
ul.thumbs li a img {border:1px solid #A7CCF0;}
ul.thumbs li a:hover img {border:1px solid #FEAE1A;}

dl.actions {clear:both; background:url("../design/dot-02.gif") 40px 0 repeat-y;}
dl.actions dt {float:left; display:block; width:100px; clear:both;}
dl.actions dt span {padding:5px; background:#FFEFB4; color:#E49401;}
dl.actions dd {float:left; display:block; width:570px; margin:0; margin-bottom:10px;}

.comment {clear:both; padding:10px;}
.comment.bg {background:#E9F2FB;}
.comment-info {padding-left:15px; background:url("../design/comment-info.gif") 0 0 no-repeat; color:#1177A1; font-size:85%;}

.padding {padding:10px;}

/* Sidebar */
#rating-resume span {padding:4px 7px; background:#FEAE1A; color:#FFF; font-weight:bold;}

#map {position:relative; width:235px; height:135px; margin-top:5px; background:url("../design/mapa.gif") 0 0 no-repeat; font-size:0;}

    .pos {width:8px; height:8px; background:url("../design/map-pos.gif") 0 0 no-repeat; font-size:0; position: absolute;}


#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:19px;}
#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;}

    .pos.pos01 {position:absolute; top:22px; left:115px;}

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

.inp {width:244px; padding:4px 2px; border:1px solid #A7CCF0; background:#E8F2FB; font-size:85%;}
.inp:focus, .inp-02:focus {background:#FFF;}

.inp-02 { padding:4px 2px; border:1px solid #A7CCF0; background:#E8F2FB;}
.submit {padding:4px; border:1px solid #FEAE1A; background:#FEAE1A url("../design/title-02.gif") 0 0 repeat-x; font-family:"arial",sans-serif; font-size:100%; font-weight:bold; cursor:pointer;}

#breadcrumbs {padding:7px 15px; border-top:1px solid #FFEA9A; background:#FFD633;}
#breadcrumbs a {color:#000;}
#breadcrumbs a:hover {text-decoration:none;}

.pagination {text-align:center;}
.pagination strong {position:relative; top:2px; padding:0 3px; color:#E49401; font-size:140%;}

.ico-prev {padding-left:12px; background:url("../design/ico-prev.gif") 0 5px no-repeat;}
.ico-next {padding-right:12px; background:url("../design/ico-next.gif") 100% 5px no-repeat;}
.ico-out {padding-right:15px; background:url("../design/ico-out.gif") 100% 3px no-repeat;}

.bt {background:url("../design/dot.gif") 0 0 repeat-x;}
.bb {padding-bottom:10px; background:url("../design/dot.gif") 0 100% repeat-x;}

.a-style02 {color:#1599CF;}

a img.border {border:1px solid #A7CCF0;}
a:hover img.border {border:1px solid #FEAE1A;}

.overflow {overflow:hidden;}

/* ----------------------------------------------------------------------------------------------------------
Hodnocení hvězdičkami
---------------------------------------------------------------------------------------------------------- */
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url("../design/star.gif") left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
	margin:7px 0;
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}
#mainMap{width: 262px; height: 262px; border: 1px solid #eee;}