h1 {
    font-size: 150%; 
    color: #333;
    margin-top: 20px;
    font-weight: normal;
}

.addToCartArea  {
    display: flex; 
    flex-wrap: wrap;
    justify-content: flex-end;
}

.atcAreaButton   {
    flex-grow: 1; 
    text-align: center;
}

.atcAreaUnits   {
    flex-grow: 1; 
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 8px;
    height: 47px;
}

.borderColour999 {
    border-color: #999 !important;
}

.borderColourE47911 {
    border-color: #E47911 !important;
}

.buyWith    {
    padding: 6px 0 6px 6px;
    margin-bottom: 12px;
    background: #fcf8e3;
}

.buyWithOption  {
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;    
}

.buyWithOption:last-of-type {
    margin-bottom: 0px;
}

.buyWithOption input    {
    margin-top: 0px;
}

.buyWithOption label    {
    margin-bottom: 0px;    
    font-weight: normal;
}

.buyWithOption .z1s    {
    font-size: 100% !important;
}

.buyWithOptionInfo  {
    margin-left: 15px;
}

.itemPriceHoldingTable .akce-puvodnicena   {
    display: inline-block;
    position: relative;
    top: -11px;
    margin-right: 8px; 
    font-weight: bold;
}

.alert-box-green    {
    margin-bottom: 0px;
}

.dostupnost_kw  {
    font-weight: bold;
    color: #7e9e00;
}

.fetchedParamsMessage   {
    color: mediumorchid;
    display: none;    
    padding: 4px 0px;        
}

.increasingPrice    {
    background-color: #FDF988; 
    padding: 2px 6px;
}

#insertedDescription    {
    position: absolute;
    top: 0px;
    background: #000;
    color: #fff;
    padding: 2px 4px;
    font-size: small;    
    opacity: 70%;
}    

.item-box-gray  {
    margin-top: 12px;
}

.item-box-gray img  {
    max-width: 100%;    
    max-height: 100%;    
}

#itemAtribTable {
    margin-top: 20px;
}

#itemAtribTable td {
    background-color: #fff;
}

.itemChosenParam    {
    border: 1px solid #337ab7; 
    border-radius: 15px; 
    margin: 4px 0;
    padding: 4px 6px; 
    display: inline-block;     
    color: #5cb85c;
}

.itemChosenParamName   {
    padding: 0 4px;
}

.itemChosenParamPrice   {
    display: none; 
    color: #555;
    font-weight: bold;
}

.itemChosenParamPriceVisible {
    display: inline !important;
}

.itemChosenParamFetched    {
    border: 1px solid mediumorchid !important;         
    color: mediumorchid;
}

.itemChosenVar  {
    border: 1px solid #ddd; 
    border-radius: 5px; 
    padding: 0.5em; 
    margin-bottom: 0.5em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    /* flex-basis: 25%; 
    margin-bottom: 6px; */
}

.itemChosenVar:hover  {
    background: var(--grayBackground);
}

.itemChosenVarSelected {
    border: 2px solid #5cb85c;
    background: #5cb85c25;
}

.itemChosenVarSelected:hover {    
    background: #5cb85c25;
}

.itemChosenVarInline>div:first-child {
    display: flex; 
    align-items: center; 
    flex-basis: 50%;    
}

.itemChosenVar>div:first-child>div {
    margin-right: 6px
}

.itemChosenVarInline>div:last-child {    
    display: flex; 
    flex-direction: column;
    align-items: flex-end;    
    flex-basis: 50%;         
}

.itemChosenVar div.vPrice {
    font-weight: bold;
}

.itemChosenVar div.vDelivery {
    color: #3983B2;
}

.itemChosenVarPseudo>div:first-child {
    display: flex; 
    align-items: center; 
}

.paramChosen {
    border: 2px solid #5cb85c;
}

.itemPageLabels {
    margin-bottom: 4px;
}

.itemPageLabels .label {
    font-size: 14px;
}

img.itemBigPic {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

#itemDetailButtons {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-wrap: wrap;
}

#itemDetailButtons>div {
    width: 100%;
    margin-bottom: 6px;
}

#itemDetailButtons input[type='submit'], #itemDetailButtons .roomvo-container {
    padding: 12px;
    width: 100%;
    min-width: 200px;
    max-width: none !important;    
}

.itemDostupnostHolder   {
    padding: 12px 22px;    
    background-color: #e6f5fc;
}

.itemDostupnostHolder span  {            
    white-space: nowrap;
}

.itemMainData   {
    font-size: 85%;
    margin-bottom: 15px;
}

.itemMainData span   {    
    display: inline-block;
    margin: 0px 8px 0px 0px;
}

.itemPriceHoldingTable  {
    width: auto;
    min-width: 72%;
}

.itemPriceHoldingTable, .itemPriceHoldingTable span {    
    line-height: 1.0;
}

.itemPriceHoldingTable td {
    vertical-align: top !important;    
}

.itemTabOpener:first-of-type  {
    border-left-width: 0px;
}

.itemTabOpener  {
    border: 1px solid #ddd;    
    padding: 6px;
    background: #fff;
    border-bottom-width: 0px;
    
}

.itemTabOpenerActive {    
    background: var(--grayBackground);    
    padding-bottom: 7px;
}

.carou-item-videoFrame  {
    max-height: 90%;
    max-width: 90%;    
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    align-items: center;    
    justify-content: center;
    flex-direction: column;
    text-transform: uppercase;        
    font-weight: 700;
    font-size: 10px;
    line-height: 10px;
}

.carou-item-videoFrame svg  {
    padding: 3px 4px;
    width: 30px;
    height: 30px;
    fill: #555;
}

.carou-item-galPic-wrapper  {
    height: 300px;
    display: inline-block; 
    vertical-align: middle
}

#carou-item-gal .owl-item img {    
    max-height: 100%;  
    max-width: 100%; 
    width: auto;
    height: auto;
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
    padding: 0 3px;
}

#carou-item-gal .owl-prev   {
    position: absolute;
    top: 45%;
    left: 0px;
    margin: 0px;
    padding: 20px 4px 30px 0px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background: #fff;
    color: #555;
    font-size: 60px;            
    opacity: 0.3;
    line-height: 0;         
}

#carou-item-gal .owl-next   {
    position: absolute;
    top: 45%;            
    right: 0%;
    margin: 0px;            
    padding: 20px 0px 30px 4px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background: #fff;
    color: #555;
    font-size: 60px;            
    opacity: 0.3;
    line-height: 0;
}

#carou-item-gal-showcase    {
    height: 400px; 
    text-align: center;
    position: relative;
}

#carou-item-gal-showcase-description {
    background: #000; 
    color: #fff; 
    position: absolute; 
    width: 100%; 
    bottom: 0; 
    opacity: 70%;
}

#m2amount   {
    width: 65%;     
    padding: 12px 6px; 
    height: 47px; 
    text-align: center; 
    border-radius: 0px; 
    float: left;
}

.iUnit  {
    padding: 0px 8px;
    line-height: 1.0;
    text-align: center;
    font-size: 12px;
    display: table-cell;
    vertical-align: middle;
    height: 47px;
}

.iUnitWrap  {
    display: inline-block; 
    text-align: center;
}

.mainServisesHolder {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;    
    margin-top: 12px;
    margin-bottom: 10px;    
}

.mainServisesHolder>div {        
    padding: 0.5em 2em 0.5em 0;
}
.mainServisesHolder>div>a {    
    font-weight: bold;
}


.priceBlack  {
    color: #000000;
}

.priceRed  {
    color: #F00000;
    font-size: 26px; 
    font-weight: bold
}

.productDocumentHolder   {
    padding: 12px 0px;
}

.productDocumentHolder>ul>li {
    display: inline-block;
    margin-right: 12px;
}

.diminished {
    font-size: 16px;
    color: #555;
}

.serviceBoxesHolder .glyphicon {
    margin-right: 12px;
    font-size: 125%;
    position:relative;
    top: 4px;
}

.selections {
    margin: 0px;
    padding: 8px;
    border: 2px solid #ffffff;  
    display: none;
}

#showAllOptionsButton   {
    color: #3983B2;
    cursor: pointer;
    text-decoration: underline;
}

#showAllOptionsButton:hover   {
    color: var(--hoverLinkBlue);        
}

.tlacitko {
    background: #7e9e00;
    background: -webkit-gradient(linear, left top, left bottom, from(#91c71d), to(#7e9e00));
    background: -webkit-linear-gradient(top, #91c71d, #7e9e00);    

}

.tlacitko:hover {
    background: -webkit-linear-gradient(top, #91c71d, #69920f);
}

.vlozMnozstviHolder {
    margin: 0;     
    display: flex;
    float: left;            
}

.vlozMnozstviHolder input {            
    border-radius: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    margin: 0px;
    float: left;
    display: inline-block;            
}

.vlozMnozstviHolder button {   
    width: 34px;
    padding: 12px;
    margin: 0px;            
    float: left;
    display: inline-block;                
    border: 1px solid #bbb;
    background-image: -webkit-linear-gradient(to top,#ebf1f5,#fff 60%);
    background-image: -moz-linear-gradient(to top,#ebf1f5,#fff 60%);
    background-image: linear-gradient(to top,#ebf1f5,#fff 60%);
    
}

.vlozMnozstviHolder div{
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;            
}        

input[name=doKosikuSample] {
    text-transform: lowercase;
    font-family: Verdana;
    font-size: 16px !important;
    width: 100% !important;
    padding: 12px 0 !important;
    height: auto !important;
    border-radius: 0px !important;        
    background: -webkit-linear-gradient(top, white, #efefef);
    height: 47px !important;
    min-width: 170px !important;
    max-width: 500px !important;
}

.confitable tr>td:first-child {
    width:1%;
    white-space:nowrap;
}

.confitable tr:first-child td {
    border-top-width: 0px; 
}

#pocetKusuVlozeni   {
    border-width: 0px;      
    height: 45px !important;
    padding: 12px 6px !important;
    text-align: center !important;
}

.doKosiku   {
    margin-left: 0px !important;
    height: auto !important;
    padding: 12px 0 !important;    
    border-radius: 0px;
    font-weight: bold;
    font-size: 15px !important;
    font-family: Verdana;    
    width: 100% !important;
    min-width: 170px !important;
    max-width: 500px !important;
}

.doKosikuSub {
    background: -webkit-linear-gradient(top, white, #efefef) !important;
    color: #555;
    margin-top: 0.5em;    
    font-weight: normal;
    width: 170px; 
    margin-left: 5px;
    border-color: var(--textLight);
}


@media (min-width : 768px) {                   
    
    .addToCartArea  {        
        justify-content: flex-start;
    } 
     
    .atcAreaButton  {
        text-align: left;
    }
    
    .atcAreaUnits  {
        flex-grow: 0;
        margin-bottom: 0px;
    }
    
    .carou-item-galPic-wrapper  {
        width: 50px; 
        height: 50px;   
        cursor: pointer;                
        border: 1px solid #eee;
    }
    
    #carou-item-gal .owl-next   {        
        top: 45%; 
    }
    
    #carou-item-gal .owl-prev   {        
        top: 45%; 
    }
    
    #carou-item-gal {    
        border: 1px solid #ddd;
        border-top-width: 0px;
        padding: 12px 25px;            
    }
    
    #carou-item-gal .owl-item img {    
        /* max-height: 90%;  
        max-width: 90%;  */
        object-fit: cover;
        height: 90%; 
        width: 90%;
        padding: 0;
    }    
    
    #carou-item-gal .owl-nav    {
        margin-top: 0px;
    }    
    
    .doKosiku   {
        max-width: 300px !important;
    }
    
    .itemChosenVarInline>div:first-child {         
        flex-basis: 35%;
    }

    .itemChosenVarInline>div:last-child {         
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-basis: 65%;         
    }    

    #itemDetailButtons>div {
        margin-right: 6px;
        width: auto;
    }
    
    #itemDetailButtons input[type='submit'], #itemDetailButtons .roomvo-container {
        padding: 12px;
        width: auto;
        min-width: 200px;
        max-width: none !important;    
    }

    .mainServisesHolder {
        justify-content: flex-start;
    }

    #m2amount   {
        width: 65px; 
    }
    
    .owl-dots   {
        display: none;
    }        
            
}

@media (min-width : 992px) { 
    
   
    
}