/* styl klocka menu po najechaniu myszka */

.hovered {
	margin-top:10px;
}

.sub-hide {
	display:none;
}

/* 
######
#
# tu żyją smoki!
# to sa style z Mega Menu, czesc z nich jest podmieniana dynamicznieprzez jQuery skryptu menu.
# dziala - nie dotykac!
#
######
*/

/* Mega Menu Styles */

.mega-menu ul, .mega-menu ul li {list-style: none;}
.mega-menu ul {position: relative; padding: 0; margin: 0;}
.mega-menu ul li ul {display: none;}
.mega-menu .sub {display: none;}
.mega-menu .sub ul {display: block;}

#mega-menu-1 {
list-style: none; 
position: relative; 
padding: 0; 
margin: 0;
}
#mega-menu-1 .sub ul {
display: block;
}
#mega-menu-1 {
width: 100%; 
height: 100px;
position: relative;
margin-bottom:20px;
}

#mega-menu-1 li a {
	float: left; 
	display: block; 
	padding: 20px 20px;
	text-decoration: none;
}

#mega-menu-1 li .sub-container {
	position: absolute;
}

#mega-menu-1 li .sub {
	padding: 10px;
	margin-top: 10px;
	height:210px;
}

#mega-menu-1 li .sub .row {
width: 100%; 
}

#mega-menu-1 li .sub li.mega-hdr {
margin: 0 10px 10px 0; 
float: left;
}
#mega-menu-1 li .sub li.mega-hdr.last {
margin-right: 0;
}

#mega-menu-1 li .sub a {
	background: none; 
	padding: 0 0 6px 0; 
	display: block; 
	float: none; 
	font-size: 14px;
	font-weight:normal;
	background:none;
	line-height:120%;
}

#mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a {
padding: 5px 15px; 
margin-bottom: 5px; 
background: #6B6B6B; 
text-transform: uppercase; 
font-weight: bold; 
color: #fff;
}

/*
#mega-menu-1 .sub ul li {
padding-right: 0;
}
#mega-menu-1 li .sub-container.non-mega .sub {
padding: 10px;
}
*/
/*
#mega-menu-1 li .sub-container.non-mega li {
padding: 0; 
width: 190px; 
margin: 0;
}
#mega-menu-1 li .sub-container.non-mega li a {
padding: 7px 5px 7px 22px;
}
#mega-menu-1 li .sub-container.non-mega li a:hover {
color: #a32403; 
background: #efefef;
}
*/

/*
###
#
# klocki z menu glownego
#
# main-menu-link - artybuty tekstu linku w klockach glownego menu
# main-menu-item - wspolne artybuty tekstu klocka glownego menu
# main-menu-item-X - artybuty tekstu poszczegolnycy klockow
# numeracja X od lewej (1-7)
#
# kazdy main-menu-item-X ma ustawiony osobny "margin-right", zeby ostatni element mogl miec ustawiony margines "0"
#
###
*/

#mega-menu-1 .main-menu-link {
	width:117px;
	line-height:130%;
	color: #fff;
}

/* background classes */

#mega-menu-1 .main-menu-item {
	float: left;
	font-weight: bold;
	font-size: 15px;
}

#mega-menu-1 .main-menu-item > a {
	height:60px;
	text-shadow: 0.1em 0.1em 0.2em black;
}

#mega-menu-1 .main-menu-item-1 a {
	margin-right:5px;

	background:#ffba00;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffba00), to(#ff7b00));
	background: -webkit-linear-gradient(#ffba00, #ff7b00);
	background: -moz-linear-gradient(#ffba00, #ff7b00);
	background: -ms-linear-gradient(#ffba00, #ff7b00);
	background: -o-linear-gradient(#ffba00, #ff7b00);
	background: linear-gradient(#ffba00, #ff7b00);
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	-pie-background: linear-gradient(#ffba00, #ff7b00);	
	behavior: url(/PIE.htc);
	position:relative;
}

#mega-menu-1 .main-menu-item-2 a {
	margin-right:5px;
	
	background:#ff0600;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff0600), to(#ba0000));
	background: -webkit-linear-gradient(#ff0600, #ba0000);
	background: -moz-linear-gradient(#ff0600, #ba0000);
	background: -ms-linear-gradient(#ff0600, #ba0000);
	background: -o-linear-gradient(#ff0600, #ba0000);
	background: linear-gradient(#ff0600, #ba0000);
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	-pie-background: linear-gradient(#ff0600, #ba0000);	
	behavior: url(/PIE.htc);
	position:relative;
}

#mega-menu-1 .main-menu-item-3 a {
	margin-right:5px;

	background:#15b0d3;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#15b0d3), to(#004799));
	background: -webkit-linear-gradient(#15b0d3, #004799);
	background: -moz-linear-gradient(#15b0d3, #004799);
	background: -ms-linear-gradient(#15b0d3, #004799);
	background: -o-linear-gradient(#15b0d3, #004799);
	background: linear-gradient(#15b0d3, #004799);
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	-pie-background: linear-gradient(#15b0d3, #004799);	
	behavior: url(/PIE.htc);
	position:relative;
}

#mega-menu-1 .main-menu-item-4 a {
	margin-right:5px;

	background:#bfd811;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#bfd811), to(#488f00));
	background: -webkit-linear-gradient(#bfd811, #488f00);
	background: -moz-linear-gradient(#bfd811, #488f00);
	background: -ms-linear-gradient(#bfd811, #488f00);
	background: -o-linear-gradient(#bfd811, #488f00);
	background: linear-gradient(#bfd811, #488f00);
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	-pie-background: linear-gradient(#bfd811, #488f00);	
	behavior: url(/PIE.htc);
	position:relative;
}

#mega-menu-1 .main-menu-item-5 a {
	margin-right:5px;

	background:#5e5bb5;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#5e5bb5), to(#020255));
	background: -webkit-linear-gradient(#5e5bb5, #020255);
	background: -moz-linear-gradient(#5e5bb5, #020255);
	background: -ms-linear-gradient(#5e5bb5, #020255);
	background: -o-linear-gradient(#5e5bb5, #020255);
	background: linear-gradient(#5e5bb5, #020255);
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	-pie-background: linear-gradient(#5e5bb5, #0202550);	
	behavior: url(/PIE.htc);
	position:relative;
}

#mega-menu-1 .main-menu-item-6 a {
	margin-right:5px;

	background:#a917bd;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#a917bd), to(#520b5b));
	background: -webkit-linear-gradient(#a917bd, #520b5b);
	background: -moz-linear-gradient(#a917bd, #520b5b);
	background: -ms-linear-gradient(#a917bd, #520b5b);
	background: -o-linear-gradient(#a917bd, #520b5b);
	background: linear-gradient(#a917bd, #520b5b);
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	-pie-background: linear-gradient(#a917bd, #520b5b);	
	behavior: url(/PIE.htc);
	position:relative;
}

#mega-menu-1 .main-menu-item-7 a {
	margin-right:0px;

	background:#ff4100;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff8100), to(#ff4100));
	background: -webkit-linear-gradient(#ff8100, #ff4100);
	background: -moz-linear-gradient(#ff8100, #ff4100);
	background: -ms-linear-gradient(#ff8100, #ff4100);
	background: -o-linear-gradient(#ff8100, #ff4100);
	background: linear-gradient(#ff8100, #ff4100);
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	-pie-background: linear-gradient(#ff8100, #ff4100);	
	behavior: url(/PIE.htc);
	position:relative;
}

/*
###
#
# submenu rozwijane z klockow
#
# .sub - ustawienia wspolne
# .sub-X - ustawienia dla menu pod konkretnym klockiem
#
###
*/

.sub {
	background:#fff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#d8d8d8));
	background: -webkit-linear-gradient(#ffffff, #d8d8d8);
	background: -moz-linear-gradient(#ffffff, #d8d8d8);
	background: -ms-linear-gradient(#ffffff, #d8d8d8);
	background: -o-linear-gradient(#ffffff, #d8d8d8);
	background: linear-gradient(#ffffff, #d8d8d8);
	
	-webkit-box-shadow: #666 0px 4px 6px;
	-moz-box-shadow: #666 0px 4px 6px;
	box-shadow: #666 0px 4px 6px;
	
	-pie-background: linear-gradient(#ffffff, #d8d8d8);	
	behavior: url(/PIE.htc);
	position:relative;
}

.sub-1 {
/* zolty: #ff7b00, #ffba00 */
	border-top:2px solid #ffba00;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	behavior: url(/PIE.htc);
	position:relative;
}

.sub-2 {
	border-top:2px solid #ba0000;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius: 6px;
	
	behavior: url(/PIE.htc);
	position:relative;
}

.sub-3 {
	border-top:2px solid #004799;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius: 6px;
	
	behavior: url(/PIE.htc);
	position:relative;
}

.sub-4 {
	border-top:2px solid #488f00;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius: 6px;
	
	behavior: url(/PIE.htc);
	position:relative;
}

.sub-5 {
	border-top:2px solid #020255;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius: 6px;

	behavior: url(/PIE.htc);
	position:relative;
}

.sub-6 {
	border-top:2px solid #520b5b;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius: 6px;
	
	behavior: url(/PIE.htc);
	position:relative;
}

.sub-7 {
	border-top:2px solid #ff4100;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius: 6px;
	
	behavior: url(/PIE.htc);
	position:relative;
}

/* 
###########
#
# Definicje widgetow w submenu
# 
# textwidget - podpowiedzi do akzdego submenu (te po lewej stronie)
# menu-widget - bloki linkow w kazdym submenu
#
###########
*/

.menu-widget {
	float:left;
	margin:0 15px 0 0;
	padding:0;
	width:260px;
}

.menu-widget h2 {
/*	text-shadow: 0.1em 0.1em 0.2em #c5c5c5;*/
	font-size:20px;
	font-weight:500;
	padding-bottom:5px;
	margin-bottom:5px;
}

.menu-widget li {
	float:none;
} 

.menu-widget a {
	width:auto;
	display:block;
	background: none;
	
	-webkit-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	-transition: all 0.2s;
	transition: all 0.2s;
}

.menu-widget a:hover {	
	margin:0 0 0 5px;
	-webkit-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	-transition: all 0.2s;
	transition: all 0.2s;
}

/* definicje ogolne dla wszytskich textwidget w kazdym submenu */


.sub .textwidget { 
	font-size:18px;
	font-family: 'Dosis', Arial;
	font-weight:400;
	line-height:120%;
	color:#fff;
	width:240px;
	margin:8px 0 0 0;
	padding:10px;
}

/* definicje kolorow dla poszczegolnych textwidget w poszczegolnych submenu */

/* ######## zolty */

.sub-1 .textwidget {
	background: #ba0000;	
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff7b00), to(#ffba00));
	background: -webkit-linear-gradient(#ff7b00, #ffba00);
	background: -moz-linear-gradient(#ff7b00, #ffba00);
	background: -ms-linear-gradient(#ff7b00, #ffba00);
	background: -o-linear-gradient(#ff7b00, #ffba00);
	background: linear-gradient(#ff7b00, #ffba00);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	
	-pie-background: linear-gradient(#ff7b00, #ffba00);	
	behavior: url(/PIE.htc);
	position:relative;
}

/* ######## czerwony */

.sub-2 .textwidget { 
	background: #ba0000;	
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff0600), to(#ba0000));
	background: -webkit-linear-gradient(#ff0600, #ba0000);
	background: -moz-linear-gradient(#ff0600, #ba0000);
	background: -ms-linear-gradient(#ff0600, #ba0000);
	background: -o-linear-gradient(#ff0600, #ba0000);
	background: linear-gradient(#ff0600, #ba0000);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	
	-pie-background: linear-gradient(#ff0600, #ba0000);	
	behavior: url(/PIE.htc);
	position:relative;
}

.sub-2 .menu-widget h2 {
	color: #ba0000;
	border-bottom: 1px solid #ba0000;
	text-shadow: 0 0 1px rgba(186, 0, 0, 0.4);
}

.sub-2 .menu-widget a {
	color: #A30000;
	background: none;
}

.sub-2 .menu-widget a:hover {
	color: #111;
	text-shadow: 0 0 1px rgba(7, 7, 7, 0.4);
}

/* ######## niebieski */

.sub-3 .textwidget { 
	background:#004799;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#004799), to(#15b0d3));
	background: -webkit-linear-gradient(#004799, #15b0d3);
	background: -moz-linear-gradient(#004799, #15b0d3);
	background: -ms-linear-gradient(#004799, #15b0d3);
	background: -o-linear-gradient(#004799, #15b0d3);
	background: linear-gradient(#004799, #15b0d3);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	
	-pie-background: linear-gradient(#004799, #15b0d3);	
	behavior: url(/PIE.htc);
	position:relative;
}

.sub-3 .menu-widget h2 {
	color: #004799;
	border-bottom: 1px solid #004799;
	text-shadow: 0 0 1px rgba(0, 71, 153, 0.4);
}

.sub-3 .menu-widget a {
	color: #004799;
	background: none;
}

.sub-3 .menu-widget a:hover {
	color: #111;
	text-shadow: 0 0 1px rgba(7, 7, 7, 0.4);
}

/* ######## zielony */

.sub-4 .textwidget { 
	background:#488f00;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#488f00), to(#15b0d3));
	background: -webkit-linear-gradient(#488f00, #bfd811);
	background: -moz-linear-gradient(#488f00, #bfd811);
	background: -ms-linear-gradient(#488f00, #bfd811);
	background: -o-linear-gradient(#488f00, #bfd811);
	background: linear-gradient(#488f00, #bfd811);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	
	-pie-background: linear-gradient(#488f00, #bfd811);	
	behavior: url(/PIE.htc);
	position:relative;
}

.sub-4 .menu-widget h2 {
	color: #488f00;
	border-bottom: 1px solid #488f00;
	text-shadow: 0 0 1px rgba(72, 15, 0, 0.4);
}

.sub-4 .menu-widget a {
	color: #6f9b06;
	background: none;
}

.sub-4 .menu-widget a:hover {
	color: #111;
	text-shadow: 0 0 1px rgba(7, 7, 7, 0.4);
}

/* ######## granatowy */

.sub-5 .textwidget { 
	background:#020255;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#020255), to(#5e5bb5));
	background: -webkit-linear-gradient(#020255, #5e5bb5);
	background: -moz-linear-gradient(#020255, #5e5bb5);
	background: -ms-linear-gradient(#020255, #5e5bb5);
	background: -o-linear-gradient(#020255, #5e5bb5);
	background: linear-gradient(#020255, #5e5bb5);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	
	-pie-background: linear-gradient(#020255, #5e5bb5);	
	behavior: url(/PIE.htc);
	position:relative;
}

.sub-5 .menu-widget h2 {
	color: #020255;
	border-bottom: 1px solid #020255;
	text-shadow: 0 0 1px rgba(2, 2, 85, 0.4);
}

.sub-5 .menu-widget a {
	color: #5e5bb5;
	background: none;
}

.sub-5 .menu-widget a:hover {
	color: #111;
	text-shadow: 0 0 1px rgba(7, 7, 7, 0.4);
}

/* ######## fioletowy */

.sub-6 .textwidget { 
	background: #a917bd;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#520b5b), to(#a917bd));
	background: -webkit-linear-gradient(#520b5b, #a917bd);
	background: -moz-linear-gradient(#520b5b, #a917bd);
	background: -ms-linear-gradient(#520b5b, #a917bd);
	background: -o-linear-gradient(#520b5b, #a917bd);
	background: linear-gradient(#520b5b, #a917bd);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	
	-pie-background: linear-gradient(#520b5b, #a917bd);	
	behavior: url(/PIE.htc);
	position:relative;
}

.sub-6 .menu-widget h2 {
	color: #520b5b;
	border-bottom: 1px solid #520b5b;
	text-shadow: 0 0 1px rgba(82, 11, 91, 0.4);
}

.sub-6 .menu-widget a {
	color: #a917bd;
	background: none;
}

.sub-6 .menu-widget a:hover {
	color: #111;
	text-shadow: 0 0 1px rgba(7, 7, 7, 0.4);
}

/* ######## pomaranczowy */

.sub-7 .textwidget { 
	background:#ff8100;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff8100), to(#ff4100));
	background: -webkit-linear-gradient(#ff8100, #ff4100);
	background: -moz-linear-gradient(#ff8100, #ff4100);
	background: -ms-linear-gradient(#ff8100, #ff4100);
	background: -o-linear-gradient(#ff8100, #ff4100);
	background: linear-gradient(#ff8100, #ff4100);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	
	-pie-background: linear-gradient(#ff8100, #ff4100);	
	behavior: url(/PIE.htc);
	position:relative;
}

.sub-7 .menu-widget h2 {
	color: #ff8100;
	border-bottom: 1px solid #ff8100;
	text-shadow: 0 0 1px rgba(255, 129, 0, 0.4);
}

.sub-7 .menu-widget a {
	color: #ff4100;
	background: none;
}

.sub-7 .menu-widget a:hover {
	color: #111;
	text-shadow: 0 0 1px rgba(7, 7, 7, 0.4);
}