@charset "utf-8";
/*--------------------------------------------------*/
/*-- Top menu--*/
/*--------------------------------------------------*/
div#top_menu_mobile
{
    display: none;
}
div#top_menu
{
	width:100%;
	height:60px;
	background-color:#323946;
	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;    
}
ul#my_navigation
{
    display: flex;
	flex-direction:row; 
}
ul#my_navigation li 
{
    display:block;
    text-align: center;
}
ul#my_navigation li a 
{
    padding:0 15px;
    display:block;
    color:#fff;
}
ul#my_navigation>li:hover, ul#my_navigation li:hover>a
{
    color:#229dd5;   
}
/*--------------------------------------------------*/
/*-- 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: auto;
    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;
}
/*--------------------------------------------------*/
/*-- ZEBRA--*/
/*--------------------------------------------------*/
.zebra-wiersz {
background-color:#B28D54;
}

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