@charset "utf-8";
/* CSS Document */

@import "reset.css";

/* @import url(//fonts.googleapis.com/css?family=Arimo:400,700&subset=latin,latin-ext); */

@font-face {
    font-family: 'Verdana';
    src: url('/template/css/Verdana.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Verdana', sans-serif;
    background: #FFF url("./img/grevis_theme.jpg") top right no-repeat;
    background-position: 50% 90px;
    color: #666;
    font-size: 0.8em;
    line-height: 1.5em;
    position: relative;
    }
textarea, input, select {
    font-family: 'Verdana', sans-serif;
}
a {color: #EE6828;text-decoration:none;}
a:hover {text-decoration:underline;}
hr {display:none;}
.floatLeft {float: left;}
.floatRight {float: right;}
.hidden {display: none;}
.red {color: #f00;}
.note {font-size: 10px;}

div.vlajky {float: right; margin-top:24px; text-align: right;}
div.vlajky a {padding: 5px; color: #fff;}

#search .button {background: #EE6828;color: #FFF;font-weight: bold;text-transform: uppercase;}

#sitemap {float: right; clear: both;}


/* top_ponuky */

#top_ponuky {
    padding: 0 40px;
    margin-bottom: 40px;
}
#top_ponuky p.top {
    float: left;
    box-sizing: border-box;
    background: #ee6828;
    color: #fff;
    padding: 4px 8px;
    font-weight: bold;
    width: 25%;
}

#top_ponuky .list_carousel {
    padding: 50px 0 20px 0;
    border-bottom: 2px solid #f5f5f5;
}

#top_ponuky .caroufredsel_wrapper {
    width: 560px;
    overflow: hidden;
}

#top_ponuky ul#topponuky_list {
    clear: both;
    overflow: auto;
}
#top_ponuky ul#topponuky_list li {
    display: block;
    float: left;
    width: 270px;
    margin-right: 20px;
}
#top_ponuky ul#topponuky_list div.ponuka {
    overflow: auto;
}

#top_ponuky ul#topponuky_list div.ponuka span.noimage {
    float: left;
    display: block;
    width: 70px;
    height: 55px;
    background: #f5f5f5 url(./img/grevis_logo.svg) no-repeat center center;
    background-size: 80%;
}

#top_ponuky ul#topponuky_list div.ponuka img {
    float: left;
    width: 25%;
    height: auto;
}
#top_ponuky ul#topponuky_list div.ponuka p.nadpis {
    box-sizing: border-box;
    float: right;
    width: 70%;
    line-height: 18px;
    margin-top: -2px;
}
#top_ponuky ul#topponuky_list div.ponuka p.nadpis a {
    color: #222;
    font-weight: bold;
}
#top_ponuky ul#topponuky_list div.ponuka p.cena {
    float: right;
    width: 70%;
    margin-top: 3px;
    color: #ee6828;
    font-weight: bold;
}

#top_ponuky div.navi {
    float: right;
    width: 75%;
    border-top: 2px solid #ee6828;
    padding: 3px 0;
    margin-bottom: 15px;
    box-sizing: border-box;
}
#top_ponuky div.navi ul {
    float: right;
}
#top_ponuky div.navi ul li {
    padding: 0 8px;
}
#top_ponuky div.navi ul li.left {
    float: left;
}
#top_ponuky div.navi ul li.right {
    float: right;
}


#aside {color:#fff;}
#aside #m2 {margin-top: 10px;}
#aside .sample .image {}
#aside a {/* background: #FFFFFF; */color: #222;font-weight: bold;text-transform: uppercase;}
#aside li a {/* border-left: 2px solid #fff; */}
#aside li a:hover{text-decoration:none;/* border-left: 2px solid #EE6828; */padding-left: 20px;color: #EE6828;}
#aside ul .active a,
#aside li.active a:hover {background:#a60200; color:#fff;}
#aside .sample {}
#aside ul a, #aside .sample {}

#bside {/* background:#93ccdf; */color:#000;}
#bside a {color: #222;}
#bside .sample .image {background: #ff00ff;}
#hotline, #tools li a {background: #E1C564;color: #000;font-size: 11px;width: 188px;font-weight: bold;text-transform: uppercase;}
#tools {margin-top: -2px;}
#tools li {margin: 0 0 2px;}
#tools a {display:block;padding: 8px 10px 8px 50px;}
#bside .sample2 {/* background: #f5f5f5; */color: #444;}

#detail a.link {float: right; font-weight: bold;}

#detail h1, #main .pages a:hover {color:#d60300;}
#detail table {background: #F5F5F5;}
#detail td {border: 2px solid #fff;}
#detail table.develo td {border: none;}
#detail .price {color: #222;width: 220px;margin-bottom: 40px;text-align: right !important;}
#mapa {border:5px solid #eee;}

#section table {border-top:1px solid #fff;}
#section td {border-bottom:1px solid #fff;}

#main .listitem li {color: #999;}
#main .listitem li strong,
#detail .info p strong {color: #444;float: right;font-weight: bold;}


#main .listitem:hover {background:#f6f6f6;}
#main .listitem h3 {color: #999;}
#main .listitem p, #main table .polozka {color: #222;font-weight: bold;text-align: right;}
#main .topcontent, #main .topcontent li {color: #FFF;}
#main .topcontent a, #breadcrumbs strong {color:#000;}
#main a.image:hover {border-color:#bbb;}

#sort, #main #sort a, #main .pages a {/* background: #F5F5F5; */color: #999;}
#main #sort a.active {color: #222;font-weight: bold;text-decoration: none;}
#main .pages a {color: #999;/* font-weight: bold; */text-decoration: none;}
#breadcrumbs {background:#cfa3a3; color:#000;}




#content .horizontal a:hover {color:#000;}



#footer {background: #E1C564;color: #FFF;font-weight: bold;}
#footer h4, #footer h4 a {color: rgba(0,0,0,0.5);font-weight: normal;}
#footer h4 a {font-weight: bold;}

/*
*****************************************************************************************************************************/

#container {position: relative;width: 1200px;text-align:left;margin: 0 auto;}
#aside {width: 248px;float:left;border-top: 2px solid #EE6828;}
#bside {width: 248px;float:right;border-top: 2px solid #EE6828;}
#main {width: 640px;float:right;}
#detail {width: 560px;}
#glue {float: left;width: 892px;margin-bottom: 40px;}
#footer {clear:both;text-align:center;font-size: 1.1em;padding: 60px 0 50px 0;line-height:1.5em;margin: 40px 0 0 0;}
#search {box-sizing: border-box;padding: 30px;position: absolute;top: -185px;left: 0px;width: 1200px;height: 110px;/* background: #0a4b8b; */}
#footer p {
    margin-bottom: 30px;
    color: #000;
}
#search p {clear: both;margin-bottom: 10px;width: 1150px;overflow: hidden;}
#content {background: #FFF;width: 1140px;padding: 10px 30px;margin-top: 40px;overflow: auto;}


#header {position:relative;/* background: #FFFFFF; */width: 1140px;height: 90px;margin: 0 auto;margin-bottom: 430px;}
#header > #container {width: 1140px;}
#header #container > a {display: block;float: left;font-size: 16px;height: 90px;line-height: 90px;color: #222;/* margin-left: 520px; */}
#header #container > a:hover {text-decoration: none;}
#header #container > a span {width: 180px;height: 85px;display: block;float: left;}
#header span {background: url("./img/grevis_logo_full.svg") center center no-repeat;background-size: 180px auto;cursor:pointer;}
#content h1 {font-size: 1.75em;margin-bottom: 10px;font-weight: normal;clear:both;text-transform: uppercase;padding: 0 40px;color: #222222;}

#header ul#lang {float: right;height: 90px;}
#header ul#lang li {float: right;line-height: 90px;margin-left: 30px;}
#header ul#lang li a {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    color: #CCC;
}
#header ul#lang li a:hover {color: #EE6828; text-decoration: none;}

#detail {padding: 0 40px;line-height:1.3em;}
#detail h1 {font-size:2em;line-height: 36px;font-weight:normal;background: none;margin: 0;padding: 0;margin-top: -6px;}
#detail h2 {font-size: 15px;margin: 30px 0 15px 0;color: #222;}
#detail > p {margin:1.5em 0;font-size: 14px;line-height: 20px;clear: both;text-align: justify;}
#detail > p > object {width: 325px !important;margin: 0px !important;}
#detail .image {width: 325px !important;display:block;padding:1px;float:left;overflow: hidden;}
#detail .image img {display:block;}
#detail table {clear: both;width: 100%;}
#detail td {padding: 7px 10px;color: #666;}
#detail .info {width: 220px;float: right;margin-top: 10px;margin-left:10px;}
#detail .info p {float: right;text-align: left;line-height: 22px;width: 210px;margin-bottom: 30px;}
#detail .info .price strong {font-size:2em;font-weight: bold;}
#detail .info .price em {font-size:1.09em; font-style:normal; display:block; padding-top:5px;}
#detail .info strong {font-weight:normal;}
#detail .info em {font-style:normal;}

#relatedLinks {display:block; clear:both; padding:20px 0;}
#relatedLinks a {margin-right:20px;}
#detail .nadpis_podrinfo {float:left;clear: both;width:200px;margin-top: 30px;}
#detail .nadpis_foto {padding-bottom:0;margin-bottom: 0px;}

#gallery {clear:both;overflow: auto;padding: 20px 0;}
#gallery li {display:block;float:left;margin-right: 13px;margin-bottom:13px;height: 90px;width: 120px;overflow: hidden;}
#gallery .image { padding:1px;}
#gallery .image img {display:block;height: 100%;}
#gallery h3 {font-size:1.5em; font-weight:normal; padding:5px 15px 10px;}

#aside .sample {/* background: #F5F5F5; */padding: 5px 20px;}
#aside .sample:hover {background: #F5F5F5;}
#aside .sample p {margin:1em 0;}
#aside .sample p a {font-weight: normal;color: #222;text-transform: none;}
#aside .sample ul {margin: 1em 0;color: #666;line-height: 22px;font-weight: bold;/* clear: both; *//* margin-top: 14px; */}
#aside .sample ul li:before {
    content: "•";
    color: #EE6828;
    padding-right: 10px;
}
#aside .sample p.nadpis {margin:1em 0;font-size: 1.15em;font-weight: bold;text-align: left;}
#aside .sample p.nadpis a {text-transform: none;font-weight: bold;}
#aside .sample img {display:block;float: right;width: 70px;margin-top: 5px;}
#aside .sample .image {text-align: center;}

#bside .sample {
    /* background: #F5F5F5; */
    padding: 5px 20px;
}
#bside .sample:hover {background: #F5F5F5;}
#bside .sample p {margin:1em 0;}
#bside .sample ul {
    margin: 1em 0;
    color: #666;
    line-height: 22px;
    font-weight: bold;
}
#bside .sample ul li:before {content: "•";color: #EE6828;padding-right: 10px;}
#bside .sample p.nadpis {margin:1em 0;font-size: 1.15em;font-weight: bold;}
#bside .sample img {display:block;/* margin:0 auto; */float: right;width: 70px;}
#bside .sample .image {}
#hotline {padding: 10px 0 13px 20px;font-size:1.09em;text-align: left;line-height:1.8em;margin: 30px 0;width: 230px;background: #E1C564 url("./img/telefon-icon.png") no-repeat right center;}
#hotline strong {font-size:1.75em;font-weight: bold;color: #000;}
#bside .sample2 {padding: 20px;}
#bside .sample2 img {width: 210px;display:block;}
#bside .sample2 p.nadpis {text-align:center;font-size: 1.15em;font-weight: bold;margin-bottom: 10px;color: #222;}
#bside .sample2:hover {background: #F5F5F5;}

#bside .makler {padding: 20px;border-bottom: 2px solid #F5F5F5;}
#bside .makler h3 {font-size: 1.1em;font-weight: bold;margin-bottom: 10px;}
#bside .makler img.photo {float:left;margin-right: 10px;margin-bottom: 10px;max-width: 100px;height: auto;}
#bside .makler .flag {float:left; width:16px; clear:none;}
#bside .makler .flag img {margin-bottom: 6px;}
#bside .makler p {clear:both;}
#bside .makler a {text-decoration:underline;}
#bside .makler a:hover {text-decoration:none;}

#tools li a {background-position:8px 11px;background-repeat:no-repeat;}
#tools .msg a {background-image:url(img/tools-msg.gif);background-position: 20px 13px;}
#tools .mail a {background-image:url(img/tools-mail.gif);background-position: 21px 13px;}
#tools .watch a {background-image:url(img/tools-watch.gif);background-position: 22px 13px;}
#tools .print a {background-image:url(img/tools-print.gif);background-position: 21px 13px;}

#aside ul a {display: inline-block;padding: 10px 20px;font-size: 1em;width: auto;/* width: 220px; */}
#aside ul a.with-submenu:after {
    content: '\25be';
    color: #ee6828;
    font-size: 14px;
    position: relative;
    top: -1px;
    left: 10px;
    }
#aside ul a.active {color: #EE6828;}
#aside ul small {color:black;font-size: 0.9em;font-weight: bold;padding: 15px 20px;margin: 30px 0;display:block;background: #E1C564 url("./img/adresa-icon.png") no-repeat right center;}
#aside ul ul li a {padding: 10px 20px;}

#m2 li {position:relative;}
#m2 li ul {display:none;}
#m2 li:hover ul {display:block;position:absolute;left:0px;/* top:40px; */width: 100%;z-index: 999;background: #f5f5f5;}
#m2 li:hover ul li:hover a {color: #ee6828;}


#search select {box-sizing: border-box;border: 2px solid #E0E0E0;height: 40px;font-size: 14px;font-weight: bold;color: #CCC;padding-left: 5px;width:165px;background: #FFF;cursor: pointer;margin-right: 6px;}
#search select:focus {color: #E1C564;}
#search select.price {width: 120px;}
#search input {border: 0px;}
#search input[type="text"] {padding: 0 10px;height: 40px;margin-right: 18px;width: 207px;font-weight: bold;font-size: 14px;box-sizing: border-box;border: 2px solid #E0E0E0;color: #CCC;}
#search input[type="text"]:focus {color: #E1C564;}
#search .button {height: 40px;width: 194px;position:relative;cursor:pointer;top: -1px;}
#search .btnmap {width: 100px;height: 40px;margin-left: 5px;cursor:pointer;background: #E1C564;color: #000;font-weight: bold;text-transform: uppercase;position: relative;top: -1px;}
#search .button:hover {/* background: #F27B42; */}
#search .btnmap:hover {/* background: #7B5D9E; */}
#search label.checkbox {margin: 0;width: auto;margin-top: 13px;margin-right: 20px;color: #FFF;font-weight: bold;text-transform: uppercase;font-size: 13px;float: left;}
#search label.checkbox input {width: 16px;float: left;margin-right: 5px;margin-top: 3px;}

#search button {margin: 0px;background: #fff;border: 2px solid #E0E0E0;color: #E1C564;padding-left: 10px;font-size: 1.1em;font-weight: bold;cursor: pointer;height: 40px;max-width: 230px !important;width: 230px !important;margin-right: 6px;-webkit-border-radius: 0px !important;-moz-border-radius: 0px !important;border-radius: 0px !important;white-space: nowrap;font-family: 'Verdana', sans-serif;}
#search button:hover {
    background: #fff !important;
    color: #E1C564 !important;
    font-weight: bold !important;
    border: 2px solid #E0E0E0 !important;
}
.ui-multiselect-checkboxes {background: #fff;height: 180px !important;width: 224px;} .ui-multiselect-checkboxes li { margin: -3px 0;}

html>/**/body #main .topcontent ul {padding-top:20px;}
#main .topcontent li {width:305px; float:left; height:55px; padding-top:20px;}
html>/**/body #main .topcontent li {height:65px; padding-top:0;}
#main .topcontent img {height:auto; float:left; margin:0 10px 0 20px;}
#main .topcontent ul p {margin-left:90px; font-size:1.09em; padding:5px 0 0;}
#sort, #breadcrumbs {clear:both;padding: 0 0 15px 0;margin: 0px 40px 0 40px !important;font-size:1.09em;}
#sort {margin-top:20px;border-bottom: 2px solid#F5F5F5;}
html>/**/body #sort {margin-top:0;}

#main .topcontent a {/* text-decoration:underline; *//* font-weight: bold; */}
#main .topcontent a:hover {text-decoration:none;}
#main .topcontent strong {font-weight:normal;}
#sort a, #sort strong {margin-left: 30px;}
#main #list {width: 100%;padding: 10px;}
#main #list > #list {overflow: auto;}
#main .listitem {width: 290px;height: 350px;box-sizing: border-box;float:left;overflow: hidden;position: relative;margin: 0 10px;padding: 20px;border-bottom: 2px solid #F5F5F5;}
#main .listitem img {
    width: 100%;
}
#main .listitem .image {overflow: hidden;background: #F5F5F5;width: 250px;height: 125px;}

#main .listitem .image span.noimage {
    display: block;
    width: 100%;
    height: 100%;
    background: transparent url("./img/grevis_logo.svg") no-repeat center center;
    background-size: 60%;
}

span.noimage-logo{
    display: block;
    height: 50px;
    width: 50px;
    background: #f5f5f5 url("/template/css/img/grevis_logo.svg") no-repeat center center;
    background-size: cover;
}

#main .listitem ul {
    margin: 10px 0;
}
#main .listitem ul strong {font-weight: normal;}
#main .listitem p {font-size: 1em;font-weight:normal;line-height: 1.75em;margin: 0px;}
#main .listitem p strong {display:block;font-weight:bold;font-size: 1.3em;}
#main .listitem p em {font-style:normal; font-size:0.75em;}
#main .listitem h2 {font-size: 1.25em;line-height: 1.2em;font-weight:bold;margin: 0 0 5px 0;z-index: 999;}
#main .listitem h2 a {color: #222;}
#main .listitem h3 {line-height:1.1em;font-weight:normal;font-size: 0.88em;margin-bottom: 10px;}

#main .horizontal {height:30px;padding:1em 20px;clear:both;}
#main .horizontal li {float:left; margin-right:3px;}

#main .pages a, #main .pages span {float:left;display:block;padding: 10px 12px;margin-right:3px;font-size:1.09em;}
#main .pages span {color: #222;font-weight: bold;}
#main .first {float:left;display:block;padding: 10px 20px;}


#section {position: relative;clear:both;}
#section .oblacik {padding: 10px 30px;/* clear: both; */}
#section .oblacik ul {padding: 0 10px;}
#section .oblacik img {/* max-width: 570px; *//* height: auto; */}
#section img.uvod {margin: 10px;}
#section p {margin: 0px 10px 10px 10px;}

#section .oblacik #contact {border-top: 2px solid #F5F5F5;padding: 20px 10px;}

#section p.kontaktinfo {margin: 30px 10px;font-size: 13px;line-height: 22px;}
#section p.kontaktinfo.adresa strong {color: #222;display: inline-block;font-size: 18px;margin-bottom: 10px;}
#section p.kontaktinfo label {padding: 0;}

#section form p {margin: 10px 0;overflow: auto;clear: both;line-height: 26px;}
#section form p label {float: left;display:block;width: 29%;}
#section form p > input {float: right;width: 70%;height: 26px;box-sizing: border-box;}
#section form p.btns .submit {
  display: block;
  width: 80%;
  height: 36px;
  background: #E1C564;
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
  padding: 8px 12px;
  cursor: pointer;
  margin-top: 10px;
  border: none;
  }
#section form p textarea {float: right;width: 70%;min-width: 70%;max-width: 70%;box-sizing: border-box;border: 1px solid #dfdfdf;}
#section table {width:100%;margin:0 -5px;}
#section table td {padding: 5px;}
#section table td p {
    margin: 0;
    overflow: inherit;
}
#section table td p input {position: relative;top: 10px;right: -10px;background: #EE6828;border: none;color: #FFF;font-weight: bold;height: 36px;text-transform: uppercase;cursor: pointer;}

#contact input[type="checkbox"] {width: auto; float: left; margin: 0 10px 0 0;}

#dealers .makler {/* height: 180px; */padding-bottom: 30px;border-bottom: 2px solid #F5F5F5;margin-bottom: 30px;clear:both;overflow: auto;}
#dealers .makler strong {font-weight:bold;}
#dealers .makler img {float:left;margin-right: 20px;max-width: 100px;}
#dealers .makler p {margin: 0 10px 10px 120px;}
#dealers .makler p img {float:none; margin-right:3px; display:inline;}
#dealers .makler h2 {font-weight:normal;font-size:1.54em;line-height:1.2em;color: #222;margin-bottom: 5px;}
#dealers .makler h3 {line-height:2em;margin-bottom: 10px;}
#dealers .makler h3 img {margin-right: 5px;margin-top:0.4em;}
#dealers .detail.makler {width:auto; float:none; padding-top:20px; margin-top:20px; border:0; margin-bottom:0; clear:both;}

div.mapakontakt, #mapakontakt {float: right;width: 570px;height: 220px;margin-bottom: 40px;}
#detail #mapa {width: 550px;height: 200px;float: left;background: #F5F5F5;}

#simplemodal-overlay {background-color:#444;}
#simplemodal-container a.modalCloseImg {
    background:url(img/x.png) no-repeat; /* adjust url as required */
    width:25px;
    height:29px;
    display:inline;
    z-index:3200;
    position:absolute;
    top:-15px;
    right:-18px;
    cursor:pointer;
}

#simplemodal-container {background-color: #fff;position: absolute;z-index: 150;padding: 20px;min-height: 130px;height: auto !important;top: 140px !important;}
#simplemodal-container h1 {margin-bottom: 20px; height: 40px; line-height: 40px; text-align: left; font-size: 1.5em; color: #222;}
#simplemodal-container p {color: #797382;margin-bottom: 15px;height: 20px;line-height: 20px;}

#simplemodal-container p.text {height: auto !important; line-height: 22px; text-align: left;}
#simplemodal-container p.suhlas {margin: 25px 0 0 0; text-align: left;}
#simplemodal-container input#suhlas {width: auto;float: left;margin: 0 10px 0 0;}

#simplemodal-container form div {width: 100%;margin: 10px 0;}
#simplemodal-container select {color: #797382;background: #F2F6FD;border: 1px solid #DEE7F8;padding: 3px;}
#simplemodal-container label {width: 80px;height: 24px;line-height: 24px;display: block;float: left;text-align: left;}
#simplemodal-container input {float: right;background-color: #F2F6FD;height: 20px;color: #a1a2a2;width: 325px;border: 1px solid #DEE7F8;}
#simplemodal-container textarea {float: right;width: 321px;height: 165px;background-color: #F2F6FD;color: #a1a2a2;border: 1px solid #DEE7F8;}
#simplemodal-container .form-buttons {clear: both;margin-top: 20px;}
#simplemodal-container .submit {width: 48%;height:36px;background: #EE6828;font-weight:bold;border:0;color: #FFFFFF;text-transform: uppercase;cursor:pointer;float: right;}
#simplemodal-container .submit:hover {background-position:left bottom;}
#simplemodal-container .reset {width: 48%;height:36px;background:#e9ecec;font-weight:bold;border:0;color:#a6b1b2;cursor:pointer;float: left;}
#simplemodal-container .reset:hover {background-position:left bottom;}

#develo .text h2 {color: #222;font-size: 18px;margin: 30px 0 10px 0;padding: 0;font-weight: bold;}
#develo .text p {line-height: 20px;text-align: justify;}
#develo table {width: 100%;}
#develo table td {text-align: left; font-size: 12px; padding: 1px 40px;}
#develo table td.title {color: #666;padding: 0;}
#develo table.ponuky {width: 100%;}
#develo table.ponuky .odd {background-color: #FFFFFF;}
#develo table.ponuky th {font-size: 10px;padding: 4px 8px;text-align: center;background: #E1C564;}
#develo table.ponuky th a {color: #fff;}
#develo table.ponuky td {font-size: 11px;text-align: center;pa;padding: 4px;}
#develo table.ponuky tr:not(.red):hover td {background-color: #F0F0F0;cursor: pointer;}

#develo .podrinfo {margin: 30px 0 0 0;}
#develo .podrinfo table tr td {padding: 10px;font-weight: bold;color: #222;}

.listitem h3.develo span {color: #f71832; font-weight:bold;}
.listitem table.develo {margin: 0; padding-bottom: 15px;}
.listitem table.develo td {padding: 0 15px;}
.listitem table.develo td.title {padding: 0; color: #444;}

#map, #map_inzercia, #map_rk {margin: auto;width: 570px;height: 670px;}

.infowindow {
  width: 240px;
  min-height: 445px;
  overflow: hidden;
}
.infowindow img {
  width: 100%;
  margin-bottom: 20px;
}

.infowindow h2 {
  margin-bottom: 9px;
  font-size: 1.25em;
}

.infowindow p {
  display: block;
  width: 100%;
  line-height: 24px;
  overflow: auto;
  margin: 0px !important;
  padding: 0px;
}

.infowindow label {
  float: left;
}

.infowindow strong {
  float: right;
}

.infowindow p.cena {
      margin-top: 10px;
      font-size: 1.33em;
}

.infowindow p.cena strong {
  color: #E1C564;
}

.infowindow a {
  display: block;
  text-align: center;
  margin-bottom: 5px;
}

.infowindow a.button {
  display: block;
  width: auto;
  background: #E1C564;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  padding: 8px 12px;
  margin-bottom: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#mapinfo {padding-top: 10px;}
#mapinfo img {float: left; margin-left: 0px;}
#mapinfo span {display: absolute; float: left; margin-top: 10px; margin-left: 10px; margin-right: 30px; height: 50px;}

.ui-icon-triangle-2-n-s {background-position: -68px -15px !important;}
.ui-multiselect-menu {width: 222px !important;}
.ui-state-hover, .ui-widget-content .ui-state-hover {background: #f5f5f5 !important;color: #444 !important;border: none !important;font-weight: normal !important;cursor: pointer;padding: 4px 2px;}

.ui-multiselect-checkboxes {height: 230px !important;} .ui-multiselect-checkboxes li {margin: -1px 0;padding: 0px;}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
    text-align: left;
    padding: 5px;
    color: #ee6828;
}


.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {border: none;border-bottom: 1px solid #f2f6fd;padding: 3px 0px;margin-top: 5px;}
.ui-state-hover, .ui-widget-content .ui-state-hover {cursor: pointer;border: none;background: #f2f6fd;color: #444;padding: 6px 2px;font-weight: normal;}
.ui-multiselect-checkboxes label {padding: 5px 1px;}
.ui-multiselect-checkboxes label input {margin-right: 7px; top: 0px;}

.bld {font-weight:bold;padding: 0px;}
.bld .ui-state-hover span, .bld .ui-widget-content .ui-state-hover span {font-weight: bold;}


/* hypokalkulacka */

.hypo {
  margin: 40px 0;
  padding: 30px 30px 10px 30px;
  background: #f5f5f5;
  overflow: auto;
}

.hypo h3 {
  color: #222;
  width: 100%;
  margin-bottom: 30px !important;
  font-size: 1.5em !important;
}

.hypo .form .line {
  margin-bottom: 20px;
  overflow: hidden;
  float: left;
  width: 100%;
  height: 30px;
  line-height: 30px;
}

.hypo .form .line.final {
  margin: 10px 0 0 0;
  height: 60px;
}

.hypo .form .line.final label {
  margin: 3px 0;
  width: 120px;
  float: left;
  line-height: 18px;
  text-align: left;
  margin-right: 30px;
}

.hypo .form .line.final p.sum {
  float: left !important;
  text-align: left !important;
  margin: 4px 0 !important;
  margin-right: 30px !important;
  width: 130px !important;
}

.hypo .form .line.final p.sum strong {
  float: left;
  font-size: 2.5em;
  font-weight: bold;
  margin-right: 10px;
  color: #000 !important;
}

.hypo .form .line.final p.sum small {
  float: left;
  line-height: 26px;
}

.hypo .form a.logo {
  float: left !important;
  margin: 10px 0 20px 0;
}

.hypo .form a.logo img {
  height: 40px;
}

.hypo .form .line.final a.button {
  float: right;
  padding: 0 30px;
  height: 40px;
  line-height: 40px;
  background: #624783;
  font-weight: bold;
  text-transform: uppercase;
  border: 0;
  color: #FFFFFF;
  cursor: pointer;
}

.hypo .form label {
  float: left;
  font-weight: bold;
  display: block;
  width: 120px;
  margin-bottom: 5px;
  margin-right: 30px;
}

.hypo .form input[type="range"] {
  width: calc(70% - 150px);
  margin: 13px 0;
  float: left;
}

.hypo .form p.sum {
  height: 30px;
  line-height: 30px !important;
  float: right !important;
  width: 150px !important;
  text-align: left !important;
  margin: 0px !important;
}

.hypo .form p.sum small {
  float: right;
  height: 30px;
  line-height: 28px;
  font-size: 1em;
  color: #624783;
}

.hypo .form p.sum input[type="text"] {
  background: #f2f6fd;
  font-size: 1.5em;
  font-weight: bold;
  float: right;
  height: 30px;
  line-height: 30px;
  border: none;
  text-align: right;
  width: 80px;
  padding: 0 10px;
}

.hypo .form p.sum input[type="text"]:disabled {
  color: #000;
}


/* range slider */


input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 8.5px 0;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
  background: #ee6828;
  border-radius: 0px;
  border: 0px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 1.9px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8.5px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ee6828;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
  background: #ee6828;
  border-radius: 50%;
  border: 0px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 1.9px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 20px;
  width: 10px;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #ee6828;
  border: 0px solid #010101;
  border-radius: 50%;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
}
input[type=range]::-ms-fill-upper {
  background: #ee6828;
  border: 0px solid #010101;
  border-radius: 50%;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
}
input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 1.9px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 20px;
  width: 10px;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
  height: 3px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #ee6828;
}
input[type=range]:focus::-ms-fill-upper {
  background: #ee6828;
}