/* CSS Document */

body {

margin: 0px 0px; padding: 0px 0px; background: #320911 url(../images/bg.jpg) repeat-x center top;

font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 15px;

color: #7A3100; text-align: justify;

}

img {

border: 0px;

}

a {

color: #3E1302; text-decoration: underline;

}

a:hover {

color: #3E1302; text-decoration: none;

}

#all {

width: 900px; margin: 0px auto; padding: 0px 0px;

}

#header {

width: 900px; height: 305px; overflow: hidden; margin: 0px 0px; padding: 0px 0px;

}

#es_left {

width: 900px; background: transparent url(../images/esleft.gif) no-repeat left top; margin: 0px 0px; padding: 0px 0px;

}

#es_right {

width: 900px; background: transparent url(../images/esright.gif) no-repeat right top; margin: 0px 0px; padding: 0px 0px;

}

#content_left {

width: 840px; background: transparent url(../images/bgleftcontent.gif) repeat-y left top; margin: 0px auto; padding: 0px 0px;

}

#content_right {

width: 840px; background: transparent url(../images/bgrightcontent.gif) repeat-y right top; margin: 0px auto; padding: 0px 0px;

}

#content {

width: 782px; background: transparent url(../images/bgcontent.gif) repeat-y center top; margin: 0px auto; padding: 0px 0px;

}

#contentp {

width: 782px; margin: 0px 0px; padding: 0px 0px 15px 0px; background: transparent url(../images/bgrightkolumn.gif) no-repeat right top;

text-align: justify;

}

#path {

background: transparent url(../images/bgline.gif) repeat-x left bottom; width: 87%;

padding: 7px 0px 10px 0px; margin: 0px 0px 15px 0px; color: #7A3100; font-size: 10px;

}

#path img {

padding: 0px 0px; margin: 0px 0px -4px 0px;

}

#path a {

color: #7A3100; text-decoration: none; background: transparent url(../images/arrow.gif) no-repeat left 3px;

padding: 0px 0px 0px 15px; margin: 0px 0px 0px 8px;

}

#path a:hover {

color: #7A3100; text-decoration: underline; background: transparent url(../images/arrow.gif) no-repeat left 3px;

padding: 0px 0px 0px 15px; margin: 0px 0px 0px 8px;

}

.actived {

background: transparent url(../images/arrow.gif) no-repeat left 3px;

padding: 0px 0px 0px 15px; margin: 0px 0px 0px 5px; font-style: italic; text-decoration: underline;

}

#leftkolumn {

float: left; width: 490px; text-align: justify; padding: 0px 0px; margin: 0px 0px;

}

#leftkolumnk {

float: left; width: 490px; text-align: justify; padding: 0px 0px; margin: 0px 0px;

}

#leftkolumnp {

float: left; width: 225px; text-align: justify; padding: 0px 0px; margin: 0px 0px;

}

#menu {

width: 225px; text-align: left;

}

#menu ul {

list-style: none; margin: 0px 0px; padding: 0px 0px;

}

#menu ul li {

list-style: none; margin: 0px 0px; padding: 3px 0px 3px 0px; text-transform: uppercase;

font-weight: bold; background: transparent url(../images/bgline.gif) repeat-x left bottom;

}

#menu ul li a {

color: #7A3100; text-decoration: none; background: transparent url(../images/bgmenuli.gif) no-repeat 15px 7px;

padding: 3px 0px 3px 33px; display: block;

}

#menu ul li a:hover {

color: #4C0300; text-decoration: underline; background: #DAB78A url(../images/bgmenuliactive.gif) no-repeat 15px 7px;

padding: 3px 0px 3px 33px; display: block;

}

#menu ul li ul {

list-style: none; margin: 2px 0px 0px 0px; padding: 0px 0px;

}

#menu ul li ul li {

list-style: none; margin: 0px 0px; padding: 4px 0px 4px 0px; text-transform: none; font-weight: normal;

background-image: none;

}

#menu ul li ul li a {

color: #7A3100; text-decoration: none; background: transparent url(../images/bgmenulili.gif) no-repeat 33px 7px;

padding: 2px 0px 2px 47px; display: block;

}

#menu ul li ul li a:hover {

color: #4C0300; text-decoration: underline; background: #DAB78A url(../images/bgmenulili.gif) no-repeat 33px 7px;

padding: 2px 0px 2px 47px; display: block;

}

h1 {

margin: 0px 0px 10px 0px; padding: 25px 0px 10px 75px; line-height: 9px; font-size: 12px; font-weight: bold;

background: transparent url(../images/bgh1.gif) no-repeat left top;

}

h2 {

margin: 0px 0px 10px 0px; padding: 12px 0px 10px 55px; line-height: 9px; font-size: 11px; font-weight: bold;

background: transparent url(../images/bgh2.gif) no-repeat left top;

}

a.more {

float: right; padding: 0px 0px; margin: 10px 15px 0px 0px;

}

#tekst table {

width: 100%; border: 0px; border-collapse: collapse;

}

#tekst table td {

width: 50%; text-align: left; vertical-align: top;

}

#gallery {

width: 225px; float: left; text-align: left; margin: 0px 0px; padding: 0px 0px;

}

#news {

width: 225px; float: right; text-align: left; margin: 0px 0px; padding: 0px 0px;

}

h3 {

font-size: 11px; font-weight: bold; margin: 0px 0px; padding: 0px 0px;

line-height: 10px;

}

.date {

font-size: 9px; color: #CC9A3F; padding: 0px 0px 5px 0px; font-style: italic;

}

.line {

width: 90%; margin: 20px auto; padding: 0px 0px; overflow: hidden; height: 1px;

background: transparent url(../images/bgline.gif) repeat-x left top;

}

#rightkolumn {

float: right; width: 290px; padding: 0px 0px; margin: 0px 0px;

background: transparent url(../images/bgrightkolumn.gif) no-repeat right top; overflow: hidden;

}

#rightkolumnk {

float: right; width: 290px; padding: 0px 0px; margin: 0px 0px;

overflow: hidden;

}

#rightkolumnp {

float: right; width: 505px; padding: 0px 0px; margin: 0px 0px;

overflow: hidden;

}

img.napis {

padding: 20px 0px 0px 150px;

}

.mapka {

width: 162px; height: 307px; background: transparent url(../images/bgmapka.gif) no-repeat left top;

float: right; padding: 85px 40px 0px 50px; margin: 15px 0px 0px 0px;

}

.mapkak {

width: 162px; height: 307px; background: transparent url(../images/bgmapka.gif) no-repeat left top;

float: right; padding: 85px 40px 0px 50px; margin: 0px 0px 0px 0px;

}

.mapka img {

padding: 0px 0px 0px 10px;

}

.kontakt {

text-align: left; color: #512719; padding: 10px 0px 0px 5px;

}

.kontakt a.more_kontakt {

background: transparent url(../images/bgh2.gif) no-repeat 115px top; padding: 10px 0px 10px 0px;

display: block; margin: 10px 0px 0px -5px;

}

#content_bottmo {

width: 840px; height: 29px; margin: 0px auto; padding: 0px 0px;

background: transparent url(../images/bgcontentbottom.gif) no-repeat center top; overflow: hidden;

}



#foot {

width: 820px; margin: 0px auto; padding: 5px 0px 10px 0px; font-size: 10px; font-family: Tahoma;

line-height: 12px; color: #FFFFFF;

}

.copy {

float: left; width: 150px; padding: 20px 0px 0px 0px;

}

.bottommenu {

float: right; width: 300px; text-align: right; padding: 20px 0px 0px 0px

}

.bottommenu a {

color: #FFFFFF; text-decoration: none;

}

.bottommenu a:hover {

color: #FFFFFF; text-decoration: underline;

}

#banner {

width: 100px;  margin-right: 10px; margin-left: 10px; overflow: hidden; float: right;

}



#unia {

width: 100px; margin: 0px 0px 0px 10px; overflow: hidden; float: right;

}





.design {

float: left; width: 150px; padding: 20px 0px 0px 0px; height: 30px;

}

.design a {

color: #FFFFFF; text-decoration: none;

}

.design img {

padding: 0px 0px 0px 0px; border: 0px; text-align: right; margin: 0px 0px -12px 0px;

}



.clear {

height: 0px; line-height: 0px; font-size: 1px; clear: both; overflow: hidden;

}



/* ----------- lightbox - galeria ------------ */

#lightbox{

	position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;

	}

#lightbox a img{ border: none; }



#outerImageContainer{

	position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;

	}



#imageContainer{

	padding: 10px;

	}



#loading{

	position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;

	}

#hoverNav{

	position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;

	}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{

	width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block;

	}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(../images/prev.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 15% no-repeat; }

#imageDataContainer{

	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em;

	}

#imageData{	padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}		

#overlay{

	position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;

	}

/* Min-Width */

.lbWidth { /* most browsers */

	position: absolute; top: 0px; left: 0px; width: 100%; min-width: 790px;

	}

* html .lbContent { /* IE6 */

	margin-left: -790px; position:relative;

	}



* html .lbMinWidth { /* IE6 */

	padding-left: 790px;

	}

/* Clearfix */	

.clearfix:after {

content: "."; display: block; height: 0; clear: both; visibility: hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */