/* -------------------------------------------------------
   SCREEN.CSS
   * Filename	screen.css
   * Updated	2009-10-01
   * Author     Dariusz Pobożniak
   * Website	http://pobozniak.pl
   * For        skiactive.com
   ----------------------------------------------------- */

/* CSS Document main default file */

@import url("reset.css"); 	/* reset browser defaults */

/* GENERAL
 ---------------------------------------------------------------------------- */
a 		{ color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }

body {
	color: #000;
	font: normal 62.5%/170% Verdana, Arial, Helvetica, sans-serif;
}
#home {
    background: #000 url(../gfx/bgBodyHome.jpg) 50% 101px no-repeat;
    padding-top: 50px;
}
p { margin: 1em 0; }
.input, select, textarea {
    font: 1em Verdana, Arial, Helvetica, sans-serif;
    padding: 1px;
}
hr { background: #b4b4b4; border: 1px solid #b4b4b4; }
h2 {
    font: normal 1.8em "Trebuchet MS", Tahoma, Arial, Verdana, Sans-Serif;
    padding: .5em 0;
    text-transform: uppercase;
}
h3 { font-size: 130%; font-weight: bold; }
h3 + p, hr + p { margin: 0; }
h5 { margin-bottom: .5em; padding-bottom: .3em; }

/* STRUCTURE
 ---------------------------------------------------------------------------- */
#header, #container {
    margin: 0 auto;
    width: 950px;
}
#header {
    height: 238px;
    margin-left: -476px;
    left: 50%;
    position: relative;
}
#container {
    font-size: 1.2em;
}
#home #container { background: none; }
#sidebar {
    color: #fff;
    float: left;
    text-transform: uppercase;
    width: 170px;
}
#content {
    background-color: #fff;
    float: left;
    width: 709px;
}
#footer {
    color: #fff;
    font-size: 1.1em;
    margin: 0 auto;
    padding: 0 74px 1em 170px;
    text-align: right;
    width: 705px;
}
#home #footer { padding: 2em 0; text-align: center; width: 950px; }
#header:after, #container:after, #footer:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* HEADER
 ---------------------------------------------------------------------------- */
h1 {
    background: url(../gfx/bgLogo.gif) 0 0 no-repeat;
    float: left;
    height: 56px;
    margin: 7px 30px 0 0;
    width: 255px;
}
h1 a {
    display: block;
    height: 100%;
    overflow: hidden;
    text-indent: -9999px;
    width: 100%;
}
#home h1 {
    background: url(../gfx/bgLogoHome.gif) 0 0 no-repeat;
    height: 61px;
    width: 281px;
}
#topnav { float: left; margin: 7px 9px 0 0;}
#home #topnav { display: inline; margin: 202px 55px 4em; width: 840px; }
#topnav li {
    float: left;
    height: 24px;
    width: 148px;
}
#topnav li a, #topnav li span {
    display: block;
    height: 100%;
    overflow: hidden;
    text-indent: -9999px;
    width: 100%;
}
#tab-winter { background: url(../gfx/bgTabWinter.gif) 0 0 no-repeat; }
#tab-summer { background: url(../gfx/bgTabSummer.gif) 0 0 no-repeat; }
#tab-club { background: url(../gfx/bgTabClub.gif) 0 0 no-repeat; }
#tab-vip { background: url(../gfx/bgTabVip.gif) 0 0 no-repeat; }
#subnav {
    height: 18px;
    left: 285px;
    overflow: hidden;
    padding: 7px 0;
    position: absolute;
    top: 31px;
    text-align: center;
    width: 592px;
}
#subnav li { display: inline; margin-left: -3px; }
#subnav li a {
    border-left: 2px solid #fff;
    color: #fff;
    font: bold 1.5em "Trebuchet MS", Tahoma, Arial, Verdana, Sans-Serif;
    line-height: 18px;
    padding: 0 .9em;
    text-transform: uppercase;
}
#subnav li a:hover { text-decoration: none; }
#subnav li a.fist { border-left: 0 none; }
#home #topnav li {
    height: 55px; 
    width: 210px;
}
#home #tab-winter { background: url(../gfx/bgTabWinterHome.gif) 0 0 no-repeat; }
#home #tab-summer { background: url(../gfx/bgTabSummerHome.gif) 0 0 no-repeat; }
#home #tab-club { background: url(../gfx/bgTabClubHome.gif) 0 0 no-repeat; }
#home #tab-vip { background: url(../gfx/bgTabVipHome.gif) 0 0 no-repeat; }
.en, .pl {
    float: left;
    height: 14px;
    margin-top: 12px;
    overflow: hidden;
    text-indent: -9999px;
    width: 24px;
}
.en { background: url(../gfx/bgLangEn.gif) 0 0 no-repeat; }
.pl { background: url(../gfx/bgLangPl.gif) 0 0 no-repeat; }
#home .en, #home .pl { float: right; height: 17px; margin-top: 21px; width: 29px; }
#home .en { background: url(../gfx/bgLangEnHome.gif) 0 0 no-repeat; }
#home .pl { background: url(../gfx/bgLangPlHome.gif) 0 0 no-repeat; }

#header button {
    background: transparent;
    border: 0 none;
    cursor: pointer;
}
#header form {
    display: inline;
    float: right;
    margin: 50px 74px 1.5em 0;
    position: relative;
    width: 160px;
}
#header #search-form {
    clear: right;
    margin-top: 0;
}
#header form input {
    border: 1px solid #7e9db9;
    color: #77008c;
    font-size: 1.1em;
    font-weight: bold;
    padding: 3px 40px 3px 3px;
    width: 115px;
}
#newsletter-form button {
    height: 19px;
    position: absolute;
    right: 6px;
    top: 8px;
    width: 28px;
}
#search-form button {
    height: 27px;
    position: absolute;
    right: 0;
    top: 7px;
    width: 35px;
}
#header form button span, a.reserve {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
}
#newsletter-form button span {
    background: url(../gfx/bgNewsletterSubmit.gif) 50% 50% no-repeat;
    height: 19px;
    width: 25px;
}
#search-form button span {
    background: url(../gfx/bgSearchSubmit.gif) 50% 50% no-repeat;
    height: 27px;
    width: 32px;
}
a.reserve {
    background: url(../gfx/bgLinkReserve.gif) 0 0 no-repeat;
    clear: right;
    display: inline;
    float: right;
    height: 49px;
    margin: 12px 74px 0 0;
    width: 160px;
}

/* SIDEBAR
 ---------------------------------------------------------------------------- */
#sidebar a { color: #fff; }
#sidebar h3 {
    font-size: 1em;
    font-weight: bold;
    margin: 2em 0 .3em 0;
    padding: 0 10px 0 10px;
}
#sidenav {
    border-top: 1px solid #696969;
    margin: 1em 18px 0 10px;
}
#sidenav li {
    border-bottom: 1px solid #696969;
    padding: .3em;
}
#sidenav li a {
    font: normal 1.4em "Trebuchet MS", Tahoma, Arial, Verdana, Sans-Serif;
}
#sidenav li a:hover { text-decoration: none;  }
#sidebar .smallnav {
    margin: 0 18px 0 10px;
}
#sidebar .smallnav li { padding: .2em 0; }
#sidebar .partner-list li { margin: .5em 0; text-align: center; }

/* CONTENT
 ---------------------------------------------------------------------------- */
#content ul { margin-left: 20px ;}
#content ul li { list-style: disc; }
#content dl dt { font-weight: bold; margin-bottom: .4em; }
#content dl dd { margin-bottom: 1.5em; }
#content.one-column {
    padding: 0 30px 2em;
    width: 649px;
}
.two-columns {
    background-image: url(../gfx/bgContent.gif);
    background-position: 442px 0;
    background-repeat: repeat-y;
}
#col1 {
    float: left;
    width: 447px;
}
#col1 .text-wrapper, #col1 .box {
    padding: 0 26px 26px;
    width: 395px;
}
#col1 .box {
    background: url(../gfx/bgBox.gif) 0 0 repeat-x;
    clear: right;
    padding-top: .5em;
}
#col2 {
    float: right;
    width: 260px;
}
#col2 .box {
    background: url(../gfx/bgBox.gif) 0 100% repeat-x;
    float: left;
    padding: 0 20px 20px;
    width: 220px;
}
#col2 .adv {
    background: #ececec url(../gfx/bgBox.gif) 0 100% repeat-x;
    float: left;
    padding: 20px;
    text-align: center;
}
#col2 ol { margin-top: 1em; padding-top: 1em; }
#col2 ol li { list-style: decimal; margin-left: 20px; }
.news_content, .staff-list, .offer-list.individual, .intro {
    border-bottom: 1px solid #b4b4b4;
}
.intro {
    margin: 1em 0 1.5em;
	padding: 0 0 1.5em;
}
.news_content, .staff-list, .offer-list.individual {
	border-bottom: 1px solid #b4b4b4;
	padding: 1.5em 0;
}
.news_content .title, .staff-list .title {
	display: block;
	font-weight: bold;
}
.staff-list { float: left; }
.staff-list img { float: left; }
.staff-list .title { margin-left: 110px; }
.staff-list p { margin: 0 0 .4em 110px; }
.gallery-box { text-align: center; }
.gallery-box a img { margin: 0 1em 1em 0;}
.news_content .gallery-box { margin: 0 0 .4em;}
.news_content .gallery-box a img { margin: 0 1em; }
.link-archive {	
    color: #fff;
    float: right;
    font-size: 120%;
    margin: 2em 0;
    padding: .2em 12px .2em .4em;
}
#col2 .box .link-archive { margin-bottom: 1em; }
.station .link-archive { 
	clear: left;
	float: left;
	margin: 1em 0 0;
}

.offer-list.individual { margin-bottom: 1.5em; }
.offer-list dt { font-size: 130%; text-align: center; }
/*.one-column img { float: left; margin: 1em 1em 1em 0; } */
.bigger { font-size: 120%; }
.positive, .negative {
	border: 1px dashed;
	padding: 1em;
	text-align: center;
}
.positive { border-color: #12ba39; }
.negative { border-color: #c80a37; }
#content .logged dd { margin: .3em; }
table {
    border: 1px solid #b4b4b4;
    border-collapse: collapse;
    margin: 1em 0;
}
table td, table th {
    border-right: 1px solid #b4b4b4;
    border-bottom: 1px solid #b4b4b4;
    padding: .2em;
}
table th { font-weight: bold; }
.station, .station .logo { float: left; }
.station h2, .station-link, .station .opt ul:first-child { 
	border-bottom: 1px solid #b4b4b4; 
}
.station .desc { clear: left; margin-bottom: 1em; }
.station h2 { margin-bottom: .3em; }
.station p { margin: 0 0 1em;}
.station h5 { margin-bottom: 0; }
.station .logo img { display: inline; float: left; margin: 10px 20px 10px; }
.station .logo h5, .station .logo p { margin-left: 0; }
.station-link { 
	border-top: 1px solid #b4b4b4; 
	clear: left;
	display: block;
	margin-bottom: 1em;
	padding: .4em 0;
}
.station .map { margin-bottom: 2.6em; }
.station .opt { float: left; width: 170px; }
#content .station .map ul { 
	float: left; 
	margin: 1.6em 0 0; 
	padding: 0 2px 1.6em;
}
#content .station .map li { list-style: none; }
.orczyk, .krzeslo, .gondola, .kret { 
	color: #5a5758;
	float: left;
	font-size: 1.5em;
	padding-top: 35px;
	text-align: center;	
	width: 32px;
}
.red, .blue, .black, .snowpark { 
	clear: left;
	display: block;
	font-size: 120%;
	padding: .2em 0 .2em 1.8em;
}
.orczyk { background: url(../gfx/ico01.gif) 0 0 no-repeat; }
.krzeslo { background: url(../gfx/ico02.gif) 0 0 no-repeat; }
.gondola { background: url(../gfx/ico03.gif) 0 0 no-repeat; }
.kret { background: url(../gfx/ico04.gif) 0 0 no-repeat; }
.red { background: url(../gfx/dot02.gif) 0 50% no-repeat; }
.blue { background: url(../gfx/dot01.gif) 0 50% no-repeat; }
.black { background: url(../gfx/dot03.gif) 0 50% no-repeat; }
.snowpark { 
	background: url(../gfx/dot04.gif) 0 50% no-repeat; 
	height: 34px; 
	line-height: 34px;
	margin: .3em 0; 
	padding-left: 40px;
}
.station .opt li span { display: none; }


/* FOOTER
 ---------------------------------------------------------------------------- */
#footer a { color: #fff; }
#footer span, #footer a.link {
    float: left;
    font-size: 110%;
    padding: .2em 4px;
}
#footer span { text-transform: uppercase; }
#footer a.link { border-left: 1px solid #fff; }
#home #footer span { display: block; float: none; text-transform: uppercase; }
#home .banner { clear: left; margin: 0 0 1em; text-align: center; }