/* -------------------------------------------------------
   * Filename	screen.css
   * Updated	2009-09-15 || 2010-01-15
   * Author     Dariusz Pobożniak
   * Website	http://pobozniak.pl
   ----------------------------------------------------- */

/* CSS Document main default file */

@import url("reset.css"); 	                            /* reset browser defaults  */
@import url("fancybox.css");                            /* lightbox gallery styles */
@import url("ui-lightness/jquery-ui-1.7.2.custom.css"); /* callendar styles */

body {
	background: #c2c2c2 url(../gfx/bgBody.jpg) 50% 0 no-repeat;
	color: #909090;
	font: normal 62.5%/170% Verdana, Arial, Helvetica, sans-serif;
	font-smooth:always;
}
a { color: #8c8c8c; text-decoration: none; }
a:hover { text-decoration: underline; }
dl dd, p, #intro { line-height: 120%; }
p { margin: 1em 0; }
strong { font-weight: bold; }
button::-moz-focus-inner { border: none; }

.input, textarea, select {
	background: #fff;
	border: 1px solid #ccc;
	display: block;
	float: left;
    font: 1em Verdana, Arial, Helvetica, sans-serif;
	padding: .3em;
	width: 295px;
}
textarea { overflow: auto; }
.input:focus, textarea:focus { border-color: #555; }
.submit, button {
	border: 0 none;
	color: #fff;
	cursor: pointer;
	float: right;
}
#home .dropdown, #tourlist li, #tour h5, #tour-more { 
    border-top: 1px solid #d5d5d5;
}
#container h2, #products h3, #survey fieldset, #tour-more .about h3 {
    border-bottom: 1px solid #d5d5d5;
}
#topnav, h2, #tour h5 .submit, .partnerbox, .dropdown dt, #tour-more .spec,
#newsletter label, #contest-form h4, #contest-menu li, button {
	font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Arial, sans-sefif;
}
#container h2, h3, h5 {
	font-weight: normal;
}
h4 { font-size: 120%; font-weight: bold; }
#container h2, #tour h5, #newsletter label, #contest-form h4 {
	color: #e67817;
	font-size: 130%;
	margin-bottom: 1em;
	padding: 15px 0 .3em;
	text-transform: uppercase;
}
#contest-form h4 { font-size: 120%; font-weight: normal; }
#products #content .b-in > h2 { 
	background: url(../gfx/bgH2.gif) 0 100% no-repeat; 
	border: 0 none; 
}
#gallery #content h2, #tour #content h2 { padding-top: 30px; }
#products h3 {
	color: #7c0000;
	font-size: 2em;
	padding: 1.2em 0;
}
#tour h3 { font-size: 130%; margin-top: .5em; }
#tour h5 { clear: left; margin: 0; padding-top: .7em; }
#tour h4 { margin-top: 1.5em; }


/* GRID
 ---------------------------------------------------------------------------- */
#header, #container { 
	margin: 0 auto;
	padding-left: 12px;
	width: 938px; 
}
#header {
	background: url(../gfx/bgHeader.jpg) 12px 100% no-repeat;
	color: #999;
	height: 238px;
	padding-top: 34px;
	width: 938px;
}
#container {
	background: url(../gfx/bgContainer.gif) 0 0 repeat-y;
	font-size: 1.2em;
}
.boxd, #partner-boxd { 
	-moz-box-shadow: 1px 4px 4px #999; 
	-webkit-box-shadow: 1px 4px 4px #999; 
}
#sidebar { 
    background: #f4b700;
    float: right; 
    margin: 0 14px 5px 0; 
    padding-bottom: 150px;
    position: relative; 
    width: 219px;
}
.box, #partner-box, #contest-form fieldset {
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	padding: 0 15px;
}
#gallery .box, #tour .box { padding: 0 35px; }
.box {
	background: #fff;
	border: 1px solid #fff;
	float: left;
	margin: 0 5px 5px 0;
}
.box-1 { width: 668px; }
.box-2 { width: 315px; }
.box-3 { width: 215px; }
.box-4 { width: 415px; }
#gallery .box-1, #tour .box-1, #tourlist li { width: 628px; }
#partner-box {
	background: #fff;
	float: left;
	padding-bottom: 15px;
	width: 892px;
}
#content-in { float: left; width: 704px; }
#footer { float: left; padding: .4em 1em; text-align: right; width: 900px }
#header:after, #container:after,#content-in:after,#content:after { 
	content: "."; display: block; font-size: 0; 
	height: 0; clear: both; visibility: hidden; 
}



/* HEADER
 ---------------------------------------------------------------------------- */
h1 {
	float: left;
    height: 53px;
    overflow: hidden;
    text-indent: -9999px;
    width: 134px;
}
h1 a {
    display: block;
    height: 100%;
    width: 100%;
}
#topnav { float: left; font-size: 1.5em; }
#topnav li { float: left; }
#topnav li a { 
	color: #fff;
	float: left;
	padding: 1.2em 1em ;
	text-transform: uppercase;
}
#topnav li a:hover, #safeski #tab-safeski, #download #tab-download, 
#gallery #tab-gallery, #contact #tab-contact, #tour #tab-tour {
	background: url(../gfx/bgTopNavHover.gif) 50% 100% no-repeat;
	text-decoration: none;
}
#intro {
	clear: left; 
	color: #fff; 
	float: left;
	font-size: 1.2em;
	margin: 35px 0 0 35px;
	width: 610px;
}
#intro h2 { 
	font-size: 2em; 
	font-weight: normal; 
	line-height: 100%;
	margin-bottom: .1em;
}
#intro a { color: #fff; display: block; text-align: right; }


/* SIDEBAR
 ---------------------------------------------------------------------------- */
#survey .submit, #newsletter .submit, #contactform .submit, .siteform .submit {
	background: url(../gfx/bgSend.gif) 0 0 no-repeat;
	float: right;
	margin: 1em 0 0;
	padding: 2px 19px 4px 7px;
	text-align: left;
	width: 64px;
}
#sidebar ul { padding-bottom: 15px; }
#sidebar li a {
	background: url(../gfx/bgSidenavLi.gif) 0 100% no-repeat;
	color: #7c0000;
	display: block;
	font-size: 140%;
	letter-spacing: -1px;
	padding: .6em .2em .6em 1em;
	text-transform: uppercase;
}
#sidebar li a:hover, #sidebar li a.active {
	color: #d43c03;
	text-decoration: none;
}
#newsletter {
    background: #c23f00 url(../gfx/bgNewsletterT.gif) 0 0 no-repeat;
    bottom: 0;
    overflow: hidden;
    padding-top: 15px;
    position: absolute;
    width: 219px;
}
#newsletter fieldset {
    background: url(../gfx/bgNewsletterB.gif) 0 100% no-repeat;
    padding: 0 15px .9em;
}
#newsletter .input { width: 180px; }
#newsletter label { 
    border-bottom: 1px solid #fff; 
    color: #fff; 
    display: block;
}
#newsletter .submit {
    background: url(../gfx/bgSend1.gif) 0 0 no-repeat;
    color: #c23f00;
}

 
/* CONTENT
 ---------------------------------------------------------------------------- */
#partner-box p { text-align: center; } 
#partner-box a img { margin: 0 1em; }
.box .filelist { margin: 0; }
.box .filelist li { 
	color: #afafaf;
	font-size: 110%;
	list-style: none;
	margin: 1em 0;
	min-height: 45px;
	_height: 45px;
	padding-left: 75px;
}
.filelist a { display: block; }
.pack { background: #fff url(../gfx/ico_pack.png) 15px 50% no-repeat; }
.image { background: #fff url(../gfx/ico_image.png) 15px 50% no-repeat; }
.document { background: #fff url(../gfx/ico_document.png) 15px 50% no-repeat; }
#products .textimgsp img { float: left; margin: 2em 0; }
#survey { 
	/* background: url(../gfx/bgSurvey.gif) 30px 50% no-repeat; */
	float: left;
	margin: 2em 0;
	padding-left: 50px;
	width: 322px;
}
#survey fieldset { padding-bottom: 3em; }
#survey h2 { text-transform: none; }
#survey label { line-height: 20px; }
#survey input { float: left; margin: 3px 5px 3px 7px; }
#survey p { margin: .5em 0; width: 100%; }
#survey dl dd { 
	background: url(../gfx/bgBar.gif) 0 50% repeat-x; 
	margin: .1em 0 .4em;
	width: 300px; 
}
#survey dt span { background: #fff; float: right; text-align: right; width: 50px; }
#gallery-list {
	float: right;
	margin: -40px 0 0 0;
	padding: 1px;
	width: auto;
}
.gallery { text-align: center; }
.gallery a img { margin: 1em; }
#contactform p, .siteform div, #contest-form div { float: left; margin: .4em 0; width: 100%; }
#contactform label, #contest-form label, .siteform label { 
	float: left;
	line-height: 180%;
	margin-right: 5px; 
	text-align: right; 
	width: 90px;
}
#contactform .submit, .siteform .submit { margin: 1em 0; }
#contest-form fieldset {
	background: #f6f6f6;
	border: 1px solid #e6e6e8;
	clear: left;
	margin-bottom: 1em;
	padding: 0 15px 15px;
}
#contest-form label, .siteform label { margin-right: 20px; width: 170px; }
#contest-form .input, #contest-form textarea, .siteform .input, .siteform textareaa { width: 400px; }
form input.check { 
    border: 0 none;
    clear: left;
    float: left;
    margin-right: .5em;
    width: 20px; 
}
#contest-form label.check { line-height: 100%; margin: 0 0 .3em; text-align: left; width: 355px; }
#contest-form .error .input, #contest-form .error textarea { border-color: #C23F00; }
.siteform {
	border-top: 1px solid #D5D5D5;
	border-bottom: 1px solid #D5D5D5;
	float: left;
	margin: 1em 0 1.5em;
	padding-top: 1.5em;
}
form p.check { float: left; font-size: 1.1em; margin: 0; width: 400px; }
#contest-menu { 
	border-bottom: 1px solid #d8d8d8; 
	float: left;
	margin: 0 0 2em;
	padding: 15px 13px 0;
}
#contest-menu li {
	float: left;
	list-style: none;
	text-transform: uppercase;
}
#contest-menu li a {
	display: block;
	font-size: 110%;
	padding: .6em 1.5em;
}
#contest-menu li a:hover, #contest-menu .active a {
	color: #e67817;
	text-decoration: none;
}
#contest-menu .active {
	background: #fff;
	border: 1px solid #d8d8d8;
	border-bottom: 0 none;
	position: relative;
	top: 1px;
}
#contest-data { clear: both; }
#contest-form fieldset div { position: relative; }
#contest-form fieldset .input { 
    bottom: .3em;
    left: 190px;
    position: absolute;
}
.buttons { 
	border-top: 1px solid #d8d8d8; 
	margin: 1.5em 0;
	padding-top: 1.5em;
	text-align: center; 
}
.buttons button {
	float: none;
	font-size: 90%;
	height: 22px;
	margin: 0 .6em;
	padding: 2px 10px 4px;
	text-align: left;
	width: 134px;
}
.buttons .btn-prev { background: url(../gfx/bgBtnPrev.gif) 0 0 no-repeat; text-align: right; }
.btn-next { background: url(../gfx/bgBtnNext.gif) 0 0 no-repeat; }
.btn-next.inactive { background: url(../gfx/bgBtnNextInactive.gif) 0 0 no-repeat; }
#contest-details, #contest-rules, #contest-winners { margin: 0 5px; }
#step-path {
	background: url(../gfx/bgStepPath.gif) 0 0 no-repeat;
	height: 30px;
	margin: 2em auto;
	position: relative;
	width: 291px;
}
#step-path span {
	background: url(../gfx/bgStepPathDot.gif) 0 0 no-repeat;
	height: 12px;
	position: absolute;
	top: 0;
	width: 12px;
}
#step-path .step-1 { left: 0; }
#step-path .step-2 { left: 140px; }
#step-path .step-3 { left: 279px; }
.partnerbox {
	float: right;
	font-size: 130%;
	margin-top: -7.3em;
	text-transform: uppercase;
	width: 240px;
}
.partnerbox img { margin-left: 40px; vertical-align: top; }
.contestbox {
	background: url(../gfx/bgContest.png) 0 0 no-repeat;
	float: left;
	height: 93px; /* height: 206px; */
	margin-bottom: 5px;
	overflow: hidden;
	text-indent: -9999em;
	width: 347px;
}
#home dl dt { font-weight: bold; }
#home dl dd { margin-bottom: 2em; }
#home .more { 
	color: #e67817; 
	display: block; 
	margin: 1.5em 0 1em; 
	text-align: right; 
}
#tripbox h2 {
    border: 0 none;
    margin-bottom: .4em;
}
#home #tripbox .more, #home #eventbox dd, #tourlist { margin: 0; }
#home #tripbox dd { margin-bottom: .5em; }
#tripbox img { margin-top: 15px; }
#home #eventbox .more { margin: .8em 0 1em; }
#tourlist { float: left; margin: 1em 0; }
#tourlist li { float: left; list-style: none; padding: .7em 0;}
#tourlist li img, #tour-more, #tour-more div { float: left; }
#tourlist li h3 { margin-left: 140px; }
#tourlist li p { margin: .5em 0 0 140px; }
/*
.tour-intro { 
    background: #fff url(../gfx/bgTrip2.gif) 0 0 no-repeat; 
    padding-top: 50px;
}
*/
#tour-more .about { 
    padding: 1em 0 0;
    text-align: center; 
    width: 140px; 
}
#tour-more .desc { 
    border-left: 1px solid #d5d5d5; 
    margin-bottom: 1em;
    padding-left: 20px; 
    width: 460px; 
}
#tour-more .about h3 { 
    font-size: 130%; 
    font-weight: bold; 
    margin: 0; 
    padding: .5em 0; 
}
#tour-more .date { margin: 1em;}
#tour-more .date span { 
    border-bottom: 1px dashed #d5d5d5;
    display: block;
    margin-bottom: .4em;
    padding-bottom: .4em;
}
.spec {
    color: #fff;
    display: block;
    left: -157px;
    line-height: 170%;
    margin: .2em 0;
    padding: 0 10px;
    position: relative;
    width: 110px;
}
#news-counter, #event-counter { text-align: center; }
.qp_counter { margin: 0 1em; }
.alert { color: green; clear: both; padding: 1em 0 2em; text-align: center; }

/* Markdown & common styles */
.positive, .negative {
	border: 1px solid;
	padding: 1em;
	text-align: center;
}
.positive { border-color: #139136; }
.negative { border-color: #f51616; }
.box ul, .box ol { margin: .2em 0 .2em 20px; }
.box ul li { list-style: disc; }
.box ol li { list-style: decimal; }
/* gallery-box */
.gallery-box {
    background: #f4f4f4;
    border: 1px dashed #ccc;
    margin: 1em 0;
    padding: 1em;
    text-align: center;
}
.gallery-box dl { text-align: left; }
.gallery-box a img { border: 1px solid #ddd; padding: 3px; margin: .7em; }
.gallery-box a:hover img { border-color: #888; }
/* gallery-desc */
.gallery-desc { float: left; margin: 1em 0; width: 100%; }
#content .gallery-desc ul, .gallery-desc li p { margin: 0; }
#content .gallery-desc ul li { list-style: none; }
.gallery-desc li {
    clear: both; 
    float: left; 
    margin: .5em 0;
    width: 100%;
}
.gallery-desc .left img { float: left; }
.gallery-desc .right img { float: right; }
.gallery-desc .left p { margin-left: 190px; }
.gallery-desc .right p { margin-right: 190px; text-align: right; }
.gallery-desc .center { 
    clear: none; 
    max-height: 210px; 
    _height: 210px; 
    overflow: hidden; 
    width: 190px; 
}
/* table */
table {
    border: 1px solid #ccc;
    margin: 1em 0;
    border-collapse: collapse;
    width: 100%
}
table td, table th { 
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: .2em .4em; 
}
table th, table .header { font-weight: bold; }
.ytmovie { clear: both; display: block; margin: .2em auto; }
 
/* FOOTER
 ---------------------------------------------------------------------------- */
#footer, #footer a { color: #ea6700; }
#footer p { 
	float: left;
	margin: 0;
}

/* dropdown TripList */
.dropdown { padding-top: .8em; }
.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
#home .dropdown { float: left; margin-bottom: 1em; width: 315px; }
#tour .dropdown { float: right; top: -3em; position: relative; width: 315px; }
#home .dropdown dd, #tour .dropdown dd { position:relative; margin: 0; }
#home #tripbox .dropdown dd, #tour #tripbox .dropdown dd { margin: 0; }
.dropdown a, .dropdown a:visited { color:#fff; text-decoration:none; outline:none;}
#home .dropdown dt, #tour .dropdown dt, .spec { 
    background: #d67016 url(../gfx/bgTripList.gif) 0 0 repeat-x; 
    border:1px solid #efc6a1;
    -moz-border-radius: 6px;
    font-weight: normal;
}
.dropdown dt a {
    background: url(../gfx/bgTripListArrow.gif) no-repeat 95% 50%; 
    display: block; 
    line-height: 170%;
    padding: 0 .5em;
}
.dropdown dt a span {cursor:pointer; display:block;}
.dropdown dd ul { 
    background: #d67016; 
    border:1px solid #efc6a1;
    -moz-border-radius: 6px;
    display:none; z-index: 100;
    left:0px; 
    padding:5px 0px; 
    position:absolute; 
    top:2px; 
    width: 313px; 
}
.box .dropdown dd li { list-style:none; }                  
.dropdown span.value { display:none;}
.dropdown dd ul li a { display:block; padding: .2em .5em; }
.dropdown dd ul li a:hover { background-color:#de781e;}