div#menu{
position:absolute;
top:0px;
left:0px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width:100%;
height:104px;
list-style:none;
z-index:12;
}

div#menu div.tlo{
position:absolute;
top:12px;
left:0px;
width:100%;
height:104px;
list-style:none;
z-index:2;
background:transparent url(../images/menu-tlo.png) top center no-repeat;
}

.strona-glowna div#menu div.tlo{

background:transparent url(../images/menu-tlo-biale.png) top center no-repeat;
}

ul#menu-lista {
position:absolute;
top:27px;
left:50%;
padding:0px 0px 0px 0px;
margin:0px 0px 0px -310px;
width:800px;
height:52px;
list-style:none;
z-index:3;

}

ul#menu-lista li {
float:right;
color:#777;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width:auto;
height:52px;
position:relative;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
}

ul#menu-lista li a {
display:block;
color:#d8d8d8;
overflow:hidden;
padding:0px 15px 0px 15px;
margin:0px 0px 0px 0px;
width:auto;
height:52px;
text-decoration:none;
position:relative;
text-transform:uppercase;
line-height:1;
}

.strona-glowna ul#menu-lista li a {
color:#d8d8d8;
}

ul#menu-lista li a div.podkreslenie {
position:absolute;
top:33px;
width:100%;
height:1px;
background:#fff;
}

ul#menu-lista li a span {
position:relative;
top:22px;
left:0px;

}

ul#menu-lista li:hover a {
color:#FFF;
}

ul#menu-lista li ul {
    	list-style:none;
	position:absolute;
	margin:0px 0px 0px 0px;
	top:40px;
	left:5px;
	z-index:301;
	width:200px;
	font-size:12px;
	height:auto;
	display:none;
	padding-top:15px;
	padding-bottom:15px;
	background:transparent;
}

ul#menu-lista li:hover ul {
    display:block;
}


ul#menu-lista li ul li {
float:none;
padding:0px 10px 1px 10px;
height:auto;
width:auto;
}

ul#menu-lista li ul li a {
    	padding:7px 13px 7px 22px;
    	margin:0;
    	display:block;
	height:auto;
	width:auto;
    	border-bottom:0px solid #ffedad;
	color:#000 !important;
	background:#fff;
	text-align:left;
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius:2px; 
	position:relative;
	top:0;
	left:0;
		
}


.strona-glowna ul#menu-lista li ul li a:hover {
		color:#fff !important;
		background:#b27a2f;
}


ul#menu-lista li ul li a:hover {
		color:#fff !important;
		background:#555;
}


/*---------------------------------------------------------------------------------*/

ul.lg {
	position:absolute;
	top:8px;
	left:50%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px -210px;
	width:685px;
	height:25px;
	list-style:none;
	z-index:3;
	font-size:10px;
}

ul.lg li {
    float:right;
    position:relative;
    padding:0px 0px 0px 22px;
    color:#889089;
}

ul.lg li a {
    color:#fff;
    text-decoration:none;
}

ul.lg li a:hover {
    color:#fff;
    text-decoration:underline;
}


/* #Menu
================================================== */

#main-nav  {
	position:fixed;
	top:-100%;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background:#000;
	background: rgba(0, 0, 0, 0.8);
}


#main-nav ul {
	width:70%;
	max-width:640px;
	height:auto;
	position:ralative;
	top:0;
	left:0;
	margin:0 auto;
	padding:20px 0px;
	list-style:none;
}


#main-nav ul li {
	width:100%;
	position:relative;
	top:0%;
	left:0%;
	padding:5px 0;
	margin:0;
	border-bottom:solid 0px #d9f8fc;
}

#main-nav ul li:first-child {
	border-top:solid 0px #d9f8fc;
}

#main-nav ul li a {
	display:block;
	font-size:12px;
	line-height:1em;
	vertical-align:middle;
	text-align:center;
	width:100%;
	position:relative;
	top:0%;
	left:0;
	color:#fff;
	text-decoration:none;
	padding:8px 0px;
	text-transform:uppercase;
	webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    font-weight:300;
    background: #fff;
    background: rgba(255, 255, 255, 0.1);
}

#main-nav ul li a:hover {
	background:#fff;
	background: rgba(255, 255, 255, 1);
	color:#000;

}


#main-nav ul li ul {
	position:relative;
	width:100%;
	max-width:640px;
    display:block;
    padding:8px 0px;
    border-bottom:solid 1px #444;
}

#main-nav ul li ul li {
	width:100%;
	position:relative;
	top:0%;
	left:0%;
	padding:2px 0;
	margin:0;
	border-bottom:solid 0px #d9f8fc;
}


#main-nav ul li ul li a {
	display:block;
	font-size:11px;
	line-height:1em;
	vertical-align:middle;
	text-align:right;
	width:100%;
	position:relative;
	top:0%;
	left:0;
	color:#fff;
	text-decoration:none;
	padding:8px 0px;
	text-transform:uppercase;
	webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    font-weight:300;
    background: transparent;
    background: rgba(255, 255, 255, 0);
}


/*----------------------------------------------------------------
 * 
 ********************** zamknij otworz button ***************************
 *  
 ---------------------------------------------------------------*/


a.show-menu {
	display:block;
	background:#785320;

	width:40px;
	height:40px;
	position:absolute;
	top:15px;
	right:10px;
	z-index:1001;
	color:#fff;
	cursor:pointer;
	text-align:center;
	overflow:hidden;
}

a.show-menu span {
	display:block;
	height:1px;
	width:60%;
	position:relative;
	top:33%;
	left:20%;
	background:#fff;
	margin-top:0%;
	margin-bottom:15%;
	webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
}

a.show-menu:hover {
	background:#000;
}

a.show-menu:hover span {
	background:#fff;

}




div.close-menu {
	position:fixed;
	top:-80px;
	right:10px;
	margin:0px 0px 0px 0px;
	width:40px;
	height:40px;
	background:#fff url("../images/x-cz.png") center center no-repeat;
	color:#000;
	z-index:1001;
	cursor:pointer;

	
}

div.close-menu:hover {
	background:#f00 url("../images/x-b.png") center center no-repeat;
}