/*
        Theme Name: WGMINISITE
        Theme URI: http://www.wgsystem.cz
        Description: WGSYSTEM - RELEASE
        Version: 1.0.0
        Author: Petr Zelený
        Author URI: http://www.wgsystem.cz
        Text Domain: html5blank




*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,300&subset=latin,latin-ext);
/*helpers

*/.mt10{margin-top: 10px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mt35{margin-top: 35px !important;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px !important;}c

.mb10{margin-bottom: 10px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}
.mb40{margin-bottom: 40px !important;}
.mb50{margin-bottom:  50px !important;}

.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml100{margin-left: 100px;}

.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}

.submenu{display: none; position: absolute; width: 240px; background-color: #008f1f;
         margin-left: 0px; padding-left: 0px;  float: left; margin-top: 35px; border-radius: 3px; padding-top: 15px;
         padding-bottom: 15px; z-index: 99999999;}
.submenu li{width: 240px; text-align: left; margin-left: 0px !important; padding: 0 10px !important; 
            box-sizing: border-box; float: left; z-index: 999999;}
/*.submenu li span{border-radius: 3px; float: left; display: inline-block;}*/
.dropdowned .submenu li:hover span{border-radius: 3px; background-color:#11556f !important;}
.submenu li span{border-radius: 3px; width: 100%; float: left; display: block;}
.submenu li a{width: 100%; text-align: left !important; border-radius: 0px; font-size: 14px !important;}
.mean-container .mean-nav{margin-top: 100px;}
.mean-container .mean-nav ul li{background-color: #363636; color: white;}
.mean-container .mean-nav ul li a{ color: white;}
.mean-container .mean-nav ul li:first-child{border-top: none;}
/*
 * Typo
 */
body,input,textarea {font-size: 14px; font-family: 'Open Sans', sans-serif; }
input, textarea {font-family: Tahoma; }
body{color:#000000; margin: 0px; padding: 0px; width: 100%;}
h1,h2,h3,h4,h5,h6{line-height:1.1; color: #000000; font-weight: normal; margin: 0px;  }
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong{color:#fff}
h1{font-size:30px;margin: 15px 0px; font-weight: normal; color:#363636;}
h1 small{display:inline-block;font-size:13px;color:#666666; }
h2{font-size:25px; padding: 10px 0px 8px 0px; }
h3{font-size:20px; padding: 10px 0px 6px 0px; font-weight: bold; }
h4,h5,h6{font-size:18px; padding:8px 0px 4px 0px;  font-weight: bold;}

a{color:#000000;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);text-decoration:underline;}
a:hover, a.hover{text-decoration:underline}
ol{counter-reset:item;}
ol li{background:none;position:relative;}
/*ol li:before,ol li .ie-counter{content:counter(item) ".";counter-increment:item;position:absolute;left:0;top:0;width:18px;color:#c00;font-weight:bold;text-align:left}*/
dl{margin:0 0 1.5em}
dt{font-weight:bold;margin:0 0 .4em}
dd{margin:0 0 1em;padding:0}

table{width:100%;clear:both;margin:0 auto 25px auto;empty-cells:show;border-collapse:collapse; font-size: 14px; color: black; }
caption{font-weight:bold;padding:0 0 10px;caption-side:top}
table tr td, table tr th {border-style: none; }
td,th{padding:10px 15px; text-align: left; }
th{border-top:none; }
tbody th{}
td > span, th > span {display: none; }
/*thead th, thead td {background-color: #B0A166; }*/
/*tbody tr:nth-child(even) {background:transparent}*/
/*tbody tr:nth-child(odd) {background-color: #D5CDAD; }*/
/*thead tr, tbody tr {border-bottom: 1px solid #96854D; }*/
/*thead tr:first-child, tbody tr:first-child {border-top: 1px solid #96854D; }*/

blockquote{display:inline-block;margin:.8em 0 .3em;font-size: 15px/24px; /* For IE 7 */ *display: inline; zoom: 1;}
blockquote p{margin:0}
blockquote .author{display:block;font-size:14px;text-align:right}
img.aligncenter{margin: 0 auto; float: none;  display: block;}
img.left {margin:0 12px 8px 0; float: left; }
img.right {margin:0 0 8px 12px; float: right; }
iframe.left {margin:0 12px 8px 0; float: left; }
iframe.right {margin:0 0 8px 12px; float: right; }
img.left,
img.right,
iframe.left,
iframe.right {
    /*position: relative;*/
    margin-top: 4px;
    /*top: 4px;*/
}
strong {}

p {
    line-height: 1.5;
    margin: 0px 0px 10px 0px;
}
p a, .column2 ul li a{
    /*color:#40bbec;*/
}

.column2 p img{
    width: 100%;
}


/* ========================================================================== */

body {background-color: white; overflow-x: hidden; width: 100%;}
#hp-cool{width: 100%;}
.container {
    max-width: 1000px;
    width: 100%;
    margin: 0px auto;
}

.logo{width:205px; float: left; margin-top: 0px; line-height: 60px;}
.logo img{ float: left; margin-right: 20px; margin-top: -2px;}
.logo a:hover{ text-decoration: none;}

nav#nav-top {

    /*box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2);*/
    margin: 0px auto;
    text-align: right;
    font-size: 0px;
    float: right;
    /*margin-top: 10px;*/
    /*max-width: 1000px;*/
    /*width: 40px;*/
    /*line-height: 100px;*/
}

nav#nav-top ul {float: left; padding-top: 30px;}
nav#nav-top ul li {
    /*    float: left;
           display: list-item;*/
    /*line-height: 100px;*/
}

.round-btn{
    border-radius: 3px;
    padding: 10px;
    display: inline-block;
    color: white;
}
.buttons-row  .round-btn{
    float: right;
}
.buttons-row{padding-top: 15px;}

.clearfix, .clr3, .h-clr4{
    width: 100%;
    clear: both;
}

.blue-btn{
    background-color: #008f1f;
}
.yelow-btn{
    background-color: #fed11d;
}
.logout-btn{
    border: solid 1px #f2dede;
    background-color: #f2dede;
    color:black;
}
.logout-btn:hover{
    border: solid 1px #ed8585;
    background-color: transparent;
    color:black;
    text-decoration: none;
}
#top .add-acc-btn{
    margin-right: 20px;
}
.add-acc-btn{
    background-color: #dff0d8;
    color:#3c763d;
    border: solid 1px #dff0d8;
}

.add-acc-btn:hover{
    text-decoration: none;
    border: solid 1px #3c763d;
    background-color: transparent;
    text-decoration: none;

}
.acc-list-btn{
    background-color: #fff2c0;
    color:black;
    margin-right: 20px;
    border: solid 1px #fff2c0;
}
.acc-list-btn:hover{
    text-decoration: none;
    border: solid 1px #fff2c0;
    background-color: transparent;

}

#top .logout-btn:before{
    font-family: 'FontAwesome';
    content: "\f011";
    color: black; 
    margin-right: 5px; 
}
#top .yelow-btn:before{
    font-family: 'FontAwesome';
    content: "\f007";
    color: white; 
    margin-right: 5px; 
}


#top .add-acc-btn:before{
    font-family: 'FontAwesome';
    content:  "\f055";
    color: #3c763d; 
    margin-right: 5px; 
}

#top .acc-list-btn:before{
    font-family: 'FontAwesome';
    content:  "\f00b";
    color: #fed11d; 
    margin-right: 5px; 
}

#top .blue-btn:before{
    font-family: 'FontAwesome';
    content: "\f196";
    color: white; 
    margin-right: 5px; 
}
#top .yelow-btn{
    margin-right: 20px;
}







.logo-text{
    color:#008f1f;
    font-family: 'Titillium Web', sans-serif;
    font-size: 25px;
    font-weight: bold;
    margin-top: 0px;
    display: block;
}
.slogan{
    color:#008f1f;
    font-family: 'Titillium Web', sans-serif;
    font-size: 25px;
    font-weight: normal;
    font-style: italic;
    margin-top: 0px;
    display: block;
    padding-left: 130px;

    line-height: 100px; float: left;
    position: absolute;
    font-size: 20px;
    margin-top: -19px;
    margin-left: 20px;
}
.slogan-l{
    color:#008f1f;
    font-family: 'Titillium Web', sans-serif;
    font-size: 20px;
    font-weight: normal;
    font-style: italic;
    margin-top: 0px;
    display: block;
    line-height: 70px; 
    position: absolute;
    top: 30px;
}


header{
    /*background: url("./images/header.png") no-repeat  top center #45beee;*/
    /*background-color: #222533;*/
    background-color: white;
    height: 100px;
    /*position: fixed;*/
    width: 100%;
    /*margin-top: -80px;*/ 
    /*top: 80px;*/ 



}

header.sticky {
    /*line-height: 48px;*/
    position: fixed;
    background:  none;
    background-color:  #45beee;
    height: 48px;
    text-align: left;
    z-index: 999;}

.sticky .buttons-row{padding-top: 5px;}


.sticky .logo{ font-size: 20px; line-height: 20px; margin-top: -40px}
.sticky nav#nav-top{ margin-top: -40px; float: left;
                     margin-left: 180px;}

.sticky .logo img{  margin-top: 0px; height: 40px;}
.sticky .logo .logo-text{  font-size:  20px;}

#logo, #logo a, #logo a:hover {
    color: white;
    text-decoration: none;
}

#logo a {
    font-family: 'Titillium Web', sans-serif;
    padding-left: 124px;
    background: transparent URL('./images/object370452035.png') no-repeat 0px 0px;
    float: left;
}

nav#nav-top li:first-child {margin-left: 0px;}
nav#nav-top li {
    display: inline-block;
    margin-left: 5px;
    /* For IE 7 */
    *display: inline;
    zoom: 1;
    background-color: #ededed; border-radius: 3px; padding: 5px;
}

.col-lg-6{width: 50%; float: left;}

nav#nav-top li a {
    color: #008f1f;
    display: block;
    height: 37px;
    line-height: 37px;
    margin: 0 auto;
    padding: 0 0px;
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 14px;    
    /*border: solid 1px white;*/
    /*border-radius: 3px;*/
    font-weight: 600;
}
/*nav#nav-top li:last-child a{
    padding-right: 0px;
}*/

nav#nav-top li.active > a.active, nav#nav-top li a:hover {
    color: #008f1f;
    text-decoration: underline;
    /*border: solid 1px #008f1f;*/
    border-radius: 3px;
    /*background-color: #008f1f;*/

}
nav#nav-top li.active span, nav#nav-top li:hover span {
    background-color: #008f1f;
    border-radius: 3px;
    float: left;
}
nav#nav-top li span, nav#nav-top li span {
    background-color: transparent;
    border-radius: 3px;
    float: left;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}


/*radky*/
.row-gray{background-color: #ededed; padding: 50px 0px; text-align: center; clear: both;}
.row-gray .r1{display: block; font-size: 20px; color: #222533; line-height: 30px; 
              /*background-color: #f6f6f6;*/
}
.row-gray .r2{display: block; font-weight: bold; color: #008f1f; font-size: 30px; padding-top: 20px;}

.row-gray:before {
    border-top: solid 38px white;
    border-left: solid 42px transparent;
    border-right: solid 42px transparent;
    content: '';
    height: 0;
    margin: 0 auto;
    right: 0;
    width: 0;
    z-index: 1;position: absolute;    left: 0;     margin-top: -50px;


}
.row-gray.aw:before { border-top: solid 38px #ffffff;} 
.row-gray:after {
    border-top: solid 38px #ededed;
    border-left: solid 42px transparent;
    border-right: solid 42px transparent;
    content: '';
    height: 0;
    margin: 0 auto;
    right: 0;
    width: 0;
    z-index: 1;position: absolute;    left: 0;        margin-top: 47px;

}

.row-white{ padding: 50px 0px; clear: both;}
.row-white .box1,
.row-white .box2,
.row-white .box3,
.row-white .box4{
    width: 47.5%; box-sizing: border-box; padding: 20px; float: left; background-color: #f6f6f6; display: block;margin-bottom: 20px; text-align: center;
}
.row-white .box1,
.row-white .box3{margin-right: 2.5%; }
.row-white .box2,
.row-white .box4{margin-left: 2.5%; }

.row-white .box1 p,
.row-white .box2 p,
.row-white .box3 p,
.row-white .box4 p{
    line-height: 180%; font-size: 16px; color: #696969;
}
.row-white .box1 h2,
.row-white .box2 h2,
.row-white .box3 h2,
.row-white .box4 h2{
    padding-bottom: 20px; color: #008f1f;
}

ul.testimonials{    list-style: none; width: 100%;     float: left;
                    clear: both; margin-left: 0px; padding-left: 0px;}
ul.testimonials li{    list-style: none; float: left; width: 33%; font-style: italic; color: #696969; padding-bottom: 30px;  line-height: 170%;}
ul.testimonials li strong{    display: block;}

p.toyou{
    font-size: 18px;
    color: white;
    background-color: #272a3a;
    width: 200px;
    margin: 0 auto;
    display: block;
    clear: both;
    padding: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}
.column1.col_25 p.toyou{width: 100%;     box-sizing: border-box; text-align: center;}
/*header#header {
    background: transparent URL("./images/header.png") no-repeat 0px 0px;
    box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.15);
    height: 100px;
    margin: 10px auto 0;
}*/

.top-wrapper{

}


.island{
    background: transparent URL('./images/island1.png') no-repeat center top;  
    width: 100%;
    height: 690px;

}

.hp-title-big{
    text-align: center;
    font-size: 40px;
    font-style: italic;
    color:#008f1f;
    padding: 20px 0 0 20px;
    margin-top: 0px;
    font-weight: 600;
}
h1.hp-title-big {margin-bottom: 0px;}

.compass-wrapper img {
    z-index: 999;   
}
.compass-wrapper{
    /*float: left;*/
}

.search-form form{

    float: right;
    margin-top: -170px;
    width: 86%;
    z-index: -999999990;

}

button.big-submit:before{
    font-family: 'FontAwesome';
    content: "\f002";
    color: white; 
    margin-right: 5px; 
    font-style: normal;
    font-size: 16px;
}
button.big-submit{
    height: 60px;
    font-size: 16px;
    float: left;
    font-style: italic;
    position: absolute;
    margin-left: 710px;
    margin-top: -80px;
    background-color: #45beee;
    border: #188ab7 1px solid;
    border-radius: 5px;
    color: white;
    line-height: 60px;
    /* padding-left: 20px; */
    padding-right: 20px;
}

input[type="text"].compas-feld{
    /*height: 100px;*/
    padding: 30px 0px;
    border: #e3f5fc 1px solid !important;
    border-radius: 5px!important;
    width: 100% !important;
    margin-top: 50px;
    margin-left: -25px;
    font-size: 30px;
    padding-left: 35px;
    box-sizing: border-box;

}

.main-content-img h2{color:#fed11d; text-align: center; padding: 30px 0px; font-style: italic; font-weight: bold;}
.main-content-img{background-color: white; width: 100%; min-height: 200px; 
                  background: white URL('./images/info.png') no-repeat center top ;  
}
.main-content{ width: 100%; min-height: 330px; 
}

.hp-main-content{ 
    margin-top: -70px; background-color: transparent;
}

.row{float: left; width: 100%;}

/*.row .small-box:last-child{    margin-right: 0px;}*/

.site-main-box .anotation{padding-left: 15px;}
.small-box{    width: 24%;    float: left;    border: 1px solid #ececec;    padding: 10px 0px;
               margin: 10px 0px;    padding-bottom: 20px;    min-width: 240px; border-radius: 3px;
               min-height: 350px;}

.hp-main-place-content .small-box{ min-height: 200px;}
.hp-main-place-content .small-box .description{ min-height: 0px;}
.hp-main-place-content .small-box td a{ text-decoration: underline; color: #42bced;}
.small-box .description{   min-height: 72px;}
.small-box .img-wrapper{   min-height: 131px;}
.small-box{    margin-right: 10px;}
.last-box{    margin-right: 0px;}
.small-box img{  width: 100%;}

.small-box .box-title a{   font-size: 17px;    color: #24a4d7; }
.small-box .box-title{ font-size: 17px;    color: #24a4d7;display: inline-block;width: 100%; 
                       padding: 10px 5px; min-height: 50px}
.small-box .more-button i{   margin-right: 10px;   }
.small-box .more-button:hover{  border: 1px solid #42bced;   background-color: white;    color: #42bced;
                                text-decoration: none;}
.small-box .more-button{  background-color: #42bced;   padding: 5px 10px;   color:white;
                          border-radius: 3px;   border: 1px solid #42bced;   margin-left: 5px;}

.small-box .description{display: block;margin-top: 0px;margin-bottom: 0px; padding: 5px; }

.small-box table.info-table td{padding: 5px; font-size: 13px;}
.small-box table.info-table tr{
    border-top: 1px solid #ededed;
    border-bottom:  1px solid #ededed;
}
.small-box table.info-table {padding: 5px;}


.premium-box{width: 100%;    float: left;    border: 1px solid #ececec;    padding: 10px 0px;
             margin: 10px 0px;    padding-bottom: 20px; border-radius: 3px;}

.premium-box img{  max-width:312px; float: left; padding-left: 15px;}
.premium-box .img-wrapper{   float: left; }

.premium-box .box-title{ font-size: 17px;    color: #24a4d7;display: inline-block;   padding: 10px 5px 0px 10px; padding-left: 20px; font-size: 30px; font-weight: bold;}

.premium-box  .description , .premium-box .bott-tow{display: block;margin-top: 10px;margin-bottom: 15px; padding: 5px; padding-left: 20px; max-width: 395px; float:left; }

.premium-box .price{color:#a5006c; font-size: 33px; float: left;display: block;}


.premium-box .more-button i{   margin-right: 10px;   }
.premium-box .more-button:hover{  border: 1px solid #42bced;   background-color: white;    color: #42bced;
                                  text-decoration: none;}
.premium-box .more-button{  background-color: #42bced;   padding: 5px 10px;   color:white; float: left;display: block;
                            border-radius: 3px;   border: 1px solid #42bced; }

.premium-box ul.flags, .site-main-box ul.flags{    width: 180px; position: absolute;padding: 0px;}
.premium-box ul.flags, .site-main-box ul.flags{    width: 62px; position: absolute;padding: 0px; list-style: none;}
.premium-box ul.flags li, .site-main-box ul.flags li{    float: left;}

.small-box .flag, .premium-box .flag, .site-main-box .flag{ width: 62px; height: 18px; display: inline-block; line-height: 18px; padding-left: 30px; font-size: 10px; font-weight: bold;
                                                            margin-left: -20px;margin-bottom: 10px;}
.small-box .doporucujeme{}
.small-box ul.flags{    width: 62px; position: absolute;padding: 0px; list-style: none;}
.small-box ul.flags li{    float: left;}
.small-box .doporucujeme, .premium-box .doporucujeme, .site-main-box .doporucujeme{  background: transparent URL('./images/doporuceni_flag.png') no-repeat center top ;
                                                                                     margin-left: -25px;padding-left: 40px;width: 100px;
}
.small-box .novinka, .premium-box .novinka{  background: transparent URL('./images/novinka_flag.png') no-repeat center top ;}
.small-box .price{color:#a5006c; font-size: 12px; float: left;display: block;  padding-left: 5px; font-weight: bold;
                  padding-right: 5px;}



.premium-box .doporucujeme{  background: transparent URL('./images/doporuceni_flag.png') no-repeat center top ;}
.site-main-box .doporucujeme{  background: transparent URL('./images/doporuceni_flag.png') no-repeat center top ;}

.site-main-box{width: 100%;    float: left;    border: 1px solid #ececec;    padding: 10px 0px;
               margin: 10px 0px;    padding-bottom: 20px; border-radius: 3px;}

.site-main-box img{  width:312px; float: left; padding-left: 15px;}
.site-main-box .img-wrapper{   float: left; }

.site-main-box .box-title{ font-size: 17px;    color: #24a4d7;display: inline-block;   padding: 10px 5px 0px 10px; padding-left: 20px; font-size: 30px; font-weight: bold;}

.site-main-box  .description , .premium-box .bott-tow{display: block;margin-top: 10px;margin-bottom: 15px; padding: 5px; padding-left: 20px; max-width: 395px; float:left; }

.site-main-box .price{color:#a5006c; font-size: 33px; float: left;display: block;}


.site-main-box .more-button i{   margin-right: 10px;   }
.site-main-box .more-button:hover{  border: 1px solid #42bced;   background-color: white;    color: #42bced;
                                    text-decoration: none;}
.site-main-box .more-button{  background-color: #42bced;   padding: 5px 10px;   color:white; float: left;display: block;
                              border-radius: 3px;   border: 1px solid #42bced; }
/*.site-main-box ul.flags{    width: 180px; position: absolute;padding: 0px;}
.site-main-box .flag{ width: 188px; height: 40px; display: inline-block; line-height: 40px; padding-left: 30px; font-size: 20px; font-weight: bold;
                      margin-left: -10px;margin-top: 10px;}
.site-main-box ul.flags li{    float: left;}*/


.main-info{float: left; width: 50%; padding-left: 20px;}
.main-info .info-table{float: left;width: 220px;}
.main-info .info-table td{padding: 5px; border-bottom: 1px solid #ededed;}

.acc-address{float: right;padding-top: 5px;}

.page-content ul li{line-height: 160%; padding-bottom: 15px; font-size: 16px;}
.page-content p {line-height: 160%;  font-size: 16px;}

/*.site-main-box*/

footer{clear: both;}
footer .user-footer {
    background-color: #ededed;
    text-align: center;
    margin: 0px;
    padding: 40px 0;
    /*border-top: 1px solid #ededed;*/

    /*box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2);*/
}
footer .system-footer {
    background-color: #6f6f6f;
    text-align: center;
    margin: 0px;
    padding: 10px 0;
    /*background:  URL('./images/rock.png') no-repeat left bottom #1c94c4;*/  
    height: 40px;
    line-height: 40px;
    /*border-top: 1px solid #ededed;*/
    /*box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2);*/
}

.footer-box{width: 23%;     text-align: left; float: left; margin-right: 4%; 
            /*border-right: 1px solid #1c94c4;*/
            min-height: 200px;  font-size: 15px;}
.footer-box.secondl{width: 30%;}
.footer-box.secondl ul{margin-top: 10px;}
.footer-box.secondl a{color: white; font-size: 16px;}

.footer-box:last-child{width: 39%; margin-right: 0px; border-right: none; }
.footer-box .logo-sm{float: left; margin-bottom: 20px;}
.footer-box .box-title i{margin-right: 20px;}

.footer-box h3.box-title{
    padding-bottom: 10px;
}

.footer-box p.logo-text{
    font-size: 20px;
    display: block;
    float: left;
    color: white;
    width: 60%;
    margin-left: 10px;
}

.footer-box ul li{
    padding: 5px 0;   
}
.footer-box ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.footer-box .social{
    margin-top: 20px;
    clear: both;
    text-align: left;
}

.footer-box .social img{
    margin-right: 15px;   
}


.system-footer .copyright{
    color: white;
    text-align: right;
    padding-top: 10px;
    display: inline-block;
}

#custFooter .widget_custom_post_widget:first-child{margin-right: 4%;}
#custFooter .widget_custom_post_widget{ padding: 15px; box-sizing: border-box;
                                        width: 48%; float: left; background-color: #dedede; border-radius: 4px;
} 

#custFooter .widget_custom_post_widget ul li{list-style: none;}

article{padding: 20px 0px;}



#main {
    background-color: #f0ede0;
    box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2);
    margin: 0px auto 0;
    padding: 20px 10px 10px 10px;
    position: relative;
}

.column1{
    width: 250px;
    float: left;    padding-top: 15px;
}

.column1 .menu-vertical, .hp-menu-hidden .menu-vertical{
    list-style: none;
    margin: 0px;
    padding:  0px;
}
.hp-menu-hidden {opacity: 0.93; width:98%; float: left; background-color: whitesmoke; margin-top: 25px; padding: 5px 0px 5px 5px;}
.column1 .hp-menu-hidden {width:98%; float: left; background-color: 
                              transparent; margin-top: 5px;
                          padding: 5px 0px 5px 5px;}

.accommodation .column1 .hp-menu-hidden{margin-top: 25px;}
.hp-menu-hidden .menu-vertical{
    width: 100%; float: left;
}
.column1 .menu-vertical li i, .hp-menu-hidden span.main-li i  {
    margin-right: 10px;   
}
.column1 .menu-vertical li, .hp-menu-hidden span.main-li {
    width: 100%;
    display: block;
    float: none;
    clear: both;
    height: 40px;
    border-bottom: solid 1px whitesmoke;
}
.column1 .menu-vertical li ul li, .sub-menu-vertical span{
    width: 100%;
    display: block;
    float: none;
    clear: both;
    height: 29px;
    /*border-bottom: solid 1px whitesmoke;*/
}

.hp-menu-hidden .sub-menu-vertical{
    margin-bottom: 5px;
}


.column1 .menu-vertical li a, .hp-menu-hidden span.main-li  a{
    padding: 0px 10px;
    background-color: #40bbec;
    width: 210px;
    display: block;
    color:white;
    border-radius: 3px;
    line-height: 40px;
}
.hp-menu-hidden span.main-li  a{
    padding: 0px 10px;
    background-color: #40bbec;
    width: 170px;
    display: block;
    color:white;
    border-radius: 3px;
    line-height: 40px;
}
.column1 .hp-menu-hidden span.main-li  a{ 
    width: 200px;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
}
.column1 div.menu-box-col{ width: 225px;}
.column1 .menu-vertical li ul li a{
    padding: 0px 10px;
    background-color: #339ecb;
    width: 210px;
    display: block;
    color:white;
    line-height: 29px;
    border-radius: 0px;
}
.hp-menu-hidden .sub-menu-vertical a{
    padding: 0px 10px;
    background-color: #339ecb;
    width: 170px;
    display: block;
    color:white;
    line-height: 29px;
    border-radius: 0px;
}

.column1 .menu-vertical li.active a, .hp-menu-hidden .menu-vertical li a:hover{
    background-color: #e6ab01;
}
.column1 span.active a, .column1 span a:hover{
    background-color: #e6ab01;
}

.column1 .menu-vertical li ul, .hp-menu-hidden .menu-vertical li ul{ padding-left: 0px; float: left;}
.column1 .menu-vertical li ul li{   border: none;}
.hp-menu-hidden .menu-vertical li {  width: 200px !important; float: left !important; clear: none;}
.hp-menu-hidden .menu-vertical li ul li{  width: 200px}
.column1 .menu-vertical li ul li a, .hp-menu-hidden .menu-vertical li ul li a{
    padding-left: 30px;   width: 190px;
}
.column1 .menu-vertical li ul li ul, .hp-menu-hidden .menu-vertical li ul li ul{
    padding-left: 0px;    float: left;
}
.hp-menu-hidden .menu-vertical li ul li ul li a{
    padding-left: 50px;
    width: 170px;
}
.column1 .menu-vertical li ul li ul li a{
    padding-left: 50px;
    width: 200px;
}


.column1 .menu-vertical   li a.carret, span.main-li a.carret { border-right:none!important; width: 15px !important; float: left; padding-left: 10px !important; padding-right: 5px !important; margin-right: 10px; 
                                                               -moz-box-sizing: content-box;
                                                               box-sizing: content-box;
                                                               -webkit-box-sizing: content-box;
                                                               padding-top: 0px;
                                                               padding-bottom: 0px;
}
.carret i {line-height: 39px;}

.column1 .menu-vertical  li ul li a.carret, 
.hp-menu-hidden .sub-menu-vertical a.carret { border-right:none!important; width: 15px!important; float: left; 
                                              padding-left: 20px !important; padding-right: 5px !important; margin-right: 10px;}
a.carret:hover{ background-color: #339ecb !important;}

.hp-menu-hidden .menu-vertical li.li-sub{
    position: absolute !important;
}

span.main-li{width:200px; float:left; display: block;  -moz-box-sizing: content-box;
             box-sizing: content-box;
             -webkit-box-sizing: content-box;}
span.span-sub{width:200px; float:left; display: block;}
.column1 span.span-sub{width:220px; float:left; display: block;}
.column1 .hp-menu-hidden .sub-menu-vertical a{width: 200px; 
                                              -moz-box-sizing: content-box;
                                              box-sizing: content-box;
                                              -webkit-box-sizing: content-box;}

div.menu-box-col{width:191px; float:left; display: block; margin-right: 5px;}




.column_inner_wrapper{padding-right: 20px;
                      padding-top: 15px;}


.column2{
    max-width: 750px;
    width: 750px;
    float: right;
}


#search form {position: relative; }

#search input[type="submit"], input.search-button {
    background: url("./images/searchicon.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    border: medium none;
    color: #000000 !important;
    cursor: pointer;
    display: block;
    height: 100%;
    left: auto;
    padding: 0;
    position: absolute;
    width: 24px;
    right: 0;
    top: 0;
}

#search input[type="submit"] {
    box-shadow: none !important;
}

#content {
    min-height: 700px;
    margin: 0px 0px 20px 260px;
    border-left: 1px solid #d4ccaa;
    padding: 0px 15px 0px 20px;
    *padding-left: 275px;
}

#content {

}

#content p {
    margin-left: 0px;
    position: relative;
}

#content p a {
    text-decoration: underline; 
    color: #A08217;
}

#content p a:hover {
    color: black;
}

#content ul, #content ol {
    /*margin-bottom: 10px;*/
    padding-bottom: 10px;
}

#content table {
    margin: 10px 0px 12px 0px;
}

#content table td,
#content table th {


}

#breadcrumb ul {
    padding-bottom: 6px;
}

#breadcrumb ul li {
    display: inline-block;
    padding: 0px 1px 0px 2px;

    /* For IE 7 */
    *display: inline;
    zoom: 1;
}

#breadcrumb ul li:first-child {
    /*padding-left: 0px;*/
} 

#breadcrumb ul li a {
    color: #A08217;
}


.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}





input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="submit"],
textarea {
    border-radius: 3px;
    border-width: 0;
    /*box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);*/
    border: solid 1px #222533;
    box-sizing: border-box;
    margin-bottom: 10px;
    /*box-sizing: border-box;*/
}

.standard-contact-form{background:#ededed;     padding: 10px 20px;}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
textarea { 
    background-color: white;
    color: #343932 !important;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    margin: 0 auto;
    padding: 4px 5px;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 3px;
}
textarea.standard-contact-form{background-color:white;}
input[type="text"]:hover,
input[type="email"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="submit"]:hover,
textarea:hover {
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.4);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
textarea:focus {
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.5);
}

span.hvezda {
    color: red;
    font-size: 18px;
    position: relative;
    top: 2px;
    font-weight: bold;
}

#content form {
    max-width: 500px;
    margin: 0px auto;
    *width: 500px;
}

input.button {
    float: none !important;
}
a.button, a.button:link, a.button:link:link, body a.button:link, a.button:visited, body a.button:visited, input.button, button.button {
    box-sizing: content-box;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 30px;
    margin: 0 5px 0 0 !important;
    overflow: visible;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.button {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #008f1f;
    background-image: none;
    background-origin: border-box !important;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border: 0 none;
    border-collapse: separate;
    height: 30px;
    margin: 0 auto;
    padding: 0 15px;
    color: white;
}


/* --------------------------------------------- */

.facebook-tag-icon {
    background: url("./images/footerfacebookicon.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    display: inline-block;
    margin: 0 auto;
    min-height: 32px;
    min-width: 32px;
    text-indent: 35px;
}

.twitter-tag-icon {
    background: url("./images/footertwittericon.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    display: inline-block;
    margin: 0 auto;
    min-height: 32px;
    min-width: 32px;
    text-indent: 35px;
}

.tinynav {
    display: none;
    padding: 6px 12px;
    background: #eee;
    width: 100%;
    margin: 10px 0px 0px;
    font-size: 17px;
}

.mean-container a.meanmenu-reveal span{
    background-color: white!important;
}
.mean-container a.meanmenu-reveal{
    top:5px!important;
    z-index: 99999999;
    /*border: 1px solid #fed11d;*/
    /*margin-right: 15px;*/
}

.mean-container a.meanmenu-reveal{
    color:white !important;
}




input.form-control{
    background-color: white;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    display: inline-block;
    height: 19px;
    padding: 4px 6px;
    margin-bottom: 9.5px;
    font-size: 13px;
    line-height: 19px;
    color: #555555;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    vertical-align: middle;



}
.form-group-wrapper label.long{width: 100%;} 
.form-group-wrapper{width: 100%}
.form-group-wrapper input{width: 575px;}
.double-form-group input{width: 200px;}
.form-group-wrapper label, .double-form-group label{width: 100px; display: inline-block; float: left; padding-top: 5px;}
.double-form-group .form-group-wrapper{width: 50%; float: left;}

.form-section-header{display: block; font-size: 18px; color:#008f1f; font-weight: bold; padding: 10px 0px;}
.form-sub-section-header{display: block; font-size: 13px; color:#363636; font-weight: bold; padding: 0px 0px; padding-bottom: 10px;}



.form-group-wrapper select,  .double-form-group select{width:50%; height: 20px; margin-bottom: 10px;}
.form-group-wrapper textarea{width:92%; }


.show-loc-filter-btn{
    background-color: #fed11d;    margin-top: 15px;
    float: left; border: 1px #fed11d solid; cursor: pointer;
    margin-left: 5px;
    margin-right:  5px;
    font-weight: bold;
}

.show-loc-filter-btn:hover{
    background-color: transparent;
    color: #008f1f;
    font-weight: bold;

}

.show-type-filter-btn:hover{
    background-color: transparent;
    color: #008f1f;
    font-weight: bold; 
}
.show-type-filter-btn{
    border: 1px #fed11d solid; cursor: pointer;
    margin-left: 5px;
    background-color: #fed11d;    margin-top: 15px;
    float: left;  cursor: pointer;
    margin-left: 5px;
    margin-right:  5px;
    font-weight: bold;
}


.button-arrow-wrapper img{float: left;}
.button-arrow-wrapper{margin-top: -20px;margin-left: 150px; float: left;}

.margined-arrow-wrapper{margin-left: 100px;}
button.big-submit{cursor: pointer;}

#map-canvas{width: 300px; height: 300px;}




.editor #tabs .form-control{width: auto !important; max-width: 100%;}
.editor #tabs select.form-control{width: 100%!important; max-width: 100%;}
.editor #tabs textarea.form-control{width: 100%!important; max-width: 100%;}
.editor .list-shadow {-webkit-box-shadow: 0px 0px 5px 10px #939393;
                      box-shadow: 0px 0px 5px 10px #939393; padding: 5px 10px 0px 10px; margin-bottom: 20px;}

.editor .form-shadow {-webkit-box-shadow: 0px 0px 5px 10px #939393;
                      box-shadow: 0px 0px 5px 10px #939393; padding: 5px 10px 0px 10px; margin-bottom: 20px;}

#tabs {  background: transparent; border: none; } 
#tabs .ui-widget-header { 
    background: transparent; 
    border: none; 
    border-bottom: 1px solid #c0c0c0; 
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px; 
    background-color: #f8f8f8;
} 
#tabs .ui-tabs-nav .ui-state-default { 
    background: transparent; 
    border: none; 
} 
#tabs .ui-tabs-nav .ui-state-active { background: transparent url(images/uiTabsArrow.png) no-repeat bottom center;   border: none; } 
#tabs .ui-tabs-nav .ui-state-default a { color: gray;} 
#tabs .ui-tabs-nav .ui-state-active a { color: black;  font-weight: bold;}

ul.nice-ul{list-style: none; padding-left: 0px;}
ul.nice-ul li{list-style: none}
ul.nice-ul li:before{
    font-family: 'FontAwesome';    content: "\f00c";    color: #40bbec;  margin-right: 5px; }
ul.equip-ul li{ width: 150px; float: left;}
ul.equip-ul{ margin-left:0px; padding-left: 0px;}


#photo-gallery{margin-bottom: 20px;}
#cboxLoadedContent{overflow: hidden !important;}
#photo-gallery{padding-left: 0px; padding-bottom: 20px;}
#photo-gallery h2{margin-bottom: 15px}

footer .system-footer{
    padding: 20px 0px;
    width:100%;
    text-align: center;
    color:#dfdfdf;
}

footer form label{display:none;}

.gallery-image-wrapper{float:left; margin-right:15px; margin-bottom: 15px; max-width: 100px;}
.gallery-image-wrapper img{ max-width: 100px;}


.column1 .ajax-login-form{
    padding-right: 20px;
    padding-left: 5px;
}

.full-address-wrapper .addres-header{font-weight: bold; display: block; margin-bottom: 15px;}
.full-address-wrapper{
    float: left;
    margin-right: 20px;
}
.page-content #map-canvas{float: right;}

.item-description{color:#008f1f;}

ul.ui-autocomplete{border-radius: 3px !important; border: solid 1px #ededed !important;}
ul.ui-autocomplete li a{background: none white !important;
                        border-bottom:  solid 1px #ededed !important;
                        border-top: none !important;
                        border-left: none !important;
                        border-right: none !important;
                        line-height: 40px !important;
}
ul.ui-autocomplete li a:last-child{background: none white !important;
                                   border-bottom:  none !important;
}
ul.ui-autocomplete li:last-child{background: none white !important;
                                 border-bottom:  none !important;
}
ul.ui-autocomplete li{background: none white !important;
                      border-bottom:  solid 1px #ededed !important;
                      border-top: none !important;
                      border-left: none !important;
                      border-right: none !important;
                      /*min-height: 40px;*/
}
ul.ui-autocomplete li a:hover{background: none #dff0d8 !important;}
ul.ui-autocomplete li hover{background: none #dff0d8 !important;}

.ok-message{
    background-color: #dff0d8;
    color: #3c763d;
    border: solid 1px #dff0d8;
}

.err-message{
    border: solid 1px #f2dede;
    background-color: #f2dede;
    color: black;
    border-radius: 3px;
    padding: 15px;
}

.big-icon{
    font-size: 40px;
}

div.search-result{
    line-height: 60px;
    border-bottom: solid 1px #ededed;
    /*display: block;*/
    width: 100%;
}
/*.filter-submit-buttons input[type="submit"]{z-index: -1;}*/

.flag-result-row {border-bottom: solid 1px #ededed; padding-bottom: 20px; margin-bottom: 20px;}
.flag-result-row img{float: left; margin-right: 20px;}

.discussion-wrapper .comment-box .message{
    background-color: #dff0d8;
    color: #3c763d;
    border: solid 1px #dff0d8;
    padding: 5px;
    margin-bottom: 5px;
}
.discussion-wrapper .comment-box .answer{
    border: solid 1px #f2dede;
    background-color: #f2dede;
    color: black;
    border-radius: 3px;
    padding: 5px;
    margin-bottom: 5px;
}


#20p-img{display: block !important;}
span.star-disabled{display: block; opacity: 0.5;}
/*span.star-enabled{display: block; opacity: 0.8;}*/

.score-stars table span{display: block;}

.discussion-wrapper .comment-box{
    border-bottom: solid 4px #ededed; padding-bottom: 20px; margin-bottom: 20px;
}

.login-menu .box-header{
    font-weight: bold;   
    font-size: 16px;;   
}
.login-menu{
    clear: both;
    float: left;
    background-color: #FFF2C0;
    border-radius: 3px;
    color:black;
    width: 220px;
    padding: 5px;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.standard_menu_box{
    clear: both;
    float: left;
    background-color: #FFF2C0;
    border-radius: 3px;
    color:black;
    width: 210px;
    padding: 5px;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 10px;  
}

.standard_menu_box ul{
    margin-left: 0px;
    padding-left: 5px;
    list-style: none;
}
.standard_menu_box ul li{
    font-size: 15px; font-weight: bold;
    list-style: none;

}
.standard_menu_box ul li ul{
    padding-left: 20px;
    font-size: 14px; font-weight: normal;
    list-style: disc;

}
.standard_menu_box ul li ul li{
    /*padding-left: 15px;*/
    font-size: 14px; font-weight: normal;
    list-style: disc;
    line-height: 35px;

}

.text-after{margin-top: 30px; border-top: solid 5px #ededed; padding-top: 10px;}
.box-event-date{font-weight: bold;}

.btn-green{
    background-color: #dff0d8;
    color: #3c763d;
    border: solid 1px #dff0d8;
}

.log-form{clear: both;}

.place-box, .event-box{width: 47%; float: left; margin-right: 6%}
.place-box.no-margin-right,  .event-box.no-margin-right { margin-right: 0%}
.place-box .image-background, .event-box .image-background{width: 100%;}
.place-box .image-background img, .event-box .image-background img{width: 100%;}

.event-image, .event-image img{width: 100%;}
.place-image, .place-image img{width: 100%;}

.accom_slogan_wrapper .small-box{margin-left: 35%;}
.accom_slogan_wrapper{
    width: 100%; float: left;
}
.accom_slogan{font-size: 18px; font-weight: bold; color:#fed11d; text-align: center;}
.slogan_icon{font-size: 28px; font-weight: bold; color:#fed11d; text-align: center; margin-bottom: 10px;}

.place_cat .header{
    min-height: 80px;
}
.place_cat .column1, 
.place .column1, 
.event_cat .column1 ,
.event .column1 
{padding-top: 20px;}

.long-label{width: 310px !important;}
input.form-checkbox{width: auto; line-height: 15px;}
.big-btn-submit{
    background-color: #fed11d;
    font-size: 25px;
    border: none!important; cursor: pointer;float: right;
    margin-right: 60px;

}

#okres-filter .filter-field, 
#region-filter .filter-field,
#accom_cat-filter .filter-field
{width: 22%; float: left; margin-right: 2%;}
#okres-filter .filter-submit-buttons, 
#region-filter .filter-submit-buttons,
#accom_cat-filter  .filter-submit-buttons
{width: 22%; float: left; margin-right: 0px; margin-top: 18px;
 margin-left: 20px;}

#okres-filter .filter-field input[type="text"],
#region-filter .filter-field input[type="text"],
#accom_cat-filter .filter-field input[type="text"]
{height: 24px;}

.pagination{list-style: none; margin: 0px; padding: 0px; clear: both;float: left;width: 100%; padding: 10px 0px;
}
.pagination li {float: left; background-color: #40bbec; border-radius: 3px; margin-right: 5px;}
.pagination li.active, .pagination li.active a  {background-color: #e6ab01;}
.pagination li a{float: left; background-color: #40bbec; border-radius: 3px; padding: 5px 8px; color:white !important;}


i.breadcrumb{padding: 0px 5px; color:#008f1f;}
.crumbtrail{ padding: 10px 0px}
.crumbtrail a{ color:#222533; font-weight: 600;}


/*cenik*/
.price_table {
    width: 45%;
    float: left;
    padding: 0;
    margin: 0px;
    border-radius: 2px;
    background-color: #f6f6f6; margin-top: 20px;
}

.price_table.first{margin-right: 10%;  margin-top: 20px;}
.price_table.last{margin: 0 auto; float: none;  margin-top: 20px;}

.price_table .plan_info {
    text-align: center;
}

.price_table .price{font-size: 28px; line-height: 60px; color: #222533;}

.price_table ul {padding: 0px 15px; margin: 0px;}
.price_table ul li{list-style: none;     border-bottom: solid 1px #008f1f;     padding-top: 10px;}
.price_table .btn-lg.orange{    background-color: #40bbec;
                                color: white;
                                margin-right: 0px;
                                border: solid 1px #40bbec;
                                text-align: center;
                                padding: 10px;
                                border-radius: 3px;

                                position: relative;
                                display: block;
                                width: 100px;
                                margin: 0 auto;
                                margin-top: 20px;

}

.price_table .btn-lg.orange:hover{
    background-color: transparent;
    color: #40bbec;
    font-weight: bold;
}

.price_table .title {
    vertical-align: middle;
    display: table-cell;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    height: 67px;
    line-height: 190%;;
    color: white;
    text-align: center;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    background-color: #222533;
    text-transform: uppercase;
    padding: 0 20px;
}


div.half{width: 50%; float: left; padding: 10px 20px;     box-sizing: border-box;}
.layout_center div.half.first{padding-left: 0px;}
.layout_center div.half.last{padding-right: 0px;}

/*column*/
.col_25 .text-box{
    background-color: #ededed;
    border-radius: 3px;
    color: #363636; padding: 20px 15px;
}

/*.col_25 .text-box h2{color: white;}*/

.hidden-login-box{
    width: 180px;
    float: right;
    background-color: #45beee;
    position: absolute;
    /*right: 0px;*/
    padding: 20px;
    padding-right: 30px;
    padding-left: 15px;
    margin-left: 41%;
    display: none;
    border-radius: 3px;
    z-index: 10;
}




.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}


.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

#tabs .description a{
    color: #40bbec;
}

/*tabulky*/
#tabs .description table , .layout_center table.nice {border-collapse: collapse; margin-bottom: 0px;}
.layout_center table.nice tr td,
#tabs .description table tr td
{border-bottom: 1px #40bbec solid;}
#tabs  .description table tr:first-child td,
.layout_center table.nice tr:first-child td
{border-bottom: 1px #40bbec solid; background-color: #40bbec;}
.score-stars .total {padding-top: 0px; font-weight: bold; text-align: center;}



.contact{
    /*background-color: #ededed;*/
    float: left;
    border-radius: 3px;
    margin-top: 10px;
    margin-bottom: 10px;  
    color: white;
}
.call-to-action {
    width: 100%;
    background-color: #ededed;
    float: left;
    border-radius: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
}
footer .box-headder{
    color: #008f1f;
}

.footer-box.first .text-box{
    padding: 6px 0px;
}

.cta-inner{
    padding: 10px;
}
.call-to-action .text-wrapper{
    float: left;
    padding-left: 20px;
    max-width: 600px;
    width: 100%;
    box-sizing: border-box;
}

.alignright{float: right;}
.alignleft{float: left;}

@media screen and (max-width: 1020px) {

    .last-box{margin-right: 10px;}
    .container {max-width: 800px;margin: 0px auto;}
    .small-box{width: 31%; min-width: 150px;}
    .column2 {width: 100%;}
    input[type="text"].compas-feld{
        height: 60px; margin-top: 85px;
        padding-left: 50px;


    }
    /*button.big-submit{height: 30px;line-height: 30px;margin-top: 98px; margin-left: -135px;}*/
    button.big-submit{height: 30px;
                      line-height: 30px;
                      margin-top: -45px;
                      margin-left: 535px;}
    .compass-wrapper img{width: 110px;}
    .compass-wrapper {margin-top: -20px;}

    .h-clr3{ width: 100%;  clear: both;}
    .h-clr4 {clear: none; width: 0px;}
    .margined-arrow-wrapper{margin-left: 10px !important;}

    .column1{width: 100% }
    .column2{max-width: 1020px;}

    input[type="text"].compas-feld{
        padding: 0px 0 0 20px;;
    }

    .double-form-group   .form-group-wrapper  input{
        width: 90%;
    }
    .form-group-wrapper  input{
        width: 95%;
    }

    #hp-location-menu .menu-vertical .clearfix{clear: none;}

}

@media screen and (max-width: 860px) {
    .container {width:95%;} 

    .footer-box{min-width: 180px;
                width:40%;}

    .top-wrapper .container{width:95%;   }

    .button-arrow-wrapper{margin-left: 80px;}

    button.big-submit { margin-right: 70px;right: 0px;   }
    input[type="text"].compas-feld{
        padding-left: 50px;
    }
    .f-clr2{
        clear: both;
        margin: 10px 0px;
        padding: 0 40px;
        border-top: 1px solid #1c94c4;
        float: left;
        width: 80%;
        box-sizing: border-box;

    }

    .footer-box.second{
        border-right: none;
    }

    /*padding-left: 20px;*/

    .footer-box.first{        width: 100%;    }
    .footer-box.last{        width: 100%;    }
    .footer-box:last-child{width: 100%;}
}
/*@media screen and (max-width: 800px) {
    
}*/
@media screen and (max-width: 768px) {
    .column2 .small-box .bott-tow .price{float: none;margin-bottom: 10px;margin-top: -10px;}

    .main-info{width: 45%}
    .main-info .acc-address{clear: both; float: left; margin-bottom: 15px;}

    .site-main-box .img-wrapper{width:45%}
    /*.premium-box .img-wrapper{width:312px}*/
    .site-main-box .img-wrapper img{width:100%}

    .hp-title-big{font-size: 30px;}

    .button-arrow-wrapper img{display: none;}

    /*#nav-top{display: none;}*/
.col-lg-6{width: 100%; float: none;}

}

@media screen and (max-width: 660px) { input[type="text"].compas-feld{ font-size: 18px;  }
                                       .acc-list-btn {position: absolute;margin-top: 50px;right: 125px;}
                                       div.half { padding-left: 0px; padding-right: 0px;
                                                  width: 100%;

                                       }

                                       .price_table{width: 100%; margin-right: 0px;}
                                       .price_table .title{box-sizing: border-box; display: inline-block;
                                                           padding-top: 20px;}
                                       
                                       #custFooter .widget_custom_post_widget{width: 100%; margin-right: 0px!important; margin-bottom: 15px;}
                                       
                                       .row-gray:before {
    border-top: solid 19px white;
    border-left: solid 21px transparent;
    border-right: solid 21px transparent;
   
}
.row-gray:after {
    border-top: solid 19px #ededed;
    border-left: solid 21px transparent;
    border-right: solid 21px transparent;
    
}

}
@media screen and (max-width: 610px) {
    .slogan{line-height: 50px;     padding-left: 0px;
            float: right;}
}
@media screen and (max-width: 600px) {
    .column2 .small-box{width: 46%;}   
    .clr2{ width: 100%;  clear: both;}
    .clr3 {clear: none; width: 0px;}
    /*input[type="text"].compas-feld{ padding-left: 70px; }*/

    .h-clr2{ width: 100%;  clear: both;}
    .h-clr3 {clear: none; width: 0px;}

    .main-content .small-box{width: 46%;}

    .table-edit-button{

        float: left;
        display: inline-block;
        height: 100%;
    }

    .filter-field select{
        height: 52px;
        padding: 10px 0px;
    }
    .carret i {line-height: 34px;}
    input[type="text"].compas-feld {
        padding-left: 20%;
    }

}
@media screen and (max-width: 560px) {
    .row-white .box1, .row-white .box2, .row-white .box3, .row-white .box4{width: 100%;}
    .row-white .box1, .row-white .box3{margin-right: 0px;}
    .row-white .box2, .row-white .box4{margin-left: 0px;}
    ul.testimonials li{width: 50%;}
}
@media screen and (max-width: 540px) {
    .small-box{width: 45%; min-width: 200px;}
    .hp-title-big{font-size: 25px;}

    .double-form-group .form-group-wrapper{width: 100% ; float: none;}
    .form-group-wrapper input{width: 90%;}

    button.big-submit{width: 20px;  padding-left: 5px; height: 40px; color: #45beee; font-size:0px; 

                      margin-right: 50px;
                      margin-top: -50px;}
}
@media screen and (max-width: 480px) {
    .logo-text{font-size: 20px;}
    .price_table .title{box-sizing: border-box; 
                        /*display: table-cell;*/
                        padding-top: 0px;}
    .column1 .hp-menu-hidden .sub-menu-vertical a{width: 150px;}
    /*.column1 .hp-menu-hidden .main-li a{}*/
    .column1 div.menu-box-col{width: 170px;}
    .column1 span.main-li{width: 170px !important;}

    .column1 .hp-menu-hidden span.main-li a{ width: 150px; font-size: 12px   }

    .column1 .hp-menu-hidden .sub-menu-vertical {width: 170px;}
    .column1 span.span-sub{width: 170px;}
    input[type="text"].compas-feld {
        padding-left: 35%;
    }




    #okres-filter .filter-field, 
    #region-filter .filter-field,
    #accom_cat-filter .filter-field
    {width: 90%; float: none; margin-right: 0%; margin-left: 0px !important;}
    #okres-filter .filter-field select,
    #region-filter .filter-field select,
    #accom_cat-filter .filter-field select
    { margin-left: 0px !important;}
    #okres-filter .filter-field input[type="text"],
    #region-filter .filter-field input[type="text"],
    #accom_cat-filter .filter-field input[type="text"]
    { width:  94%;}
    #okres-filter .filter-submit-buttons,
    #region-filter .filter-submit-buttons,
    #accom_cat-filter .filter-submit-buttons
    {width: 90%; float: none; margin-right: 0px; margin-top: 18px;
     margin-left: 0px;}

    .site-main-box .img-wrapper{width: 94%; float: left; margin-bottom: 10px;}
    /*.site-main-box .main-info{margin-top: }*/



    .place-box, .event-box{width: 100%; float: left; margin-right: 0%}
    .evenrbox{width: 100%; float: left; margin-right: 0%}

}
@media screen and (max-width: 470px) {
    .small-box{width: 45%; min-width: 100px;}

    .button-arrow-wrapper{float: left;
                          clear: both;
                          display: block; margin-left: 80px !important;}
    .button-arrow-wrapper button{float: left; clear: both; width:200px; }
    .margined-arrow-wrapper {margin-top: 0px !important;}
    .margined-arrow-wrapper button {margin-top: 5px !important;}
    /*.margined-arrow-wrapper {margin-left: 80px !important;}*/
    .top-wrapper .buttons-row .blue-btn{margin-bottom:5px}
    .top-wrapper .buttons-row{
        float: right;
        width: 120px;
        margin-top: 0px;
        padding-top: 5px;
        margin-right: 50px;
        /*margin-left: -50px;*/
    }
    .top-wrapper .round-btn{width: 110px; padding: 5px;}
    .top-wrapper .add-acc-btn {width: 110px;}
    #top .add-acc-btn{margin-right: 0px; margin-top: 5px;}

    #top  .acc-list-btn {position: relative ;margin-top: 5px; right: 0px;
                         margin-right: 0px;}

/*    .mean-container a.meanmenu-reveal{
        top:45px!important;
    }*/
    #top .yelow-btn{margin-right: 0px;}


    .logo{margin-top: 0px; width: 105px}
    .logo img{margin-top: 0px; width: 40px; margin-left: 20px;}
    /*span.logo-text{font-size: 16px; clear: both;}*/

    .logo-text {
        /*color: white;*/
        font-family: 'Titillium Web', sans-serif;
        font-size: 20px;
        font-weight: bold;
        margin-top: 0px;
        display: block;
    }
    .premium-box .img-wrapper{max-width: 90%;}
    .premium-box .img-wrapper img{max-width: 100%;}

    .hidden-login-box{margin-top: 90px; right: 0px; }

    .footer-box{min-width: 180px;
                width:100%; height: auto; min-height: 0px; border-right:none;}

    .f-clr1{
        clear: both;
        margin: 10px 0px;
        padding: 0 40px;
        border-top: 1px solid #1c94c4;
        float: left;
        width: 100%;
        box-sizing: border-box;
        max-width: 300px;

    }

    .slogan {font-size: 20px;}
    .slogan-l {font-size: 20px;}

}

@media screen and (max-width: 360px) {
    .small-box{width: 45%; min-width: 100px;}
    .main-content .small-box{width: 99%; float: none;}


}

@media print {

    #content {
        width: 100%;
        float: none;
        margin-left: 0px;
        padding-left: 0px;
        border: 0;
    }

    aside {
        width: 100%;
        float: none;
        position: static;
        left: 0px;
    }

    aside > section {
        padding-left: 0px;
        padding-right: 0px;
        margin: 0px;
    }

    #logo a {
        padding-left: 0px;
        display: block;
        text-align: center;
    }

    #nav-left,
    #search,
    #nav-top,
    form,
    footer#footer {
        display: none;
    }

    * {
        text-shadow: none;
    }

    * {
        box-shadow: none !important;
    }
}


.mean-container .top-wrapper{
    margin-top: 60px;
}
.mean-container .slogan-l{
        top: 90px;
}
.mean-bar{position: absolute!important; top:0px;}