@charset "utf-8";
/* RESPONSIVE-SMALL-STYLE.CSS : Obsahuji css k zakladnim elementum a zakladni verzi webu pro zobrazení na malém displeji */
/* Responsive-small-style.css pretlouka styly z style.css. V responsivni verzi tedy plati oboje styly. */

body {
}

/* schema */

section#slideshow,
section#page-banners,
div#main-container {
    width: 100%;
    box-shadow: none;
}

/* schema end */

/* button medium */

.button-medium {
    width: 100%;
}

/* button medium end */

/* tiny icons */ /* upravuje velikost tiny icon na small icon aby byly ovladatelne na touch screenech, vyuziva pri tom obrazky z rady icon-small*/

.icon-tiny.icon-proceed {
    background: url(../images/style/icons-buttons/icon-small-proceed.png) right 0px no-repeat;
    float: right;
}

.icon-tiny.icon-back {
    background: url(../images/style/icons-buttons/icon-small-back.png) right 0px no-repeat;
}

.icon-tiny.icon-slide {
    background: url(../images/style/icons-buttons/icon-small-slide.png) right 0px no-repeat;
}

.icon-tiny.icon-slide-activated {
    background: url(../images/style/icons-buttons/icon-small-slide-activated.png) right 0px no-repeat;
}

.icon-tiny { /* obecne vlastnosti button-medium*/
    height: 30px; /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/
    line-height: 2.142857em; /* 30px / 14px */
    padding: 0 30px 0 0; /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/
    display: block;
    float: left;
    margin: 0.2em;
    font-size: 0.875em;
    text-decoration: none;

}

.icon-tiny:hover {
    background-position: bottom right;
}

/* hover */ /* Zadávání rozměru a vytvoření obrázku s větším rozestupem tlačítka umožní víceřádkový text v tlačítku */
.icon-tiny.icon-activated {
    background-position: bottom right;
}

/* aktivni tlacitko */
.icon-tiny span {
    margin: 0 1em 0 1em;
}

/* odsazeni pripadneho textu uvnitr tlacitka */
.icon-tiny span.hidden {
    display: none;
}

/* Pokud se ma zobrazovat pouze ikonka */
.icon-tiny.button-text-right {
    background-position: top left;
    padding: 0px 0px 0px 30px;
}

/* Zarovnani textu v tlacitku do prava */ /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/
.icon-tiny.button-text-right:hover {
    background-position: bottom left;
}

/* Zarovnani textu v tlacitku do prava */

/* header */

header#page-header {
    border-bottom: none;
}

header#page-header h2#logo {
    width: 50%;
}

/* header end */

/* slideshow */

article.slideshow-text a.button-proceed {
    width: 8.6em;
    font-size: 1em;
    bottom: 15px;
    left: 0.5em;
}

.button-medium span {
    padding: 0;
}

/* slideshow end */

/* banners*/

section#page-banners {

}

.page-banner {
    width: 95%;
    margin: 0 0 0 2.4%;
    height: auto;
    box-shadow: none;

}

/* banners end */

/* main container */

div#main-container {
    width: 100%;
}

div#main-container article#main-content {
    width: 100%;
}

div#main-container aside#main-complementary {
    width: 100%;
    padding: 2em 0 0 0;
}

/* main container end */

/* footer */

footer#page-footer {
    margin: 0 2% 1em 2%;
}

#footer-first-block {
    width: 100%;
}

#footer-second-block {
    width: 100%;
}

/* footer end */

/* top scroller*/

nav#fixed-options {
    visibility: hidden;
}

/* top scroller end*/

/* admin preview*/

#admin-preview-bubble {
    display: none;
}

/*admin preview end*/

footer {
    height: 100%;
}

section#slideshow {
    height: 10em;
    font-size: 0.8em;
}

section#slideshow h3 {
    margin-top: 1.7em;
    margin-left: 0.25em;
}

.quote-apo2 {
    width: 1em;
    float: right;
    left: 0;
    top: 0;
    margin-left: 16em;
    margin-right: 0.5em;
    margin-top: -0.3em;
    top: 0.6em;
}


.quote-apo1 {
    width: 1em;
    right: 0;
    float: left;
    bottom: 6px;
    margin-top: 0.3em;
    margin-left: 0.5em;
}

.quote p {
    line-height: 1em;
    top: 0.42em;
    position: relative;
    font-size: 0.7em;
    text-align: center;
    margin-bottom: 0;
}

.footer-bg {
    width: 100%;
    min-width: 320px;
    background-color: #f3f3f3;
    float: left;
}

.y-strip {
    min-width: 0;
}

.wrapA {
    max-width: 1019px;
    width: 295px;
    margin: auto;

}

.aside-banners {
    margin: auto;
    width: 320px;
    min-height: 5em;
    float: left;
    overflow: hidden;
}

.aside-banner {
    width: 5em;
}

.new-aside-banner-img {
    width: 5em;
    height: 5em;
    background: url("/images/style/top-banner-bg-round.png");
    background-size: contain;
}

.aside-banner {
    margin-right: 0;
    margin-top: 1em;
    margin-bottom: 0em;
}

.aside-banner article h3 {
    font-size: 0.8em;

}

.aside-banner:nth-child(1) {
    margin-right: 1em;
    margin-left: 1.5em;
}

.aside-banner:nth-child(2) {
    margin-right: 1em;
}

.aside-banner:nth-child(3) {
    margin-right: 0.2em;
}

.aside-banner:nth-child(4) {
    margin-right: 1em;
    margin-left: 4.25em;
    margin-top: 0em;
}

.aside-banner:nth-child(5) {
    margin-right: 0em;
    margin-top: 0em;
}

.new-aside-banner-img21 {
    width: 3em;
    height: 2.6em;
    top: 1em;
    left: 1em;
}

.new-aside-banner-img22 {
    width: 3em;
    height: 3em;
    top: 1em;
    left: 1em;
}

.new-aside-banner-img23 {
    width: 3em;
    height: 3em;
    top: 1em;
    left: 1em;
}

.new-aside-banner-img24 {
    width: 3em;
    height: 3em;
    top: 1em;
    left: 1em;
}

.new-aside-banner-img25 {
    width: 3em;
    height: 3em;
    top: 1em;
    left: 1em;
}

footer#page-footer {
    width: 98%;
}

.footer-map {
    width: 98%;
    height: 20em;
}

.banner-hover {
    display: none;
}

.page-banner article h3 {
    width: 100%;
}

.img-hover {
    display: none;
}

#page-banners {
    margin-top: 1em;
}

.page-banner .imagebox {
    height: 11em;
}

.page-banner:nth-child(3n) {
    margin: 0 0 0em 2.4%;
}

section#page-banners {
    margin-bottom: 0;
}

.page-banner article {
    padding: 0;
}

.footer-blockA {
    width: 100%;
}

.footer-blockA p {
    float: left;
    margin-left: 0.3em;
}

.footer-cont img {
    float: left;
}

.footer-blockB{
    margin-left: 0em;
    width: auto;
    padding: 1rem 0;

}

.footer-blockB p{
    width: 75%;
    margin-right: 0em;
    float: left;
    margin-left: 0.3em;
    line-height: 1.5em;
    margin-bottom: 0;
}
.footer-blockC {
    width: 100%;
    margin-top: 0.3em;
    margin-bottom: 1.1em;

}

.footer-blockC p {
    float: left;
    margin-left: 0.3em;
}

.footer-blockC img {
    float: left;
}

input[type=text],
input[type=password],
input[type=tel],
input[type=email],
input[type=url],
input[type=search],
textarea,
select {
    height: 2.1em;
    width: 77%;
}

.cf-label{
    padding-bottom: 10px;
    padding-top: 9px;
}

textarea{
    width: 99%;
}

footer .button-medium {
    width: 100%;
    height: 2em;
    margin-top: 0;
    line-height: 2em;
    background-color: #000;
    color: #FFF;
    text-transform: uppercase;
}

.cp-bg {
    width: 100%;
    height: 110px;
    background-color: #f2de03;
    float: left;
    text-align: center;
}

.cpr-a {
    margin-left: 0em;
}

#copyright p{
    font-size: 0.75em;
    line-height: 1.1em;
}

.footer-blockB {
    display: block;
}

.footer-blockBA{
    display: none;
}

section.slideshow-frame {

}
.custom-opener{
    width: 49px;
    height: 49px;
    background-image: url("/images/style/custom-opener.png");
    position: relative;
    z-index: 9999;
    left: 100%;
    margin-left: -50px;
    margin-top: 52px;
    cursor: pointer;
}



.page-main-text {
    padding: 1em;
}

p.page-perex {
    padding-left: 0.5em;
    margin-bottom: 0em;
}

#main-content h1{
    padding-left: 0.25em;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
}

.map-box h3,p{

}

.map-box h3{
    margin-left: 0.25em;
}


.hide-opener{
    display: none;
}

@supports (-ms-accelerator:true) {
    .custom-opener {
        margin-top: 50px;
    }
}
#lang{
    margin-left: -8em;
    top: 1em;
}