@media screen, projection, tv{
    html,body{ background: White;  margin: 0; padding: 0; min-width: 1200px;}
    html,body, input, textarea, select, table{font-family: 'Titillium Web', sans-serif, "Arial CE", "Helvetica CE", Arial,  helvetica, sans-serif; color: #2D2E31; }
    /*    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
        font-family: "Verdana CE", Verdana, "Arial CE", "Lucida Grande CE", "Geneva CE", "Helvetica CE", Arial, lucida, sans-serif;
         font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, "Lucida Grande CE", lucida, sans-serif;
        font-family: "Georgia CE", "Times New Roman", "New York CE", "Times CE", Georgia, times, serif;
    */
    body{ font-size: 13px; line-height: 1.8em; border-top: #ff7700 8px solid; }


    hr{ color: #e9e9e9; background: transparent; border-bottom: 1px solid #e9e9e9; clear: both;  border-color: rgba(166,168,176,.2);}
    h1,h2,h3,h4,h5{ font-weight: 300; line-height: 1.25em; }
    h1{ font-size:40px; margin: .8em 0 .5em 0; color: #ff7700; }
    h2{ font-size: 25px; margin: .8em 0 .5em 0; color: black; font-weight: 400;}
    h2.red{font-size:40px; margin: .8em 0 .5em 0; color: #ff7700; font-weight: 300;}
    h3{ font-size: 25px; margin: .8em 0  .5em 0; }
    h4{ font-size: 25px; margin: .8em 0 .5em 0 ; }
    h5{ font-size: 1.4em; margin: .8em 0 .5em 0; font-weight: 400; }
    strong{ font-weight: 600; }

    a{ color: black; }

    input, textarea, select, button, .btn, .addFileButton{
        margin: 0 0; border: none; font-size: 16px; line-height: 1.25em;  padding: 15px 15px; display: inline-block; background: White;  }
    input, textarea, select{ width: 100%; }
    input:focus, textarea:focus, select:focus{    outline: none;         border-color: #bfbfbf !important; }


    #page{  background: White no-repeat center 0; }
    #base{ position: relative;}
    .main-in, .footer-in{ width: 1000px; margin: 0 auto; padding: 0 50px; position: relative; }
    .topBar-in, .header-in{ width: 100%; margin: 0 auto; padding: 0 0px; position: relative; }

    .header-in{ display: table; padding: 0 15px; background: transparent no-repeat center center;  background-size: cover;   }
    .header-in .logo{ display: table-cell; width: 50%; vertical-align: middle; }
    .header-in .logo a{ display: table; text-decoration: none; }
    .header-in .logo span{ display: table-cell; vertical-align: middle; height: 145px; }
    .header-in .logo img{ display: block; margin-right: 10px; max-width: 250px; max-height: 125px; width: auto; height: auto; }
    .header-in .logo strong{ color: White; display: block; font-size: 2.8em; line-height: 1.1em; font-weight: 700;  }
    .header-in .logo strong+strong{ font-size: .95em;  line-height: 1.4em; font-weight: 400;}
    .header-in .logo h1{ margin: 0; font-size: 1em; }

    .main-in{ padding: 30px; }
    .midCol, .rightCol, .leftCol{ float: left;  }
    .midCol ul{font-size: 16px;}
    .leftCol{ width: 250px; margin-left: -970px;}
    .midCol{ margin-left: 250px;    width: 720px;    padding-left: 80px;}
    .rightCol{ width: 190px; overflow: hidden; display: none; }

    .homegrey{line-height: 30px; margin: 0 0 30px 0;}
    .homegrey strong{color: #ff7700;display: block;font-size:40px;  margin: 10px 0 5px 0; font-weight: 600;}
    .homegrey strong span{font-size: 25px; font-weight: normal;}
    .homegrey span{font-size:16px;}
    .homegrey .col-4{font-size: 25px; padding: 20px 10px !important;background-image: url(/img/hg1.jpg); background-size:cover; background-position: center;}
    .homegrey .col-4+.col-4{background-image: url(/img/hg2.jpg);}
    .homegrey .col-4+.col-4+.col-4{background-image: url(/img/hg3.jpg);}

    .opening{}
    .opening .fallback{display:none;}
    .opening .col-6{position: relative;}
    .opening .col-6 .sld{position:absolute; top: 0;}
    .opening .col-6 .sld.sld4{top: 400px;}
    .opening strong{line-height: 1.25em; margin: .8em 0  .5em 0;  color: #ff7700;display: block;font-size:30px; text-transform: uppercase; margin-top: 150px; text-align: left; font-weight: normal;}
    .opening p{font-size:20px; text-align: left; padding: 0 20px 0 0;}


    .HPindex{}
    .HPindex .midCol{width: 100%; margin: 0; padding: 40px 0;}
    .midCol.fullsize{width: 100%; margin: 0; padding: 0px 0; }
    .HPindex .midCol .col-4{padding: 20px 90px 0 10px !important;}
    .HPindex .midCol img{max-width: 100%; }
    .HPindex .midCol a{color:white; }
    .HPindex .midCol p{color:white;  font-size: 16px; }
    .HPindex .midCol h2{color:white;  font-size: 40px; }
    .HPindex .midCol h3{color:white; font-size: 25px; font-weight: normal;}
    .HPindex .contentmain{background-color: #ff7700; background-image: url(/img/homebck.jpg); color:white;  background-size:cover; background-position: center;}
    .HPindex .contentmain hr{display:none;}
    .HPindex .contentmain .content{border:none;}
    .contentmain h1{margin: 0;}

    .main ul{    list-style-type: disc;     margin: 0 0 0 20px;}


    #fade-4-video{position:relative; max-width: 1000px; height: 120px; margin: 0 auto; overflow: hidden;}
    #fade-4-video .sld{position: absolute; width: 100%; text-align: center; padding: 5px;}
    #fade-4-video .sld strong{
        color: #ff7700;
        font-weight: 600;
        font-size: 25px;}
    #fade-4-video .sld p{ font-size: 12pt;}

    .topBar{ background: White; border-bottom: none; min-height: 35px; font-size: .95em;  }
    .topBar-in{ display: table;  }
    .topBar:after{ content: " "; display: block; clear: both; }
    .topBar a{ color: #2D2E31; text-decoration: none; line-height: 35px; display: inline-block;}
    .topBar .logo{    margin: 5px 0 0 20px;}
    .topBar .logo img{height: 75px;}
    .topBar .logo h1{position: absolute; left: 320px; top: 36px; font-size: 18pt; font-weight: bold; margin: 5px 0; color: black; text-transform: uppercase;}
    .topBar .logo span{position: absolute; left: 320px; top: 36px; font-size: 18pt; font-weight: bold; color:black; text-transform: uppercase;}
    .mutace{  display: table-cell; white-space: nowrap; }
    .mutace li{ display: inline-block; padding-right: 25px; }
    .mutace a img{  margin-right: 5px; }

    .topNav{ display: table-cell; text-align: right; vertical-align: top; width: 100%;}
    .topNav .searchtop:hover a { border: none; color:white; }
    .topNav .searchtop a{ cursor: pointer;   border: none;    color: white;    background: #ff7700;    padding: 5px 0;    width: 45px;    margin: 10px 15px 12px 0;    text-align: center;    border-radius: 50%;}
    .topNav .searchtop a:hover{border:none; color: #ff7700; background:white;}
    .topNav a{ display: block; color: #ff7700; font-size: 16px;  border-bottom: 2px solid transparent; padding: 15px 0px; }
    .topNav li{ margin: 0 0 0 20px; position: relative; float: left;  }
    .topNav ul{ float: right; text-align: left; border-bottom: 1px solid #e6e6e6; text-transform: uppercase}
    .topNav ul.languagswitch{padding: 0 30px 0 0; text-transform: none;}
    .topNav ul ul{ position: absolute; left: 0; top: 35px; width: 200px; float: none; margin: 0; padding: 0; z-index: 5000;  }
    .topNav ul ul li{ padding: 0; float: none; margin: 0; }
    .topNav ul ul a, .topNav li:hover a, .topNav a.aktivni{ color: black; border-bottom: 2px solid black; text-decoration: none;  }
    .topNav ul ul a { line-height: 1.2em; padding: 8px 10px; }
    .topNav ul ul li+li a{ border-top: 1px solid #ff7700; border-color: rgba(255,255,255,.2); }
    .topNav ul ul a:hover{  text-decoration: underline; }
    .topNav ul:first-child li:last-child ul, .topNav ul:first-child li:nth-last-child(2) ul{ left: auto; right: 0; }
    .topNav .open{ display: none; }
    .topNav ul ul ul{ left: 200px; top: 0; }
    .topNav ul:first-child li:last-child ul ul, .topNav ul:first-child li:nth-last-child(2) ul ul{  right: 200px; }

    .topCont{ display: table-cell; width: 50%; text-align: right;  height: 145px;vertical-align: middle; }
    .search, .loginBox{  white-space: nowrap; display: inline-block; vertical-align: middle; margin: 10px 0; }
    .search{    white-space: nowrap; width: 100%; }
    .search fieldset{ position: relative; }
    .search input{border: 1px solid grey; font-size: 20px; border-width: 0 0 1px 0; border-right: 0; height: 33px; width: 100%;   padding: 30px 10px;padding-right: 40px; -moz-box-shadow: none; -webkit-box-shadow:  none; box-shadow: none;}
    .search button{    border-left: 0;    height: 61px;    min-width: 33px;    padding: 0 10px;    margin-left: -33px;    background: transparent;    text-align: center;    line-height: 19px;    border: 1px solid #grey;    border-width: 0 0 1px 0;    border-left: 0;    -moz-box-shadow: none;    -webkit-box-shadow: none;    box-shadow: none;}
    .search button:hover{ background: #ff7700; color: white; border-color: #ff7700; }



    .loginBox a, .showOn{ text-decoration: none; color: #ff7700; line-height: 31px; margin: 0 0 0 3px; border: 1px solid #ececee; display: inline-block; padding: 0 8px; font-size: .95em; -moz-box-shadow: 10px 10px 5px #888; -webkit-box-shadow: 10px 10px 5px #888; box-shadow: 1px 1px 2px #c6c6c6; }
    .loginBox a.regBtn{ font-weight: 600; }
    .loginBox i{ color: #b6b8c0; margin-right: 2px; }

    .menu a{ background: #ff7700; color: White; font-weight: 300; font-size: 1.25em; display: block; text-decoration: none;  padding: 8px 14px;  }
    .menu a:hover{ background: #ff7700; color: White; text-decoration: none; }
    .menu li:first-child{ border: 0; }
    .menu li{ position: relative;  border-top: 1px solid #ff7700; z-index: 10;}
    .menu ul{ margin: 0; padding: 0; }
    .menu ul ul{ position: absolute; right: -250px; top: 0; width: 250px;  }
    .menu ul ul a, .leftCol .menu li:hover a, .menu a.aktivni{ background: #ff7700; }
    .menu ul ul a:hover{ text-decoration: underline; }

    .content{ padding-top: 1px; margin-top: -1px;   }
    .content ul, .cke_editable ul{ margin: 1em 0; padding: 0; list-style-image: none;}
    .content ul li, .cke_editable ul li{ padding: 6px 0; position: relative;  padding-left: 30px; display: table;}
    .content ul li:before, .cke_editable ul li:before{ content: " "; background: #ff7700; display: block; clear: both; -moz-border-radius: 50%; border-radius: 50%;  -webkit-border-radius: 50%; width: 8px; height: 8px; display: inline-block;  position: absolute; left: 0; top: .9em;  }
    .content:first-child h1{ margin: 0; }

    .footer{ color: white; font-size: 16px; border-top:none; background-color: black; background-image: url(/img/footer.jpg); background-position: center; background-size:cover; padding-bottom: 320px; padding-top: 60px; }
    .footer a{ color: white; text-decoration: underline; }
    .footer a.aktivni{ color: #ff7700; text-decoration: underline; }
    .footer a:hover{ color: white; text-decoration: none; }
    .footer p, .UserFooter{ margin: 0; line-height: 1.4em; }
    .footer .ft{ padding-top: 45px; padding-bottom: 45px;}
    .footer p  span{ margin: 0 4px; color: Silver; }
    .footer ul{float:left; margin: 0;}
    .footer .greyfoot{opacity: 0.6; padding: 25px 0; font-size:13px;}
    .footer ul li{float:left; padding: 0 15px 0 0;}


    .tab, table[border="1"]{ font-size: 1em; border: 0;   border-collapse: collapse; margin: 1em 0; width: auto; line-height: 1.3em; }
    .tab td, .tab th, table[border="1"] td, table[border="1"] th{ border: 0; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; border-color: rgba(166,168,176,.2);  }
    .tab th, table[border="1"] th{ font-weight: bold; text-align: left; vertical-align: top; font-size: 1.1em; border: 0; padding: 6px 10px;}
    .tab td, table[border="1"] td{  padding: 6px 10px; }
    .tab tr:nth-of-type(odd){   }
    .tab th span{ display: block; font-weight: normal; font-size: .85em; }
    .tab tr td:first-child, .tab tr th:first-child, table[border="1"] tr td:first-child, table[border="1"] tr th:first-child{ padding-left: 0; }

    .numInput{ text-align: right; vertical-align: middle; display: inline-block; position: relative; }
    .numInput input{ width: 53px; padding-right: 18px; text-align: right; margin: 0; }
    .numInput span{ display: inline-block; position: absolute; right: 0; top: 0; font-size: 14px; cursor: pointer; color: #ff7700; background: #F7F7F8;  border: 1px solid #CBD5DB; padding: 0 1px; line-height: 15px; }
    .numInput span+span{ top: auto;  bottom: 0;  }
    .numInput span:hover{ color: #ff7700; }

    .popup{ background: White; background-color: rgba(255,255,255,.9); padding: 10px; border: 1px solid #cbd5db; position: absolute; left: 0; top: 27px; width: 200px; line-height: 1.25em;   }
    .popup p{ margin: 0; }
    .popup p+p{ margin-top: 10px; }
    .popup p strong{ font-weight: 600; }
    .popup a{ text-decoration: none; }

    .arrow span:after, .arrow span:before, .arrow:after{ border-color: #cbd5db; background: white; background-color: rgba(255,255,255,.85);}

    .bread{ font-size: .9em; color: #646b6f; margin: 10px 0 20px 0;}
    .bread a{ color: #646b6f; text-decoration:none;}
    .bread i{ margin: 0 5px; }


    .btn{font-size:16px; background: #ff7700; border-color: #ff7700; text-align: center; color: White;  text-decoration: none; display: inline-block; padding:15px 8px 15px 15px; line-height: normal; vertical-align: middle; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin: 0 20px 0 0;}
    .btn i{ display:none;}
    .btn.showI i{ display:inline-block;}
    .btn2{ border-color: #ececee;color: #ff7700; }
    .btnSquare,.btnIco{ line-height: 31px; min-width: 33px; padding: 0; text-align: center; font-size: 1.3em; color: #a8aab3; border-color: #ececee; }
    .btn.btnSend{ background: #ff7700; border-color: #ff7700; color: White; font-weight: bold; text-transform: uppercase; }
    .btnSubmit{ background: #ff7700; color: White; border-color: #ff7700; padding: 15px; text-transform: uppercase;}
    .btnIcoXs{ min-width: 18px; line-height: 16px; -moz-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; font-size: 11px;}
    .btnSquare:hover i, .btn2 i{ color: #ff7700; width: auto;}
    /*.loginBox a, .btn2, .navig a, .showOn{ background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #ececee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececee)); background: -webkit-linear-gradient(top,  #ffffff 0%,#ececee 100%); background: -o-linear-gradient(top,  #ffffff 0%,#ececee 100%); background: -ms-linear-gradient(top,  #ffffff 0%,#ececee 100%); background: linear-gradient(to bottom,  #ffffff 0%,#ececee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececee',GradientType=0 ); }
    */
    .btn3:hover:after{
        background: white;
    }
    .btn3:hover:before{
        background: white;
    }
    .btn3:after{
        content: " ";
        display: inline-block;
        position: absolute;
        width: 22px;
        margin: -15px 0 0 0;
        height: 100%;
        background: #ff7700;
        z-index: 10;
        -ms-transform: skew(-15deg,0deg);
        -webkit-transform: skew(-15deg,0deg);
        transform: skew(-15deg,0deg);
    }


    .btn3:before{
        content: " ";
        display: inline-block;
        position: absolute;
        width: 22px;
        margin: -15px 0 0 -22px;
        height: 100%;
        background: #ff7700;
        z-index: 10;
        -ms-transform: skew(-15deg,0deg);
        -webkit-transform: skew(-15deg,0deg);
        transform: skew(-15deg,0deg);
    }


    .article, .article+.article{ padding: 0 60px 30px 15px;}
    .article h3{font-size:25px;}
    .article p{font-size:16px;}
    .article p.date{font-size:13px;}
    .articlemore{float:right; color:#ff7700; font-size:16px; padding: 40px 0;}

    /*hovers*/
    a:hover, .anketa li:hover strong{ color: black; text-decoration: underline; }
    .btn:hover{ background: white; border-color: #ff7700; color: #ff7700; }
    .btn:hover i, .loginBox a:hover i, button:hover i{ color: white; color: rgba(255, 255, 255, 1); }
    .btn2:hover, .loginBox a:hover{ background: #ff7700; color: White; text-decoration: none; border-color:#ff7700; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

    .topBar a:hover{ color: #ff7700; }
    .topBar a:hover{  text-decoration: underline; }

    .anketa li:hover a{ color: black; }


    /*animace*/

    a, .btn, .btn i, .btn:after, .btn:before{ -moz-transition: color 0.4s, border-color 0.4s, background-color 0.4s; -o-transition: color 0.4s, border-color 0.4s, background-color 0.4s; -webkit-transition: color 0.4s, border-color 0.4s, background-color 0.4s; transition: color 0.4s, border-color 0.4s, background-color 0.4s; }
    button, .navig a, .showOn{ -webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s  ease-out; transition: all .4s ease-out; -webkit-transition-delay: 0; transition-delay: 0; -moz-transition-delay: 0; -o-transition-delay: 0; }
    .btn2, .loginBox a{ -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }

    .leftCol .menu ul ul, .topBar .topNav ul ul{-webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
    .leftCol .menu ul ul, .topBar .topNav ul ul{ -webkit-opacity: 0; -moz-opacity: 0; opacity: 0;   visibility: hidden;  }
    .leftCol .menu li:hover>ul, .topBar .topNav li:hover>ul{ -webkit-opacity: 1; -moz-opacity:1; opacity: 1;  visibility: visible; }

    .timeline .article{border-style:solid; border-width:0px; border-color: #ededed; position: relative; min-height: 150px;  margin-top: -50px; }
    .timeline .article:first-of-type{margin-top: 50px !important;}
    .timeline .article .aPic{display:inline-block; margin: 0;}
    .timeline .article .aPic img{ border-radius: 50%; overflow: hidden; margin: 0;}
    .timeline .article .dot{ -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;   position: absolute;    z-index: 999;    width: 10px;    height: 10px;    border-radius: 50%;    background: #ff7700;    margin-top: 22px;}
    .timeline .left{ width: 50%; border-right-width: 1px; margin-left: 1px; text-align:right !important;     padding: 0 30px 30px 30px;}
    .timeline .article h3{font-size: 25px; margin: 15px 0 20px 0;}
    .timeline .article p{font-size: 16px;}
    .timeline .left h3{text-align: right;}
    .timeline .left .dot{right: -5px}
    .timeline .right .dot{left: -5px}
    .timeline .right{width: 50%; margin-left: 50%; border-left-width: 1px;text-align:left !important;  padding: 0 30px 30px 30px; }
    .timeline h2{text-align: center;margin-top: 50px !important;}
    .timeline h2:first-of-type{margin-top: -105px !important;}

    p{font-size: 16px;}


    .files{width: 100%; }
    .files .file{font-size: 16px;text-decoration: none; border-width: 0 0 1px 0;        border-style:solid; border-color: #ededed; padding: 10px 0;}
    .files .file td{ padding: 10px 0;}
    .files .file:first-of-type{ border-top-width: 1px;}
    .files .file a{ color:black; text-decoration: none;}
    .files .file a.down{ color:#ff7700; text-decoration: underline;}


    .pageID2{}
    .pageID2 .sluzby{background: url(/img/sluzbydeaf.jpg); background-size: cover; background-position:center; }
    .pageID5 .sluzby {    border-style:solid; border-width:0 1px 1px 0; border-color: #ededed;}
    .pageID2 .sluzby.subpage{height: 550px; }
    .sluzby a{
        border-style:solid; border-width:1px 0 0 1px; border-color: #ededed;
        width: 25%;  float:left; background: white; padding: 150px 10px 0 10px; height: 282px; text-align: center; font-size:18px;
        line-height: 32px;display: table;
        text-decoration: none;}
    .sluzby a span{ border-style:solid; border-width: 0 0 3px 0; border-color:transparent; display: table-cell; vertical-align: middle; height: 130px; width: 100%;}


    .sluzby a {background-repeat: no-repeat; background-position: center 60px; word-break: break-word;}
    .pageID2 .sluzby.subpage a {background-position: center 60px; background-size: auto 35px ; background-position: center 25px;}
    .pageID2 .sluzby a:nth-of-type(1n) { background-image: url(/img/icon1.png);  }
    .pageID2 .sluzby a:nth-of-type(1n):hover, .pageID2 .sluzby a:nth-of-type(1n).aktivni { background-image: url(/img/icon1hover.png);  }
    .pageID2 .sluzby a:nth-of-type(2n) { background-image: url(/img/icon2.png);  }
    .pageID2 .sluzby a:nth-of-type(2n):hover, .pageID2 .sluzby a:nth-of-type(2n).aktivni { background-image: url(/img/icon2hover.png);  }
    .pageID2 .sluzby a:nth-of-type(3n) { background-image: url(/img/icon3.png);  }
    .pageID2 .sluzby a:nth-of-type(3n):hover, .pageID2 .sluzby a:nth-of-type(3n).aktivni { background-image: url(/img/icon3hover.png);  }
    .pageID2 .sluzby a:nth-of-type(4n) { background-image: url(/img/icon4.png);  }
    .pageID2 .sluzby a:nth-of-type(4n):hover, .pageID2 .sluzby a:nth-of-type(4n).aktivni { background-image: url(/img/icon4hover.png);  }
    .pageID2 .sluzby a:nth-of-type(5n) { background-image: url(/img/icon5.png);  }
    .pageID2 .sluzby a:nth-of-type(5n):hover, .pageID2 .sluzby a:nth-of-type(5n).aktivni { background-image: url(/img/icon5hover.png);  }
    .pageID2 .sluzby a:nth-of-type(6n) { background-image: url(/img/icon6.png);  }
    .pageID2 .sluzby a:nth-of-type(6n):hover, .pageID2 .sluzby a:nth-of-type(6n).aktivni { background-image: url(/img/icon6hover.png);  }
    .pageID2 .sluzby a:nth-of-type(7n) { background-image: url(/img/icon7.png);  }
    .pageID2 .sluzby a:nth-of-type(7n):hover, .pageID2 .sluzby a:nth-of-type(7n).aktivni { background-image: url(/img/icon7hover.png);  }
    .pageID2 .sluzby a:nth-of-type(8n) { background-image: url(/img/icon8.png);  }
    .pageID2 .sluzby a:nth-of-type(8n):hover, .pageID2 .sluzby a:nth-of-type(8n).aktivni{ background-image: url(/img/icon8hover.png);  }


    .pageID5 .sluzby a:nth-of-type(1n) { background-image: url(/img/kontakt1.png);  }
    .pageID5 .sluzby a:nth-of-type(1n):hover, .pageID5 .sluzby a:nth-of-type(1n).aktivni { background-image: url(/img/kontakt1hover.png);  }
    .pageID5 .sluzby a:nth-of-type(2n) { background-image: url(/img/kontakt2.png);  }
    .pageID5 .sluzby a:nth-of-type(2n):hover, .pageID5 .sluzby a:nth-of-type(2n).aktivni { background-image: url(/img/kontakt2hover.png);  }
    .pageID5 .sluzby a:nth-of-type(3n) { background-image: url(/img/kontakt3.png);  }
    .pageID5 .sluzby a:nth-of-type(3n):hover, .pageID5 .sluzby a:nth-of-type(3n).aktivni { background-image: url(/img/kontakt3hover.png);  }
    .pageID5 .sluzby a:nth-of-type(4n) { background-image: url(/img/kontakt4.png);  }
    .pageID5 .sluzby a:nth-of-type(4n):hover, .pageID5 .sluzby a:nth-of-type(4n).aktivni { background-image: url(/img/kontakt4hover.png);  }


    .pageID5 .sluzby a{cursor:default;}
    .sluzby a:hover span,  .pageID2 .sluzby a.aktivni span{ border-color:#ff7700;color:#ff7700;}
    .sluzby.subpage a{display:block; width: 12.5%; height: 88px; overflow: visible; padding: 10px 0; font-size: 16px; line-height: normal}
    .sluzby.subpage a span{display:block; display:none;   border-style:solid; border-width:1px 0 0 1px; border-color: #ededed; }
    .sluzby.subpage a:hover span{display: block;        background: white;        height: auto;        margin-top: 62px;        border: none;        padding: 0 10px 5px 10px;  }
    .sluzby .main-in{ border-color: #ededed; background: white;padding: 0;  border-style:solid; border-width:0 0 1px 0;  }

    .pageID2 .content{min-height: auto;}
    .pageID2 .topminus{   margin-top: -200px; background:white;  }
    .pageID2 .topminus .midCol{  min-height: 200px;}

    .pageID10 .subpagelist, .pageID9 .subpagelist{display:none;}
    .pageID10 .extramenu{}
    .pageID10 .extramenu a, .pageID9 .extramenu a{font-size: 16px; color:#ff7700;display:block;text-decoration: none; border-width: 0 0 1px 0; border-style:solid; border-color: #ededed; padding: 10px 0;}
    .pageID10 .extramenu a:first-of-type, .pageID9 .extramenu a:first-of-type{border-top-width: 1px;}


    p.small {color:grey; font-size: 10pt;}
    #map {margin-top: 20px;}
    .clear{display:block;}


    .kontaktform.bck{background: url(/img/kontaktbck.jpg); background-size: cover; background-position:center; }

    .kontaktform.inpage input{border-style:solid; border-color:#ededed; border-width: 1px;}
    .kontaktform.inpage textarea{border-style:solid; border-color:#ededed; border-width: 1px;}

    .kontaktform form {padding-top: 40px; }
    .kontaktform form .formRow { width: 33.3%; float:left; padding-right: 15px; }
    .kontaktform form .formRow:nth-of-type(3n) {padding-right: 0; }
    .kontaktform form .formRow:nth-of-type(4n) { width: 100%; padding-right: 0; }
    .kontaktform form .formRow:nth-of-type(5n) { width: 100%; padding-right: 0; }



    .inputBox{}
    .inputBox input, .inputBox textarea, .inputBox label{-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
    .inputBox .labelshowed{ padding: 20px 15px 10px 15px;}
    .inputBox label{display:none; position:absolute; padding: 10px 0 0 15px; color:grey; font-size: 9pt; font-weight: bold; opacity: 0;}
    .inputBox .help-block.error{ padding: 5px 0 0 15px;  font-size: 9pt; font-weight: bold;  }


    .reftabs{    margin-top: -50px;}
    .reftabs a{    background: black;        color: white;        display: block;        float: right;        text-decoration: none;        font-size: 16px;        padding: 15px 20px;        text-transform: uppercase;}
    .reftabs a.aktivni, .reftabs a:hover{background:#ff7700; color:white;}

    .reference{ background-color: #ff7700; color:white;padding: 15px 0 25px 0; background: url(/img/refbck2.jpg); background-size: cover; background-position:center top;}
    .reference.kotle{  background: url(/img/refbck1.jpg);}
    .reference h3{  color:white; font-size: 40px; margin: 20px 0 30px 0;}
    .reference a {text-decoration: none; color:white;}
    .reference .a, .refdetbutton i, .refdetbutton {   -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
    .reference img{  border-radius: 50%;}
    .reference .text p{    font-size: 22px;
        line-height: 32px;
        margin: 0;}
    .reference .btn{ border-width: 1px; background: white; border-color:white;  color:#ff7700; border-style:solid; padding: 15px 30px; margin-top: 25px;}
    .reference .btn:hover{  background: transparent; color:white; }


    .reference .btnleft{ border-width: 1px;  border-color:white;    background: transparent; color:white; border-style:solid; padding: 15px 30px 15px 50px; margin-top: 25px;}
    .reference .btnleft:hover{padding: 15px 40px 15px 40px ;   }
    .reference .btnleft i {display: inline-block; opacity: 0;}
    .reference .btnleft:hover i { opacity: 1;}


    .reference .main-in{position: relative;  }
    .reference .main-in .gallery{position: relative; padding: 20px 0; min-height: 250px;}
    .reference .product{position: absolute; top: 0;    width: 100%; margin: 0;}
    .reference .left{position: absolute; font-size: 60px; color:white; cursor: pointer; left:-30px; top: 45%;}
    .reference .right{position: absolute; font-size: 60px; color:white; cursor: pointer; right:-30px; top: 45%;}
    .reference .dots{text-align: center; margin-top:20px;}
    .reference .dots .dot{opacity: 0.8; background:white; display:inline-block; width: 10px; height:10px; border-radius: 50%; margin: 0 3px; cursor:pointer;   -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
    .reference .dots .dot:hover, .reference .dots .dot.aktivni{opacity: 1; -webkit-transform: scale(1.3, 1.3);}


    .reference a.sluzby{        margin-top: -25px;        background-position: left center;        background-size: auto 40px;        padding: 10px 10px 10px 40px;        display: block;        background-repeat: no-repeat;        color: white;        text-decoration: none; }
    .reference a.sluzby.icon1 { background-image: url(/img/icon1white.png);  }
    .reference a.sluzby.icon2 { background-image: url(/img/icon2white.png);  }
    .reference a.sluzby.icon3 { background-image: url(/img/icon3white.png);  }
    .reference a.sluzby.icon4 { background-image: url(/img/icon4white.png);  }
    .reference a.sluzby.icon5 { background-image: url(/img/icon5white.png);  }
    .reference a.sluzby.icon6 { background-image: url(/img/icon6white.png);  padding: 10px 10px 10px 60px !important;  background-size: auto 30px;   }
    .reference a.sluzby.icon7 { background-image: url(/img/icon7white.png);  }
    .reference a.sluzby.icon8 { background-image: url(/img/icon8white.png);  }


    .referencedet .main-in{text-align: center;}
    .referencedet .main-in a.sluzby {display:inline-block;   background-size: auto 50px;     padding: 15px 15px 15px 50px;    font-size: 17pt; margin-top: 6px; }


    .refdetbutton{height: 50px; color:#ff7700; font-weight: bold; background: none; border-style:none; text-decoration: none; display: inline-block; padding: 10px 0px 10px 5px; cursor: pointer; }
    .refdetbutton:hover{ text-decoration: none; }
    .refdetbutton i{display:inline-block;opacity: 0; margin-left: -20px;}
    .refdetbutton:hover i{opacity: 1; color:#ff7700;  margin-left: 0;}

    .referencedet{}
    .referencedet.withimage{margin-top: 0px; padding-bottom: 0;}
    .referencedet.withimage .primage{margin: -145px auto -15px auto; display:block; clear:both;float:none;
        max-width:200px; }
    .referencedet.withimage img{margin: -145px auto -15px auto; display:block; clear:both; border-radius: 50%; float:none; }
    .referencedet h1{color:white;text-align: center; margin-bottom: 0; }

    .kontaktfiles h1{display:none;}
    .kontaktfiles tr{display:block; width: 50%; float:left;     border: none !important;}

    .kontaktfiles td:nth-of-type(1n) {display:block;font-size: 25px;}
    .kontaktfiles td:nth-of-type(2n) {color: grey;}
    .kontaktfiles td:nth-of-type(2n), .kontaktfiles td:nth-of-type(3n) { display:inline-block; font-size: 16px; padding: 0 10px 0 0; }
    .kontaktfiles td i {display: none;}
    .kontaktfiles td a {color:black !important; text-decoration: none !important;}


    .footer .col-6.right span{display:block;text-align: center; font-size: 8pt;}

    .certifikaty {}
    .certifikaty .fancybox{position: relative; display:block; color:white;}
    .certifikaty .fancybox .photobubble{position: absolute; background: #ff7700; bottom: 100px; right: 90px; height: 40px; width: 40px; z-index: 99; border-radius: 50%;}
    .certifikaty .fancybox .photobubble .icon{padding: 9px 0 0 0;        position: absolute;        left: 43%;
        -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
    .certifikaty .fancybox  img{        border-style: solid;        border-color: #f1f1f1;        padding: 10px;        border-width: 4px;}
    .certifikaty .fancybox .photobubble .data p{display: table-cell;        vertical-align: middle;        height: 160px;        width: 100%;}
    .certifikaty .fancybox .photobubble .data{ height: 200px; width: 200px; -webkit-transform: scale(0, 0); padding: 20px 10px; margin: -100px 0 0 -100px;
        -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
    }
    .certifikaty .fancybox:hover .photobubble { bottom: 10px; right: 10px; height: 200px; width: 200px; }
    .certifikaty .fancybox:hover .photobubble .icon{display:none;}
    .certifikaty .fancybox:hover .photobubble .data{  margin: 0 0 0 0;  -webkit-transform: scale(1, 1); }

    .certifikaty .fancybox .photobubble{
        -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
        -webkit-animation: pulsate 1s ease-out;
        -webkit-animation-iteration-count: infinite;
    }
    .certifikaty .fancybox:hover .photobubble{
        -webkit-animation: none;
    }

    @-webkit-keyframes pulsate {
        0% {-webkit-transform: scale(1, 1);}
        50% {-webkit-transform: scale(1.2, 1.2);}
        100% {-webkit-transform: scale(1, 1);}
    }
}
,