body {
background:#242b30;
font: normal 12px arial;
margin:0px auto;
}
body,html
{
height: 100%;
margin: 0px;
padding: 0px;
}


/***************************************************************/
/**************** Layout CSS begins ****************************/

#wrapper { 
margin: 0px auto;
padding:0px;
width: 823px; 
height:1160px;
position: relative;
}



#glowny{
width:823px; 
float:left;
position:relative;
background: url(images/tlo/linia_07_07.jpg) repeat-y;
}

#glowny1{
width:823px; 
float:left;
position:relative;
background: url(images/tlo/tlo_05.jpg) repeat-y;
}

#dol{
width:823px;
float:left;
position:relative;
background: url(images/tlo/stopka_09.jpg) no-repeat;
height:110px;
}

#pod_flash{
height:49px;
width:823px;
position:relative;
float:left;
background:url(images/tlo/tlo_05.jpg) repeat-y;
text-align:center;
}

#header {
background:url(images/tlo/gora_01.jpg) no-repeat;
position: relative; 
padding: 0px;
margin: 0px;
height: 117px !important;
width: 823px !important; 
float: left;
border: solid 0px;
}

#menu {
position:relative;  
width:662px;
height:46px;
margin:30px 0px 0px 159px;
border:solid 0px red;
}


#menu ul{
list-style-type:none;
padding:0px;
margin:0px;
}


#menu ul li{
float:left;
text-align:center;
padding:0px;
margin:0px;
}

#menu ul li.market{
background:url(images/przycisk01.jpg) no-repeat;
font: bold 12px arial;
padding:2px;
display:block;
margin:0px;
padding:3px 0px 0px 0px;
}

#menu ul li a{
font: 20px arial;
color:#52626d;
height:32px;
display:block;
margin:0px;
padding:14px 0px 0px 0px;
}

#menu ul li a:hover{
color:#252c32;
}

#menu ul li ul{
width:400px;
}


#menu ul li ul li a{
width:200px;
height:20px;
color:#5a8338;
font: bold 14px arial;
}
#menu ul li ul li a:hover{
width:200px;
height:20px;
color:#ddfe6b;
font: bold 14px arial;
}

li.k1{width:95px;height:46px;}
li.k2{width:205px;height:46px;}
li.k3{width:101px;height:46px;}
li.k4{width:142px;height:46px;}
li.k5{width:119px;height:46px;}

li.k1:hover{ width:95px;height:36px;}
li.k2:hover{ width:205px;height:36px;}
li.k3:hover{ width:101px;height:36px;}
li.k4:hover{ width:142px;height:36px;}
li.k5:hover{ width:119px;height:36px;}


#flash {
position: relative; 
background:url(images/logo01.jpg) no-repeat;
height:43px !important;
width:129px !important;
padding:0px;
margin: 30px 0px 0px 0px;
border: solid 0px yellow;
float: left;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul,
div#menu ul ul ul li:hover ul ul 
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul,
div#menu ul ul ul ul li:hover ul
{display: block;}

#left {
position: relative; 
float: left;
width: 823px;
height: 374px;
padding: 0px;
margin: 0px;
border: solid 0px;
background:url(images/tlo/tlo_05.jpg) repeat-y;
}



#tresc_prawo{
position: relative; 
float:right;
width: 373px;
margin:0px 20px 0px 0px;
padding:0px 0px 0px 12px;
color:#b8c0c9;
font:14px arial;
text-align:left;
}

#tresc_prawo1{
position: relative; 
float:left;
width: 373px;
margin:0px 0px 0px 40px;
padding:0px 0px 0px 12px;
color:#b8c0c9;
font:14px arial;
text-align:left;
}

#galeria_prawo{
position: relative; 
float:left;
width: 366px;
height:550px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 12px;
color:#b8c0c9;
font:14px arial;
text-align:left;
}


#tresc_lewa {
position: relative; 
float:left;
width: 365px;
margin:0px 0px 0px 20px;
padding:0px;
color:#b8c0c9;
font:14px arial;
text-align:left;
border:0;
}

#tresc1{
position: relative; 
float:left;
width: 365px;
height:550px;
margin:34px 0px 0px 20px;
padding:0px;
color:#b8c0c9;
font:14px arial;
text-align:justify;
}

#tytul2{
position: relative; 
float:left;
width: 510px;
margin:10px 0px 0px 130px;
padding:0px;
color:#b8c0c9;
font:14px arial;
}


span.tytul{
font:19px arial;
color:#7ab118;
text-align:center;
}

span.tytul_maly{
font:16px arial;
color:#7ab118;
}

a.linki:link {
color: #ddfe6b;
text-decoration:none;
float:right;
}

a.linki:visited {
color: #ddfe6b;
text-decoration: none;
float:right;
}

a.linki:hover {
color: #7ab118;
text-decoration:none;
float:right;
}


a:link {
color: #ddfe6b;
text-decoration:none;
}

a:visited {
color: #ddfe6b;
text-decoration: none;
}

a:hover{
color: #7ab118;
text-decoration:none;
}

#stopka{
position:relative;
float:left;
width:362px;
height:16px;
margin:69px 0px 0px 450px;
font:normal 10px arial;
}


a.link_in:link{
color: black;
text-decoration:none;
}

a.link_in:visited{
color: black;
text-decoration:none;
}

#zdjecia {
position: absolute; 
width: 380px;
height: 420px;
right: 10px;
bottom: 10px;
font:16px arial;
color: white;
text-align: left;
}

div.galeria{
position:relative;
float:left;
margin:0px 0px 0px 20px;
width:327px;
padding-left:10px;
padding-top:10px;
}

#galerial{
position:relative;
float:left;
width:740px;
margin:0px 0px 0px 45px;
padding-left:10px;
padding-top:10px;
}
#galerial img{

border:none;
}

#galerial a{
color:#1f2429;
width:150px;
height:150px;
padding:0px;
}


div.galeria a{
color:#1f2429;
width:150px;
height:150px;
padding:0px;
}



div.galeria p a img{
margin:0px 5px 0px 0px;
border:none;
padding:0px;
}

#galeria_lewa {
position: relative; 
float:left;
width: 777px;
height:550px;
margin:54px 0px 0px 20px;
padding:0px;
color:#b8c0c9;
font:14px arial;
text-align:left;
}

#zdjecia img{
width:100px;
height:75px;
margin:20px 20px 0px 0px;
border:solid 2px white;
}

#zdjecia img:hover{
border:solid 2px #f6821f;
}

span.inne{
font:16px arial;
color: #f6821f;
}


#kontakt {
position: absolute; 
width: 275px;
height: 150px;
right: 135px;
top:120px;
font:16px arial;
color: white;
text-align: left;
}
#next{
position:relative;
float:right;
margin-top:10px;
margin-right:35px;

}

#czarny  {
text-align:center !important;
font:16px arial;
color:black;
}

#czarny a {
text-align:center !important;
font:16px arial;
color:#f6821f;
}

div.all
{
width: 100%;
height: 100%;
text-align: center;
}
div.overlay
{
width: 800px;
height: 100%;
margin: 0 auto;
background-color: #252122;
}


#next{
position:relative;
float:right;
margin-top:10px;
margin-right:35px;

}

#czarny  {
text-align:center !important;
font:16px arial;
color:black;
}

#czarny a {
text-align:center !important;
font:16px arial;
color:#f6821f;
}

div.all
{
width: 100%;
height: 100%;
text-align: center;
}
div.overlay
{
width: 800px;
height: 100%;
margin: 0 auto;
background-color: #252122;
}


#next{
position:relative;
float:right;
margin-top:10px;
margin-right:35px;

}

#czarny  {
text-align:center !important;
font:16px arial;
color:black;
}

#czarny a {
text-align:center !important;
font:16px arial;
color:#f6821f;
}

div.all
{
width: 100%;
height: 100%;
text-align: center;
}
div.overlay
{
width: 800px;
height: 100%;
margin: 0 auto;
background-color: #252122;
}


.pogrobienie{
font: bold 12px arial;
}