#salon .kadKos .thumbLevy,
#salon .kadKos .thumbPravy{ width: 320px;}
#salon .kadKos .thumbLevy{ margin-left: 60px; float: left}
#salon .kadKos .thumbPravy{ margin-right: 60px; float: right}

#salon .kadKos .thumb h2{
    font-size: 40px;
    color: #f3e4a9;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    margin-bottom: 15px
}
#salon .kadKos .thumb h3{
    color:#343434; line-height: 1em; margin-top: 0.5em
}
#salon .kadKos .thumb p{
    color:#343434;
    font-size: 16px
}

#salon .zmenaImage
{
    padding-top: 10px;
    font-size: 30px; color: #C00; font-weight: normal;
    line-height: 36px;
}

#salon .cenik h1{
    font-size: 50px;
    line-height: 60px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
#salon .cenikInfo ul{ margin:0 10%;}
#salon .cenikInfo li{ font-size: 18px; line-height: 22px}


#salon .cenik .bonus{
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); margin-top: 30px}
#salon .cenik .urovne h3{
    margin-top: 10px; line-height: 24px;
    color: #343434;}
#salon .cenik .urovne ul{ margin:0 20%; margin-top: 16px}
#salon .cenik .urovne li{font-size: 18px; line-height: 22px}

#salon .cenik .thumb{
    width: 25%;
    float: left;
    text-align: left;
    padding-bottom: 40px;
    padding-top: 8px;
    cursor: pointer;

    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    /* ...and now for the proper property */
    transition:.5s;
}
#salon .cenik .thumb:hover
{
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    /* ...and now for the proper property */
    transition:.5s;
    background-color:rgba(255,0,0,0.5);
}

#salon .cenik .thumb-in{ padding: 0 10px;
    /*background: url('../../imgs/salon/stinCenikPolozka.png') top right no-repeat;*/
    min-height: 240px}

#salon .cenik .thumb h2{color: #F0DF99; font-size: 20px; line-height: 23px; height: 46px; display:table-cell; vertical-align:bottom;}
#salon .cenik .thumb .popisek{ line-height: 16px}
#salon .cenik .thumb .obsah{ margin-top: 10px}
#salon .cenik .thumb .obsah h3{color: #000; font-size: 18px; font-weight: normal; line-height: 20px}
#salon .cenik .thumb .obsah .cena{ font-size: 20px; font-weight: bold; margin-right: 10px}




#salon .cenik .popis{
    font-size: 20px; line-height: 24px;
    color: #f3e4a9;
}

#salon .loga img{ margin:10px;}

#salon .karty{
    margin-top: 40px;
}

#salon .karty h2{
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
#salon .karty p{
    font-size: 20px
}

#salon .salonView{
    margin-top: 10px
}





#salon .polozkaCeniku{
    margin-bottom: 2em;
    border-bottom: 1px solid #444;
    padding-bottom: 2em
}
#salon .polozkaCeniku h2{
    color: #F0DF99;
    font-size: 2em;
    line-height: 1em
}
#salon .polozkaCeniku h2 small{
    color: #333;
}
#salon .polozkaCeniku table{
    margin: auto; margin-top: 1em;
    font-size: 1.5em
}
#salon .polozkaCeniku table tr td{
    padding: 0.3em
}
#salon .polozkaCeniku table tr td:first-child
{
    text-align: left
}
#salon .polozkaCeniku table tr td:last-child
{
    font-weight: bold;
    color: #333;
}
#salon .polozkaCeniku table tr td:nth-child(2)
{
    text-align: right;
    padding-left: 3em;
}



@media (max-width: 940px){
    #salon .kadKos .thumbLevy{ margin-left: 30px;}
    #salon .kadKos .thumbPravy{ margin-right: 30px;}

    #salon .cenik .thumb{width: 33.3333%;}
}

@media (max-width: 767px) {
    #salon .kadKos .thumbLevy,
    #salon .kadKos .thumbPravy{ float:none; margin: auto}

    #salon .kadKos .thumbPravy{ margin-top: 40px}

    #salon .cenik .thumb{width: 50%;}
}

@media (max-width: 479px) {
    #foto .thumbs .thumb{width: 33.3333%;}

    #salon .cenik .thumb{width: 100%; }
}