/*  
RESPONSYWNE MENU RWD 
AUTOR: KULIKOWSKI ADAM - AGENCJA INTERAKTYWNA KULIKOWSKI-IT
Author URI: http://www.kulikowski-it.pl
Description: Realizacja witryny internetowej wykonana przez firmę "KULIKOWSKI-IT" Adam Kulikowski. ©2015 All rights reserved. Wszystkie prawa zastrzezone. 
*/
	
	
	
/* FULL width menu -  768 px + */


		@media (min-width: 768px) {

		
		
						/*  
							AGENCJA KREATYWNA KULIKOWSKI-IT
							Wszystkie prawa zastrzezone. All rights reserved. 
							www.kulikowski-it.pl
						*/

						*{ margin: 0; padding: 0; }
						ul { margin: 0 30px 20px; list-style-type: disc; }
						ul, li { margin: 0; padding: 0; }

					/* Menu główne  */
						
						ul#navmenu-h { 
							margin: 10px 0px 0px 0px; padding: 0; list-style: none; position: relative; z-index: 11111;
							float: right;
							color: #2a4a72;
							text-transform: uppercase;
							font-size: 0.95em;
						
						}
		
						
					/* Menu główne : hover */
						
						ul#navmenu-h a:hover,ul#navmenu-h li:hover a,ul#navmenu-h li.iehover a  {
							color: #000;
							background: #fff;
							border-bottom: 2px solid #e51b23;
						}
						
						
						
					/* Rozwinięcie menu poziom = 1 */
						
						ul#navmenu-h ul {

							width: 222px; 
							margin: 0;
							list-style: none;
							display: none;
							position: absolute;
							top: 100%;
							left: 0;
							 
							padding: 8px 6px 6px 8px; 

							margin: 0px 0 0 0px;  
								
							border-top-right-radius: 5px;
							border-bottom-right-radius: 5px;
							border-bottom-left-radius: 5px;
								
							-moz-border-radius-bottomleft: 5px;
							-moz-border-radius-bottomright: 5px;
							-moz-border-radius-topright: 5px;
							
							-webkit-border-top-right-radius: 5px; 
							-webkit-border-bottom-left-radius: 5px; 
							-webkit-border-bottom-right-radius: 5px; 
								 
							background: #fff;  
							box-shadow: 2px 2px 3px #ddd;

						}

						/*  */
						
						ul#navmenu-h ul li {
							width: 98%; display: block; 

						}
						ul#navmenu-h ul ul,ul#navmenu-h ul ul ul { 
							top: 0; left: 100%; 
						}
						ul#navmenu-h li { 
							float: left; display: inline; position: relative; 
						}


						/* Elementy menu = li a */

						ul#navmenu-h li { margin-left: 5px; } 
						ul#navmenu-h li a {
							display: block; float: left; 
							padding: 8px 14px; 
							text-decoration: none; 
							color: #69696a;  

							
							
						}


						/* 2nd Menu */
						
						ul#navmenu-h li li  { margin-left: 0px; }

						
												
						
						ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a {
							width: 190px;
							padding: 8px 15px; 
							background: none;
					
						}

						/* 2nd Menu Hover */
						
						
						ul#navmenu-h li:hover li a {
							 background: #FFF;
							 border-bottom: 2px solid #FFF;
							 color: #69696a;
						}
						
						ul#navmenu-h li:hover li a:hover,ul#navmenu-h li:hover li:hover a,ul#navmenu-h li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover a {
							 background: #fff;
							 color: #000;
							z-index: 222;
							border-bottom: 2px solid #e51b23;
						}
						

						
						/* 3rd Menu Hover Persistence */
						

						ul#navmenu-h ul  ul {
							width: 220px;
							margin: -1px 0px 0px -1px;
							z-index: 225;
							background: #fff;
						}
						


						/* 3rd Menu Hover */
						ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a {
							background: #FFF;
							color: #69696a;
							border-bottom: 2px solid #fff;
						}

						/* 3rd Menu Hover - font-size */
						ul#navmenu-h ul  ul a {
							font-size: 0.8em;
						}

						ul#navmenu-h li:hover li:hover li a:hover,ul#navmenu-h li:hover li:hover li:hover a,ul#navmenu-h li.iehover li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover a {
							background: #FFF;
							color: #000;
							border-bottom: 2px solid #e51b23;
						}

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


						
						
						
						ul#navmenu-h li.current_page_ancestor a { 
							color: #000;
							border-bottom: 2px solid #e51b23;
						}
						
						
						ul#navmenu-h li.current_page_item a { 
							 color: #000;
							 border-bottom: 2px solid #e51b23;
							
						}
						
						ul#navmenu-h li.current_page_ancestor ul li.current_page_item a,
						ul#navmenu-h li.current_page_ancestor ul li.current_page_item ul li.current_page_item a
						{ 
								color: #000;
								border-bottom: 2px solid #e51b23;
						}
						
						ul#navmenu-h li.current_page_ancestor ul li.current_page_item ul li a { 
							color: #2a4a72;
							background: #fafbfd;
						}

	
	
	
	

		}
	
	
	
/* 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;
							background: #fff;
							padding: 4px 0;
							min-height: 42px;
							z-index: 999999;
							font-size: 0.8em;
							
						}

						.mean-container a.meanmenu-reveal {
							
							width: 22px;
							height: 22px;
							padding: 13px 13px 11px 13px;
							position: absolute;
							top: 0;
							right: 0;
							cursor: pointer;
							color: #e51b23;
							text-decoration: none;

							text-indent: -9999em;
							line-height: 22px;
	
							display: block;

							font-weight: 700;
						}

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

						.mean-container .mean-nav {
							float: left;
							width: 100%;
							background: #fff;
							margin-top: 55px;
						}

						.mean-container .mean-nav ul {
							
							padding: 0;
							margin: 0;
							margin-top: 35px;
							width: 100%;
							list-style-type: none;
						}

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

						.mean-container .mean-nav ul li a {
							display: block;
							font-size: 1em;
							float: left;
							width: 90%;
							padding: 1em 5%;
							margin: 0;
							text-align: left;
							color: #2A4A72;
							border-top: 1px solid #383838;
							border-top: 1px solid rgba(255,255,255,0.5);
							text-decoration: none;
							
						}

						.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;
						}
						
						.mean-container .mean-nav ul li a:hover { color: #000; background: #f1f1f1; }
										
		}
	
/* end mobile RWD */