.no_top_mar {
    margin-top:0;
}
.debug {
    position:fixed;
    left:20%;
    top:2px;
    z-index:50000;
    border:2px solid yellowgreen;
    background:white;
}
.w100 {width:100%}
.nopad {
    padding:0;
}
.container-fluid {
    position:relative;
}
h3 {
    color:rgb(30,70,145);
    margin:0.2em 0;
}
h2 {
    color:rgb(30,70,145);;
    font-size:1.2em;
    margin-bottom:0.8em
}
h1 {
    /*    border:2px solid yellowgreen;*/
    display:inline-block; 
    margin:4vw 0 0.2em 0;

    font-size:1.5em
}
.top_header {
    background:white;
    background-image:url("../images_2017/hlavicka_tn3.png");
    background-size: contain;
    background-repeat: no-repeat;
    border-bottom:2px solid rgb(0,61,133); 
    position:fixed;
    width:100%;
    z-index:20000;
    height:11vw;
}
.header_vpravo {
    color:white;
    font-weight:bold;

}
.header_vpravo p {
    margin:0;

}





.testr  {
    border:1px solid red;
    /*font-weight:bold;*/
}

*:focus {
    outline: none;
}
a:hover{
    text-decoration: none;
}


.sitename {
    color:rgb(0,61,133);
    font-size:6vw;
    font-weight:bold;
    text-align: left;
    padding: 0.2em 0 0 3em;
    /*line-height: 200%;*/
    padding-bottom:0.3em;
    /*    position:fixed;*/
    z-index:1000;

    overflow:hidden;
    height:14vw
}
.sitename span {
    color:rgb(162,162,162);
}



.vysuv_blok_wrapper {
    margin-top:8vw;

    overflow:hidden;
    /*border:2px solid green;*/
    min-height:10px
}
.vysuv_blok {
    /*    overflow:overlay;*/
    overflow:hidden;
    position:relative;
    /*border:1px solid red;*/

    width:100%;
    padding-top:110vw;
}

.vysuv_foto

{

    position:absolute;
    top:0;
    left:0;
    z-index:100;
    width:100%
}

.image_desc {
    display:inline-block;
    min-height:4em;
    font-size:0.8em;
    overflow:hidden;
    color:black
}
.foto_block {
    clear:both;
    overflow:hidden;
    
}
.text_block_location {
   padding:0 15px;
}
.foto{
    overflow:hidden;
}
.active_menu_item {

    font-weight:bold;
}
.container-fluid {
    padding:0
}
.menu {
    background:rgb(0,61,133);
    display:none;
    z-index:10000;
    position:fixed;
    top:10vw;



}
.menu_button {
    background:url("../images/menu_ikona.svg");
    width:7vw;
    height:7vw;

    margin:0.5em 1em 1em 1em;
    float:left;
    position:fixed ;
    z-index:10100;
    background-repeat:no-repeat;
    background-size: contain;
    border:none;
}

.nabidka {
    margin-top:10vw;
    width:100%;
    background:rgb(42,196,244);
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    overflow:hidden;
    display:flex;
    justify-content:space-around;
    flex-direction:column;
    padding:1em 2em

}

.nabidka div {
    display:block;
    margin-top:0.3em;
}
.zamereni {
    background:url("../images_2017/ikona_zamereni2.png");
    background-repeat:no-repeat;
    background-size: contain;
    padding-left:2.5em
}
.servis {
    background:url("../images_2017/ikona-servis2.png");
    background-repeat:no-repeat;
    background-size: contain;
    padding-left:2.5em
}
.na_miru {
    background:url("../images_2017/ikona-na-klic2.png");
    background-repeat:no-repeat;
    background-size: contain;
    padding-left:2.5em
}


.menu_item  a { 
    color:white;
}
.menu_item   {
    /*flex: 1 12%;*/
    text-align:left;
    width:100%;

    padding:0.5em;
    align-self: flex-end;


    float:left;

    overflow:hidden
}
.header_vpravo p {

    display:none;
}
.header_vpravo div[class^='verze'] {
    width:80%;
    /*border:1px solid yellow;*/
    float:left;
}
.lang_selector  {
    display:flex;
    flex-direction:row;
    /*border:1px solid red;*/
    z-index: 15000;
    position:fixed;
    right:0;
    top:2.5vw
}

.lang_selector a {
    color:rgb(200,200,200);
    border:1px solid rgb(200,200,200);
    padding:0.2em 0.3em;
    display:block;
    text-align:center;
    margin-right:0.4em;
    text-transform: uppercase;


}
.lang_selector a.active_lang {
    color:rgb(0,61,133);
    border:1px solid rgb(0,61,133);

}

.lang_selector_tn {
    margin:1.5em 0.2em;
    display:block;


}
.lang_selector_tn a {
    padding:0.5em;
    text-transform: uppercase;
    color:rgb(127,127,127);  
    border:1px solid rgb(127,127,127);
}


.lang_selector_tn a:not(:first-of-type) {
    margin-left:1em
}

.lang_selector_tn a.active_lang {
    color:white;
    border:1px solid white;

}
.menu_block {
    overflow:hidden;
    display:flex;
    width:100%;
    flex-direction:column;
    flex-wrap:no-wrap;
    align-items:flex-end
}
.case {
    display:block;
    overflow:auto;

    width:100%;
    /*border: 1px solid red;*/
}
.foto_wrapper {
    padding-top:74.7058823529412%;
    position:relative;
   
}
.foto img {

    position:absolute;
    top:0;
    left:0
}

.kontakt p {
    margin:0.3em 0
}

#map {
    height:100vw;
    padding:15px;
    margin-top:2em
}

.cb {
    clear:both;
}
.srovnani   {
    display:flex
}
.srovnani p, .srovnani h4  {
    margin: 0.3em 0;

}
.vyhody {
    background:rgb(220,240,250);
    border-right:10px solid white

}
.nevyhody {
    background:rgb(230,230,230);
border-left:10px solid white
}
.footer_wrapper {
    background:rgb(0,61,133);
    overflow:hidden;
    
}
.footer {
   
    color:white;
   
    margin:1em 0;
}
.footer a {

    color:white
}

.vytahy_text div {
       padding:0;
       margin-bottom:1em;
}
.mt2em {
    clear:both;
    margin-top:2em
}









@media (min-width: 481px) {
    .top_header {
        background:white;
        background-image:url("../images_2017/hlavicka_tn4.png");
        background-size: contain;
        background-repeat: no-repeat;
        position:static;
    }
    .menu {
        display:none;
        flex-direction: row ;
        flex-wrap: nowrap;
        background:rgb(0,61,133);
        top:10vw;
        overflow:hidden;

    }
    .sitename {
        font-size:4vw;
        text-align: left;

        position:fixed;
        padding-bottom:0.5em;
        height:8vw

    }
    h1 {
        margin-top:2em;
    }
    .vysuv_blok_wrapper {
        margin:2em 0 2em 0;
    }
    .vysuv_blok {

        padding-top:50vw
    }

    .menu_button {
        width:5vw;
        height:5vw;margin-top:2vw;
        position:relative;
    }

    .vytahy_text {
        margin-top:1em;
    }
    .vytahy_text div {
        font-size:0.9em;

    }
    .header_vpravo p {
        display:block;
        padding-left: 33%;
        font-size:1.3vw
            /*display:none;*/
    }
    .lang_selector a:not(:first-of-type) {
        margin-top:0em
    }
    .lang_selector {
        font-size:0.9em;
        position:absolute;;


    }
    .nabidka {
        margin-top:0;
    }
    
    #map {
        height:66vw;

        margin-top:2em
    }
    .srovnani   {
        /*flex-direction:column;*/
    }
    .srovnani div  {
       font-size:0.9em;
    }
}
@media (min-width: 481px) and (max-width: 660px) {
    .srovnani_box {
        clear:both;
        width:100%;
    }
    h1 {
        margin-top:1em

    }
    .h1_block {
        /*       margin-top:70vw;*/
        /*        color:red;*/
        /*width:100%*/

    }

}
@media (min-width: 768px) {
    .nabidka div {
         margin-top:0;
    }
    .nabidka {
        margin-top:0;
        flex-direction:row;
         padding:0.3em 0;
    }
    .content {
        padding:0 4vw;
    }
    .menu {
        display:block;


        position:relative;
        top:0vw;
        padding:1em 4vw 0 5vw;


    }
    .menu_block {

        flex-direction:row;

    }
    .sitename {
        position:relative;
        padding-bottom: 0.5vw;
        height:auto;
    }
    .menu_item   {

        max-width:23%;
    }
    .menu_item:first-of-type   {
        text-align:left;
        max-width:30%;

    }
    .sitename {
        font-size:4vw;
        text-align: left;

    }
    .menu_item   {
        /*flex: 1 12%;*/
        text-align:center;
    }
    .text_block {
        margin-top: 2vw
    }
    .vytahy_text {
        margin-top: 1em
    }
    
    .vysuv_blok_wrapper {
        margin-top: 2vw;
       

    }
    .vysuv_blok {
        padding-top: 33vw
    }
    .top_header {
        height:12vw;
        position:relative;
        background:url(../images_2017/hlavicka2.png);
        background-size:contain;
        background-repeat:no-repeat;
        border-bottom: none;
       
          

    }
    .ikona_vozickar {
        width:15vw;
        height:15vw;
        background:url(../images_2017/vozickar-modry.png);
        background-size:contain;
        background-repeat:no-repeat;
        position:absolute;
        left:50vw;
        top:-1vw;
        z-index:10100;
    }
    .header_vpravo {
        position:absolute;
        right:0;
        top:0;
        width:42vw;
        height:12vw;
        background:rgb(127,127,127);
    }
    .header_vpravo div[class^='verze'] {
        width: 75%;
    }
    h2 {
        margin-top:0;
    }
    h1 {
        margin-top:0.5em;
    }
    .vytahy_text p {
        font-size:0.9em
    }
    .header_vpravo  {
        padding-top:1em

    }
    .lang_selector  {
        display:flex;
        flex-direction:column;
        top:2vw;
       
        float:right;
        margin-right:5vw;
         display:block;




    }
    .lang_selector  a {  
        max-width:3em;
        padding:0.1em 0.3em;
    
    }
    .lang_selector a:not(:first-of-type) {
        margin-top:0.5em
    }
   
    #map {
        height:50vw;

        margin-top:2em
    }
    .srovnani   {
        flex-direction:row;
    }
    

    .footer_wrapper {
        padding:0 4vw;
        margin-top:2em
    }
    .image_desc {
    
    min-height:3em;
    }
    
}


@media (min-width: 992px) {
    .header_vpravo p {
        font-size:0.9vw;
        display:block;
        padding-left: 30%

    }
    #map {
        height:40vw;

        margin-top:2em
    }
     .vysuv_blok_wrapper {
       
        margin-bottom: 2em;

    }

    .vytahy_text div:first-of-type {
       padding-right: 15px;
       /*border:1px solid red;*/
      
}
    .vytahy_text div {
       padding:0 15px;
        /*border:1px solid blue;*/
      
}
.foto {
     /*border:1px solid green;*/
}
.text_block_location {
   padding:0;
}




}