/* RESET STYLI  */


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, sub, sup, tt, var,
                dl, dt, dd,
                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;
                }
                :focus {
                    outline: 0;
                }
                body {
                    line-height: 15px;
                    color: black;
                    background-color: #A36F22;
                }
                table {
                    border-collapse: separate;
                    border-spacing: 0;
                }
                caption, th, td {
                    text-align: left;
                    font-weight: normal;
                }
                blockquote:before, blockquote:after,
                q:before, q:after {
                    content: "";
                }
                blockquote, q {
                    quotes: "" "";
                }




h1 {font-size:21px; color: #402515; }
h2 {font-size:14px; color: #301C10; }
h3 {font-size:18px; color: #FFFFFF; }
h4 {font-size:14px; color: #FFFFFF; }


div#tlo_cien {
	width: 100%;
	border: 0px;
	float:left;
	background-image:url('../grafika/tlo_cien.jpg');
	background-repeat : no-repeat;
	background-position: center 180px;
}



div#strona {
	width: 996px;
	height: 575px;
	border: 0px;
	margin: 0 auto;
	background-image:url('../grafika/tabela.jpg');
	background-repeat : no-repeat;
	background-position: center 180px;
}

div#top {
	width: 996px;
	float: left;
	border:0px;
}

div#logo {
	width: 240px;
	float: left;
	border:0px;
}


div#menu {
	width: 615px;
	height:20px;
	float: left;
	border:0px;
	overflow:hidden;
	margin-top:140px;
	margin-left:140px;
}

div#baner {
	width: 994px;
	height: 238px;
	float: left;
	border:0px;
	margin-left:1px;
	margin-top:15px;
}

div#baner_tlo_galeria {
	width: 994px;
	height: 238px;
	float: left;
	border:0px;
	margin-left:1px;
	margin-top:15px;
	background-image:url('../grafika/tlo_galeria.jpg');
	background-repeat : no-repeat;

}

div#naglowek {
	width: 954px;
	height: 42px;
	float: left;
	padding:35px 0px 0px 40px;
}

div#boxy {
	width: 996px;
	float: left;
	border:0px;
	margin-top:30px;
}

div#box1 {
	width: 458px;
	float: left;
	border:0px;
	padding-left:40px;
}

div#box2 {
	width: 458px;
	float: left;
	border:0px;
	padding-left:40px;
}


div#tresc {
	width: 966px;
	float: left;
	border:0px;
	margin-top:20px;
	padding-left:30px;
}

div#tresc-kontakt {
	width: 458px;
	float: left;
	border:0px;
}

div#formularz {
	width: 398px;
	float: left;
	border:0px;
	padding-left:100px;
}

.input {
background-color:#AF7835;
height:21px;
border:1px solid #815423;
}

.input2 {
background-color:#AF7835;
border:1px solid #815423;
}

.input3 {
border:0px;
background-image:url('../grafika/button_wyslij.jpg');
background-repeat : no-repeat;
float:right;
width:100px;
height:25px;
margin-right:10px;
}

.input4 {
border:0px;
background-image:url('../grafika/button_wyczysc.jpg');
background-repeat : no-repeat;
float:right;
width:100px;
height:25px;
margin-right:24px;
}

.foto {
border:7px solid #7A4617;
}

/* MENU */



#nawigacja-menu{
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
}

#nawigacja-menu li{
	float: left;
	margin: 0px;
	padding: 0px;
}
					
					
#nawigacja-menu li a#m-1{
	float:left;
	background:url(../grafika/menu1.jpg);
	height:21px;
	width:58px;
  line-height:20em;
  overflow:hidden;
}

#nawigacja-menu li a#m-1:hover{
	background:url(../grafika/menu11.jpg);
	height:21px;
	width:58px;
  line-height:20em;
  overflow:hidden;
}

#nawigacja-menu li a#m-11{
	float:left;
	background:url(../grafika/menu11.jpg);
	height:21px;
	width:58px;
  line-height:20em;
  overflow:hidden;
}




#nawigacja-menu li a#m-2{
	float:left;
	background:url(../grafika/menu2.jpg);
	height:21px;
	width:121px;
  line-height:20em;
  overflow:hidden;
}

#nawigacja-menu li a#m-2:hover{
	background:url(../grafika/menu22.jpg);
	height:21px;
	width:121px;
  line-height:20em;
  overflow:hidden;
}

#nawigacja-menu li a#m-22{
	float:left;
	background:url(../grafika/menu22.jpg);
	height:21px;
	width:121px;
  line-height:20em;
  overflow:hidden;
}





#nawigacja-menu li a#m-3{
	float:left;
	background:url(../grafika/menu3.jpg);
	height:21px;
	width:75px;
  line-height:20em;
  overflow:hidden;
}

#nawigacja-menu li a#m-3:hover{
	background:url(../grafika/menu33.jpg);
	height:21px;
	width:75px;
  line-height:20em;
  overflow:hidden;
}

#nawigacja-menu li a#m-33{
	float:left;
	background:url(../grafika/menu33.jpg);
	height:21px;
	width:75px;
  line-height:20em;
  overflow:hidden;
}




#nawigacja-menu li a#m-4{
	float:left;
	background:url(../grafika/menu4.jpg);
	height:21px;
	width:85px;
  line-height:20em;
  overflow:hidden;
}

#nawigacja-menu li a#m-4:hover{
	background:url(../grafika/menu44.jpg);
	height:21px;
	width:85px;
  line-height:20em;
  overflow:hidden;
}

#nawigacja-menu li a#m-44{
	float:left;
	background:url(../grafika/menu44.jpg);
	height:21px;
	width:85px;
  line-height:20em;
  overflow:hidden;
}





#nawigacja-menu li a#m-5{
	float:left;
	background:url(../grafika/menu5.jpg);
	height:21px;
	width:195px;
  line-height:20em;
  overflow:hidden;
}

#nawigacja-menu li a#m-5:hover{
	background:url(../grafika/menu55.jpg);
	height:21px;
	width:195px;
  line-height:20em;
  overflow:hidden;
}

#nawigacja-menu li a#m-55{
	float:left;
	background:url(../grafika/menu55.jpg);
	height:21px;
	width:195px;
  line-height:20em;
  overflow:hidden;
}





#nawigacja-menu li a#m-6{
	float:left;
	background:url(../grafika/menu6.jpg);
	height:21px;
	width:77px;
  line-height:20em;
  overflow:hidden;
}

#nawigacja-menu li a#m-6:hover{
	background:url(../grafika/menu66.jpg);
	height:21px;
	width:77px;
  line-height:20em;
  overflow:hidden;
}

#nawigacja-menu li a#m-66{
	float:left;
	background:url(../grafika/menu66.jpg);
	height:21px;
	width:77px;
  line-height:20em;
  overflow:hidden;
}




/* STOPKA */

div#stopka {
	width: 996px;
	float: left;
	border:0px;
	clear: both;
	background-image:url('../grafika/linia.gif');
	background-repeat : repeat-x;
	background-position:top;
	text-align:right;
	padding-top:20px;
	font-size:10px;
	margin-top:20px;
	color:#5B3E1A;
	line-height:12px;
}

.tekst {
font-family : tahoma; 
font-size : 13px; 
text-decoration : none;
color:#000000;
}

a:link {
color : #FFFFFF;
text-decoration : none;  
} 
a:visited {
color : #FFFFFF; 
text-decoration : none; 
} 
a:hover {
color : #5B3E1A; 
} 
a:active {
color : #5B3E1A;  
}

.link_stopka:link {
color : #5B3E1A;
text-decoration : none;  
} 
.link_stopka:visited {
color : #5B3E1A; 
text-decoration : none; 
} 
.link_stopka:hover {
color : #5B3E1A; 
} 
.link_stopka:active {
color : #5B3E1A;  
}

.link_stopka2:link {
color : #5B3E1A;
text-decoration : none;  
} 
.link_stopka2:visited {
color : #5B3E1A; 
text-decoration : none; 
} 
.link_stopka2:hover {
color : #5B3E1A; 
} 
.link_stopka2:active {
color : #5B3E1A;  
}

.link:link {
color : #FFFFFF;
text-decoration : none;  
} 
.link:visited {
color : #FFFFFF; 
text-decoration : none; 
} 
.link:hover {
color : #5B3E1A; 
} 
.link:active {
color : #5B3E1A;  
}


.komorka a:link, .komorka a:visited {
height:170px;
display:block;
float:left;

}

.komorka a:hover {
height:170px;
background-color:#000000;
filter:alpha(opacity=50);
opacity:0.3;
-moz-opacity:0.3; 
display:block;
float:left;
border-bottom: 3px solid #D29423;
}

.komorka2 a:link, .komorka2 a:visited {
width:150px;
height:170px;
display:block;
float:left;
text-align:center;
padding-top:20px;
margin-top:20px;
}

.komorka2 a:hover {
width:150px;
height:170px;
background-color:#000000;
filter:alpha(opacity=50);
opacity:0.3;
-moz-opacity:0.3; 
display:block;
float:left;
border-bottom: 3px solid #D29423;
text-align:center;
padding-top:20px;
margin-top:20px;
}


.komorka3 a:link, .komorka3 a:visited {
width:47px;
height:190px;
display:block;
float:left;
margin-top:20px;

}

.komorka3 a:hover {
width:47px;
height:190px;
background-color:#000000;
filter:alpha(opacity=50);
opacity:0.3;
-moz-opacity:0.3; 
display:block;
float:left;
margin-top:20px;
}