/* @import url("../css/font.css"); */

/*--- $MainNavigation ---*/
@media screen and (min-width: 1001px) {	
#main-navigation { 
  display: block;
  width: 818px;
  height: auto;
  margin: 0px auto 0px;
  text-align: center; // do wycentrowania menu
}
#main-navigation #menu-responsive {
display: block;
}
#main-navigation .responsive {
display: none;
}
}
@media screen and (max-width: 1000px) {	
#main-navigation { 
  display: block;
  width: 100%;
  height: auto;
  text-align: center; // do wycentrowania menu
}
#main-navigation #menu-responsive {
display: block;
}
#main-navigation .responsive {
display: none;
}
}

@media screen and (max-width: 700px) {
#main-navigation #menu-responsive {
min-height: 40px;
height: 40px;
		animation: zmiana5 0s 1 alternate;
		-webkit-animation: zmiana5 0s 1 alternate;
    transition-property: min-height;
		transition-duration: 1000ms;
		transition-delay: 20ms;
		-webkit-transition-property: min-height;
		-webkit-transition-duration: 1000ms;
		-webkit-transition-delay: 20ms;
		-o-transition-property: min-height;
		-o-transition-duration: 1000ms;
		-o-transition-delay: 20ms;
		-moz-transition-property: min-height;
		-moz-transition-duration: 1000ms;
		-moz-transition-delay: 20ms;
		opacity:1.0;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);;
}
		@keyframes zmiana5 {
			from {min-height: 40px;}
			to {min-height: 220px;}
		}
		@-webkit-keyframes zmiana5 {
			from {min-height: 40px;}
			to {min-height: 220px;}
		}
#main-navigation #menu-responsive:hover {
min-height: auto;
height: auto;
opacity:1.0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);;
}
#main-navigation #menu-responsive ul {
opacity:0.0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);;
}
#main-navigation #menu-responsive:hover ul {
opacity:1.0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);;
}
#main-navigation .responsive {
display: block;
width: 100%;
height: auto;
font-size: 26px;
line-height: 40px;
opacity:1.0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);;
}
}

#main-navigation ul {
  margin: 0;
  padding: 0;
  position: relative;
  display: inline-block; // do wycentrowania menu
}
	@media screen and (min-width: 481px) {
	#main-navigation li {
		margin: 0;
		display: block;
  	float: left; // do wycentrowania menu
  	height: 70px;
  	width: 356px;
  	line-height: 70px;
  	margin-bottom: 0px;
  	list-style-type: none; // do wycentrowania menu
		text-align: center; // do wycentrowania menu
	}
	#main-navigation li.kontakt {
  	width: 105px !important;
	}
	#main-navigation li:hover, #main-navigation li.aktywne:hover {
		margin-bottom: 0px;
		height: 70px;
		background: url(../slideshow/pixel_y.png) top 32px left no-repeat;
	}
	#main-navigation li.aktywne {
		margin-bottom: 0px;
		height: 70px;
		line-height: 70px;
		background: url(../slideshow/pixel_y.png) top 32px left no-repeat;
	}
	#main-navigation li .tohome {
		width: 70px;
		height: 70px;
		display: block;
		background: url(../grafika/home.png) no-repeat scroll 0 0;
	}
	#main-navigation li .tohome:Hover {
		background-position:0 -50px;
	}
	}
	@media screen and (max-width: 480px) {
	#main-navigation li {
		margin: 0;
		display: block;
  	float: left; // do wycentrowania menu
  	min-height: 50px;
  	height: auto;
  	width: 200px;
  	line-height: auto;
  	margin-bottom: 0px;
  	list-style-type: none; // do wycentrowania menu
		text-align: center; // do wycentrowania menu
	}
	#main-navigation li:hover, #main-navigation li.aktywne:hover {
		margin-bottom: 0px;
		//min-height: 50px;
		height: auto;
	}
	#main-navigation li.aktywne {
		margin-bottom: 0px;
		height: auto;
	}
	}
	
	
	#main-navigation li.aktywne a {
		color: #000000;
		font-weight: 300;
		
	}
	#main-navigation a {
  	display: block;
  	color: #605d5c;
  	padding: 0 15px;
  	font-weight: 300;
		text-decoration: none;
		text-transform: lowercase;
	}
	
		@media screen and (min-width: 1001px) {
		#main-navigation a {
		text-align: left;
		}
		}
		@media screen and (max-width: 1000px) {
		#main-navigation a {
		text-align: center;
		}
		}
	
	
	#main-navigation a:hover {
		color: #aaaaaa;
		padding: 0 15px;
		text-decoration: none;
	}
	
	@media screen and (min-width: 1351px) {
	#main-navigation a {
 		font-size: 20px;
	}
	}
	@media screen and (max-width: 1350px) {
	#main-navigation a {
 		font-size: 20px;
	}
	}
	@media screen and (max-width: 1000px) {
	#main-navigation a {
  	font-size: 16px;
	}
	}
	
	
	@media screen and (min-width: 481px) {
	#main-navigation a.pierwszy {
	}
	#main-navigation a.kolejne {
	}
	}
	
	#main-navigation li:hover a.p1 {
		padding: 0 15px;
		color: #aaaaaa;
		height: auto;
	}
	#main-navigation .nav-sub li a {
		text-align: left;
		
	}
	
	#main-navigation li:hover a:active {
		padding: 0 15px;
		color: #000000;
		font-weight: normal;
		font-weight: 300;
	}

/* highlight current page & hover state without box shadow*/
#main-navigation li.current a,.no-boxshadow #main-navigation li.active a:hover  { 
  color:#605d5c;
  background: #EAE88E;
}

.boxshadow #main-navigation li.active a:hover {
  background:#fff;
  color:#242424;
  //-webkit-box-shadow:0px 1px 3px 1px rgba(0, 0, 0, 0.3);        
  //box-shadow:0px 1px 3px 1px rgba(0, 0, 0, 0.3);
}

@media screen and (min-width: 481px) {
#main-navigation .col {
  float: left;
  width: 265px;
  margin: 0;
  color: #605d5c;
  margin-bottom: 0px; 
}
#main-navigation .col:hover {
	color: #605d5c;
	background: transparent;
}
}
@media screen and (max-width: 480px) {
#main-navigation .col {
	display: none;
	color: #605d5c;
}
}
	#main-navigation .col ul {
		display: none;
	}
	#main-navigation .col li {
		display: none;
  	float: left;
  	line-height: 20px;
  	height: auto;
  	padding-left: 22px;
	}
	#main-navigation .col li a.p3 {
  	color: #605d5c;
  	font-size: 16px;
	}
	#main-navigation .col li a:hover {
		color: #605d5c;
	}
	#main-navigation .col:hover ul, #main-navigation .col:hover li {
		display: block;
		background: #605d5c;
		color: #605d5c;
	}

@media screen and (min-width: 481px) {
#main-navigation .nav-sub, #header-metanavigation .nav-sub {
	border: 0px solid #7e4700;
	border-top: 0px solid #605d5c !important;
  display: none;
  padding: 0 0px;
  position: absolute;
  width: auto;
  top: 70px;
  z-index: 1000;
  background: transparent;
	border-radius: 0 0;
	-moz-border-radius: 0 0;
	-webkit-border-radius: 0 0;
}
}
@media screen and (max-width: 480px) {
#main-navigation .nav-sub, #header-metanavigation .nav-sub {
	display: none;
}
}

#header-metanavigation .nav-sub{
  top: auto;
  z-index: 1001;
  //-webkit-box-shadow:  0px 3px 3px 1px rgba(0, 0, 0, 0.3);        
  //box-shadow:  0px 3px 3px 1px rgba(0, 0, 0, 0.3);  
} 

/* box shadow for browser not capable of alpha transparency*/
.no-boxshadow #main-navigation .nav-sub {
  -webkit-box-shadow: #CCC 0 0 .25em;
  -moz-box-shadow: #CCC 0 0 .25em;
  /* box-shadow: #CCC 0 0 .25em; */  
  behavior: url(../js/PIE.htc);
  border:1px solid #ccc;
  float:left;
}

#main-navigation .nav-sub h4 {
  font-size: 16px;
  margin: 3px 0;
  text-align: left;
  text-decoration: nmormal !important;
}

#main-navigation .nav-sub h4 a{
  font-weight: normal;
  font-size: 16px;
  color: #605d5c;
  text-transform: none;
  text-decoration: nmormal !important;
  text-align: left;
  line-height: 18px;
  padding: 10px 5px;
  text-align: left;
}
#main-navigation .nav-sub h4 a:hover{
  color: #605d5c;
}
#main-navigation .nav-sub h4:hover a{
  color: #605d5c;
}
#main-navigation .nav-sub h4 .poziom2{
  display:none;
}

/* ----------------------------------------------------------------------- MENU POZIOM 2 JEST WYŁĄCZONE -------------------------------------------*/
#main-navigation .nav-sub h4:hover .poziom2{
  display:none;
}


#main-navigation .nav-sub .poziom2 {
	position: absolute;
	background: #aaaaaa;
	margin-top: -25px;
	margin-left: 200px;
	width: 200px;
}
#main-navigation .nav-sub .poziom2 a {
  font-weight: normal;
  font-size: 16px;
  text-transform: uppercase;
  text-decoration: nmormal !important;
  color: #605d5c;
  text-align: left;
  line-height: 16px;
  padding: 3px 0;
}
#main-navigation .nav-sub .poziom2 a:hover {
  color: #605d5c;
}

#main-navigation .nav-sub-category-image,#main-navigation .nav-sub ul {
  margin: 0;
}

#main-navigation .nav-sub li,#main-navigation .nav-sub a {
  font-size: 16px;
  float: none;
  border: 0;
  text-transform: none;
  line-height: 15px;
  //height: 15px;
}


#main-navigation li.active .nav-sub a { /* linki wewnatrz dla podkategorii */
  background: #cccccc;
}
#main-navigation li.active .nav-sub a:hover {
  background: #605d5c;
  color: #000000;
}

#main-navigation li.active li.active {
  -webkit-box-shadow: none;        
  box-shadow: none;
}  
  
#main-navigation li.active .nav-sub a:hover {
  padding-left: 2;
  font-weight: normal;
}



#main-navigation .nav-sub a {
  text-decoration: none;
  font-weight: normal;
  padding: 0;
}