body {
    background-color: #000;
		color: #fff;
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: 0;
    overflow-x: hidden;
		font-size: 14px;
		font-family: 'Roboto Condensed';
}

@media (max-width: 1023px) {
 #myresponsive {
  display: none;
 }
}

.clearfix { clear: both; }
a { text-decoration: none; }
a:focus, input:focus, textarea:focus, button:focus { outline: none; }
img { border: none; } 

.wrapper {
    max-width: 1237px;
    height: auto;
    margin: auto;
}

#error {
background: url("../images/error_bg.png") repeat-x;
width: 90%;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
padding: 10px;
border: 1px solid #d14b45;
font-size: 13px;
font-weight: bold;
color: #f2e4ea;
}

#correct {
background: url("../images/correct_bg.png") repeat-x;
width: 90%;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
padding: 10px;
border: 1px solid #509500;
font-size: 13px;
font-weight: bold;
color: #eeffdd;
}

h1 {
margin-top: 4px;
margin-bottom: 4px;
color: #fff;
font-size: 24px;
cursor: default;
}

h2 {
margin-top: 4px;
margin-bottom: 4px;
font-size: 20px;
cursor: default;
color: #fff;
}

h3 {
margin-top: 4px;
margin-bottom: 4px;
color: #fff;
font-size: 17px;
cursor: default;
}

h4 {
margin-top: 4px;
margin-bottom: 4px;
color: #fff;
font-size: 17px;
cursor: default;
}

h5 {
margin-top: 0px;
margin-bottom: 4px;
color: #fff;
font-size: 19px;
cursor: default;
}

h6 {
margin-top: 0px;
margin-bottom: 0px;
color: #fff;
font-size: 34px;
cursor: default;
text-shadow: 0em 0em 0.1em #000;
}

h7 {
margin-top: 0px;
margin-bottom: 0px;
color: #fff;
font-size: 26px;
cursor: default;
text-shadow: 0em 0em 0.1em #000;
}

h8 {
margin-top: 4px;
margin-bottom: 4px;
color: #fff;
font-size: 22px;
cursor: default;
}

hr {
height: 0px;
border-top: 0px solid;
border-left: 0px solid;
border-bottom: 1px solid #444444;
width: 100%;
margin-top: 4px;
margin-bottom: 4px;
}

#verySmallBoxTitle {
font-size: 11px;
    font-family: Roboto Condensed;
    font-weight: 500;
    color: #8d8d8d;
    padding: 0 0 4px 0;
    border-bottom: 1px solid #444444;
		margin-bottom: 4px;
}

#calendar_box {
float: right;
padding-left: 15px;
font-family: 'Roboto Condensed';
}

#main {
width: 1235px;
margin: 0 auto;
}

#kontakt_top {
width: 100%;
padding-top: 4px;
padding-bottom: 2px;
text-align: right;
}

#left {
float: left;
}

#right {
float: right;
}

#clear {
clear: both;
}

#center_slider_menu {
width: 1325px;
margin: 0 auto;
}

#slider_menu {
width: 275px;
height: 300px;
margin-top: 0px;
position: absolute;
z-index: 1;
margin-left: 925px;
cursor: pointer;
}

#slider_menu_img2 {
margin-top: -4px;
}

#slider_menu_img3 {
margin-top: -4px;
}

.slider_hide {
background: #000;
padding: 6px;
width: 220px;
min-height: 50px;
display: none;
line-height: 22px;
position: absolute;
z-index: 999;
}

.A1Link {
color: #fff;
text-decoration: none;
}

.A2Link {
color: #fff;
text-decoration: none;
padding-left: 7px;
}

.A3Link {
color: #fff;
text-decoration: none;
padding-left: 7px;
}

.menuLink {
color: #fff;
font-size: 15px;
cursor: pointer;
padding-left: 12px;
padding-top: 5px;
padding-bottom: 5px;
}

.menuLink:hover {
background: #0a89c0;
color: #fff;
font-size: 15px;
}

.menuLink2 {
color: #fff;
font-size: 15px;
cursor: pointer;
padding-left: 12px;
padding-top: 5px;
padding-bottom: 5px;
margin-left: 24px;
}

.menuLink2:hover {
background: #0a89c0;
color: #fff;
font-size: 15px;
}

.menuLink3 {
color: #fff;
font-size: 15px;
cursor: pointer;
padding-left: 12px;
text-decoration: none;
line-height: 24px;
}

.menuLink4 {
color: #fff;
text-decoration: none;
}

.menuLink4:hover {
color: #fff;
text-decoration: none;
}

.menuLink5 {
color: #fff;
text-decoration: none;
}

.menuLink5:hover {
color: #fff;
text-decoration: none;
}

.sliderSmallLink {
text-decoration: none;
color: #fff;
}

.red {
color: #df2a27;
}

.grey {
color: #b6b6b6;
}

.input_submit {
width: 150px;
background: #444444;
border: 1px solid #373737;
padding: 4px;
text-align: center;
color: #fff;
cursor: pointer;
}

.input_submit:hover {
width: 150px;
background: #444444;
border: 1px solid #373737;
padding: 4px;
text-align: center;
color: #fff;
cursor: pointer;
}

#top {
    background-color: #000;
    width: auto;
    max-width: 100%;
    height: auto;
    clear: both;
}

#top #logo {
    width: 153px;
    height: 41px;
    margin: 23px 0 0 16px;
    float: left;
}

#top nav {
    width: auto;
    height: auto;
    margin: 0 30px 0 0;
    float: right;
}

#top nav ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

#top nav ul li {
    width: auto;
    height: auto;
    font-size: 16px;
    font-family: Roboto Condensed;
    color: #fff;
    margin: 0;
    padding: 30px 0 31px 0;
    float: left;
}

#top nav ul li a {
    color: #fff;
    padding: 30px 15px 31px 15px;
}

#top nav ul li a:hover {
    background-color: #000;
    color: #fff;
}
    
#top nav ul li:hover ul.second { display: block; }

#top nav ul li ul.second {
    background-color: #000;
    width: 250px;
    height: auto;
    margin: 30px 0 0 0;
    padding: 9px 0 9px 0;
    position: absolute;
    z-index: 9999;
    display: none;
}

#top nav ul li ul.second li {
    widows: auto;
    max-width: 100%;
    height: auto;
    font-size: 14px;
    font-family: Roboto Condensed;
    color: #fff;
    margin: 0 0 0 0;
    padding: 3px 0 3px 0;
    float: none;
    clear: both;
}

#top nav ul li ul.second li a { 
    color: #fff;
    padding: 3px 15px 3px 15px;
}

#top nav ul li ul.second li a:hover {
    background-color: transparent;
    text-decoration: underline;
}

#top #change_font_size {
    background: url('../images/top-change-top-size-icon_invert.png') center center no-repeat;
    width: 74px;
    height: 80px;
    border-left: 1px solid #6e7070;
    float: right;
}

#top #search {
    background: url('../images/top-search-icon.png') center center no-repeat;
    background-color: #d21019;
    width: 76px;
    height: 80px;
    border-left: 1px solid #6e7070;
    float: right;
}

#top #contrast {
    background: url('../images/top-contrast-icon_invert.png') center center no-repeat;
    width: 74px;
    height: 80px;
    border-left: 1px solid #6e7070;
    border-right: 1px solid #6e7070;
    float: right;
}

#under_slider {
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 0 10px 0;
    clear: both;
}

#under_slider .alert {
    width: auto;
    max-width: 750px;
    height: auto;
    margin: 10px 0 0 0;
    float: left;
}

#under_slider .alert .red {
    width: auto;
    height: auto;
    font-size: 14px;
    font-family: Roboto Condensed;
    font-weight: 600;
    color: #fff;
    margin: 0 5px 0 0;
    float: left;
}
    
#under_slider .alert .text {
    width: 650px;
    height: auto;
    font-size: 16px;
    font-family: Roboto Condensed;
    color: #fff;
    float: right;
    overflow: hidden;
}
    
#under_slider .date {
    width: auto;
    max-width: auto;
    height: auto;
    font-size: 15px;
    font-family: Roboto Condensed;
    font-weight: 500;
    color: #fff;
    margin: 10px 0 0 0;
    float: right;
}

#under_slider .date .c1 { color: #fff; }

#last_box_top {
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 2px 0 0 0;
    clear: both;
    float: left;
}

#last_box_top #recommend_box {
    background-color: #000;
    width: 950px;
    max-width: 100%;
    height: auto;
    padding: 0 0 14px 0;
    border-top: 1px dashed #bfbabb;
    border-bottom: 1px dashed #bfbabb;
    float: left;
}

#last_box_top #recommend_box .left_side {
    width: 265px;
    max-width: 100%;
    height: auto;
    padding: 6px 11px 6px 11px;
    float: left;
}

#last_box_top #recommend_box .left_side .title {
    font-size: 24px;
    font-family: Roboto Condensed;
    font-weight: 500;
    color: #fff;
    float: left;
}

#last_box_top #recommend_box .left_side .date {
    font-size: 15px;
    font-family: Roboto Condensed;
    font-weight: 500;
    color: #fff;
    margin: 8px 0 0 0;
    float: right;
}

#last_box_top #recommend_box .left_side .text {
    width: auto;
    height: auto;
    font-size: 15px;
    font-family: Roboto Condensed;
    font-weight: 500;
    color: #fff;
    line-height: 16px;
    margin: 12px 0 0 0;
    float: right;
}

#last_box_top #recommend_box .right_side {
    width: 652px;
    max-width: 100%;
    height: auto;
    padding: 5px 8px 0 0;
    float: right;
}

#last_box_top #recommend_box .right_side .title {
    font-size: 21px;
    font-family: Roboto Condensed;
    font-weight: 500;
    color: #fff;
    float: left;
}

#last_box_top #recommend_box .right_side .slides_pagination {
    width: auto;
    height: auto;
    font-size: 13px;
    font-family: Roboto Condensed;
    font-weight: 500;
    color: #fff;
    margin: 7px 0 0 0;
    float: right;
}

#last_box_top #recommend_box .right_side .slides_pagination a { 
    color: #fff;
    margin: 0 4px 0 4px;
}

#last_box_top #recommend_box .right_side .slides_pagination a:hover { 
    text-decoration: underline;
    cursor: pointer;
}

#last_box_top #recommend_box .right_side .slides_pagination a.active { 
    font-size: 15px;
    font-weight: 600;
}

#last_box_top #recommend_box .right_side .slide { 
    width: 652px;
    height: 247px;
    margin: 7px 0 0 0;
    clear: both;
    float: left;
}

#last_box_top #recommend_box .right_side .slide img { display: none; }

#last_box_top #ads_box {
    width: 258px;
    max-width: 100%;
    height: auto;
    padding: 22px 0 0 22px;
    float: right;
}

#last_box_top #ads_box a {
    margin: 0 0 25px 0;
    clear: both;
    float: left;
}

#content {
    background-color: #000;
    width: auto;
    max-width: 100%;
    height: auto;
    padding: 0 0 30px 0;
    clear: both;
}

#content .left_side {
    width: 280px;
    max-width: 100%;
    height: auto;
    margin: 15px 0 0 0;
    float: left;
}

#content .left_side .nav_title {
    font-size: 18px;
    font-family: Roboto Condensed;
    font-weight: 600;
    color: #fff;
    float: left;
    clear: both;
}

#content .left_side .nav_title.dark { color: #fff; }
#content .left_side .nav_title.margin_top { margin-top: 15px; }

#content .left_side .nav {
    width: 100%;
    height: auto;
    margin: 8px 0 0 0;
    clear: both;
    float: left;
}

#content .left_side .nav ul {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}

#content .left_side .nav ul li {
    width: 94%;
    height: auto;
    font-size: 16px;
    font-family: Roboto Condensed;
    font-weight: 400;
    color: #fff;
    margin: 0;
    padding: 4px 0 5px 6%;
    float: left;
    clear: both;
}
    
#content .left_side .nav.dark ul li { color: #fff; }
    
#content .left_side .nav ul li.arrow { background: url('../images/left-side-nav-arrow-icon.png') 3px 12px no-repeat; }
#content .left_side .nav ul li.arrow:hover {
    background: url('../images/left-side-nav-arrow-icon-hover.png') 3px 12px no-repeat; 
    background-color: #fff;
}
    
#content .left_side .nav ul li a { color: #fff; }
#content .left_side .nav ul li:hover { background-color: #000; }
#content .left_side .nav ul li:hover a { color: #ffffff; }

#content .left_side .nav.dark ul li a { color: #fff; }
#content .left_side .nav.dark ul li:hover { background-color: #000; }
#content .left_side .nav.dark ul li:hover a { color: #ffffff; }

#content .left_side .nav ul.subnav {
    list-style: none;
    display: block;
    margin: 0 0 0 15px;
    padding: 0;
    display: none;
}

#content .left_side .nav ul.subnav li {
    width: 94%;
    height: auto;
    font-size: 16px;
    font-family: Roboto Condensed;
    font-weight: 400;
    color: #fff;
    margin: 0;
    padding: 4px 0 5px 6%;
    float: left;
    clear: both;
}

#content .left_side .nav ul.subnav li:hover { background-color: transparent; }

#content .left_side .nav ul.subnav li:hover a { color: #fff; }

#content .left_side .nav ul.subnav li a:hover { 
    color: #fff;
    text-decoration: underline;
}
    
#content .center_side {
    width: 640px;
    max-width: 100%;
    height: auto;
    margin: 15px 0 0 20px;
    float: left;
}

#content .center_side #news {
    width: auto;
    height: auto;
    clear: both;
}

#content .center_side #news .heading {
    width: auto;
    height: auto;
    font-size: 18px;
    font-family: Roboto Condensed;
    font-weight: 400;
    color: #fff;
    margin: 0 0 14px 0;
    clear: both;
}

#content .center_side #news .news_boxes {
    width: auto;
    height: auto;
    clear: both;
}

#content .center_side #news .news_boxes .box {
    width: 314px;
    height: auto;
    margin: 0 0 20px 0;
    float: left;
}

#content .center_side #news .news_boxes .box:nth-child(2n+0) { float: right; }
    
#content .center_side #news .news_boxes .box .thumb {
    width: 314px;
    height: 261px;
    margin: 0 0 10px 0;
    clear: both;
}

#content .center_side #news .news_boxes .box .title {
    font-size: 15px;
    font-family: Roboto Condensed;
    font-weight: 600;
    color: #fff;
    margin: 0 0 10px 0;
    clear: both;
}

#content .center_side #news .news_boxes .box .title a { color: #fff; }
#content .center_side #news .news_boxes .box .title a:hover { text-decoration: underline; }

#content .center_side #news .news_boxes .box .short_text {
    font-size: 15px;
		height: 90px;
    font-family: Roboto Condensed;
    font-weight: 400;
    color: #fff;
    text-align: justify;
    margin: 0 0 10px 0;
    clear: both;
}

#content .center_side #news .news_boxes .box .read_more {
    background-color: #000;
    width: auto;
    height: auto;
    font-size: 15px;
    font-family: Roboto Condensed;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    padding: 6px 25px 8px 25px;
    float: right;
}

#content .center_side #short_news {
    width: auto;
    height: auto;
    margin: 35px 0 0 0;
    clear: both;
}

#content .center_side #short_news .box_news {
    width: auto;
    height: auto;
    padding: 12px 0 12px 0;
    border-bottom: 1px solid #444444;
    clear: both;
}

#content .center_side #short_news .box_news:last-child { border-bottom: none; }
    
#content .center_side #short_news .box_news .thumb {
    width: 90px;
    height: 74px;
    margin: 0 10px 0 0;
    float: left;
}
    
#content .center_side #short_news .box_news .text_side {
    width: 535px;
    height: auto;
    float: right;
}

#content .center_side #short_news .box_news .text_side .title {
    font-size: 16px;
    font-family: Roboto Condensed;
    font-weight: 600;
    color: #fff;
    margin: 0 0 8px 0;
    clear: both;
}

#content .center_side #short_news .box_news .text_side .title a { color: #fff; }
#content .center_side #short_news .box_news .text_side .title a:hover { text-decoration: underline; }

#content .center_side #short_news .box_news .text_side .text {
    font-size: 15px;
    font-family: Roboto Condensed;
    font-weight: 400;
    color: #fff;
    text-align: justify;
    margin: 0 0 8px 0;
    clear: both;
}

#content .center_side #short_news_pagination {
    width: auto;
    height: auto;
    margin: 4px 0 0 0;
    float: right;
}

#content .center_side #short_news_pagination a {
    font-size: 12px;
    font-family: Roboto Condensed;
    font-weight: 400;
    color: #fff;
}

#content .center_side #short_news_pagination a:hover { text-decoration: underline; }

#content .right_side {
    width: 240px;
    max-width: 100%;
    height: auto;
    margin: 15px 0 0 40px;
    float: left;
}

#content .right_side #online_camera {
    background: url('../images/content-online-camera-box-bg.png') no-repeat;
    width: 189px;
    min-height: 51px;
    height: auto;
    margin: auto;
    padding: 60px 0 0 10px;
    clear: both;
}

#content .right_side #online_camera a {
    font-size: 14px;
    font-family: Roboto Condensed;
    font-weight: 500;
    color: #fff;
}

#content .right_side #online_camera a:hover { text-decoration: underline; }

#content .right_side #calendar {
    width: auto;
    height: auto;
    margin: 20px auto;
    clear: both;
}

#content .right_side #calendar .title {
    font-size: 11px;
    font-family: Roboto Condensed;
    font-weight: 500;
    color: #fff;
    padding: 0 0 4px 0;
    border-bottom: 1px solid #e2e2e2;
}

#content .right_side #calendar #datepicker {
    width: 235px;
    max-width: 235px;
    height: auto;
}

#content .right_side #calendar #datepicker .ui-datepicker-inline {
    width: 235px;
    max-width: 235px;
    font-size: 12px;
    height: auto;
}

#content .right_side #information_bulletin {
    width: auto;
    height: auto;
    margin: 20px auto;
    clear: both;
}

#content .right_side #information_bulletin .title {
    font-size: 11px;
    font-family: Roboto Condensed;
    font-weight: 500;
    color: #fff;
    padding: 0 0 4px 0;
    border-bottom: 1px solid #e2e2e2;
}

#bottom_box {
    background: url('../images/bottom-box-bg.png') no-repeat;
    background-size: cover;
    width: 100%;
    max-width: 100%;
    min-height: 189px;
    height: auto;
    padding: 70px 0 0 0;
    text-align: center;
    clear: both;
}

#bottom_box .text_1 {
    font-size: 35px;
    font-family: Arial;
    color: #ffffff;
}

#bottom_box .break_line {
    background-color: #eec102;
    width: 695px;
    height: 2px;
    margin: auto;
    clear: both;
}

#bottom_box .text_2 {
    font-size: 24px;
    font-family: Arial;
    color: #ffffff;
    margin: 0 0 45px 0;
}

#bottom_box .read_more {
    background-color: #f3cc15;
    width: auto;
    height: auto;
    font-size: 15px;
    font-family: Roboto Condensed;
    font-weight: 500;
    color: #1e1e1e;
    text-align: center;
    margin: auto;
    padding: 6px 25px 8px 25px;
    clear: both;
}

#bottom_navs {
    width: auto;
    max-width: 100%;
    height: auto;
    padding: 30px 0 30px 0;
    clear: both;
}

#bottom_navs .nav_box {
    width: auto;
    height: auto;
    margin: 0 110px 0 0;
    float: left;
}
    
#bottom_navs .nav_box:last-child { margin-right: 0; }
    
#bottom_navs .nav_box .title {
    font-size: 18px;
    font-family: Roboto Condensed;
    font-weight: 600;
    color: #fff;
    clear: both;
}

#bottom_navs .nav_box ul {
    list-style: none;
    display: block;
    margin: 10px 0 0 0;
    padding: 0;
}

#bottom_navs .nav_box ul li {
    width: auto;
    height: auto;
    font-size: 15px;
    font-family: Roboto Condensed;
    color: #fff;
    margin: 0 0 4px 0;
    clear: both;
}

#bottom_navs .nav_box ul li a { color: #fff; }
#bottom_navs .nav_box ul li a:hover { text-decoration: underline; }
    
footer {
    width: auto;
    max-width: 100%;
    height: auto;
    font-size: 15px;
    font-family: Roboto Condensed;
    color: #8d8d8d;
    text-align: right;
    padding: 12px 0 12px 0;
    border-top: 2px solid #444444;
    border-bottom: 2px solid #444444;
    clear: both;
}

footer .facebook_social {
    background: url('../images/footer-social-facebook-icon.png') no-repeat;
    width: 29px;
    height: 28px;
    margin: -4px 2px 0 4px;
    float: right;
}
    
footer .youtube_social {
    background: url('../images/footer-social-youtube-icon.png') no-repeat;
    width: 30px;
    height: 30px;
    margin: -4px 2px 0 4px;
    float: right;
}
    
#to_top {
    background: url('../images/footer-to-top-icon.png') top right no-repeat;
    width: auto;
    height: 33px;
    font-size: 14px;
    font-family: Roboto Condensed;
    color: #0a89c0;
    padding: 8px 40px 0 0;
    margin: 7px 0 20px 0;
    float: right;
}



/* Media Queries */

@media all and (max-width: 115em) {
    #three_boxes .box.three { display: none; }
    
}

@media all and (max-width: 80em) {
    #last_box_top #ads_box {
        width: 100%;
        margin: 0 0 20px 0;
        float: none;
        text-align: center;
        display: inline-block;
    }

    #last_box_top #ads_box a {
        margin: 0 2% 0 2%;
        float: none;
        text-align: left;
    }

    
    #last_box_top #recommend_box {
        width: 100%;
    }

    #last_box_top #recommend_box .left_side {
        width: 46%;
        max-width: 100%;
        height: auto;
        padding: 6px 11px 6px 11px;
        float: left;
    }
    
    #last_box_top #recommend_box .right_side {
        width: 50%;
    }
    
    #last_box_top #recommend_box .right_side .slide,
    #last_box_top #recommend_box .right_side .slide img 
    {  
        width: 100%;
        height: auto;
    }
    
    #bottom_navs .nav_box {
        width: 100%;
        display: inline-block;
        text-align: center;
    }
    
    #bottom_navs .nav_box {
        width: 24%;
        height: auto;
        margin: 0;
        text-align: center;
        float: none;
    }
}

@media all and (max-width: 78em) {
    #content .left_side {
        width: 100%;
        text-align: center;
    }
    
    #content .left_side .nav_title {
        width: 100%;
        float: none;
        text-align: center;
        margin: 0;
        padding: 0 0 0 3%;
    }
    
    #content .left_side .nav ul li.arrow { background: url('../images/left-side-nav-arrow-icon.png') 30% 12px no-repeat; }
    #content .left_side .nav ul li.arrow:hover {
        background: url('../images/left-side-nav-arrow-icon-hover.png') 30% 12px no-repeat; 
        background-color: #0a89c0;
    }


    #content .center_side {
        width: 100%;
    }
    
    #content .center_side #news .heading { text-align: center; }

    #content .center_side #news .news_boxes .box {
        width: 31%;
        height: auto;
        text-align: center;
        margin: 0 1% 20px 1%;
        float: left;
    }

    #content .center_side #news .news_boxes .box:nth-child(2n+0) { float: left; }

    #content .center_side #news .news_boxes .box .thumb {
        width: 100%;
        height: auto;
    }

    #content .center_side #news .news_boxes .box .read_more {
        float: none;
        margin: auto;
    }
    
    #content .center_side #short_news .box_news .thumb {
        width: 10%;
        height: auto;
        margin: 0;
    }

    #content .center_side #short_news .box_news .text_side {
        width: 90%;
        margin: 0;
    }

    #content .center_side #short_news_pagination { 
        text-align: center;
        margin-bottom: 20px;
        float: none;
    }
    
    #content .right_side {
        width: 90%;
    }
    
    #content .right_side #calendar {
        width: 240px;
        margin: 20px auto; 
    }
    
    #content .right_side #calendar .title { text-align: center; }

    #content .right_side #information_bulletin {
        width: 240px;
        margin: 20px auto;
    }
        
    #content .right_side #information_bulletin .title { text-align: center; }
    
    footer { text-align: center; }
}

@media all and (max-width: 69em) {
    #under_slider .alert {
        width: 100%;
        max-width: 100%;
        text-align: center;
        clear: both;
        float: none;
    }

    #under_slider .alert .red,
    #under_slider .alert .text,
    #under_slider .date
    {
        width: 100%;
        text-align: center;
        clear: both;
        float: none;
    }
}

@media all and (max-width: 63em) {
    #content .center_side #news .news_boxes .box {
        width: 86%;
        height: auto;
        text-align: center;
        margin: 0 0 30px 0;
        padding: 0 2% 0 2%;
        float: none;
        clear: both;
    }
    
    #content .center_side #news .news_boxes .box .short_text { text-align: center; }
    
    #top #logo {
        margin: auto;
        padding: 23px 0 23px 0;
        float: none;
    }
    
    #top #change_font_size,
    #top #search,
    #top #contrast
    {
        display: none;
    }
    
    #top nav {
        width: 100%;
        margin: 0;
        float: none;
        clear: both;
    }

    #top nav ul li {
        width: 100%;
        text-align: center;
        padding: 10px 0 11px 0;
        float: none;
    }
    
    #top nav ul li a {
        color: #353a3d;
        padding: 10px 15px 11px 15px;
    }

    #top nav ul li a:hover {
        background-color: #0a89c0;
        color: #ffffff;
    }
    
    #top nav ul li ul.second {
        display: block;
        position: inherit;
        width: 100%;
    }
    
#bottom_box .break_line { width: 90%; }
}

@media all and (max-width: 62em) {
    #content .center_side #short_news .box_news {
        width: 92%;
        text-align: center; 
    }
        
    #content .center_side #short_news .box_news .thumb {
        width: 100%;
        height: auto;
        margin: 0;
        float: none;
    }

    #content .center_side #short_news .box_news .text_side {
        width: 100%;
        margin: 0;
        text-align: center;
        float: none;
    }

    
    #last_box_top #recommend_box .left_side {
        width: 100%;
        max-width: 100%;
        text-align: center;
        float: none;
    }

    #last_box_top #recommend_box .left_side .title,
    #last_box_top #recommend_box .left_side .date
    {
        width: 100%;
        float: none;
    }
    
    #last_box_top #recommend_box .left_side .text {
        width: 100%;
        margin: 0 0 20px 0;
        float: none;
    }
    
    #last_box_top #recommend_box .right_side {
        width: 100%;
        max-width: 100%;
        float: none;
    }
    
    #last_box_top #recommend_box .right_side .title {
        width: 100%;
        max-width: 100%;
        text-align: center;
        float: none;
        clear: both;
    }

    #last_box_top #recommend_box .right_side .slides_pagination {
        width: 100%;
        max-width: 100%;
        text-align: center;
        float: none;
        clear: both;
    }

    footer .youtube_social,
    footer .facebook_social
    {
        float: none;
        margin: 5px auto;
        clear: both;
    }
    
    #to_top {
        width: 80px;
        float: none;
        margin: 10px auto;
    }
    
}

@media all and (max-width: 24em) {
    #content .center_side #short_news .box_news {
        width: 85%;
    }
    
    #content .center_side #short_news .box_news .text_side .text { text-align: center; }
    
    #content .center_side #news .news_boxes .box .thumb img {
        width: 100%;
        height: auto;
    }

    #content .right_side {
        width: 50%;
    }

    #bottom_navs .nav_box {
        width: 100%;
        float: none;
    }
    
    #last_box_top #recommend_box .left_side .text { width: 90%; }
}

/* ===================================== GALLERY =====================================*/

#galeria{
        width: 630px;
        margin: 0 auto;
				margin-left: 0px;
        color: #555;
        font: 12px Arial, Verdana;
}

#galeria ul li{
        display: inline;
        margin:0px 10px 10px 0px;
				padding-left: 0px;
}

#galeria img{
        border: 1px solid #414141;
        margin-bottom: 12px;
				padding: 1px;
}

#galeria img:hover {
border: 1px solid #ffd800;
}

/* AJAX */
.highslide-container div {
        font-family: Verdana, Helvetica;
        font-size: 10pt;
}
.highslide {
        outline: none;
        text-decoration: none;
}
.highslide img {
        border: 2px solid silver;
}
.highslide:hover img {
        border-color: gray;
}

.highslide-active-anchor img, .highslide-active-anchor:hover img {
        border-color: black;
}
.highslide-image {
        border-width: 2px;
        border-style: solid;
        border-color: #1f1f1f;
        background: #000;
}
.highslide-wrapper, .rounded-black {
        background: #000;
}
.highslide-image-blur {
}
.highslide-caption {
        display: none;
        border-top: none;
        font-size: 1em;
        padding: 5px;
        background: #000;
}
.highslide-heading {
        display: none;
        font-weight: bold;
        margin-bottom: 0.4em;
}
.highslide-dimming {
        position: absolute;
        background: black;
}
.highslide-loading {
        display: block;
        color: white;
        font-size: 9px;
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: none;
        padding: 3px;
        border: 1px solid #1f1f1f;
        background-color: black;
        padding-left: 22px;
        background-image: url(../js/images/loader.gif);
        background-repeat: no-repeat;
        background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
        padding: 2px;
        color: silver;
        text-decoration: none;
        font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
        color: white;
        background-color: #000;
}

/* Controls. See http://www.google.com/search?q=css+sprites */
.highslide-controls {
        width: 195px;
        height: 40px;
        background: url(../js/images/controlbar-black-border.gif) 0 -90px no-repeat;
        margin-right: 15px;
        margin-bottom: 10px;
        margin-top: 20px;
}
.highslide-controls ul {
        position: relative;
        left: 15px;
        height: 40px;
        list-style: none;
        margin: 0;
        padding: 0;
        background: url(../js/images/controlbar-black-border.gif) right -90px no-repeat;
}
.highslide-controls li {
        float: left;
        padding: 5px 0;
}
.highslide-controls a {
        background-image: url(../js/images/controlbar-black-border.gif);
        display: block;
        float: left;
        height: 30px;
        width: 30px;
        outline: none;
}
.highslide-controls a.disabled {
        cursor: default;
}
.highslide-controls a span {
        /* hide the text for these graphic buttons */
        display: none;
}
.highslide-move a {
        cursor: move;
}

/* The CSS sprites for the controlbar */
.highslide-controls .highslide-previous a {
        background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
        background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
        background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
        background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
        background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
        background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
        background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
        background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
        background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
        background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
        background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
        background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
        background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
        background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
        background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
        background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
        background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
        background-position: -180px -30px;
}

/*****************************************************************************/
/* Styles for the HTML popups											     */
/* Remove these if you are not using Highslide HTML						     */
/*****************************************************************************/
.highslide-maincontent {
	display: none;
}
.highslide-html {
	background-color: #000;
}
.highslide-html-content {
	display: none;
	width: 400px;
	padding: 0 5px 5px 5px;
}
.highslide-header {
	padding-bottom: 5px;
}
.highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-header a:hover {
	color: #ffd200;
}
.highslide-header .highslide-move a {
	cursor: move;
}
.highslide-footer {
	height: 0px;
}
.highslide-footer .highslide-resize {
	display: none;
	float: right;
	margin-top: 0px;
	height: 0px;
	width: 11px;
	background: url(../js/images/graphics/resize.gif) no-repeat;
}
.highslide-footer .highslide-resize span {
	display: none;
}
.highslide-body {
overflow: hidden !important;
}

.highslide-resize {
	cursor: nw-resize;
}

/*****************************************************************************/
/* Styles for text based controls.						                     */
/* You can safely remove this if you don't use text based controls			 */
/*****************************************************************************/

.text-controls .highslide-controls {
	width: auto;
	height: auto;
	margin: 0;
	text-align: center;
	background: none;
}
.text-controls ul {
	position: static;
	background: none;
	height: auto;
	left: 0;
}
.text-controls .highslide-move {
	display: none;
}
.text-controls li {
    background-image: url(../js/images/graphics/controlbar-text-buttons.png);
	background-position: right top !important;
	padding: 0;
	margin-left: 15px;
	display: block;
	width: auto;
}
.text-controls a {
    background: url(../js/images/graphics/controlbar-text-buttons.png) no-repeat;
    background-position: left top !important;
    position: relative;
    left: -10px;
	display: block;
	width: auto;
	height: auto;
	text-decoration: none !important;
}
.text-controls a span {
	background: url(../js/images/graphics/controlbar-text-buttons.png) no-repeat;
    margin: 1px 2px 1px 10px;
	display: block;
    min-width: 4em;
    height: 18px;
    line-height: 18px;
	padding: 1px 0 1px 18px;
    color: #333;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
}
.text-controls .highslide-next {
	margin-right: 1em;
}
.text-controls .highslide-full-expand a span {
	min-width: 0;
	margin: 1px 0;
	padding: 1px 0 1px 10px;
}
.text-controls .highslide-close a span {
	min-width: 0;
}
.text-controls a:hover span {
	color: black;
}
.text-controls a.disabled span {
	color: #999;
}

.text-controls .highslide-previous span {
	background-position: 0 -40px;
}
.text-controls .highslide-previous a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-previous a.disabled span {
	background-position: 0 -140px;
}
.text-controls .highslide-play span {
	background-position: 0 -60px;
}
.text-controls .highslide-play a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-play a.disabled span {
	background-position: 0 -160px;
}
.text-controls .highslide-pause span {
	background-position: 0 -80px;
}
.text-controls .highslide-next span {
	background-position: 0 -100px;
}
.text-controls .highslide-next a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-next a.disabled span {
	background-position: 0 -200px;
}
.text-controls .highslide-full-expand span {
	background: none;
}
.text-controls .highslide-full-expand a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-close span {
	background-position: 0 -120px;
}

/* ================ COOKIES ===============*/

#cookie_info {
position: fixed;
bottom: 0px;
background: url("../images/cookie_bg.png") repeat;
width: 100%;
border-top: 1px solid #000;
z-index: 999999999;
}

#cookie_info_txt {
font-size: 12px;
font-family: Tahoma;
color: #fff;
text-align: center;
padding: 0px 10px 24px 10px; /* top, right, bottom, left */
}

#cookie_close {
float: right;
margin-right: 7px;
margin-top: 7px;
padding-bottom: 6px;
}