/* =GLOBAL ----------------------------------------------------------------------- */

* {margin:0; padding:0;}
html {width:100%; background:#0269C8;}
body {
background:transparent;
font:12px arial,helvetica,sans-serif;
text-align:center;
color:#FFF;
}

a {text-decoration:none; color:#00E300;}
a:hover {text-decoration:underline; color:#D5FA00;}
/*a:active, a:visited, a:focus {color:#999;}*/
a:focus {outline:0;}
a img, fieldset {border:0;}
ol,ul {list-style-type:none;}
p,li {line-height:16px;}
h1,h2,h3 {font-weight:bold;}
h1 {font-size:2em;}
h2 {font-size:1.6em;}
h3,h4,h5 {font-size:1.3em;}
p {font-size:1em; text-align:justify;}


/* =PAGE ----------------------------------------------------------------------- */

.clearfix:after {
content:"";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix  {display:inline-block;}
/* Hides from IE-mac \*/
.clearfix {display:block;}
/* End hide from IE-mac */
.left {float:left;}
.right {float:right;}
.tl {text-align:left !important;}
.tr {text-align:right !important;}
.tc {text-align:center !important;}
.none, legend, h3 {display:none;}
#container {
background-image:url('../images/bg_header.gif'); 
background-repeat:repeat-x;
background-position:0 0;
text-align:left; 
margin:0 auto;
width:948px;
}
#container.index {background-position:0 137px}


/* =HEADER ----------------------------------------------------------------------- */

#header {
background-image:url('../images/logo2.gif');
background-repeat:no-repeat;
background-position:100% 17px;
position:relative; 
top:0; 
height:420px;
}
.index #header {
background-image:url('../images/chief.gif'); 
background-position:100% 0;
height:560px;
}
.index #header p {position:relative; top:23px; width:662px;}
#header li {display:block; text-indent:-9999px; float:left; margin:0;}
#header li a {background-repeat:no-repeat; overflow:hidden; display:block;}
#header h1 {
text-indent:-9999px; 
width:105px; 
height:25px;
position:absolute;
top:363px;
left:10px; 
z-index:111;
}
.index #header h1 {
background:url('../images/logo.gif') 0 0 no-repeat;
width:236px; 
height:48px;
position:relative;
top:12px;
left:0; 
}
#header h1 a {width:105px; height:25px; display:block;}
.index #header h1 a {width:236px; height:48px;}
#header h2 {
background-position:0 0; 
text-indent:-9999px;
position:absolute;
top:62px; 
width:948px; 
height:287px; 
display:block;
}
.index #header h2 {top:199px;}
#header h2.hd_index {background-image:url('../images/headers/index.jpg');}
#header h2.hd_karpacz {background-image:url('../images/headers/karpacz.jpg');}
#header h2.hd_szklarska {background-image:url('../images/headers/szklarska.jpg');}
#header h2.hd_jura {background-image:url('../images/headers/jura.jpg');}
#header h2.hd_mazury {background-image:url('../images/headers/mazury.jpg');}
#header h2.hd_other {background-image:url('../images/headers/other_loc.jpg');}
#header h2.hd_offer {background-image:url('../images/headers/offer.jpg');}
#header h2.hd_offer2 {background-image:url('../images/headers/offer2.jpg');}
#header h2.hd_about {background-image:url('../images/headers/about.jpg');}
#header h2.hd_gear {background-image:url('../images/headers/gear.jpg');}
#header h2.hd_contact {background-image:url('../images/headers/contact.jpg');}
#header h2.hd_gallery {background-image:url('../images/headers/gallery.jpg');}
#header h2.hd_links {background-image:url('../images/headers/links.jpg');}
#header h2.hd_ascent {background-image:url('../images/headers/ascent.jpg');}
#header h2.hd_bridge {background-image:url('../images/headers/bridge.jpg');}
#header h2.hd_bridge2 {background-image:url('../images/headers/bridge2.jpg');}
#header h2.hd_bridge3 {background-image:url('../images/headers/bridge3.jpg');}
#header h2.hd_bridge4 {background-image:url('../images/headers/bridge4.jpg');}
#header h2.hd_bungy {background-image:url('../images/headers/bungy.jpg');}
#header h2.hd_caving {background-image:url('../images/headers/caving.jpg');}
#header h2.hd_climbing {background-image:url('../images/headers/climbing.jpg');}
#header h2.hd_descent {background-image:url('../images/headers/descent.jpg');}
#header h2.hd_ferrata {background-image:url('../images/headers/ferrata.jpg');}
#header h2.hd_ferrata2 {background-image:url('../images/headers/ferrata2.jpg');}
#header h2.hd_offroad {background-image:url('../images/headers/offroad.jpg');}
#header h2.hd_paintball {background-image:url('../images/headers/paintball.jpg');}
#header h2.hd_pendulum {background-image:url('../images/headers/pendulum.jpg');}
#header h2.hd_pendulum2 {background-image:url('../images/headers/pendulum2.jpg');}
#header h2.hd_pendulum3 {background-image:url('../images/headers/pendulum3.jpg');}
#header h2.hd_pendulum4 {background-image:url('../images/headers/pendulum4.jpg');}
#header h2.hd_rafting {background-image:url('../images/headers/rafting.jpg');}
#header h2.hd_rope {background-image:url('../images/headers/rope.jpg');}
#header h2.hd_tyrol {background-image:url('../images/headers/tyrol.jpg');}

#header .navigation {
background-image:url('../images/homepage.gif');
background-repeat:no-repeat;
background-position:0 6px;
padding:8px 0 0 498px; 
position:absolute; 
top:349px; 
left:0; 
z-index:11;
height:62px; 
width:450px;
}
.index #header .navigation{
background-image:url('../images/windrose.gif');
background-position:0 0;
top:486px;
}
#header .navigation li, #header .navigation li a {height:62px;}
#header .navigation li a {background-image:url('../images/navigation.gif');}
#header .navigation li#n01 a {width:75px; background-position:0 0;}
#header .navigation li#n01 a:hover, #header .navigation li#n01 a.active {background-position:0 -62px;}
#header .navigation li#n02 a {width:75px; background-position:-75px 0;}
#header .navigation li#n02 a:hover, #header .navigation li#n02 a.active {background-position:-75px -62px;}
#header .navigation li#n03 a {width:69px; background-position:-150px 0;}
#header .navigation li#n03 a:hover, #header .navigation li#n03 a.active {background-position:-150px -62px;}
#header .navigation li#n04 a {width:82px; background-position:-219px 0;}
#header .navigation li#n04 a:hover, #header .navigation li#n04 a.active {background-position:-219px -62px;}
#header .navigation li#n05 a {width:78px; background-position:-301px 0;}
#header .navigation li#n05 a:hover, #header .navigation li#n05 a.active {background-position:-301px -62px;}
#header .navigation li#n06 a {width:71px; background-position:-379px 0;}
#header .navigation li#n06 a:hover, #header .navigation li#n06 a.active {background-position:-379px -62px;}

#header .location {position:absolute; top:1px; left:7px; height:53px; width:528px;}
.index #header .location {top:138px;}
#header .location li, #header .location li a {height:53px;}
#header .location li a {background-image:url('../images/location.gif');}
#header .location li#l01 a {width:80px; background-position:0 0;}
#header .location li#l01 a:hover, #header .location li#l01 a.active {background-position:0 -53px;}
#header .location li#l02 a {width:151px; background-position:-80px 0;}
#header .location li#l02 a:hover, #header .location li#l02 a.active {background-position:-80px -53px;}
#header .location li#l03 a {width:84px; background-position:-231px 0;}
#header .location li#l03 a:hover, #header .location li#l03 a.active {background-position:-231px -53px;}
#header .location li#l04 a {width:70px; background-position:-315px 0;}
#header .location li#l04 a:hover, #header .location li#l04 a.active {background-position:-315px -53px;}
#header .location li#l05 a {width:143px; background-position:-385px 0;}
#header .location li#l05 a:hover, #header .location li#l05 a.active {background-position:-385px -53px;}


/* =MIDDLE ----------------------------------------------------------------------- */

#content {width:100%; clear:both; overflow:hidden; padding:10px 0;}
#content h4 {width:100%; clear:both; margin-bottom:20px; text-align:center; font-weight:normal;}
#content h5 {margin:15px 0 5px; text-align:left; font-weight:normal;}
#content h4 small, #content h5 {color:#e47d54;}
#content p, #content h5 {padding:5px 20px;}
#content div p {padding:0 0 5px 0;}
#content p strong {text-transform:uppercase;}
#content ul.submenu {list-style-type:disc; margin-left:15px; padding:0 20px;}
.index #content ul.submenu {padding:0;}
#content .left {width:80%;}
.index #content .left {width:30% !important;}
#content .right {width:18%;}
#content .right li {font-size:1.3em; margin-bottom:3px;}
.index #content .right {width:65% !important;}
.index #content .right h4 {
background:url('../images/slogan.gif') 0 0 no-repeat;
text-indent:-9999px; 
margin:20px 0 0 0;
width:257px; 
height:40px;
float:right;
}

#content .box {
border-bottom:1px solid #555;
padding-bottom:20px;
margin:0 15px 20px 20px;
overflow:hidden;
width:913px; 
clear:both; 
}
#content .box.last {border-bottom:none; padding-bottom:0;}
#content .box h4 {text-transform:uppercase; text-decoration:underline; text-align:left;}
#content .box .left {width:68%;}
#content .box .right {width:28%;}
#content .box .right ul {padding-top:8px;}
#content .box .right em {font-style:normal; color:#e47d54;}

#content .fifty {
border-top:1px solid #555;
padding-top:20px;
margin:20px 15px 0 15px;
overflow:hidden;
width:918px;
clear:both; 
}
#content .fifty #lightbox {float:left; width:100px; display:block; margin:3px 13px 5px 0;}
#content .fifty h4 {text-decoration:underline; text-align:left; color:#e47d54;}
#content .fifty .left {width:45%;}
#content .fifty .left div {margin-bottom:30px;}
#content .fifty .right {width:45%;}
#content .fifty .right div {margin-bottom:50px;}

#content .triple {padding-left:8px;}
#content .triple div {
border-top:1px solid #CCC;
padding:20px 30px 0 0;
margin-top:20px;
float:left; 
width:280px; 
height:130px; 
}
#content .triple .lightbox {float:left; display:block; margin:3px 13px 5px 0;}
#content .triple h4 {text-align:left; color:#e47d54;}

#content .columns {width:100%; clear:both; overflow:hidden; padding:20px 0;}
#content .columns div {
padding:0 15px;
float:left; 
width:30%; 
height:200px; 
}
#content .columns div h4 {color:#FFF; font-size:1.8em; margin-bottom:10px;}
#content .columns div.tl h4 {text-align:left;}
#content .columns div.tr h4 {text-align:right;}
#content .columns div li {margin-bottom:3px; font-size:1.3em;}
#content .columns div li strong {font-weight:normal; text-decoration:underline;}

#content .full_width {padding-top:20px; width:100%; clear:both; color:#c0c0c0;}
#content .center p {padding-bottom:15px; text-align:center;}
#content ul#lightbox {padding-top:30px; text-align:center;}
#content ul#lightbox.gallery {padding:5px 0 22px 0; border-bottom:1px solid #CCC;}
#content ul#lightbox li {display:inline; margin:0 3px 6px 3px;}
#content ul#lightbox li img {border:2px solid #FFF;}
#content ul#lightbox li a:hover {text-decoration:none;}
#content ul#lightbox li a:hover img {border-color:#DEDEDE;}


/* =FOOTER ----------------------------------------------------------------------- */

#footer {width:100%; clear:both; overflow:hidden;}
#footer p {padding:25px 0; font-size:.9em; width:45%;}
#footer p.right {text-align:right; margin-right:5px;}
#footer p.right a.map {
border-right:1px solid #EEE; 
padding-right:10px; 
margin-right:8px; 
}
 
 
 /* =FORMS ----------------------------------------------------------------------- */

input, textarea, select {
font:0.95em tahoma,helvetica,arial,sans-serif;
border:1px solid#CDD4DA;
padding:3px 4px;
}
select {padding:2px 2px;}
.check, .radio {
border:0;
width:12px;
height:12px;
margin-right:5px;
position:relative;
top:3px;
}