/* breakpoints: 520px, 830px, 1000px */

body
{
  background-color: #eeeeee;
  margin: 0px;
  padding: 0px;

  text-align: center;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-size: 11px;
  color: #111111;
}

a
{
    color: #111111;
}

a img
{
    border: 0px;
}

/* #### PAGE CONTAINER #### */

#page_container
{
  margin: 0px auto;
  text-align: left;
  background-color: white;
  width: 100%;
  min-width: 320px;
}

@media only screen and (min-width: 520px)
{
  #page_container
  {
    width: 520px;
  }
}

@media only screen and (min-width: 830px)
{
  #page_container
  {
    width: 830px;
  }
}

@media only screen and (min-width: 1000px)
{
  #page_container
  {
    width: 1000px;
  }
}

/* #### HEADER #### */

#header
{
  margin: 0px 0px 4px;
  width: 100%;
  min-width: 320px;
  padding: 0px;
}

#header #logo
{
  float: left;
  margin: 4px 0px 0px 10px;
  width: 180px;
}

#header #logo img
{
  width: 180px;
}

#header .clear
{
  clear: both;
}

@media only screen and (min-width: 520px)
{
  #header
  {
    width: 100%;
    /*height: 80px;*/
  }

  #header #logo
  {
    width: 240px;
  }

  #header #logo img
  {
    width: 240px;
  }

}

#header .top-menu-toggle
{
  display: block;
  float: right;
  margin: 8px 10px 8px 4px;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-image: url('images/top-menu-toggle-icon.png');
  background-position: center center;
}

#header .top-menu-toggle:hover
{
  background-image: url('images/top-menu-toggle-hover-icon.png');
}

#header .search-toggle
{
  display: block;
  float: right;
  margin: 8px 4px;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-image: url('images/search-toggle-icon.png');
  background-position: center center;
}

#header .search-toggle:hover
{
  background-image: url('images/search-toggle-hover-icon.png');
}

#header .login-toggle
{
  display: block;
  float: right;
  margin: 8px 4px;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-image: url('images/login-toggle-icon.png');
  background-position: center center;
}

#header .login-toggle:hover
{
  background-image: url('images/login-toggle-hover-icon.png');
}

#header .login-toggle a 
{
  display: block;
  margin: 0px;
  width: 32px;
  height: 32px;
}

@media only screen and (min-width: 1000px)
{

  #header .top-menu-toggle
  {
    display: none;
  }

  #header .search-toggle
  {
    display: none;
  }

  #header .login-toggle
  {
    display: none;
  }

}


/* #### SEARCH BOX #### */

#search-box
{
  display: none;
}


@media only screen and (min-width: 1000px)
{

  #search-box
  {
    display: block;
    float: left;
    margin: 0px 0px 0px 20px;
    padding: 0px;
    font-size: 12px;
    color: #111111;
    width: 480px;
    height: 60px;
  }

  #search-box input
  {
    float: left;
    margin: 20px 10px;
    border: 1px solid #dddddd;
    width: 250px;
    font-size: 12px;
    font-family: arial, sans-serif;
    padding: 4px 8px;
  }

  #search-box select
  {
    float: left;
    margin: 20px 0px;
    border: 1px solid #dddddd;
    width: 100px;
    font-size: 12px;
    font-family: arial, sans-serif;
    padding: 4px 8px;
  }

  #search-box #search_button
  {
    display: block;
    float: left;
    margin: 20px 0px 0px 10px;
    background-color: #70a1d3;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    padding: 5px 10px;
    text-decoration: none;
    border-radius: 3px;
  }

}

/* #### LOGIN BOX #### */

#login_box
{
  display: none;
}


@media only screen and (min-width: 1000px)
{

  #login_box
  {
    display: block;
    float: right;
    margin: 0px 10px 0px 0px;
    padding: 0px;
    font-size: 12px;
    color: #111111;
    width: 220px;
    height: 60px;
  }

  #login_box p
  {
    margin: 0px;
    padding: 0px;
    text-align: right;
  }

  #login_box a
  {
    color: #111111;
  }

  #login_box .login_button,
  #login_box .register_button
  {
    float: right;
    display: block;
    background-color: #70a1d3;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    padding: 5px 10px;
    text-decoration: none;
    border-radius: 3px;
    margin: 20px 10px 20px 0px;
    width: 70px;
  }

  #login_box .profile
  {
    float: right;
    background-image: url('images/profile_50x50.gif');
    width: 50px;
    height: 50px;
    position: relative;
    margin: 5px 10px 5px 0px;
  }

  #login_box .profile .profile_menu
  {
    display: none;

    position: absolute;
    top: 50px;
    right: 0px;
    width: 200px;
    /*height: 40px;*/
    background-color: #ffffff; /*#70a1d3;*/
    border: 1px solid #dddddd;
    z-index: 9999;
    color: #111111;

    padding: 8px;
  }

  #login_box .profile:hover .profile_menu
  {
    display: block;
  }

  #login_box .profile .profile_menu div
  {
    margin: 8px;
  }

  #login_box .profile .profile_menu a
  {
    color: #336699;
  }

  #login_box .profile .profile_menu a:hover
  {
    text-decoration: underline;
  }

}

/* #### TODAY BOX #### */

#header #today-box
{
  clear: both;
  margin: 0px 10px;
  color: #666666;
}

#header #today-box #city-box
{
  display: inline;
}

#header #today-box #city-box span
{
  font-weight: bold;
  color: rgb(19, 70, 135);
}


#header #today-box #date-box
{
  display: inline;
}

#header #today-box #date-box span
{
  font-weight: bold;
  color: rgb(19, 70, 135);
}

#header #today-box #name-day-box
{
  display: inline;
}

#header #today-box #name-day-box span
{
  font-weight: bold;
  color: rgb(19, 70, 135);
}

@media only screen and (max-width: 479px)
{
  #header #today-box #city-box
  {
    display: inline;
  }

  #header #today-box #date-box
  {
    display: inline;
  }
  #header #today-box #name-day-box
  {
    display: block;
  }
}

/* #### TOP MENU #### */

/*@media only screen and (max-width: 519px)
{*/

  #top-menu
  {
    display: none;
    margin: 0px;
    padding: 0px;
    background-color: #70A1D3; /* niebieski */
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
  }

  #top-menu > ul
  {
    margin: 0px;
    padding: 0px;
    list-style: none outside none;
  }

  #top-menu > ul > li
  {
    margin: 0px;
    background-color: #70A1D3; /* niebieski */
  }

  #top-menu > ul > li.new
  {
    background-color: rgb(240, 125, 19); /* pomarańczowy */
  }

  #top-menu > ul > li > a
  {
    display: block;
    padding: 12px 16px;
    color: #ffffff;
    text-decoration: none;
  }

  #top-menu > ul > li:hover
  {
    background-color: #AFD3FD;
  }

  #top-menu > ul > li > a:hover
  {
    color: #0F508E;
  }

  #top-menu > ul > li.homepage
  {
    display: none;
  }

  #top-menu > ul > li > ul.submenu
  {
    display: none;
  }

  #top-menu > ul > li.more > ul.submenu
  {
    display: block;
  }

  #top-menu > ul > li.more:hover
  {
    background-color: #70A1D3;
  }

  #top-menu > ul > li.more > a
  {
    display: none;
  }

  #top-menu > ul > li.more > ul
  {
    margin: 0px;
    padding: 0px;
    list-style: none outside none;
  }

  #top-menu > ul > li.more > ul > li
  {
    margin: 0px;
    background-color: #70A1D3; /* niebieski */
  }

  #top-menu > ul > li.more > ul > li > a
  {
    display: block;
    padding: 12px 16px;
    color: #ffffff;
    text-decoration: none;
  }

  #top-menu > ul > li.more > ul > li:hover
  {
    background-color: #AFD3FD;
  }

  #top-menu > ul > li.more > ul > li > a:hover
  {
    color: #0F508E;
  }

/*
}
*/

@media only screen and (min-width: 520px) and (max-width: 999px)
{
  #top-menu
  {
    display: none;

    /*position: absolute;*/
    top: 50px;
    left: 10px;
    rigth: 10px;
    /*width: 200px;*/

    margin: 0px;
    padding: 0px;
    background-color: #70A1D3; /* niebieski */
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
  }


}

@media only screen and (min-width: 1000px) /* desktop */
{
  /*
  #top-menu
  {
    display: none;
  }

  #top-menu ul
  {
    display: none;
  }*/

  #top-menu
  {
    display: block;
    margin: 0px 10px 8px 10px;
    width: 980px;
    height: 24px;
    padding: 0px;

    color: white;
    font-family: arial, verdana, tahoma;
    font-weight: bold;
    font-size: 13px; /* 12px */
  }


  #top-menu > ul
  {
    display: block;
    margin: 0px;
    height: 24px;
    padding: 0px;
    background-color: #70A1D3; /* niebieski */
    list-style: none outside none;
  }

  #top-menu > ul > li
  {
    float: left;
    margin: 0px;
    z-index: 6;
    background-color: #70A1D3;
    padding: 0px;
    text-align: center;
    border-width: 0px 0px 0px 1px;
    border-style: solid;
    border-color: white;

    position: relative;
  }

  #top-menu ul > li:hover
  {
    background-color: #AFD3FD;
    color: #0F508E;
  }

  #top-menu > ul > li.homepage
  {
    display: block;
    width: 22px;
    background-repeat: no-repeat;
    background-image: url('images/home.gif');
    background-position: center center;
  }

  #top-menu > ul > li.homepage:hover
  {
    background-image: url('images/home_hover.gif');
  }

  #top-menu > ul > li.more
  {
    width: 70px;
    text-align: left;
    background-repeat: no-repeat;
    background-image: url('images/menu_down_arrow.gif');
    background-position: right center;
  }

  #top-menu > ul > li.more:hover
  {
    background-color: #AFD3FD;
    color: #0F508E;
    background-image: url('images/menu_down_arrow_hover.gif');
  }

  #top-menu > ul > li.more > a
  {
    display: block;
  }

  #top-menu > ul > li.more > ul.submenu
  {
    display: none;
  }


  #top-menu > ul > li > a
  {
    color: white;
    text-decoration: none;
    display: block;
    padding: 4px;
  }

  #top-menu > ul > li:hover > a
  {
    color: #0F508E;
  }

  /*
  #top-menu .clear
  {
    clear: both;
  }
  */

  #top-menu > ul li ul.submenu
  {
    display: none;
    position: absolute;
    z-index: 1000;
    width: 300px;
    left: 0px;
    top: 22px;

    margin: 0px;
    border: 0px solid white;
    background-color: #AFD3FD;
    padding: 0px;

    list-style: none outside none;
  }

  #top-menu > ul li:hover ul.submenu
  {
    display: block;
  }

  #top-menu > ul > li > ul.submenu > li
  {
    display: block;
    background-color: #AFD3FD;
    text-align: left;

    border-width: 0px;
    border-style: solid;
    border-color: white;

    margin: 8px;
  }

  #top-menu > ul > li > ul.submenu > li a
  {
    text-decoration: none;
    display: inline;
    color: #0F508E;
  }

  #top-menu > ul > li > ul.submenu > li:hover a
  {
    text-decoration: underline;
    color: #0F508E;
  }


}

/* #### TOP ADVERTISEMENT #### */

#top_advertisement
{
  display: block;
  margin: 0px 10px 4px 10px;
  padding: 4px 0px;

  background-color: #eeeeee;

  height: auto;
  text-align: center;
}


#top_advertisement .desktop
{
  display: block;
  width: 100%;
  height: 110px;
}



#top_advertisement .desktop > img,
#top_advertisement .desktop > a > img,
#top_advertisement .desktop > div > a > img

{
  max-width: 320px;
  height: auto;
}


@media only screen and (min-width: 830px)
{

  #top_advertisement
  {
    margin: 0px 10px 10px 10px;

    width: 810px;
    height: auto; /*210px;*/
    text-align: center;
  }

  #top_advertisement .desktop
  {
    width: 100%;
    height: 210px;
  }

  #top_advertisement .desktop > img,
  #top_advertisement .desktop > a > img,
  #top_advertisement .desktop > div > a > img
  {
    max-width: 750px;
  }


}

@media only screen and (min-width: 1000px)
{
  #top_advertisement
  {
    width: 980px;
  }
}

/* #### BREADCRUMB NAVIGATION #### */

#breadcrumb_navigation
{
  display: none;
  margin: 4px 10px;
  padding: 0px;
  font-size: 12px;
}

#breadcrumb_navigation p
{
  margin: 0px;
  padding: 0px;
}

#breadcrumb_navigation a
{
  text-decoration: none;
}

#breadcrumb_navigation a:hover
{
  text-decoration: underline;
}

@media only screen and (min-width: 830px)
{
  #breadcrumb_navigation
  {
    display: block;
  }
}

/* #### CONTENT #### */

#center_content
{
    margin: 0px 10px;
    min-width: 300px;
}

#center_content h1
{
  margin: 4px 0px;
  font-family: vardana, arial, helvetica;
  font-size: 22px;
  font-weight: bold;
  color: #2572AD;
}

#right_content
{
  margin: 0px 10px;
}

@media only screen and (min-width: 520px)
{
  #center_content h1
  {
    margin: 8px 0px;
  }
}

@media only screen and (min-width: 830px)
{
  #center_content
  {
    float: left;
    width: 500px;
    margin: 0px 0px 0px 10px;
  }

  #right_content
  {
    float: right;
    width: 300px;
    margin-right: 10px;
  }

}

@media only screen and (min-width: 1000px)
{
  #center_content
  {
    width: 670px;
  }

}

#center_content .pagination
{
  margin: 4px 0px;
  font-size: 12px;
}


/* #### RIGHT ADVERTISEMENTS #### */

#right_advertisements
{
  display: none;
}

@media only screen and (min-width: 1000px)
{
  #right_advertisements
  {
    display: block;
    float: right; /*left;*/
    margin-right: 10px;
    width: 160px;
  }
}


/* #### BOTTOM MENU #### */

#bottom_menu
{
  clear: both;
  margin: 0px 10px;
  background-image: url('images/footer_background.gif');
  /*width: 100%;*/
  text-align: center;
  font-size: 12px;
}

#bottom_menu p
{
  margin: 0px;
  padding: 4px;
}

@media only screen and (min-width: 800px)
{
  #bottom_menu
  {
    /*height: 22px;
    width: 980px;*/
  }
}

/* #### BOTTOM ADVERTISEMENT #### */


#bottom_advertisement
{
  display: none;
}

@media only screen and (min-width: 830px)
{
  #bottom_advertisement
  {
    display: block;
    clear: both;
    margin: 0px 10px 10px 10px;
    padding: 4px 0px;
    background-color: #E7EEF1;
    width: 810px;
    height: 110px;
    text-align: center;
  }

  #bottom_advertisement div
  {
    margin: 0px auto;
    width: 750px;
    height: 100px;
    text-align: center
  }
}

@media only screen and (min-width: 1000px)
{
  #bottom_advertisement
  {
    width: 980px;
  }

}

/* #### FOOTER #### */

#footer
{
  clear: both;
  margin: 0px 0px;
  width: 100%;
  text-align: center;
  font-size: 12px;
}

#footer p
{
  margin: 0px;
  padding: 4px;
}

/* ### OLD (TABLES) ### */

#content
{
    margin: 0px 0px;
    /*width: 640px;*/
    background-color: rgb(112,161,211);
    /*background-image: url('images/content_background.gif');
    background-position: left top;
    background-repeat: repeat-y;*/
}

#content h1
{
  margin: 0px;
  padding: 0px;
  font-family: vardana, arial, helvetica;
  font-size: 18px;
  font-weight: bold;
}

#content h1.header
{
    margin: 0px;
    padding: 0px;
    background-image: url('images/content_h1_background.gif');
    font-family: verdana;
    font-size: 9px;
    text-align: center;
}

#content #content_header
{
    margin: 0px;
    padding: 0px;
    /*background-image: url('images/content_h1_background.gif');*/
    background-color: rgb(112,161,211);
    font-family: verdana;
    font-size: 0px;
    text-align: center;
    height: 1px;
}

#content .content_division
{
  margin: 2px 4px 0px 4px;
  padding: 8px;
  background-color: #E7EEF1;
  border: 1px solid #E7EEF1;
}


#content p.content_footer
{
    margin: 0px 0px 0px 0px;
    /*background-image: url('images/content_footer_background.gif');*/
    background-color: rgb(112,161,211);
    /*background-position: left top;
    background-repeat: no-repeat;*/
    padding: 0px;
    border: 0px;
    /*clear: both;*/
    width: 640px;
    height: 4px;
    font-size: 1px;
}

/* content menu */


#content div.menu{
  margin: 2px 4px 2px 4px;
  background-color: #E7EEF1;
  border: 1px solid #E7EEF1;

  padding: 1px;
  font-size: 12px;
}

#content div.menu:first-child{
  margin-top: 0px;
}


#content div.menu p{
  margin: 0px 0px 0px 10px;
  padding: 1px 0px 0px 0px;
}

.advertisement_period{
  margin-bottom: 12px;
}

.ad_rectangle_static
{
  text-align: center;
}

.ad_skyscraper_static
{
  text-align: center;
}


.ad_rectangle_start { }
.ad_rectangle { /*width: 300px;*/ height: 250px; /*background-color: #eeeeee;*/ margin-bottom: 10px; text-align: center; }
.ad_rectangle_fixed { position:fixed; top: 10px; }
.ad_rectangle_absolute { position: absolute; }

.ad_skyscraper_start{ }
.ad_skyscraper { width: 160px; height: 600px; background-color: #eeeeee; }
.ad_skyscraper_fixed { position:fixed; top: 10px; }
.ad_skyscraper_absolute { position: absolute; }

/* #### COOKIE NOTIFICATION #### */

#cookies_notification
{
  display: none;
  /*position: absolute;*/
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 9999;
  margin: 0px;
  border: 1px solid #cccccc;
  background-color: #cccccc;
  font-size: 12px;
}

#cookies_notification p{
  margin: 8px 16px;
}

/* #### NK TAB, FB TAB #### */

.fb-tab
{
  display: none;
}

.nk-tab
{
  display: none;
}


@media only screen and (min-width: 800px)
{
  .fb-tab
  {
    display: block;
  }

  .nk-tab
  {
    display: block;
  }
}