/*************************/
        /***   FONTS           ***/
        /*************************/

        @font-face {
            font-family: 'Roboto';
            src: url('/files/fonts/Roboto-Regular.ttf') format('truetype');
        }

        @font-face {
            font-family: 'Roboto';
            src: url('/files/fonts/Roboto-Bold.ttf') format('truetype');
            font-weight: bold;
        }

        @font-face {
            font-family: 'Roboto';
            src: url('/files/fonts/Roboto-Light.ttf') format('truetype');
            font-weight: 300;
        }

        @font-face {
            font-family: 'Roboto';
            src: url('/files/fonts/Roboto-Thin.ttf') format('truetype');
            font-weight: 200;
        }


        * {
            margin: 0px;
            padding: 0px;
        }
        body {
            background-color: white;
            color: #4d4c4c;  

            text-align: left;
            font-family: Roboto,sans-serif;
            line-height: 1.4;
            height: 100%;
        }

        #main_content a[rel="lightbox[all]"] img{
                position: relative;
                display: inline-block;
            border: 5px solid #f5e287 !important;
            margin: 4px;
        }

        #main_content a[rel="lightbox[all]"]:hover img{
            border: 5px solid #7abb00 !important;
        }

        header{
            position: relative; 
            width: 100%; 
            background: #fac713;
            display: inline-block;
        }
        #header{
            position: relative; 
            width: 100%; 
        }
        /* horni menu */
        #menu_top {
            position: relative;
            width: 100%;
        }

        #hornimenu1, #header > div{
            width: 1100px;
            margin: 0 auto;
            font-family: 'Roboto',sans-serif;
            background: transparent;
            border-left: none;
            border-right: none;
            box-shadow: none;
        }
        #hornimenu1{
            text-align: center;
        }

        #header{
            padding-bottom: 5px;
            position: relative;
            text-align: left;
        }

        #odkaz_na_uvod{
            font-weight: 300;	
            font-size: 28px;
            color: white;
            text-decoration: none;	
        }

        #logo{
            display: inline-block;
            margin-right: 100px;
            margin-top: 5px;	
            margin-bottom: 10px;
            position: relative;
        }
        p.button{
            display: inline-block;
            vertical-align: top;
            font-size: 20px;
            font-weight: bold;
            color: white !important;
            background: #85c227;
            border: 3px solid #72b013;
            border-radius: 5px;
            text-shadow: 1px 1px 2px rgb(64, 64, 64);	
            padding: 6px 29px 10px 26px;
            text-decoration: none;
            margin-top: 20px;
        }
        #kontakt{	
            color: black;
            margin-bottom: 0;
            margin-top: 35px;
            display: inline-block;
            vertical-align: top;
            float: right;
        }
        #kontakt p{
            margin-bottom: 4px;
            background: url(/files/images/tel-ico.png) no-repeat left center;
            padding-left: 15px;
            display: inline-block;
        }
        #kontakt p, #kontakt a{
            font-size: 17px;
            text-decoration: none;
            font-weight: bold;
            font-family: roboto;
            color: black;
        }
        #kontakt a:hover{
            text-decoration: underline;
        }	

        .ddmx .item1, .ddmx .item1:hover, .ddmx .item1-active, .ddmx .item1-active:hover {
            color: black;
            display: block;
            position: relative;
            text-decoration: none;
            text-align: center;
            font-size: 17px;
            font-weight: normal;
            padding: 5px 0;
            padding-bottom: 8px;
            min-width: 120px;
        }

        .ddmx .item1:hover, .ddmx .item1-active, .ddmx .item1-active:hover, .ddmx .item1.selected {
            background: #f7cc20;
        }

        .ddmxlileft a{
        padding: 15px 10px !important;
        }
        .ddmxlileft a.fcb{
            width: 97px;
            height: 31px;
            display: inline-block;
            vertical-align: middle;
            padding-bottom: 3px;
            background: url(/files/images/fb.jpg) no-repeat center top;
        }
        .ddmxlileft a.fcb:hover{
            background: url(/files/images/fb-hover.jpg) no-repeat center top;	
        }
        .ddmxlileft .section{
            display: none;
            width: 250px;
            position: absolute;
            top: 100%;
            display: none;
            z-index: 1000;
            color: black;
            background: #fef8de;
            border: 1px solid #fac713;
            border-top: none;
            text-align: left;
        }
        .ddmxlileft .section .ddmxlileft{
            padding: 0;
        }

        .ddmxlileft .section .ddmxlileft{
            width: 100%;
            background-image: none;
            position: relative;
        }

        .ddmxlileft .section .ddmxlileft a{
            display: block;
            padding: 5px 8%;
            width: 84%;
            color: black;
            display: block;
            text-decoration: none;
            font-size: 17px;
            font-weight: 300;
        }

        .ddmxlileft .section .ddmxlileft a:hover{
            text-decoration: underline;
        }

        .ddmxlileft a.item2 + .section{
            position: absolute;
            top: 0;
            left: 200px;
            border-top: none;
            display: none;
            color: black;
            background: #b4c902;
        }

        .ddmxlileft a.item2 + .section a:hover{
            background: white;
        }

        .ddmx .ddmxlileftsel, .ddmx .ddmxlileft {
            display: inline-block;
            padding: 0;
            margin: 0;
        }

        .ddmx .ddmxlileft:first-of-type{
            padding-left: 0;
        }
        .ddmx .ddmxlileft:last-of-type{
            padding-right: 0;
        }

        .ddmx .ddmxlileftsel:last-of-type, .ddmx .ddmxlileft:last-of-type{
            background-image: none;	
        }
        #intro{
            position: relative;	
            border-bottom: 2px solid #f7cc20;
        }


        #aktuality_box{
            width: 100%;
            border-bottom: 1px solid #f7cc20;
            margin-top: 15px;
            overflow: hidden;
            padding-bottom: 10px;
        }
        #aktuality_box > div{
            width: 1100px;
            margin: 0 auto;
        }
        /* hlavni sloupec */
        #main_content {
            height: auto;
            text-align: left;
            display: block;
            background: #fef6d3; 
                background: linear-gradient(white, #fef6d3 35%, #fef6d3 65%,white);
        }
        #main_content > div, #banners, #text > div, #kde > div{
            width: 1100px;
            margin: 0 auto;
            padding: 15px 0;
        }

        #main_content.akt > div{
            position: relative;
        }
        a.zpet{
            display: inline-block;
            padding: 4px 15px;
            text-decoration: none;
            color: black;
            position: absolute;
            top: 25px;
            right: 0;
            z-index: 20;
            background: #f5e287;
        }
        a.zpet:hover{
            color: white;	
            background: #7abb00;
            text-decoration: none;
        }
        #kde > div{
            padding-bottom: 5px;
        }
        .default #kde{
            border-top: 1px solid #f2df83;
        } 
        .green_box{
            border: 1px solid #30a865;
            color: #30a865;	
            text-align: center;
            padding: 20px;
            font-size: 18px;
            font-family: 'Roboto Slab',sans-serif;
        }

        .kontakt{
            width: 330px;
            display: inline-block;
        }

        .kontakt p:first-of-type, .kontakt h3{
            font-family: 'Roboto',sans-serif;
            margin: 10px 0;
        }

        .kontakt p{
            margin-bottom: 8px;
        }

        .kontakt strong, .kontakt strong a{
            color: black;
            font-size: 17px;
        }
        #kde{
            text-align: justify;
        }
        #kde .col{
            width: 49%;
            display: inline-block;
            vertical-align: top;
        }
        #kde .col p, #kde .col td, #kde .col a{
            font-weight: normal;
            font-size: 17px;
            color: black;
            text-decoration: none;
            margin-top: 15px;
        }
        #kde .col a:hover{
            text-decoration: underline;
        }
        #kde .col .adr{
            min-height: 100px;
        }
        #kde .col table{
            margin: 0;
        }
        #kde .col td{
            border: none;
            padding: 2px 0;
            padding-right: 30px;
        }
        .stretch {
            width: 100%;
            display: inline-block;
            font-size: 0;
            line-height: 0;
        }



        #main_content table { 
        border: none; width: auto; height: auto; 
        } 
        #main_content td { 
        border: 1px solid #E4E4E4; padding: 10px; line-height: 1.3em;  
        } 
        /* paticka */
        #footer {
            color: #4a4949;
            height: auto;
            width: 1100px;
            margin: 0 auto;
            text-align: left;
            background: transparent;
            border: none;
        }
        footer{
        background: #68aa00;
        z-index: 0;
        width: 100%;

        }
        #footer a,
        #footer a:visited,
        #footer a:hover {
            color: #000;
            text-decoration: none;
        }
        /* resetovac */
        #reset {
            border:  0px none;
            margin:  0px;
            padding: 0px;
            float: none;
            clear: both;
            width: 0px;
            height: 0px;
            line-height: 0px;
            font-size: 0px;
        }
        /**********************************/
        /*         DEFAULTNI HODNOTY
        /*********************************/

        h1, h2, h3, h4 {
        line-height: 1.3em;
        margin: 0 0 12px 0;
        text-align: left;
        }
        h1 {
            color: black;
            font-size: 36px;
            font-weight: 300;
            text-align: left;
            margin-top: 10px;
            position: relative;
            padding-bottom: 8px;
        }

        h1.cent{
            text-align: center;
        }
        
        h2 {
            color: #71b013;
            font-size: 24px;
            font-weight: normal;
        }
        h3 {
            color: #71b013;
            font-size: 18px;
            font-weight: bold;
            clear: both;
        }
        h4 {
            color: #7abb00;
            font-size: 14px;
            font-weight: 600;
        }
        p, li {
        margin: 0 0 12px 0;
        line-height: 1.3em;
        font-size: 17px;
        list-style-type: none;
        color: black;
        font-weight: 400;
        }

        #main_content ul{
            padding-left: 0;
        }

        #main_content li, #nadpatickou li{ 
            background: url(/files/images/odr.png) no-repeat left top 7px;
            list-style: none;
            padding-left: 20px;
            font-size: 17px;
        }

        img {
            margin: 0; 
            max-width: 100%;
        }

        a,
        a:visited {
            color: black;
            font-size: 17px;
            font-weight: 400;
        }
        a:hover {
            text-decoration: underline;
            color: #7abb00;
        }
        table {
            border-collapse: collapse;
            border: none;
        margin: 0 0 12px 0;
        }
        table td {
        vertical-align: top;
        text-align: left;
        }
        ul, ol {
            list-style-position: outside;
            margin: 0 0 12px 0px;
        }

        #banners{
            text-align: center;
        }

        .banner{
            width: 29%;
            display: inline-block;
            text-align: center;
            position: relative;
            vertical-align: top;
        }

        .banner h2{
            text-align: center;
            color: black;
            font-weight: 300;
            background: url(/files/images/banner_bottom.png) no-repeat bottom center;
            padding-bottom: 8px;
        }

        .banner a{
            text-decoration: none;
            display: block;
            position: relative;
        }

        .banner a .ban_img{
            display: inline-block;
            margin-bottom: 10px;
            z-index: 100;
        }

        .banner a:hover .ban_img{
            
        }

        .banner .ban_img{
            position: relative;	
        }

        .banner .ban_img img{
            width: auto;
            border: none !important;
            margin: 0 !important;
            display: block;
            max-width: calc(100% - 10px);
            max-height: 214px;
            border: 5px solid #e1f3c0 !important;
        }

        .banner a:hover .ban_img img{
            border: 5px solid #7abb00 !important;
        }
        .banner a:hover .ban_img:before, .banner a:hover .ban_img:before {
            content: '';
            display: block;
            background: rgba(0, 0, 0, 0.3) url(/files/images/lupa.png) no-repeat;
            background-position: center center;
            box-shadow: none;
            position: absolute;
            z-index: 100;
            top: 4px;
            left: 4px;
            right: 4px;
            bottom: 4px;
        }	
        .banner a:hover h2{
            background: url(/files/images/banner_bottom_hover.png) no-repeat bottom center;
        }

        .banner:nth-of-type(2){
            margin: 0 5%;
        }
        .banner:nth-of-type(4){
            margin-right: 2.5%;
        }
        .banner:nth-of-type(5){
            margin-left: 2.5%;
        }

        .banner:before, .banner:after {
            content: "";
            position: absolute;
            box-shadow: 0 0 15px rgba(0,0,0,0.8);
            top: 80%;
            bottom: 18px;
            left: 20px;
            right: 20px;
            border-radius: 80px / 10px;
        }

        #main_content table {
        border: none;
        width: auto;
        height: auto;
        }

        #main_content td {
        border: 1px solid #f7e28f;
        padding: 10px;
        line-height: 1.3em;
        font-size: 15px;
        color: #4d4c4c;
        margin-bottom: 5px;
        }
        #text{
            background: #faecaa;
        }
        .box{
            padding: 2%;
            width: 46%;
            display: inline-block;
            vertical-align: top;
            float: left;
            margin-bottom: 10px;
            position: relative;
        }

        .box2{
            border: 2px solid #85b700;
            padding: 2%;
            width: 94%;
            display: inline-block;
            vertical-align: top;
            float: left;
            margin-bottom: 10px;
            position: relative;
            background-color: white;
        }

        .box.right{
            float: right;
        }
        .box.right * {
            color: white !important;
        }
        /**********************************/
        /*  MODULY 
        /*********************************/

        /* hlavicka - odkaz logo */
        #head .link_logo  {
            background: url(/files/images/sablona1/logo.png);
            float: left;
            width: 397px;
            height: 78px;
            display: block;
            margin-top: 30px;
            margin-bottom: 10px;
        }
        /* clear obtekani */
        .clear {
            border:  0px none;
            margin:  0px;
            padding: 0px !important;
            float: none;
            clear: both;
            width: 0px;
            height: 0px;
            line-height: 0px;
            font-size: 0px;
        }
        /**********************************/
        /*  FORMULARE 
        /*********************************/

        .form_title{
        border: none;
            margin-bottom: 20px;
            margin-top: 20px;
            color: #303030;
        }

        #form_main div.col{
            /*width: 32%;
            margin-bottom: 10px;
            display: inline-block;*/
        }

        #form_main{
            position: relative;
            background: #ecf5fc;
                clear: both;
        }

        .red{color: #F00;}

        .form_content p{
            margin-bottom: 4px;
        }

        .form_content{
            width: 960px;
            margin: 0 auto;
        }

        body.index .form_content{
            
        }

        .form_content fieldset { 
            margin: 0;
            border: 0px solid red;
            width: 47%;
                margin-right: 2.5%;
            display: inline-block;
            vertical-align: top;
        }

        #form_map{
            width: 50%;
            display: inline-block;
            vertical-align: top;	
        }

        #map_other p{
            position: absolute;
            display: block;
            padding: 6px 10px;
            background: white;
            left: 15px;
            top: 15px;	
            color: #4a4949;
            border: 1px solid #dceff8;
        }

        #map_other p span{
            display: block;
        }

        #map_other a{
            position: absolute;
            display: block;
            color: #4a4949;
            padding: 8px 31px;
            background: white;
            border: 1px solid #dceff8;
            text-decoration: none;
            bottom: 15px;
            left: 15px;
            font-size: 17px;
            font-weight: 300;
        }

        #map_other a:hover{
            background: #03b3fd;
            color: white;
            border: 1px solid #03b3fd;
        }

        #map_other a{
            left: 10px;
            bottom: 10px;
        }

        #map_other{
            position: relative;
            padding: 0;
            clear: both;
            display: inline-block;
            overflow: hidden;
            width: 100%;
            margin-top: 26px;
        }

        #map_other iframe {
                margin-top: -120px;
                margin-bottom: -85px;
            width: 100% !important;	
            border: 1px solid #dceff8 !important;
        }

        #map_other > div{
            position: relative;
            overflow: auto;
        }

        #main_content #map_other img{
            width: auto;
            height: 200px;
            float: left;
            border: none;	
            margin: 0;
        }
        #main_content #map_other img:hover, #main_content .galerie_container img, #main_content .galerie_container img:hover{
            border: none;
        }


        .form_content #form_info{
            width: 25%;
            padding-left: 6%;
            display: inline-block;
            padding-top: 80px;
        }

        .form_content #form_info div{
            padding-left: 50px;
        }

        .form_content #form_info div p, .form_content #form_info div p a{
            color: white;	
            line-height: 50px;
            font-size: 16px;
        }

        .form_content #form_info div p a:hover{
            text-decoration: none;
        }

        .form_content #form_info div.tel{
            background: url(/files/images/tel.png) no-repeat left center;
        }

        .form_content #form_info div.mail{
            background: url(/files/images/obalka.png) no-repeat left center;
        }

        .form_content label{
            color: #575757;
            font-size: 17px;
            display: block;
            margin-bottom: 5px;
            font-weight: 300;
        }

        .form_content input, textarea {  
            margin: 0px;
            padding: 8px;
            font-size: 18px;
            background: white;
            border: 1px solid #dceff8;
            color: black;
            width: calc(100% - 18px);
            margin-bottom: 5px;
            font-weight: 300;
            font-family: Roboto;
        }

        .form_content textarea{
            height: 6em;
        }

        .form_content input.submit { 
            background: #0396fd;
            border: 1px solid #0396fd;
            color: white;
            width: 140px;
            cursor: pointer;
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .form_content input.submit:hover{
            background: #03b3fd;
            border: 1px solid #03b3fd;
        }


        .form_content fieldset p input { 
        width: 193px;
        
        }
        .form_content fieldset p textarea { 
        width: 380px;
        height: 127px;
        }
        .form_content fieldset p.submit {
        position: relative;
        margin-bottom: 25px;
            margin-top: 10px;
        float: right;
        }

        p.red{margin-left: 60px;}

        input.alert,
        textarea.alert {
        border: solid 1px red;
        }

        #footer_text{ padding: 2em 0; overflow: hidden;}
        #footer #footer_text, #footer #footer_text p, #footer #footer_text a{
            color: white;
            font-size: 15px;
        }

        #footer #footer_text a:hover{
            color: white;
            text-decoration: underline;
        }

        #footer .col{
            display: inline-block;
            vertical-align: top;
            float: right;
        }

        #footer .col:nth-of-type(3){
            width: calc(60% - 20px);
            padding: 15px;
            padding-left: 0;
            
        }
        #footer .col:nth-of-type(3) > div:nth-of-type(1) {
            padding-bottom: 15px;
            border-bottom: 1px solid #578e00;
        }
        #footer .col:nth-of-type(3) > div:nth-of-type(2) {
            padding-top: 15px;
        }
        #footer .col:nth-of-type(1),#footer .col:nth-of-type(2){
            padding: 15px;
            width: calc(20% - 35px);
            border-left: 1px solid #578e00;
            min-height: 122px;
        }
        #footer .col p{
            margin-bottom: 4px;
            color: white;
        }
        #footer .col p strong{
            margin-bottom: 10px;
                display: block;
            color: white;
            font-weight: normal;
            font-size: 17px;
        }
        /***************************/
        /*  COMMON
        /***************************/
        .breadcrumb a{
            color: #3C3C3C;
            font-size: 15px;
        }
        .breadcrumb a:hover{
                color: #0396fd;
            text-decoration: none;
        }
        /***************************/
        /*  REFERENCE
        /***************************/

        .reference_box{
            display: inline-block;
            width: 212px;
                padding: 5px;
            margin-right: 1%;
            margin-bottom: 20px;
            padding-bottom: 15px;
            text-align: center;
            position: relative;
            vertical-align: top;
            border: 1px solid white;
        }
        .reference_box:hover{
            border: 1px solid #c2e1f9;
        }

        .reference_img {
            overflow: hidden;
        }

        .reference_img a{
            display: block;
                height: 150px;
            width: 100%;
            position: relative;
        }
        .reference_galerie .reference_img{
            display: inline-block;
            text-align: center;
            margin-right: 5px;
            margin-bottom: 5px;
            width: 265px;
            height: 175px;
            max-height: 100%;
        }

        .reference_name{
            margin: 8px 0;
                height: 3.5em;
                overflow: hidden;
        }	

        .reference_name a{
            color: black;
            text-decoration: none;
            font-size: 17px;
            min-height: 4em;
            display: block;
        }

        .reference_name a:hover{
        }

        .reference_img img{
            max-width: calc(100% - 18px);
                height: auto;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                margin: auto;
        }

        .reference_vice_odkaz{
            text-align: center;
        }

        .reference_box:hover .reference_vice_odkaz a{
            color: #0396fd;
            text-decoration: none;
        }

        .produkt_pagination{
            height: 35px;
            margin: 10px 0;
            text-align: right;
        }

        .produkt_pagination .strankovani-odkaz, .produkt_pagination .strankovani-sipky{
            border: 1px solid #c2e1f9;
            border-radius: 2px;
            background: white;
            width: 25px;
                text-align: center;
                line-height: 27px;
            font-weight: normal;
            color: black;
            text-decoration: none;
            vertical-align: top;
            display: inline-block;
        }

        .produkt_pagination b{
            background: #e1effa;
            border: 1px solid #c2e1f9;
            border-radius: 2px;
            width: 25px;
            color: black;
            font-weight: normal;
                text-align: center;
                line-height: 27px;
            display: inline-block;
            vertical-align: top;
            display: inline-block;
            font-size: 18px;
        }

        .produkt_pagination .strankovani-odkaz:hover, .produkt_pagination .strankovani-sipky:hover{
            background: #e1effa;
            border: 1px solid #c2e1f9;
            border-radius: 2px;
            color: black;
            font-weight: normal;
        }

        #main_content .strankovani-sipky img, #main_content .strankovani-sipky:hover img{
            margin: 0 !important;
            border: none !important;
        }

        .reference_col_container.detail .reference_box{
            margin: 0;
            border: none;
            width: 100%;
            padding: 0;
            position: relative;
                padding-bottom: 65px;
        }

        .reference_col_container.detail .reference_box > h3{
            clear: both;
        }


        .reference_col_container.detail .reference_big{
            float: left;
            margin-bottom: 10px;
            margin-right: 3%;
        }

        .reference_col_container.detail .reference_big a{
            display: block;
            width: 100%;
            margin: 0;
            margin-top: 10px;
            position: relative;
            width: 300px;	
            height: 300px;
            background: #ecf5fc;
            border: 5px solid #ecf5fc;	
        }
        .reference_col_container.detail .reference_big a:hover{
            border: 5px solid #d7eaf9;
        }
        #main_content .reference_col_container.detail .reference_big a img,
        #main_content .reference_col_container.detail .reference_big a:hover img{
            border: none !important;
        }

        #main_content .reference_col_container.detail .reference_big img{
            max-width: calc(100% - 10px);
            margin: auto;
            height: auto;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }

        .reference_col_container.detail .reference_text{
            width: 100%;
            text-align: justify;
            margin-bottom: 10px;
        }

        .reference_col_container.detail .reference_text div{
            font-size: 17px;
            font-weight: 300;
        }

        .reference_col_container.detail .reference_text ul{
            display: inline;
        }

        .reference_col_container.detail .reference_text ul li{
            list-style-position: inside;
            display: inline-block;
        }

        .reference_col_container.detail .reference_text h3,
        .reference_col_container.detail .reference_text p,
        .reference_col_container.detail .reference_text ul,
        .reference_col_container.detail .reference_text ul li{
            /*float: left !important;
            clear: right;*/
        }

        .reference_col_container.detail .reference_text h3{
            clear: none;
        }

        .reference_col_container.detail .reference_galerie{
            position: relative;
            width: 96%;
            padding: 2%;
            overflow: auto;
            background: white;
        -webkit-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.3);
            -moz-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.3);
            box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.3);
            text-align: left;
        }

        .reference_col_container.detail .reference_img a{
            width: auto;
            max-width: calc(100% - 6px);
            max-height: calc(100% - 6px);
            display: inline-block;
            float: left;	
            border: 3px solid white;
            margin-bottom: 20px;
            text-align:center;
        }

        .reference_col_container.detail .reference_img a:hover{
            
        }

        .reference_col_container.detail .reference_img a:nth-of-type(3n+1){
            margin: 0 10px;
            margin-bottom: 3px;
        }

        #main_content .reference_col_container.detail .reference_img img{
            width: auto !important;
            height: auto !important;
            max-width: 100%;
            max-height: 100%;
            margin: 0;
        }

        #dalsi-obrazky{
            width: 100%;
            text-align: left;
        }
        #dalsi-obrazky figure{
            display: inline-block;
            position: relative;
            vertical-align: top;
        }
        #dalsi-obrazky figure a{
            width: 225px;
            height: 160px;
            display: block;
            border: 5px solid white;	
        }
        #dalsi-obrazky figure a:hover{
            border: 5px solid #003154;
            background: #ecf5fc;
        }
        #dalsi-obrazky figure a img{
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }
        #dalsi-obrazky figure a[rel="lightbox[all]"] img, #dalsi-obrazky figure a[rel="lightbox[all]"]:hover img{
            margin: auto !important;
            border: none !important;
            position: absolute;
        }
        .produkty_vice_odkaz.abs{
            text-align: right;
        }
        .produkty_vice_odkaz.abs a, .produkty_vice_odkaz.abs a:hover{
            text-decoration: none;
            border-bottom: 2px solid #d7eaf9;
        }



        /***************************/
        /*  AKTUALITY
        /***************************/
        .aktuality_col_container {
        width: auto;
        height: auto;
        }
        .aktuality_col_container .aktuality_box {
        height: auto;
        padding: 10px;
            border: 1px solid #f3de92;
            position: relative;
            margin-bottom: 15px;
            overflow: hidden;
        }

        .aktuality_col_container .aktuality_box:nth-child(odd){
            background: #f2df82;
        }
        .aktuality_col_container .aktuality_date {
        font-size: 8pt;
        color: #000000;
        display: none;
        }
        .aktuality_col_container .aktuality_name {
            font-size: 15px;
            height: 2em;
            overflow: hidden;
            margin-bottom: 5px;
        }
        .aktuality_col_container .aktuality_name a,
        .aktuality_col_container .aktuality_name a:visited {
        color: black;
        text-decoration: none;
        font-size: 22px;
            font-weight: 300;
        }
        .aktuality_col_container .aktuality_name a:hover {
        color: black;
        text-decoration: underline;
        }

        .aktuality_col_container .aktuality_text {
            overflow: hidden;
            height: 3.8em;
            margin-bottom: 10px;
        }
        .aktuality_col_container .aktuality_text a,
        .aktuality_col_container .aktuality_text a:visited {
        }
        .aktuality_col_container .aktuality_text a:hover {
        color: black;
        text-decoration: none;
        }

        #main_content .aktuality_col_container .aktuality_img{
            float: right;
            width: 180px;
            height: 120px;
            position: relative;
        }

        .aktuality_col_container .aktuality_box:nth-child(even) .aktuality_img{
            background: #f1f9ff;
        }
        .aktuality_col_container .aktuality_box:nth-child(odd) .aktuality_img{
            background: white;
        }

        #main_content .aktuality_col_container .aktuality_img a{
            display: block;
            width: 180px;
            height: 120px;
            background-color: #f2df81;
        }

        #main_content .aktuality_col_container .aktuality_img a img {
            margin: auto !important;
            border: none !important;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            max-height: 100%;
        }
        .aktuality_col_container .aktuality_vice_odkaz {
        }

        .aktuality_col_container .aktuality_vice_odkaz a{

        }

        #aktualita{
            background: white;
            border: 1px solid #dceff8;
            position: relative;
            padding: 15px;
            padding-bottom: 45px;
            font-size: 17px;
            font-weight: 300;
        }
        .aktuality_vice_odkaz.abs{
            position: relative;
            text-align: right;
            margin-top: 15px;
        }	
        .aktuality_vice_odkaz.abs a{
            display: inline-block;
            border-bottom: 2px solid #0396fd;
            color: black;
            text-decoration: none;
            font-size: 15px;
        }
        .aktuality_vice_odkaz.abs a:hover{
            color: #0396fd;
        }
        /*************
        SLIDESHOW
        **************/
        #slides{
            position: relative;
            margin: 0 !important; 
            overflow: hidden;
            float: none;
        }	

        #slides .camera_pag{
            position: absolute;
            left: 0;
                right: 0;
            bottom: 5px;
                margin-left: auto;
                margin-right: auto;
            width: 50%;
            text-align: center;
            z-index: 1000;
        }

        .camera_wrap .camera_pag .camera_pag_ul{
            text-align: center;
        }

        #slides .camera_pag li{
            width: 16px;
            height: 16px;
            display: inline-block;
            z-index: 1000;
            background: url(/files/images/nav.png) no-repeat center center;
            color: transparent;
        }

        #slides .camera_pag li span{
            display: none;
        }

        #slides .camera_pag li:hover, 
        #slides .camera_pag li.cameracurrent{
            background: url(/files/images/nav_hover.png) no-repeat left top;
            color: transparent;
        }

        .slide-text {
    position: absolute;
    top: 15%;       /* distance from top */
    left: 20%;      /* distance from left */
    color: white;    /* text color */
    font-size: 1.2rem;
    background-color: rgba(65,133,50,0.9); /* optional: semi-transparent bg */
    padding: 10px 15px;
    border-radius: 5px;
    }

    @media screen and (max-width: 768px) {
        .slide-text a{
            font-size: 1rem !important;
        }

        .slide-text h2 {
            font-size: 1rem !important;
        }
    }

    .slide-text h2 {
    color: white !important;
    font-weight: bold;
    font-size: 24px;
    margin: 5px !important;
    }

        .camera_commands{
            display: none;
        }

        .caption{
            position:absolute;
                left:0;
                right:0;
                margin-left:auto;
                margin-right:auto;
                top: 150px;
                width: 960px;
        }
        .caption div{
            padding: 15px;
            background: rgba(0, 19, 33, 0.6);
            display: inline-block;
            max-width: 34%;
            margin-bottom: 10px;
            float: left;
        }
        .caption p{
            color: white;
            font-size: 18px;
            font-weight: 300;
        }
        .caption p strong{
            font-size: 28px;
            font-weight: 300;
        }
        a.vice{
            display: inline-block;
            color: white;
            text-decoration: none;
            font-size: 18px;
            padding: 4px 10px;
            float: left;
                clear: both;
            background: #0396fd;
            font-weight: 300;
        }
        a.vice:hover{
            background: #03b3fd;
        }

        /*************
        SLIDESHOW AKTUALITY
        **************/

        #aktuality_slide .aktuality_name,
        #aktuality_slide .aktuality_date,
        #aktuality_slide .aktuality_text{
        }
        #aktuality_slide .aktuality_text{
        }

        #aktuality_slide .aktuality_name {
            height: 1.5em;
            overflow: hidden;
            margin-bottom: 10px;
            font-size: 20px;
        }

        #aktuality_slide .aktuality_name a{
            color: black;
            font-size: 20px;
            text-decoration: none;
            font-weight: 300;
        }

        #aktuality_slide .aktuality_name a:hover{
            text-decoration: underline;
        }

        #aktuality_slide .aktuality_text p{
            color: black;
            font-size: 17px;
            margin-right: 10px;
            height: 2.8em;
                overflow: hidden;
            font-weight: 400;
        }

        #aktuality_slide .aktuality_img{
            float: right;
        }

        #aktuality_slide .aktuality_img img{
            margin-left: 10px;

        }

        #aktuality_slide .aktuality_vice_odkaz{
            margin-top: 10px;
        }

        #aktuality_slide .aktuality_vice_odkaz a{
            font-size: 18px;
        }

        #aktuality_slide .slidesjs-pagination{
            padding: 0;
            margin: 0;
            position: relative;
            text-align: left;
            left: auto;
            right: auto;
            bottom: auto;
            z-index: 100;
            margin-bottom: 20px;
        }

        #aktuality_slide .slidesjs-pagination li{
            display: inline-block;
            margin-left: 5px;
            background: none;
            padding-left: 0;
        }
            
        #aktuality_slide .slidesjs-pagination li a{
            display: block;
            color: #4a4a47;
            text-decoration: none;
            line-height: 20px;
            height: 20px;
            width: 20px;
            text-align: center;
            background: white;
            font-size: 15px;
            font-weight: 400;
        }

        #aktuality_slide .slidesjs-pagination li a.active, #aktuality_slide .slidesjs-pagination li a:hover{
            background: #6fcd01;
            color: white;
        }

        #mobile_open, #mobile_close {
                display: none;
            color: transparent;
            height: 0;
        }

        /***********
        RESPONSIVE
        ************/


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

        .form_content, #footer, #aktuality_box > div, #main_content > div, #banners, #text > div, #kde > div{
            width: 96%;
            padding-left: 2%;
            padding-right: 2%;
        }
        #header, #hornimenu1{
            width: 96%;
            padding-left: 2%;
            padding-right: 2%;
        }
        #header > div{
            width: 100%;
        }
        #kontakt{
            margin-top: 0;
            float: none;
        }
        .form_content fieldset{
            margin-right: 3%;
            margin-bottom: 15px;
        }


        .form_content fieldset p input, .form_content fieldset p textarea{
            width: 96%;
            padding: 5px 2%;
        }

        #menu_top{
            height: auto;
        }

        .ddmx .ddmxlileftsel, .ddmx .ddmxlileft{
            float: none;
            display: inline-block;
            position: relative;
        }

        #nadpatickou, #ref_ukazka{
            width: 96%;
            padding: 0 2%;
            padding-bottom: 15px;
        }
        #ref_ukazka {
            padding-bottom: 25px;
        }

        #nadpatickou > div, #ref_ukazka > div{
            width: 100%;
        }

        #map_other{
            background: none;
        }

        #main_content #map_other img{
            height: auto;
            width: 100%;
            max-width: 100%;
        }

        figcaption{
            font-size: 20px;
        }

        .form_content #form_info{
            padding-left: 0;
        }

        #aktuality_slide .slidesjs-container{
            min-height: 275px;
            height: auto !important;
        }

        #aktuality_slide .aktuality_img img{
                max-width: 88%;
        }

        .reference_col_container.detail .reference_galerie{
            overflow: auto;
        }


        .inside_container{
            text-align: center;
        }

        .inside_container hr{
            display: none;
        }

        #footer .col:nth-of-type(1), #footer .col:nth-of-type(2){
            min-height: 130px;
        }
        #fotogalerie > div{
            width: 100%;
        }
        .foto_slick {
            width: calc(100% - 46px);
        }
        #aktuality_slide .aktuality_text p{
            height: 6.5em;
        }

        }

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

        #header > div{
            text-align: center;
        }
        #logo {
                width: 96%;
                margin: 0 2%;
                background-position: top center;
                padding-left: 0;
                margin-top: 10px;
            text-align: center;
        }
        #odkaz_na_uvod{
            width: 100%;
            margin-right: 0;
            text-align: center;
            background-position: center center;
        }
        .searchbox {
            margin-left: 0;
            margin-top: 10px;
        }
        #kontakt{
            float: none;
            text-align: center;
            width: 100%;
            margin-top: 10px;
        }
        #mobile_open, #mobile_close{
            text-align: center;
            width: 100%;
            height: 30px;
            padding-top: 10px;
            padding-bottom: 15px;
            margin-bottom: 10px;
            vertical-align: top;
            cursor: pointer;
            color: #3d3d3d;
            font-weight: bold;
        }

        #mobile_open {
            background: url(/files/images/hamburger.png) no-repeat center bottom;
            display: block;
        }
        #mobile_close {
            background: url(/files/images/close.png) no-repeat center bottom;
        }
        #hornimenu1 {
            display: none;
            position: absolute;
            left: 0;
            z-index: 50;
            background: #fac713;
            padding-bottom: 30px;
        }
        #hornimenu1.visible {
            display: block;
            overflow: hidden;
        }
        #hornimenu1.visible .ddmxlileft .section{
            width: 100%;
            position: relative;
            top: auto;
            left: auto;
            border: none;
        }
        .ddmx .ddmxlileft:first-of-type,
        .ddmxlileft .section .ddmxlileft{
            text-align: center;
        }
        .ddmx .ddmxlileftsel, .ddmx .ddmxlileft{
            display: block;
        }

        .ddmxlileft .section{
            width: 100%;
        }

        .banner p{
            min-height: 100px;
        }
        .banner h2 {
            min-height: 3em;
        }
        #kde .col{
            width: 100%;
        }
        a.zpet{
            position: relative;
            top: auto;
            right: auto;
        }
        }

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

        .form_content fieldset, #form_map{
            margin-right: 0;
            width: 100%;
            margin-bottom: 15px;
        }
        .caption{
            top: auto;
            bottom: 20px;
            width: 100%;
        }
        .caption p {
            font-size: 16px;
        }
        .caption p strong{
            font-size: 20px;
        }
        .caption div{
            max-width: calc(100% - 30px);
        }
        }

        @media screen and (max-width: 720px){
        .caption {
            top: 0;
            bottom: auto;
        }
        .caption div{
            padding: 10px;
            max-width: calc(100% - 20px);
        }
        #footer .col:nth-of-type(1), #footer .col:nth-of-type(2), #footer .col:nth-of-type(3){
            width: 100%;
            padding: 10px 0;
            border: none;
            min-height: 0;
            text-align: center;
        }
        #nadpis{
            width: 100%;
        }
        ul.slidesjs-pagination {
            bottom: 0;
            margin-bottom: 0;
        }
        #ref_ukazka p.gal{
            display: block;
            text-align: center;
        }
        #ref_ukazka p.gal a{
            display: inline-block;
            margin: 5px;
            padding: 0;
            position: relative;
            width: 240px;
            height: 160px;
        }
        #ref_ukazka p.gal a img{
            max-width: 100%;
            max-height: 100%;
                width: auto !important;
                height: auto !important;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto !important;
        }

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

        #logo p{
            text-align: center;
        }

        .banner{
            width: 60%;
            margin-bottom: 10px;
        }
        .banner h2 {
            min-height: 0;
        }

        #main_content .banner .ban_img img{
            width: 100%;
            max-width: 100%;
        }

        #nadpatickou .text, #nadpatickou .text.half, #map_other{
            width: 100%;
        }

        .box.right{
            float: none;
            width: 100%;
            padding: 10px 0;
        }

        .form_content fieldset{
            width: 100%;
            margin-right: 0;
        }

        .form_content #form_info{
            display: block;
            padding-top: 0;
            width: auto;
        }

        #form_main div.col {
            width: 100%;
        }

        div.box, div.box:nth-of-type(2){
            width: 92%;
            float: none;
            display: block;
            margin: 0 auto;
            margin-bottom: 10px;
        }

        #aktuality_slide .slidesjs-container{
            min-height: 240px;
        }

        #aktuality_slide .slidesjs-pagination{
            position: relative;
            right: auto;
            bottom: auto;
        }

        #main_content .aktuality_col_container .aktuality_img{
            float: none;
            width: 100%;
        }
        #main_content .aktuality_col_container .aktuality_img a{
            width: 100%;
        }
        #main_content .aktuality_col_container .aktuality_img a img{
            max-height: 100%;
        }

        #main_content .galerie-slozky tr td, .galerie_slozka{
            width: 100%;
            padding: 0;
        }

        .reference_box{
            width: 80%;
            margin: 0 auto;
            margin-bottom: 20px;
            display: block;
        }

        .reference_box:nth-of-type(3n+1),.reference_box:nth-of-type(2n+1) {
            margin: 0 auto;
            margin-bottom: 20px;
        }

        .reference_vice_odkaz a{
                margin-bottom: -2%;
        }

        .reference_col_container.detail .reference_big, .reference_col_container.detail .reference_text{
            width: 100%;
            float: none;
        }

        .reference_col_container.detail .reference_text{
            width: 96%;
        }

        #main_content .reference_col_container.detail .reference_big a{
            max-width: calc(100% - 10px);
            width: 100%;
        }

        .reference_col_container.detail .reference_img a{
            max-width: 100%;
        }

        #main_content .reference_col_container.detail .reference_img img{
            margin: 0;
        }

        .reference_col_container.detail .reference_img a:nth-of-type(3n+1){
            margin-bottom: 20px;
        }

        #main_content img{
            height: auto !important;
            max-width: calc(100% - 18px) !important;
        }

        #fotogalerie .slick-slide a[rel="lightbox[all]"] img{
            height: 100% !important;
        }

        #main_content .reference_col_container.detail .reference_big img {
            height: auto;
        }

        #main_content a[rel="lightbox[all]"]{
            max-width: 94%;
        }

        div.kontakt, iframe{
            width: 100% !important;
        }

        #intro{
            overflow: hidden;
        }

        .caption p{
            font-size: 13px;
        }

        }


            .social-icons {
            display: inline-flex;    
            gap: 10px;               
            font-size: 50px;         
            justify-content: center; 
            }
            .social-icons a {
            color: #333;
            text-decoration: none;
            transition: color 0.3s ease;
            }
            .social-icons a:hover {
            color: #1877f2; 
            }
            .social-icons a.instagram:hover {
            color: #e4405f; 
            }






        .contact-card {
            display: flex;
            flex-direction: column; 
            align-items: flex-start; 
            padding: 10px 20px;
            border-radius: 5px;
            color: white;

        }

        .contact-card-icons {
            margin: 5px 0; 
            display: flex;
            gap: 10px; 
            align-items: center;
        }

                .contact-card.green {
                    background-color: #418532;
                }
                .contact-card.beige {
                    background-color: #f4ede0;
                    color: #418532;
                }
                
                .contact-card.beige a {
                    color: #418532;
                }

                .contact-card.beige a:hover {
                    color: #2c5d20;
                }

                    .contact-card.green a {
                    color: white;
                }

                .contact-card.green a:hover {
                    color: #e1e1e1;
                }  


                .white-icon {
                    color: white;
                }

                .white-icon:hover {
                    color: #e1e1e1 !important;
                }

                .green-icon {
                    color: #418532;
                }
                
                .green-icon:hover {
                    color: #2c5d20!important;

                }

                .btn-more{
                    margin-top: 10px !important;
                   padding: 10px 20px !important;
                    background-color: white !important;
                     color: black !important;
                     border: none; 
                 
                      text-decoration: none;
                       font-weight: bold; 
                }

                .btn-more:hover{
                    background-color: #f7cc20 !important; 
                    color: black;
                     text-decoration: none;
                }


        .row {
        display: flex;
        flex-wrap: wrap;
        }

        .align-items-center {
        align-items: center;
        }

        .justify-content-center {
        justify-content: center;
        }

       
        @media (min-width: 768px) {
        .justify-content-md-between {
            justify-content: space-between;
        }
        }