/* ---------------- MEYER'S RESET ------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;background-image: transparent;}
:focus {outline: 0;}
body {line-height: 1;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* --------------- END RESET ----------------- */
.clear{clear: both;}
/**------------------------------------------------------**/
/**-------------------background-------------------------**/
body{
    margin: 0;
    padding: 0;
    background: #27434c;
	font-family: Georgia;
}
div#back1{
    background: url(../images/top_bottom3.png) repeat;
    border-bottom: 5px solid #233c47;
    height: 91px;
}
div#back3{
    background: url(../images/top_bottom3.png) repeat;
    border-top: 4px solid #233c47;
    height:150px;
    width: 100%;
	margin-bottom: 0;
}
div#content{
    width: 958px;
    height: 100%;
    margin: 0 auto;
    border: 4px solid #32535e;
    border-bottom: 3px solid #2f4e59;
    background: #32515c url(../images/background.jpg) repeat-x;
    background-position: top;
}
div#header{
    width: 500px;
    height: 300px;
    background: url(../images/topbar.jpg) no-repeat;
    background-position: top;
    margin-left: -81px;
    margin-top: -100px;
    position:absolute;
}
div#logo{
    height: 374px;
    width: 373px;
    background: url(../images/logo.jpg) no-repeat;
    position: absolute;
    margin: -85px 0px 0px 668px;
    z-index: 4;
}

/**------------------------------------------------------**/
/**-----------------------MENU---------------------------**/
div#menu{
    height: 55px;
    width: 600px;
    margin: -43px 0 0 -10px;
    position: relative;
    z-index: 5;
}
#navlist li{
    display: inline;
    list-style-type: none;
}
#navlist li a{
    display: block;
    color: white;
    font-size: 12pt;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
    text-align: center;
    width: 100px;
    height: 60px;
    float: left;
    background-image: url(../images/menu.jpg);
    background-repeat: no-repeat;
    padding: 0;
    line-height: 65px;
    position: relative;
    bottom: 10px;
}
#navlist li a:hover{   color: yellow;}
a#m1{
    background-position: 1px -53px;
    width: 118px !important;
}
    a#m1.current{
        height: 60px;
        background-position: 1px 9px;
    }
	a#m1.current:hover{color:white;}
	
a#m2{
    background-position: -118px -53px;
    width: 100px !important;
}
    a#m2.current{
        height: 60px;
        background-position: -118px 9px;
    }
	a#m2.current:hover{color:white;}

a#m3{
    background-position: -221px -53px;
    width: 108px !important;
}
    a#m3.current{
        height: 60px;
        background-position: -221px 9px;
    }
	a#m3.current:hover{color:white;}

a#m4{
    background-position: -330px -53px;
    width: 124px !important;
}
    a#m4.current{
        height: 60px;
        background-position: -330px 9px;
    }
	a#m4.current:hover{color:white;}
	
a#m5{
    background-position: -455px -53px;
    width: 112px !important;
}
    a#m5.current{
        height: 60px;
        background-position: -455px 9px;
    }
	a#m5.current:hover{color:white;}

div#menu ul#navlist li a.current{
    line-height: 85px;
	font-weight: normal;
}

/**------------------------------------------------------**/
/***-----------------------TEXT-------------------------***/
div#text{
    width: 900px;
    min-height:570px; /* min-height fix */
    height:auto !important; /* min-height fix */
    height:570px; /* min-height fix */
    background: #bac3cc url(../images/text.jpg) repeat-x;
    background-position: bottom;
    border: 2px solid #CCCCCC ;
    position: relative;
    z-index: 3;
}
div#cien{
    background: url(../images/cien_bok.jpg) repeat-y;
    padding: 0 0 0 7px;
    margin: 208px 0 0 20px;
    width: 908px;
    height: 100%;
}
div#cien_bottom{
    height: 8px;
    width: 904px;
    background: url(../images/cien_dol.jpg) repeat-x;
    margin: 0 auto;
}
div#zaba{
    width: 499px;
    height: 688px;
    background: url(../images/zaba1.jpg) no-repeat;
    bottom: -164px;
    margin-left: -104px;
    position: absolute;
    z-index: 2;
}
div#trawka{
    background: url(../images/trawka2.jpg) no-repeat;
    height: 341px;
    width: 310px;
    position: absolute;
    bottom: -8px;
    right: -2px;
    z-index: 2;
}

/**------------------------------------------------------**/
/**---------------------POLE TEXT----------------------**/
div#pole{
    width: 490px;
    margin: 40px 0 35px 220px;
    position: relative;
    z-index: 5;
}
h1{
	font-size: 16pt;
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
	color: #0e5e52;
	margin: 0 0 20px 0;
}
h2{
	font-size: 14pt;
	font-style: italic;
	font-weight: bold;
	text-indent: 20px;
}
h3{
	font-size:12pt;
	font-weight: bold;
	margin: 5px;
}
p{
	margin: 10px 0 10px 15px ;
	text-indent: 20px;
	font-size: 12pt;
	line-height: 20px;
}
a{ color: #CC3333;}

/***kontakt***/
ul.kontakt{
	margin-top: 60px;
	text-align: center;
	font-size: 14pt;
	line-height: 30px;
}
li.first{
	font-size: 16pt;
	font-weight: bold;
}
ul.kontakt span{
	font-style:italic;
	font-weight: bold;
}

/***Linki***/
div.link {
	height: 150px;
	margin: 20px;
}
div.link img{
	float: left;
	margin-right: 15px;
}
div.link a{
	margin-left: 30px;
	font-weight: bold;
}

/***Oferta***/
div#pole.oferta{width: 590px;}
.oferta ul{
	margin: 20px 30px;
	font-size: 16px;
}
.oferta li{
	list-style: square;
	padding: 3px;
}
.oferta img{
	float: right;
	padding: 2px;
	border: 2px solid #669999;
	margin: 8px;
}
img.left{
	float: left;
	margin: 20px;
	margin-right: 35px;
}

/**------------------------------------------------------**/
/**---------------------RIGHT COL------------------------**/
div#kolr{
    width: 150px;
    border-left: 1px solid #a4a4a4;
    position: absolute;
    right: 0;
    top: 100px;
    z-index: 4;
}
div.box{ margin: 15px;}
em.one{
	background: transparent url(../images/ramka1.png) no-repeat scroll 0% 50%;
	display: block;
	height: 125px;
	width: 125px;
	position: absolute;
}
em.two{	background: transparent url(../images/ramka2.png) no-repeat scroll 0% 50%;}
div.box img{	margin: 5px;}
em, div.box, img, input, div.link { behavior: url("css/iepngfix.htc") }

/**------------------------------------------------------**/
/**---------------------FOOTER---------------------------**/
div#footer{
    text-align: right;
    margin-top: 34px;
}
div#footer span{
	color:#4c7b8c;
	font-size: 10pt;
	font-style:italic;
	margin: 0;
	padding:0;
}
div#footer span a{
	color:#4c7b8c;
	text-decoration: none;
}

/*-----GALERIA-------*/
ul.slidegallery {
	width: 530px;
	margin-left: 60px;
}
ul.slidegallery li {
 		display: inline;
		padding: 0px;
		margin: 0px;
}
ul.slidegallery li a img {
        border: solid 5px #333;
		padding: 0;
		margin-right: 5px;
		margin-bottom: 10px;
}
ul.slidegallery li a:hover img {  border: solid 5px white;}

/* --------------------------------------------------- */
/* -------------------SLIMBOX------------------------- */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	background: transparent url(___just-anything-here.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}