/* Global Styles */

body {
    background-color: #f6f6f6;
    margin-bottom: 50px;
}

a:active { outline: none; }
a:focus { -moz-outline-style: none; }
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {
        border : 0px;
}
input[type="submit"]:focus, input[type="button"]:focus {
    outline : none;
}


/* Container */

#container {
	background: white url('images/container-rich-bg.png') no-repeat 0 280px;
	margin: 0 auto;
	position:relative;
	width: 930px;
}

#left {
	background: transparent url('images/grad-left.gif') repeat-y bottom right;
	float: left;
	height: 100%;
	margin-left: -10px;
	position:absolute;
	width: 10px;	
}

#right {
	background: transparent url('images/grad-right.gif') repeat-y bottom left;
	float: right;
	height: 100%;
	margin-left: 930px;
	position:absolute; 
	width: 10px;	
}

/* Header */

#header {
	width: 930px;
	height: 280px;
 	overflow: hidden;
	margin-bottom: 25px;
 }
 
#top {
 	background: transparent url('images/header-top.png') no-repeat;
	height: 93px;
	width: 930px;
        overflow: hidden;
 }
 
#logo {
	display: inline;
 	float: left;
	margin: 12px 0 0 22px;
	width: 160px;
	height: 110px;
}

#nav {
	display: inline;
	float:right;
	margin: 10px 30px 0 0;
	text-align:justify;
}

#nav li {
	display: inline;
	float:left;
	margin-left: 15px;
}
 
#tabs {
	margin-top: 139px;
	width: 100%;
	height: 48px;
}

#tabs div {
	display: inline;
	float: left;
	height: 100%;
}

#przyroda {
	background: transparent url('images/tabs-przyroda.png') no-repeat bottom left;
	margin-left: 32px;
	width: 209px;
}

#gory {
	background: transparent url('images/tabs-gory.png') no-repeat bottom left;
	margin-left: 27px;
	width: 139px;
}

#regiony {
	background: transparent url('images/tabs-regiony.png') no-repeat bottom left;
	margin-left: 27px;
	width: 186px;
}

#kontynenty {
	background: transparent url('images/tabs-kontynenty.png') no-repeat bottom left;
	margin-left: 27px;
	width: 249px;
}

/*
#tabs img {
	 display: none; 
}

#tabs .hover img, 
#tabs .selected img {
	display: block;
}

#tabs .selected { background: none; }
*/

 
/* Breadcrumbs */
 

#breadcrumbs {
	clear: both;
	overflow: visible;
	height: 31px;
	margin: 0 30px 16px 30px;
}

#breadcrumbs li {
	line-height: 29px;
	border-top: #e4e4e4 solid 1px;
	border-bottom: #e4e4e4 solid 1px;
	float: left;
	margin-left: -10px;
	padding-left: 10px;
	background: url('images/breadcrumbs-arrow.png') no-repeat top right;
}

#breadcrumbs li.first {
	position: relative;
	z-index: 2;
	height: 31px;
	border: 0;	
	margin-left: 0;
	padding-left: 0;
	background: none;
}

#breadcrumbs li.prelast {
	background: none;
}

#breadcrumbs li.last {
	float: none;
	background: none;
	margin-left: 10px;
	border: #e4e4e4 solid 1px;		
	border-radius: 6px;
	-moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

#breadcrumbs li.first span,
#breadcrumbs li.first a {
	padding: 0px;
	margin: 0px;
}

#breadcrumbs li span,
#breadcrumbs li a {
	margin-left: 10px;
	margin-right: 20px;
}

#breadcrumbs li.last span{
}


/* Content */

#content {
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
}

.submit input {
	cursor: pointer;
	cursor: hand;
}

/* Aside */

#aside {
	float: right;
	display: inline;
	margin-right: 30px;
	margin-bottom: 30px;
}

/* Footer */

#footer {
	height: 110px;
        color: #a2a2a2;
	background-color: #333333;
	padding-bottom: 5px;
	clear: both;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-khtml-border-bottom-left-radius: 5px;
	-khtml-border-bottom-right-radius: 5px;
}

#footer .whitespace {
    /*
	height: 0px;
        overflow: hidden;
	width: 100%;
    */
    clear: both;
}

#footer ul {
	padding-top: 15px;
	height: 35px;
	background: #333333 url('images/ft-gradient.png') repeat-x top left;
}

#footer .black {
	background-color: #1e1e1e;
	width: 100%;
	height: 40px;
	margin-bottom: 5px;
}

#footer .copy {
	margin-left: 15px;
	float: left;
}

#footer .sitemap {
	float: right;
	margin-right: 15px;
}

#footer li {
	margin-left: 15px;
	font-weight: bold;
	float: left;
	display:inline;
}

#footer span,
#footer a, #footer a:visited, #footer a:link {
	color: white;
}

#footer a:hover {
	color: #8f8f8f;
}


/* Labels */

.label {
	float: left;
	width: 27px;
	height: 83px;
}

.gory .label {
	background-image: url('images/label-gory.png');
}

.przyroda .label {
	background-image: url('images/label-przyroda.png');
}

.regiony .label {
	background-image: url('images/label-regiony.png');
}

.kontynenty .label {
	background-image: url('images/label-kontynenty.png');
}

.activities {
	float: right;
	clear: right;
	height: 41px;
	/* background: url('images/activities.png') no-repeat top right; */
}

.activities img {

}

.activities img.activity_trekking {
    float: left;
    padding-left: 1px;
    padding-right: 1px;
}

.activities img.activity_culture {
    float: left;
    padding-left: 1px;
    padding-right: 1px;
}

.activities img.activity_nature {
    float: left;
    padding-left: 1px;
    padding-right: 1px;
}

.activities img.activity_birds {
    float: left;
    padding-left: 1px;
    padding-right: 1px;
}

.activities img.activity_tramping {
    float: left;
    padding-left: 1px;
    padding-right: 1px;
}

.activities img.activity_photo {
    float: left;
    padding-left: 1px;
    padding-right: 1px;
}


img.image {
	width: 175px;
	min-height: 100px;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
}

div.photo {
	border: 1px solid white;
    padding: 0;
    margin: 0;
}

.pagination {
	display: inline;
	position: relative;
	float: right;
	font-size: 18pt;
}

.up {
	margin-top: -50px;
}

.pagination a, 
.pagination span {
	padding: 0 4px;
	color: black;
}

.pagination .ui-tabs-selected a,
.pagination .current
 {
	color: #8f8f8f;
}

#dates li {
	line-height: 1.4;
}

/* Typography */

/*
@font-face {
	font-family: "HelveticaRounded";
	src: url(helvetica_rounded_pl.eot);
	src: local("HelveticaRounded LT BoldCn"), url('helvetica_rounded_pl.ttf') format("truetype");
}
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

h1,
h2,
h3 {
	font-family: "HelveticaRounded", sans-serif;
}

h1 {
	clear: both;
	font-size: 21pt;
	margin-bottom: 0.5em;
}

h3 { margin-bottom: 0.5em; }

#container h1 {
	margin-left: 30px;
}

#content h1 {
	margin-left: 0px;
}

h2 {
	font-size: 15pt;
}

h3 {
	font-size: 13pt;
}
.panel h3
{
	margin-top: 1.3em;
}

#breadcrumbs li {
	font-size: 10pt;
}

#breadcrumbs a {
	text-decoration: none;
	color: #7e7e7e;
}

#nav li {
	font-size: 15px;
	font-family: "HelveticaRounded", sans-serif;
}

p {
	font-size: 9pt;
	line-height:1.6;
	margin-bottom: 1.6em;
}
.panel p
{
    margin-bottom: 1.3em;
}


a, a:hover, a:visited {
	text-decoration: none;
}


#sitemap a { line-height: 1.8em; }

p a, #sitemap li a {
	color: black;
	text-decoration: underline;
	font-weight: bold;
        line-height: 10px;
        
}

#sitemap ul { margin-top: 10px;  }
#sitemap li { margin-top: 5px; margin-bottom: 5px; }

p a, #sitemap li a:hover {
    text-decoration: none;
}

#featured p a {
	font-weight: normal;
}

#list  a {
	font-weight: bold;
}

#list  a, #list  a:hover, #list  a:visited {
	color: #7e7e7e;
}

#list .hover a {
	color: black;
}

#nav li a {
	color: black;
}

#nav li.hover a {
	color: black;
}

#nav li,
#nav li.selected a,
#nav li.hover a {
	color: #2da43b;
}

#pagination {
	font-size: 16pt;
}

#list thead {
	color: #c0c0c0;
	font-size: 9pt;
}

th {
	color: #c0c0c0;
	font-weight: normal;
	text-align: left;
	font-size: 9pt;
}

.bold {
	font-weight: bold;
}