/*
Theme Name: Theme - Krajská Hospodářská komora
Theme URI: http://www.khkstrednicechy.cz
Description: webdesign pro KHK St5edn9 4echz
Version: 1.0 
Author: Martin Šámal
*/

#logoimg {
    background: #fff;
    border-radius: 30px;
}

body { background: #e5edf4 none repeat scroll 0 0;
    font-family: 'Open Sans';
    font-size: 14px;
    margin: 0;
    padding: 0;
    text-align: center;
}

.cleaner {clear:both;}
h1, h2, h3 { font-family: 'Open Sans'; font-weight: bold; font-size: 20px; color: #004F91;  padding: 0; margin: 0 0 25px; text-align: left; }
h1 { font-size: 44px; padding: 0; }
p {text-align: justify; }

.page h2, #tinymce h2 { color: #004F91; font-size: 36px; font-weight: bold; }
.page h3, #tinymce h3 { color: #004F91; font-size: 21px; font-weight: bold; }
.page h4, #tinymce h4 { color: #004F91; font-size: 14px; font-weight: bold; }
.page ul, #tinymce ul { padding: 0 0 0 22px; }

#wrap {
    width: /*1366px;*/ 1362px;
    margin: 0px auto;
    position: relative;
    background: #B3CADE none repeat scroll 0 0;
    -webkit-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.75);
}

a { color: #004F91; }

#cookie-box { 
    position: fixed; 
    -webkit-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.75);
    z-index: 20000;
    background-color: #e5edf4;
    padding: 10px 45px;
    width: 50%;
    left: 25%;
    right: 25%;
    bottom: 0; 
    cursor: pointer;
    display: none;
}
#cookie-box p { 
    text-align: center;
}

#header {
    width: 100%;
    height: 226px;
    background: #B3CADE url('img/header.png') no-repeat 0 0;
    position: relative;
    background-size: cover;
    -moz-background-size: cover;
    background-position: center;
}

#header #searchform {
    position: absolute;
    right: 65px;
    bottom: 68px;
}

#header #searchform div {
    width: 310px;
    position: relative;
}

#header #searchform input {
    position: absolute;
    width: 250px;
    height: 30px;/*30px;*/
    padding: 6px;
    font-size: 17px;
    background: #fff;
    background-position: right;
    border: 1px solid #808080;
    border-right: none;
    top: 0;
    left: 0;
}

#header #searchform label { display: none; }
#header #searchform input[type="submit"] { 
    background: #fff url('img/lupa.jpg') 4px 4px no-repeat;
    cursor: pointer;
    border: 1px solid #808080;
    border-left: none;
    height: 44px;
    width: 47px;
    margin-left: -4px;
    top: 0;
    left: auto;
    right: 0;
}

#logo { position: absolute; left: 56px; top: 25px; text-decoration: none; border: none;}

#menuButton { 
    position: absolute; 
    width: 67px; 
    height: 61px; 
    left: 0px; 
    top: 120px; 
    z-index: 1100; 
    background: #EE7C00 url('img/menu_tile.png') no-repeat 0 0; 
    display: none;
    cursor: pointer;
} 

.important_message {
    width: 100%;
    float: left;
    margin: 0 !important;
    margin-bottom: 20px !important;
}

.important_message .block-content {
    padding-bottom: 25px !important;
}

.top_menu {
    position: absolute;
    z-index: 10;
    left: 60px;
    bottom: 0;
}

.make-block {
    width: 100%;
    border-bottom: 1px dotted black;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.make-block > a {
    color: black;
    text-decoration: none;
}

.make-block img {
    width: 100%;
    height: auto;
}

.make-block .more {
    width: 100%;
    text-align: left;
    color: #004F91;
    text-decoration: underline;
    font-family: 'Droid Sans';
    font-size: 17px;
}

.make-block .more:before {
    content: url(img/blue_arrow14.jpg);
}

.top_menu>ul {
    font-size: 22px;
    list-style: none;
    margin: 0;
    padding: 0;
    display: table;
}

.top_menu li {
    background-color: #999999;
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #b3b3b3;
    border-bottom: none;
}

.top_menu li:hover { background-color: #ee7c00; }
.sub-menu li:hover { background-color: #f3a34d; }

.top_menu>ul>li:first-child { border-left: none; }
/*.top_menu>ul>li:nth-child(2), .top_menu>ul>li:nth-child(3) {display: none;}*/ 
.top_menu li:first-child a, .top_menu li:last-child a {
    padding: 16px 0px;
    height: 30px;
    vertical-align: top;
}

.top_menu li a {
        padding: 0;
        height: 67px;
        width: 204px;
        display: block;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        position: relative;
}

.sub-menu li { background-color: #ee7c00; font-size: 18px; }

.sub-menu li a, .sub-menu li:first-child a, .sub-menu li:last-child a {
    height: auto; padding: 16px 0px;
}

.top_menu li a span {
    padding: 0px 10px;
}

.top_menu .sub-menu, .top_menu .sub-menu .sub-menu {display: none;}

.top_menu .sub-menu .sub-menu { top: 0; font-size: 16px;}

.top_menu .sub-menu {
    position: absolute;
    padding: 0;
    left: auto;
    text-transform: none;
}
.sub-menu li, .sub-menu li a {
    display: block;
    height: auto;
    position: relative;
}

.sub-menu .sub-menu li { background-color: #f3a34d; }
.sub-menu .sub-menu .sub-menu li { background-color: #f8cb99; }
.sub-menu .sub-menu .sub-menu li a { color: #666666; }
.sub-menu .sub-menu li:hover { background-color: #f8cb99; }
.sub-menu .sub-menu li:hover a { color: #666666; }
.sub-menu .sub-menu li a {
    /*width: 250px;*/
    height: auto; 
    text-transform: none;
}

.top_menu.fixmenu {
    position: fixed; 
    top: 0;
    height: 30px;
    -webkit-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.75);
}
.top_menu.fixmenu>ul {  
    font-size: 14px; 
    z-index: 10; 
} 
.top_menu.fixmenu li a { line-height: 30px; height: 30px; padding: 8px 0; }
.top_menu.fixmenu .sub-menu li a { height: auto; }

/*.top_menu .menu-item-56 .sub-menu { top: -300px; }*/

#content, #tinymce {
    min-height: 400px;
    padding: 20px 56px;
    text-align: left;
}

#footer { padding: 18px 64px; background-color: #004F91; color: #fff; font-size: 17px; }
#footer .leftInfo { float: left; }
#footer .rightInfo { float: right; }
#footer a {color: #fff; }

#slider-wrapper {
        height: 458px;
	background: transparent;
	width: /*1366px;*/ 1362px;
        position:relative;
}
#faceLink { position: absolute; right: 65px; bottom: 50px; text-decoration: none; z-index: 100; }
#slider {
    background: url("img/loading.gif") no-repeat scroll 50% 50% transparent;
    height: 458px;
    position: relative;
    width: /*1366px;*/ 1362px;
}
#slider img {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
}
#slider a {
    border: 0 none;
    display: block;
}

.nivoSlider {
    position: relative;
}
.nivoSlider img {
    left: 0;
    position: absolute;
    top: 0;
}
.nivoSlider a.nivo-imageLink {
    border: 0 none;
    display: none;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 6;
}
.nivo-slice {
    display: block;
    height: 100%;
    position: absolute;
    z-index: 5;
}
.nivo-box {
    display: block;
    position: absolute;
    z-index: 5;
}
.nivo-caption {
    background: none repeat scroll 0 0 #000000;
    bottom: 0;
    color: #FFFFFF;
    font-family: arial;
    left: 0;
    opacity: 0.8;
    position: absolute;
    text-transform: uppercase;
    width: 100%;
    z-index: 8;
}
.nivo-caption p {
    margin: 0;
    padding: 5px;
}
.nivo-caption a {
    color: red;
    display: inline !important;
    text-decoration: none;
}
.nivo-caption a:hover {
    color: blue;
    text-decoration: underline;
}
.nivo-html-caption {
    display: none;
}
.nivo-directionNav a {
    background: url("img/arrows.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 64px;
    position: absolute;
    text-indent: -9999px;
    top: 42%;
    width: 35px;
    z-index: 9;
}
a.nivo-prevNav {
    left: 15px;
}
a.nivo-nextNav {
    background-position: -35px 50%;
    right: 15px;
}
.nivo-controlNav {
    bottom: 40px;
    left: 65px;
    position: absolute;
}
.nivo-controlNav a {
    background: url("img/bullets.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    float: left;
    height: 19px;
    margin-top: 350px;
    margin-right: 5px; 
    position: relative;
    text-indent: -9999px;
    width: 18px;
    z-index: 9;
    border-radius: 11px;
}
.nivo-controlNav a.active {
    background: url("img/bullets.png") no-repeat scroll 0 -19px transparent;
}

.block { padding: 0px; float: left; margin: 25px 12px; position: relative;}
.two-four { width: 48%; }
.two-four.base {
    float: left;
    padding: 25px 12px;
}
.contact.two-four { margin: 25px 12px 25px 55px; width: 45%; }
.contactRegion.two-four { margin: 25px 55px 25px 12px; width: 45%; }
.three-four { width: 73%; }
.one-four { width: 23%; }
.stripe {width: /*237px*/51%; height: 7px; background: #fff url(img/strip.jpg) no-repeat 0 0; background-size: 100% 7px; }
.block-content { position: relative; padding: 25px 25px 85px 25px; background-color: #fff;  }
./*aktuality, .pripravujeme { min-height: 1308px; }*/
.aktuality {
    width: 100%;
    float: left;
    margin: 0 !important;
}
.anketa, .clenstvi { min-height: 250px; }
.partneri {/*min-height: 600px;*/ margin-bottom: 0px; }
.partneri .block-content {text-align: center; /*padding-bottom: 140px;*/ }
.partneri .block-content img { height: 113px;  }
.udaje-hdp { min-height: 510px; }
.nasi-clenove { position: relative; height: 535px; }

.block-content .liner { width: 100%; height: 1px; border-top: 1px dotted #000; margin: 20px 0; }
.block-content .no-liner { width: 100%; height: 2px; margin: 20px 0; }
.block-content h2 { margin-top: 0px; }
.clenstvi .block-content { padding-bottom: 100px; }
.clenstvi p { margin-top: 35px; font-size: 14px; }
.anketa .block-content { min-height: 200px; /*height: 200px; padding-bottom: 130px;*/ font-size: 14px; }
.udaje-hdp .block-content { padding: 25px; }
.nasi-clenove .block-content { position: absolute; top: 7px; left: 0; right: 0; bottom: 0; }
/*.one-four .block-content { padding: 25px; }
*/

.event-block { margin: 10px auto; text-align: justify; }
.event-block .text { position: relative; font-size: 14px; }
.event-block .text .text-overlay { max-height: 268px; overflow: hidden; text-overflow: ellipsis; }
@-moz-document url-prefix() { 
    .event-block .text .text-overlay { max-height: 258px; overflow: hidden; text-overflow: ellipsis; }
}
.event-block .text h3 { font-size: 25px; /*width: 60%; */padding: 0; float: left; display: block;}
.event-block .text img { width: 30%; height: auto; float: right; border: 1px solid #111; margin: 8px 0 10px 10px; }
.event-block .text .date { font-size: 13px; clear: left; margin: 10px 0; }
.event-block .text .detail-link { margin: 10px 0; }
.event-block .text .more { font-family: 'Droid Sans'; font-size: 17px; }
.event-block .detail-link { margin-top: 10px; }
.event-block .detail-link .more { font-family: 'Droid Sans'; font-size: 17px; }
.event-block .detail-link .more:before { content: url('img/blue_arrow14.jpg'); }

.events-archive { text-align: center; padding: 0px; position: absolute; bottom: 50px; left: 0; right: 0; }
.yellow-button { display: block; width: 220px; color: #004F91; background-color: #FFCB00; 
                text-align: center; font-size: 19px; margin: 0px auto; padding: 15px 0; text-decoration: none }

.seeds { padding: 0!important; margin: 0; text-align: left; list-style: none; }
.seeds li { display: inline-block; }
.seeds li:after { content: " >> "; }
.seeds li:last-child:after { content: ""; }
.seeds li a { text-decoration: none; }
.seeds li:first-child a { text-decoration: underline; }
.seeds li a:hover { text-decoration: underline; }

.pagination { font-size: 17px; float: right; }
.pagination a , .pagination input, .pagination .total { 
    width: 33px; 
    height: 41px; 
    border: 1px solid #cccccc; 
    font-size: 17px; 
    text-align: center; 
    vertical-align: middle;
    display: inline-block;
    background-color: #fff;
    text-decoration: none;
    line-height: 41px;
}
.pagination .total {border: none; background-color: inherit;}

.article { 
    background-color: #fff; 
    width: auto;
    margin: 28px 0px 0px 0px;
    padding: 30px;
    text-align: left;
    overflow: hidden;
}
.article.last { margin-bottom: 28px; }
.article h2 { padding: 0px; }
.article>div { display: inline-block; }
.article .date { width: 15%; vertical-align: top; padding-top: 2px; font-size: 17px; color: #004F91; }

.article .main-block {width: 84%; position: relative; }
.article .main-block .preview-block { overflow: hidden; height: 152px; width: 71%; }
@-moz-document url-prefix() { 
    .article .main-block .preview-block { overflow: hidden; height: 162px; }
}
.article .main-block p { margin:0; }
.article .main-block.story {width: 100%; height: 145px;}
.article .article-thumb { display: none; width: 100%; }
.article.stories .article-thumb { max-height: 220px; width: auto; float: right; }
.article .article-thumb.display { display: block }
.article .article-thumb-wrap { width: 24%; float: right; margin-left: 50px; margin-bottom: 50px; }
.article .text-block { text-overflow: ellipsis; }
.article .story .text-block { text-overflow: ellipsis; width: 96%; }


.article .more, .detail-button  {
    width: 143px; 
    height: auto;
    float: right;
    font-size: 17px; 
    vertical-align: middle; 
    padding: 8px 22px; 
    cursor: pointer; 
    clear: right; 
    background: #CCCCCC url('img/up-down.png') no-repeat; 
    background-position: right bottom;
    margin-top: 30px;
}

.introducing h2 {margin-bottom: 20px !important;}
.introducing.article .article-thumb{ display: block; }
.introducing.article .main-block { height: 230px; width: 80%; margin-left: 30px; }
.article .more.page, .priloha {
    background: #EE7C00;
    margin-left: 0px;
    margin-top: 25px;
    position: relative;
    color: #fff;
    display: block;
    text-decoration: none;
    text-align: center;
}

.article .thumb-float-right { float: right; max-height: 220px; margin-left: 25px; margin-bottom: 25px; }

.article .contactLi {
    list-style: none;
    margin-bottom: 25px;
    padding-left: 0;
}


.contactLi.block {
}

.contactLi.block .block-content, .contactRegion .block-content {
    height: 300px;
    padding: 25px 25px 85px 25px;
}

.contactOffice {
    text-align: left;
    list-style: none;
}

.contactOffice li a {
    font-weight: bold;
    color: #4D4D4D;
    font-size: 20px;
}

.article .contactLi li { font-size: 17px;}

.contactOffice li:before /*, .article .contactLi li.dot:before*/ {
    content: url('img/blue_arrow18.jpg'); 
}
.article .contactLi li.dot span { margin-left: 10px;}
.article .contactLi li span { margin-left: 28px; }


.campaign-homepage-box { margin-bottom: 25px; }
.campaign-homepage-box .calendar.even { background-color: #6695BD; }
.campaign-homepage-box .calendar.odd { background-color: #004F91; }
.campaign-homepage-box .calendar { width: 62px; height: 62px; color: #fff; text-align: center; background-color: #004F91; float: left; margin-top: 5px; }
.campaign-homepage-box .month { font-size: 13px; display: inline-block; width: 100%; }
.campaign-homepage-box .day { font-size: 34px; display: inline-block; width: 100%; }
.campaign-homepage-box .info { float: right; width: 160px; text-align: left; }
.campaign-homepage-box .info .title { color: #004F91; font-size: 17px; font-weight: bold;}
.campaign-homepage-box .info .place { font-size: 14px; }
.campaign-homepage-box .info .date { font-size: 13px; }
.campaign-homepage-box a { text-decoration: none; color: #000; }
.campaign-homepage-box a:hover .calendar { background-color: #6695BD;}

.entry-outer-box { width: 160px; height: 150px; background-color: #D9E4EE; color: #004F91; padding: 20px 40px; margin-bottom: 30px; }
.entry-outer-box:last-child {margin-bottom: 0;}
.entry-outer-box p { text-align: center; margin: 0 0 20px; font-size: 14px; }
.entry-outer-box .number { color: #fff; 
         font-size: 22px; 
         font-weight: bold; 
         text-align: center; 
         background-color: #004F91; 
         padding: 25px 20px; }

.entry-outer-box .number .infoDate {
    font-size: 14px;
    font-weight: normal;
    margin-top: 10px;
}

.aligncenter { text-align: center; display: block;
    margin: 0 auto;
    text-align: center; }

#content .bottomPanel { height: 75px; }
#content .bottomPanel div { float: left; width: 33%; text-align: center; margin-top: 40px;}
#content .bottomPanel div:first-child {text-align: left;}
#content .bottomPanel div:last-child { text-align: right;  float: right; }
#content .bottomPanel div a { 
    font-size: 17px;
    padding: 10px 20px;
    background-color: #CCCCCC; 
    text-decoration: none; 
    border: 1px solid #fff; 
    color: #fff; 
}

#content .bottomPanel div.nodisplay a { display: none;}

.filterBox { float: left; margin: 0;}
.filterBox span { font-size: 24px; margin-right: 35px; }
.filterBox div { padding: 10px 40px; background-color: #fff; border: 1px solid #b3b3b3; cursor: pointer; font-size: 17px;
                display: inline-block; margin-right: 20px; color: #000;
}
.filterBox div.selected { background-color: #EE7C00; color: #fff;
}

.hidden {display: none;}
.addressDetail {margin: 25px 0 25px 21px; }
.contactOffice .addressDetail a { font-size: 14px; }

.member-left {float: left; }
.member-right {float: right;}

/********************************************
*   jCarousel
********************************************/
.jcarousel-wrapper {
    margin: 20px auto;
    position: relative;
    width: 90%;
    height: 350px;
}

.jcarousel-wrapper .photo-credits {
    position: absolute;
    right: 15px;
    bottom: 0;
    font-size: 13px;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
    opacity: .66;
}

.jcarousel-wrapper .photo-credits a {
    color: #fff;
}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    float: left;
    width: 260px;
    height: 360px;
/*    padding: 0px 25px;*/
    text-align: left;
    border-right: 1px dotted #9f9f9f;
    position: relative;
}

.jcarousel li .borderBlock { position: absolute; left: 0; right: 0; top: 0; bottom: 0;
              border: 15px #fff solid;
              border-bottom-width: 50px;
              padding: 10px; 
              cursor: pointer;
              overflow: hidden;
}

.jcarousel li:hover .borderBlock { border-color: #E6E6E6; }

.jcarousel li:last-child { border-right: none;}

.jcarousel table tr td { vertical-align: top; }
/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 140px;
    width: 30px;
    height: 30px;
    text-align: center;
}

.jcarousel-control-prev {
    left: -50px;
}

.jcarousel-control-next {
    right: -50px;
}

.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
    display: block;
}

.jcarousel p { text-align: left; }

.contactLi {width: 270px}
#contactUs { position: fixed; bottom: 0px; left: 0px; right: 0px; z-index: 10000; }
#contactUs.fixed { position: absolute; bottom: 60px; left: 0px; right: 0px; }

#contactUs a { 
    background-color: #ffca00; 
    border: 1px #fff solid;
    border-bottom: none;
    color: #004f91;
    font-size: 19px;
    text-decoration: none;
    -webkit-border-top-left-radius: 34px;
    -webkit-border-top-right-radius: 34px;
    -moz-border-radius-topleft: 34px;
    -moz-border-radius-topright: 34px;
    border-top-left-radius: 34px;
    border-top-right-radius: 34px;
    padding: 15px 25px; 
    display: inline-block;
    max-width: 287px;
    width: auto;
    text-align: left;
    
}
#contactUs .envelope { width: 31px; height: 22px; float: left; margin-top: 4px; margin-right: 25px; }
#contactUs .arrow { float: right; height: 14px; margin-top: 8px }
#contactBox { 
    background-color: #fff; 
    padding: 25px; 
    width: 285px;
    border: 1px #ffcb00 solid;
    margin: 0 auto;
    font-size: 14px;
}
#contactBox label { color: #004F91; display: block; text-align: left;}
#contactBox input { display: block;
    border: 1px #004F91 solid; background-color: #e6edf4; width: 270px; margin: 12px 0; padding: 4px 6px; }
#contactBox input[type='submit'] { width: auto; padding: 10px 40px; background-color: #ffcb00;
    color: #004f91; margin: 25px auto 0; border: none; font-weight: bold; }
#contactBox textarea { width: 270px; height: 100px; display: block;
    border: 1px #004F91 solid; background-color: #e6edf4;  margin: 12px 0; padding: 6px; }



.memberLogo { max-width: 150px;}

.voteBlock { padding: 20px 0;}
.voteButton { background-color: #ffcb00; padding:5px 25px; color: #004f91; cursor: pointer; float: left; }
.voteNum { float: right; padding:5px 10px; }
.voteProgress { height: 5px; background-color: #b3cade; display: block; margin-top: 15px; }
.voteProgress .percent { background-color: #004f91; display: inline-block; height: 5px; }
.voteBlock:last-child {  }

.article .projlogo {margin: 25px 0; text-align: center; display: block;}

.hidden {display: none;}

.bottomGradient {
    background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(255,255,255,1) 100%); 
    background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(255,255,255,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#ffffff',GradientType=0 );  
    height: 15px;
    bottom:0;
    left: 0;
    right: 0;
    position: absolute;
}

.one-half { width: 46%; }

@media only screen and (max-width: 1362px) {
    #slider-wrapper, #slider, #slider img, #wrap {width: 100%;}
    #wrap #content { margin: 20px 30px; padding: 0; width: auto; }
    #wrap .contact, #wrap .contactRegion { width: 43%; }
}

@media only screen /*and (min-width: 775px)*/ and (max-width: 1060px ) {
    #slider-wrapper, #slider, #slider img, #wrap, #content {width: 100%;}
    #slider, #slider-wrapper { height: 300px; }
    #header #searchform { bottom: 85px; }
    #content { padding: 20px 0; }
    .two-four { width: 62%; } 
    .one-four { width: 30%; }
    #wrap .partneri { width: 95%; min-height: auto; }
}

@media only screen and (min-width: 480px) and (max-width: 1060px ) {
}

@media only screen and (min-width: 480px) and (max-width: 850px ) {
    #slider, #slider-wrapper { height: 250px; }
    #wrap .nasi-clenove, #wrap .udaje-hdp { width: 97%; }
    #wrap .udaje-hdp { min-height: auto; margin-bottom: 75px; }
    #wrap .udaje-hdp .block-content {text-align: center; }
    .entry-outer-box { display: inline-block; margin: 0 25px 30px 25px; }
    .yellow-button { width: 175px; padding: 10px 0; }
    .campaign-homepage-box .calendar { width: 100%; }
    .campaign-homepage-box .info { width: 100%; margin-top: 15px; }
    .calendar .month, .calendar .day { display: block; }
    .calendar .month { float: right; font-size: 20px; margin-top: 17px; margin-right: 40px; }
    .calendar .day { float: left; font-size: 25px; margin-top: 13px; margin-left: 45px; }
    #footer {padding: 18px 15px;}
    #wrap .article iframe { width: 100%; }
    #wrap .contact, #wrap .contactRegion { width: 93%; margin: 25px 12px 25px 30px; }
}

@media only screen and (max-width: 480px) {
    h1 { padding: 0px 30px; font-size: 38px;}
    h3 { font-size: 22px; }
    .main-block h2 { font-size: 18px;}
    .event-block .text h3.no-image { width: auto; }
    #logo { left: 0; right: 0; }
    #logoimg { height: auto; max-width: 359px; width: 95%; margin: 0px auto;}
    #header { height: 180px; 
        background: rgb(0,79,145); /* Old browsers */
        background: -moz-linear-gradient(left,  rgba(0,79,145,1) 0%, rgba(56,117,167,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  rgba(0,79,145,1) 0%,rgba(56,117,167,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  rgba(0,79,145,1) 0%,rgba(56,117,167,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004f91', endColorstr='#3875a7',GradientType=1 ); /* IE6-9 */
    }
    #header #searchform { bottom: auto; top: 120px; right: 10px; }
    #slider, #slider-wrapper { display:none; height: 200px;  }
    #slider a { background-size: 20px 40px; height: 20px; width: 20px; }
    #slider a.active { background-position-y: -20px; }
    #faceLink img { width: 32px; height: 32px; }
    .two-four, .three-four, .one-four { width: 95%; }
    .campaign-homepage-box .calendar { width: 17%; }
    .campaign-homepage-box .info { width: 75%; }
    #wrap #content { margin: 20px 0; }
    #wrap .pripravujeme { min-height: auto; }
    .yellow-button { width: 150px; padding: 7px 0; font-size: 16px; }
    .entry-outer-box { margin: 15px auto; }
    #contactUs.fixed { bottom: 110px; }
    #wrap #footer { padding: 18px 25px; text-align: center }
    #wrap #footer>div { float: none; }
    #header #menuButton {display: block; }
    
    .top_menu { left: 0; top: 180px; width: 100%;}
    .top_menu ul {
        display: none;
        left: 0; 
        right: 0;
    }
    .top_menu ul li {
        display: block;
        width: 100%;
    }
    .top_menu ul li a {
        width: auto;
        height: auto;
        padding: 16px 0;
    }
    .top_menu .sub-menu {position: relative;}
    .top_menu .sub-menu li .sub-menu li {background-color: #f3a34d;}
    .top_menu .sub-menu li a {width: auto;}
    
    .article p iframe {float: none; width: 100%;}
    #wrap .contact, #wrap .contactRegion {margin: 25px 12px; width: auto; float: none; }
    
    .events {padding-bottom: 50px;}
    
    .article .main-block { width: 100%; height: 132px;}
    .article .date { display: block; width: auto; }
    .article .text-block { width: 100%; }
    
    .nasi-clenove { height: 570px; }
    .member-left, .member-right { float: none; margin: 10px auto; }
    
    .seeds {padding: 0 0 5px 30px!important;}
    
    .partneri a {display: block;}
    .jcarousel-control-prev {
        left: -40px;
    }

    .jcarousel-control-next {
        right: -40px;
    }
    
    .pagination form { padding-right: 10px; }
}


@media only screen and (max-width: 395px) {
    #header #searchform input { left: 70px; width: auto; }
}