/*  
RESPONSYWNE MENU RWD 
AUTOR: KULIKOWSKI ADAM - AGENCJA INTERAKTYWNA KULIKOWSKI-IT
Author URI: http://www.kulikowski-it.pl
Description: Realizacja witryny internetowej wykonana przez firme "KULIKOWSKI-IT" Adam Kulikowski. c)2017 All rights reserved. Wszystkie prawa zastrzezone. 
*/
	

/* FULL width menu -  768 px + */


		@media (min-width: 769px) {


						* { margin: 0; padding: 0; }

						ul {  list-style-type: disc;}
						ul, li { margin: 0; padding: 0; }


						#menu ul { margin: 0; padding: 0; list-style: none; position: relative; float: right; margin-left: 0px; z-index: 1111; font-size: 1em; text-transform:uppercase; line-height: 1.3em;}

						#menu ul  ul {
						margin-top:0px;
						 margin-left: -10px;
						 position: absolute;
						 top: 100%;
						 left: 0;
						 display: none;
						 width: 220px; /* szer rozwijanego menu */
						 padding-left: 10px;
						 padding-right: 10px;
						 list-style: none;
						 background: #fff;
						 padding-top: 5px;
						 padding-bottom: 8px;
						 opacity: 0.85;
						  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
						}

						#menu ul  ul ul,#menu ul  ul ul ul { top: 0; left: 100%; 
						}
						#menu ul  li { float: left; display: inline; position: relative; 
						}
						#menu ul  ul li { width: 100%; display: block; 
						}
					 

						/* 1 Menu */
						#menu ul  a {
							float: left; display: block;  padding: 5px 15px;
							color: #193151; display: block; float: left; margin-left: 0px; text-decoration: none; 
							margin-right: 2px;
							margin-left: 1px;
							
						}
						
						#menu ul  li a { margin-right: 2px; }
						
						#menu ul  ul li a { border-right: none;  }
						
						/* 1 Menu Hover  */
						#menu ul  a:hover,#menu ul  li:hover a,#menu ul  li.iehover a {
							color:#000;
								
						}
						
						#menu ul  a, #menu ul  a:hover {
										-webkit-transition: all 120ms ease-in-out;
										-moz-transition: all 120ms ease-in-out;
										-o-transition: all 120ms ease-in-out;
										transition: all 120ms ease-in-out;
						}

						
						#menu ul  ul ul {
							width: 170px;
							margin: -5px 0px 0px -10px;  
						}
						
						
						/* 2nd Menu */	
						
						#menu ul  li:hover li a,#menu ul  li.iehover li a {
							float: none;
							background: #fff;
							color: #000;
							padding: 8px 10px;
							margin-bottom: 0px;
							text-decoration: none;
							margin-right: 0px;

						}

						/* 2nd Menu Hover  */
						#menu ul  li:hover li a:hover,#menu ul  li:hover li:hover a,#menu ul  li.iehover li a:hover,#menu ul  li.iehover li.iehover a {
							color:#fff;
							background: #193151;
						}

						/* 3rd Menu */
						#menu ul  li:hover li:hover li a,#menu ul  li.iehover li.iehover li a {
							background: #fff;
							color: #000;

						}

						/* 3rd Menu Hover  */
						#menu ul  li:hover li:hover li a:hover,#menu ul  li:hover li:hover li:hover a,#menu ul  li.iehover li.iehover li a:hover,#menu ul  li.iehover li.iehover li.iehover a {
							color:#FFF;
							background: #193151;	
							
						}


						/* Hover Function - Do Not Move */
						#menu ul  li:hover ul ul,#menu ul  li:hover ul ul ul,#menu ul  li.iehover ul ul,#menu ul  li.iehover ul ul ul { display: none; }
						#menu ul  li:hover ul,#menu ul  ul li:hover ul,#menu ul  ul ul li:hover ul,#menu ul  li.iehover ul,#menu ul  ul li.iehover ul,#menu ul  ul ul li.iehover ul { display: block; }
						

						/* 
						 Aktywne menu CMS
						*/
						#menu ul  li.current_page_ancestor a,
						#menu ul  li.current_page_item a,
						#menu ul  li.current_page_ancestor ul li.current_page_item a,
						#menu ul  li.current_page_ancestor ul li.current_page_item ul li a,
						#menu ul  li.current_page_ancestor ul li.current_page_item a,
						#menu ul  li.current_page_ancestor ul li.current_page_item ul li.current_page_item a,
						#menu ul  li.current_page_ancestor ul li.current_page_item ul li a
						{ 
							color:#193151;
							background: url(images/hover.png) center bottom no-repeat;	
						}
						

						#menu ul li { display: inline; float: left; padding:0px 0px;  }
						#menu ul li li { padding: 0;  }
						#menu ul  a{ padding: 15px 17px; margin: 10px 0px 10px 0px; }
						#menu ul ul  a{ padding: 20px 10px; margin: 0px; }

						#menu ul li a {  -moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px;  }
						

		}
	
	
	
/* mobile RWD menu 768px-  */	
	
		@media (max-width: 768px) {
							
						
						a.meanmenu-reveal {
							display: none;
						}

						/* when under viewport size, .mean-container is added to body */
						.mean-container .mean-bar {
							float: left;
							width: 100%;
							position: relative;
							padding: 4px 0;
							min-height: 42px;
							z-index: 999999;
							
						}

						.mean-container a.meanmenu-reveal {
							width: 22px;
							height: 22px;
							padding: 13px 13px 11px 13px;
							position: absolute;
							top: 0;
							right: 0;
							cursor: pointer;
							color: #193151;
							text-decoration: none;
							font-size: 16px;
							text-indent: -9999em;
							line-height: 22px;
							font-size: 1px;
							display: block;

							font-weight: 700;
						}

						.mean-container a.meanmenu-reveal span {
							display: block;
							background: #193151;
							height: 3px;
							margin-top: 3px;
						}

						.mean-container .mean-nav {
							float: left;
							width: 100%;
							margin-top: 44px;
						}

						.mean-container .mean-nav ul {
							padding: 0;
							margin: 0;
							width: 100%;
							list-style-type: none;
							margin-top: 50px;
							line-height: 1.3em;
						}

						.mean-container .mean-nav ul li {
							position: relative;
							float: left;
							width: 100%;
						}

						.mean-container .mean-nav ul li a {
							display: block;
							float: left;
							width: 90%;
							padding: 1em 5%;
							margin: 0;
							text-align: left;
							color: #193151;
							border-top: 1px solid #f1f1f1;
							text-decoration: none;
							text-transform: uppercase;
						}

						.mean-container .mean-nav ul li li a {
							width: 80%;
							padding: 1em 10%;
							border-top: 1px solid #f1f1f1;
							border-top: 1px solid rgba(255,255,255,0.25);
							opacity: 0.75;
							filter: alpha(opacity=75);
							text-shadow: none !important;
							visibility: visible;
						}

						.mean-container .mean-nav ul li.mean-last a {
							border-bottom: none;
							margin-bottom: 0;
						}

						.mean-container .mean-nav ul li li li a {
							width: 70%;
							padding: 1em 15%;
						}

						.mean-container .mean-nav ul li li li li a {
							width: 60%;
							padding: 1em 20%;
						}

						.mean-container .mean-nav ul li li li li li a {
							width: 50%;
							padding: 1em 25%;
						}

						.mean-container .mean-nav ul li a:hover {
							background: #252525;
							background: rgba(255,255,255,0.1);
						}

						.mean-container .mean-nav ul li a.mean-expand {
							margin-top: 1px;
							width: 26px;
							height: 19px;
							padding: 12px !important;
							text-align: center;
							position: absolute;
							right: 0;
							top: 0;
							z-index: 2;
							font-weight: 700;
							background: rgba(255,255,255,0.1);
							border: none !important;
							border-left: 1px solid rgba(255,255,255,0.4) !important;
							border-bottom: 1px solid rgba(255,255,255,0.2) !important;
						}
						.mean-container .mean-nav ul ul li a.mean-expand { height: 20px; }
						.mean-container .mean-nav ul li a.mean-expand:hover {
							background: rgba(0,0,0,0.9);
						}

						.mean-container .mean-push {
							float: left;
							width: 100%;
							padding: 0;
							margin: 0;
							clear: both;
						}

						.mean-nav .wrapper {
							width: 100%;
							padding: 0;
							margin: 0;
						}

						/* Fix for box sizing on Foundation Framework etc. */
						.mean-container .mean-bar, .mean-container .mean-bar * {
							-webkit-box-sizing: content-box;
							-moz-box-sizing: content-box;
							box-sizing: content-box;
						}


						.mean-remove {
							display: none !important;
						}
										
		}
	
/* end mobile RWD */