@charset "utf-8";
/*--------------------------------------------------*/
/*-- Top menu--*/
/*--------------------------------------------------*/
div#top_menu
{
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:40px;
    position: relative;
    top: -11px;
    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, ul#menu_mieszkaniec
{
    display: flex;
	flex-direction:row; 
    justify-content: center;
   
}
ul#my_navigation li, ul#menu_mieszkaniec li 
{
    display:block;
    position:relative;
    text-align: center;
    /*background-color: #483924;*/
    background-color: #009198;
    padding: 0 10px;
    box-shadow: 13px 5px 18px -6px #fffa;
}
ul#my_navigation>li:last-child, ul#menu_mieszkaniec>li:last-child
{
    border-bottom-right-radius: 10px;    
}
ul#my_navigation li a, ul#menu_mieszkaniec li a  
{
    display:block;
    color:#fff;
    white-space: nowrap;
    padding: 0 10px 0 10px;
    text-align: center;
}
ul#my_navigation>li:hover, ul#my_navigation li:hover>a, ul#menu_mieszkaniec>li:hover, ul#menu_mieszkaniec li:hover>a
{
    text-decoration: underline;  
}
ul#my_navigation a.ico_home, ul#menu_mieszkaniec a.ico_home
{
    padding: 7px 14px 0px 15px;
    background-color: #483924;
    border-bottom-left-radius: 10px;    
}
/*--------------------------------------------------*/
/*-- Sub menu 1 poziom w d�--*/
/*--------------------------------------------------*/
ul#my_navigation li.parent, ul#menu_mieszkaniec li.parent
{
    background:url( "../images/strzalka_down.png") no-repeat 50% 32px; 
    background-color: #009198;       
}
ul#my_navigation li.parent ul, ul#menu_mieszkaniec li.parent ul
{
    position: absolute;
    top: 48px;
    left:50%;
    transform: translateX(-50%);
    display:none;
}
ul.my_submenu li 
{
    background-color: #483924;
    border-top: 1px solid #000033;
    line-height:35px;
    font-size: 13px;
    padding-right:13px;
    min-width:150px;
}
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
{
    text-decoration: underline;
}
ul#my_navigation ul.my_submenu li.parent, ul#menu_mieszkaniec ul.my_submenu li.parent
{
    position: relative;
    background:#483924 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, ul#menu_mieszkaniec ul.my_submenu li ul.my_submenu_2
{
    position:absolute;
    border-left: 1px solid #000033;
    margin-left: 20px !important;
    left:0%;
    top:-1px;
    transform: translateX(0%);
    display:none;
    z-index:2;
    min-width: 250px;
}
ul#my_navigation ul.my_submenu li ul.my_submenu_2 li a, ul#menu_mieszkaniec ul.my_submenu li ul.my_submenu_2 li a
{
    white-space: normal;
    line-height:1.62em;
    padding:7px 0 7px 0;
}
/*--------------------------------------------------*/
/*-- Left menu--*/
/*--------------------------------------------------*/
#left_menu_guzik
{
    display:none;
}
#left_menu
{
    width: 300px;
    /*margin:15px 0 25px 0;*/ 
    float: left;
    position: relative;
    z-index: 1;
    background-color: #fff;
}
#left_menu ul
{
    list-style:none;
    margin-left:10px;    
}
#left_menu .moduletable h3
{
    position:relative;
    top:10px;
    margin-bottom: 19px;
}
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:16px;
    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 #714f25;
    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:15px;
}
#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:#f3dbbd;
}

.zebra-wiersz-hover {
background-color:#ccc;
cursor:pointer;
}
.ukraina
{
    color: #3a75c4 !important;
    background-color: #f9dd16;
    box-sizing: content-box;
    padding-bottom: 8px !important;
    font-weight: bold !important;
    margin-right: -12px;
    border-radius: 0 0 10px 0;
}
.poradnik_bezpieczenstwa
{
    color: #fff !important;
    background-color: #fc0000;
    box-sizing: content-box;
    padding-bottom: 8px !important;
    margin-right: -12px;
    border-radius: 0 0 10px 0;
}