@charset "utf-8";
/*--------------------------------------------------*/
/*-- Top menu--*/
/*--------------------------------------------------*/
div#pasek_nad_menu
{
    height:10px;
    background: repeating-linear-gradient(60deg, #fff 20px, #3684ab 0px,#3684ab 340px,#fff 0px,#fff);
	margin-left: auto;
	margin-right: auto;
    padding-left:600px;
    width:300px;
    
}
div#top_menu
{
	width:100%;
	height:60px;
    background: linear-gradient(to right, #fff 45%, #004372 45%);
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	line-height:60px;
}
div#top_menu nav
{
    max-width:1200px;
	margin-left: auto;
	margin-right: auto;
    position: relative;
    top:0;
    left:0;
    z-index:100;    
    background: linear-gradient(60deg,transparent 180px, #004372 0);
    height: 60px;
}
ul#my_navigation
{
    margin-left:400px;
    display: flex;
	flex-direction:row; 
}
ul#my_navigation li 
{
    display:block;
    text-align: center;
}
ul#my_navigation li a 
{
    padding:0 25px;
    display:block;
    color:#fff;
}
ul#my_navigation>li:hover, ul#my_navigation li:hover>a, ul#my_navigation>li.active ul li:hover a
{
    color:#4cb1e0;   
}
ul#my_navigation>li.active a
{
    color:#4cb1e0;   
}
ul#my_navigation>li.active ul li a
{
    color:#fff;   
}

/*--------------------------------------------------*/
/*-- Sub menu 1 poziom w d�--*/
/*--------------------------------------------------*/
ul#my_navigation li.parent
{
    background:url( "../images/strzalka_down.png") no-repeat 50% 42px;    
}
ul#my_navigation li.parent ul
{
    position: absolute;
    top: 60px;
    left:auto;
    display:none;
}
ul.my_submenu li 
{
    background-color: #323946;
    border-top: 1px solid #000033;
    line-height:35px;
    font-size: 14px;
    padding-right:13px;
}
ul.my_submenu li:last-child 
{
    border-bottom: 1px solid #000033;
    color:#fff;
}
ul.my_submenu li a 
{
    text-align: left;
}

ul#my_submenu>li:hover, ul#my_submenu li:hover>a
{
    color:#229dd5;   
}
ul#my_navigation ul.my_submenu li.parent
{
    position: relative;
    background:#323946 url( "../images/strzalka_left.png") no-repeat 96% 50%;
}
/*--------------------------------------------------*/
/*-- Sub menu 2 poziom w prawo--*/
/*--------------------------------------------------*/
ul#my_navigation ul.my_submenu li ul.my_submenu_2
{
    position:absolute;
    top:-1px;
    white-space: nowrap;
    border-left: 1px solid #000033;
}
/*--------------------------------------------------*/
/*-- P�ywaj�ce top menu--*/
/*--------------------------------------------------*/
.sticky
{
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
}

/*--------------------------------------------------*/
/*-- Left menu--*/
/*--------------------------------------------------*/
#left_menu_guzik
{
    display:none;
}
#left_menu 
{
    width: 250px;
    margin:80px 0 25px 0;     
}
ul#my_navigation_left_menu
{
    margin-left:16px;
}
ul#my_navigation_left_menu li
{
	padding-left: 12px;
	min-height: 26px;
}
#my_navigation_left_menu li a 
{
    font-size:15px;
    padding: 6px 2px;
	display:block;    
}
#my_navigation_left_menu li a::before
{
    content:'\a0';
    display:inline-block;
    width:0.2em;
    height:0.2em;
    border:1px solid #0072A3;
    border-radius: 50%;
    background: white;
    line-height:0.32em;
    padding:1px;
    margin:7px 8px 7px -16px;
}
#my_navigation_left_menu li a:hover, #my_navigation_left_menu li a.active 
{ 
	color:#da1b1b; text-decoration:none; 
}

#my_navigation_left_menu li ul li a, #my_navigation_left_menu li ul li ul li a
{
	color: #767676;
    padding-left:10px;
    font-size:13px;
}
#my_navigation_left_menu li.active>a 
{
	font-weight: bold;
    color:#da1b1b;
	text-decoration:underline;
}
.rysunek_left
{
  background: url(../images/left_menu_wiecej.png) 94% 10px no-repeat;
}
.r_rysunek_left
{
  background: url(../images/r-left_menu_wiecej.png) 94% 10px no-repeat;
}
/*--------------------------------------------------*/
/*-- ZEBRA--*/
/*--------------------------------------------------*/
.zebra-wiersz {
background-color:#67c7ff;
}

.zebra-wiersz-hover {
background-color:#ccc;
cursor:pointer;
}