h2 + form
{
    margin-top: 20px;
    overflow: hidden;
}

.msgErr
{
    color: #ff0000;
}

.button-big
{
    min-width: 200px;
}


.wrapDialog
{
    overflow: hidden;    
    display: block;    
    background: rgba(0, 0, 0, 0) linear-gradient(#ffffff, #eaeaea) repeat scroll 0 0;    
}



/*****************************************/
/* IKONY TLAČÍTEK / BUTTONŮ */
/*****************************************/

.icoButton, .icoButton:hover, .icoOk, .icoOk:hover, .icoNew
{
    display: inline !important;
    padding-left: 25px;
}

.icoOk { background: transparent url('../img/ico/ico-ok.png') no-repeat left center; }
.icoLogin { background: transparent url('../img/ico/ico-login.png') no-repeat left center; }
.icoNewUser { background: transparent url('../img/ico/ico-new-user.png') no-repeat left center; }
.icoSearch { background: transparent url('../img/ico/ico-search.png') no-repeat left center; }
.icoNew { background: transparent url('../img/ico/ico-plus.png') no-repeat left center; }

.butNew
{
    display: block !important;
    width: 36% !important;
    margin: 40px auto;    
    height: 35px;

    text-align: center;
}



/*****************************************/
/* BREADCRUMP */
/*****************************************/

.wrapBreadcrump, .boxBreadcrump
{
    display: block;
    width: 100%;
    overflow: hidden;
    float: none;
}

    .boxBreadcrump
    {
/*        margin: 20px 0;*/
        margin: 0 0 10px;
    }
    
        .boxBreadcrump a, .boxBreadcrump span
        {
            font-size: 80%;
        }
        
        .boxBreadcrump span
        {
            margin: 0 7px;
        }  
        
        .boxBreadcrump span:last-child
        {
            display: none;
        }  
        
.wrapBreadcrump + .generic-page
{
    padding-top: 0;
    min-height: 300px;
}



/*****************************************/
/* SERVISNÍ FORMULÁŘ */
/*****************************************/

#servisni_formular_form, #registracni-formular, .formUser, .wrapAgentDialog
{
    width: 100%;
}

.wrapServisniFormular, .boxServisniFormular, .wrapInput, .wrapServisniFormularPopisVoziku, .wrapInputW50, .formUser, .boxAgentFormular, .wrapAgentDialog
{
    display: block;
    overflow: hidden;
    float: none;
    margin: 0;
    padding: 0;
}

    .boxServisniFormular
    {
        float: left;
        width: 50%;
    }
    
        #servisni-formular .boxServisniFormular h2
        {
            margin-top: 0;
        }
        
        .wrapInput
        {
        }
        
            .boxInput
            {
                padding: 0 0 5px;
                overflow: hidden;
            } 
            
                .boxInput label, .labelInput, span.labelRadio
                {
                    width: 50%;
                    float: left;
                    font-size: 80%;
                }

                .boxInput label.labelRadio, span.labelRadio
                {
                    width: auto;
                    float: none;
                }                
                
                
.vysvetlivkyServisniForular
{
    font-size : 75%; 
    text-align: justify;
    font-style:  italic;
    width: 98%;
}

.wrapServisniFormularPopisVoziku, .wrapServisniFormular
{
    padding-bottom: 10px;
    margin-bottom: 20px;
    background: transparent url('../img/cara.png') repeat-x left bottom;
}

.odsaditCheckBox
{
    margin: 0 0 10px 0;
}
    

#servisni-formular h2, #registracni-formular h2
{
    margin-top : 20px;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 110%;
}

#servisni-formular table
{
    width : 100%;
}

#servisni-formular table td
{
    width : 50%;
    font-size: 10px;
}

#servisni-formular .add-forklift
{
    background-position: 0 50%; 
    background-repeat: no-repeat;
    height: 24px;
    padding-left : 28px;
    padding-top : 2px;
    font-size : 14px;
    cursor: pointer;
}

.butServisForm
{
    background-color: #bb0404;
}

.butSendForm
{
    padding: 0 40px;
}



/*****************************************/
/* REGISTRAČNÍ FORMULÁŘ */
/*****************************************/

.boxRegistracniFormularCenter
{
    margin-left: 25%;
}

.wrapInputW50
{
    width: 50%;
    float: left;
}

#registracni-formular label, .formUser label
{
    width: 30%;
    padding-top: 8px;
}

#registracni-formular select, .formUser select, .boxAgentFormular select
{
    background: none;
    border: 1px solid #d2d2d2;
    height: 35px;
}

#registracni-formular span.alert, .formUser span.alert
{
    display: none;
    float: none;
    color: red;
    margin-left: 30%;
    font-size: 75%;
}

#registracni-formular span.red, .formUser span.red
{
    color: red;
}



/*****************************************/
/* INPUTY */
/*****************************************/

input.notFilledRequiredInput, select.notFilledRequiredInput
{
    border-color: #ff0000 !important;
}

label.notFilledRequiredLabel
{
    color: #ff0000 !important;
}

#registracni-formular select, .wrapServisniFormular input, .formUser select, .formUserUploader, .boxAgentFormular select, #login-formular input, .inputModern
{
    width: 60%;    
    border: 1px solid #d2d2d2;
    color: #464646;
}

.formUserUploader
{
    border: none;
    background: none;
    overflow: hidden;
}

    .formUserUploader .uploadarea, .formUserUploader .qq-upload-button 
    {
        width: 100%;
    }

.wrapServisniFormular input, .formUser input, #login-formular input, .inputModern
{
    background: #fff;
    padding: 10px;
/*    height: auto;*/
    height: 35px;
}

.inputCheckbox, .labelCheckbox, .formUserUploader
{
    float: left;
}

.inputCheckbox
{
    width: 5% !important;
}

.labelCheckbox
{
    width: 80% !important;
    padding: 0 !important;
}

.formVysvetlivky
{
    font-size: 80%;
}

.formNoBorderBottom
{
    background: none;
}




/*****************************************/
/* MŮJ PROFIL */
/*****************************************/

#muj-profil
{
    overflow: hidden; 
    margin-top : 85px; 
    margin-bottom : 85px;
}

#muj-profil .box
{
    background-repeat: no-repeat;
    float  : left; 
    width : 33%;
}

#muj-profil .box span
{
    display: table-cell;
    vertical-align: middle;
}

#muj-profil a, #muj-profil .inactiveProfileMenu
{
    display: block;
    float: left;
    overflow: hidden;
    
    width: 25%;
    max-width: 25%;    
    
    margin-bottom: 4%;
}

    .inactiveProfileMenu
    {
        cursor: help;
    }  

    .inactiveProfileMenu .wrapProfileBox      
    {
        background: rgba(0,0,0,0.2) url('../img/ico/ico-help-grey.png') no-repeat center center;    
    }   
    
    #muj-profil img, #muj-profil span, .wrapProfileBox
    {
        display: block;
        float: none;
    }
    
    #muj-profil img, .wrapProfileBox
    {
        width: 100%;
        max-width: 106px;   
        
        height: auto;
        
        margin: 0 auto;
    }
    
    .wrapProfileBox
    {
        transition: background ease 0.5s;
    }
    
    #muj-profil a:hover .wrapProfileBox
    {
        background: #464646;
    }    
    
    #muj-profil span 
    {
        text-align: center;   
        margin-top: 10px;
    }
    
    #muj-profil a:hover span 
    {
        color: #464646;
    }

.wrapImgProfile
{
    width: 100%;
    max-width: 100%;
    float: none;
    overflow: hidden;
/*    text-align: center;*/
}   

    .imgProfile
    {
        margin: 0 0 20px 0;
        border: solid 1px #e1e1e1;
        max-width: 100%;
        max-height: 100px;        
        float: none;
    }    



/*****************************************/
/* AGENTI */
/*****************************************/

.boxAgentFormular
{
    width: 16.66666666666667%;
    float: left;
}

    .boxAgentFormular .wrapInput:first-child
    {
        margin-bottom: 15px;
    }
    
    .boxAgentFormular .wrapInput, .boxAgent input, .boxAgent label
    {
        width: 100%;
    }
    
    .boxAgentFormular .wrapInput .boxInput 
    {
        width: 90%;
        margin-right: 10%;
    }    
    
        .boxAgentFormular input, .boxAgentFormular label, .boxAgentFormular select
        {
            width: 100%;
            float: none;
        }
        
        .boxAgentFormular label
        {
            display: block;
        }        
        
        .boxAgentFormular .inputCheckbox
        {
            height: 13px;
        }
        
.boxStockFormular
{
    width: 25%;
}

    .boxStockFormular .wrapInputRadio
    {
        margin-top: 23px;
    }
    
        .boxStockFormular .wrapInputRadio input
        {
            margin: 0;
        } 
        
        .boxStockFormular .wrapInputRadio label
        {
        }   
        
.boxAgentFormular .boxDisabled span, .boxAgentFormular .boxDisabled input
{
    color: #e1e1e1 !important;
}

.boxDisabled
{
    display: none;
}

.wrapAgentDialog, .wrapDialog
{
    padding: 0 0 20px 0;
}

    .boxAgentDialog
    {
        width: 97%;
        margin: 1.5%;
    }
    
#agenti tr, #nv_agenti tr
{
    transition: background ease .5s;
}   

#agenti td
{
    padding: 1% 0;
    border-bottom: 1px solid #e6e6e6;
}

#agenti td:first-child
{
    width: 15%;
    padding-left: 10px;
}

#agenti td:last-child
{
    padding-right: 10px;
}

#agenti tr:last-child td
{
    border: 0;
}

.agent-smazat, .agent-edit, .agent-zobrazit
{
    background-repeat: no-repeat;
    padding-left : 17px;
    transition: color ease 0.5s;
}

.agent-smazat:hover, .agent-edit:hover, .agent-zobrazit:hover
{
    color: #464646;
}


.agent-smazat
{
    background-image: url('../img/ico/ico-smazat.png');
}

.agent-edit
{
    background-image: url('../img/ico/ico-edit.png');
}

.agent-zobrazit
{
    background-image: url('../img/ico/ico-zobrazit.png');
}

/* nápověda v dialogovém okně agentů */
.aJakNaTo
{
    display: block;
    margin: 20px 0;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.wrapAgentDialog .aJakNaTo
{
    font-size: 80%;
}

    .icoHelp
    {
        display: inline-block;  
        width: 22px;
        height: 22px;        
        cursor: pointer;
        
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        line-height: 22px;
            
        background: #ccc;
        transition: background ease 0.5s;

        -webkit-border-radius: 22px;
        -moz-border-radius: 22px;
        border-radius: 22px;                 
        
/*
        background: transparent url('../img/ico/ico-help-grey.png') no-repeat center center;
        background-size: contain;
*/        
/*        float: left;*/
    }
    
    
    .icoHelp:hover, .boxBonusAnchors:hover .icoHelp
    {
        background: #464646;
        color: #fff;
    }
/*    
    .aJakNaTo span:last-child
    {
        display: block;
        height: 30px;
        line-height: 30px;
        padding: 0;
        margin: 0;
        
        position: absolute;
        top: -1px;
        left: 40px;
    }
    
    .wrapAgentDialog .aJakNaTo span:last-child
    {
        top: 0px;
    }
    
    .aJakNaTo span:hover
    {
        transition: color ease 0.5s;
    } 
    
    .aJakNaTo span:hover
    {
        color: #464646;
    }    
98
h3.napoveda
{
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 10px;
}
           
.boxAgentFormular select
{
    background: #fff;
}            



/*****************************************/
/* LOGIN */
/*****************************************/

.wrapLoginForm, .boxLoginForm, .boxShowPassword, .boxForgottenPassword
{
    display: block;
    overflow: hidden;
}

.wrapLoginForm
{
    width: 50%;
    float: left;
}

.wrapLoginForm:first-child
{
    background: transparent url('../img/carkovana_svisle.png') repeat-y right center;
}

    
    .boxLoginForm
    {
        width: 90%;
        margin: 5%;        
    }
    
        .boxLoginForm h2
        {
            text-align: center;
            margin-bottom: 25px;
            font-size: 20px;
        }
        
        #login-formular input[type="text"], #login-formular input[type="password"]
        {
            width: 100% !important;
            margin-bottom: 25px;
        }
                
        .boxShowPassword, .boxForgottenPassword
        {
            width: 100%;
            float: none;
            margin-bottom: 25px;
        }        
        
            #login-formular .boxShowPassword input
            {
                height: auto !important;
            }        
            
            #login-formular label, .noteForSellersOnly, .button-big-registrace, .boxForgottenPassword
            {
                font-size: 80%;
            }               
        
        .boxForgottenPassword
        {
            text-align: center;
            margin-top: 40px;
        }
        
        .listVyhodyRegistrace
        {
            margin: 0 0 25px;
            padding: 0;
        }
        
            .listVyhodyRegistrace li
            {
                font-size: 85%;
            }   
            
        .button-big-registrace
        {
            display: inline-block;            
            width: 100%;
            text-align: center;
            height : 35px;             
            line-height: 35px;
            padding: 0 !important;
            cursor : pointer;
            font-family: 'Open Sans', sans-serif !important;
            background-color:#464646;
            border : none;
            color : #fff;
            font-weight : bold;            
        }

        .button-big-registrace:hover
        {
            color: white;
        }  
        
        .noteForSellersOnly
        {
            margin-top: 25px;            
        }
        
        
        
/*********************/
/* Parkoviště - ikony*/
/*********************/

.parkovisteXls .icoParkovisteExport, .parkovistePdf .icoParkovisteExport
{
    height: 35px;
    width: 45px;
    display: table-cell;     
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; 
    
    transition: background ease 1s;
    -webkit-transition: background ease 1s;
}

.labelParkovisteExport
{
    display: table-cell; 
    vertical-align: middle; 
    font-size: 12px;
    padding-left: 5px;
    transition: color ease 1s;
    -webkit-transition: color ease 1s;
}  

.parkovisteXls, .parkovistePdf, .parkovisteXls span, .parkovistePdf span
{
    height: 35px;
}
    
.parkovisteXls, .parkovistePdf, .parkovisteXls .icoParkovisteExport span, .parkovistePdf .icoParkovisteExport span
{
    display: block;
    overflow: hidden;        
}

.parkovisteXls .icoParkovisteExport span, .parkovistePdf .icoParkovisteExport span
{
    width: 43px;    
    height: 33px;
    margin: 1px;
}

.parkovisteXls .icoParkovisteExport span span, .parkovistePdf .icoParkovisteExport span span
{
    width: 41px; 
    height: 31px;
    margin: 1px;
}

.parkovisteXls .icoParkovisteExport, .parkovistePdf .icoParkovisteExport
{
    margin-right: 5px;
}

.parkovisteXls .icoParkovisteExport span span, .inactivePdf .icoParkovisteExport span span
{
    background: transparent url('../img/ico/panel_akci/export_xls.png') no-repeat center center;
}

.parkovistePdf .icoParkovisteExport span span
{
    background: transparent url('../img/ico/panel_akci/export_pdf.png') no-repeat center center;        
}

.parkovisteXls:hover .icoParkovisteExport, .parkovistePdf:hover .icoParkovisteExport
{
    background: #000;
}

.parkovisteXls:hover .icoParkovisteExport > span , .parkovistePdf:hover .icoParkovisteExport > span 
{
    background: #464646;
}

.parkovisteXls:hover .labelParkovisteExport , .parkovistePdf:hover .labelParkovisteExport
{
    color: #464646;
}      


/* inaktivní ikona pro vytvoření vlastní nabídka */
.inactivePdf .icoParkovisteExport > span, .inactivePdf .icoParkovisteExport 
{
    background: #ccc !important;
}


.inactivePdf .labelParkovisteExport
{
    color: #ccc;
}


/*****************************************/
/* PARKOVIŠTĚ - PŘIDÁNÍ VOZÍKŮ DO NABÍDKY */
/*****************************************/

.wrapParkovisteNabidka, .nabidkaItem
{
    width: 100%;
    float: none;
    overflow: hidden;
    font-size: 14px;
}

    .nabidkaItem
    {
        margin-bottom: 20px;
        padding-bottom: 20px;
        background: transparent url('../img/cara.png') repeat-x center bottom;
    }
    
    .wrapParkovisteItemColumn
    {
        width: 25%;
        float: left;
    }
    
    .wrapParkovisteItemColumn:last-child
    {
        width: 50%;
        float: left;
    }    

        .boxParkovisteItemColumn
        {
            width: 100%;
            margin: 0;
        }
       
            .wrapParkovisteItemColumn textarea
            {
                height: 113px;
            }
            
            .boxParkovisteItemColumn textarea, .boxParkovisteItemColumn .cenaInput,  .boxParkovisteItemColumn  .poznamka
            {
                width: 100%;
            }            
            
            .boxParkovisteItemColumn .cenaInput input
            {
                width: 90%;
            }

            .boxParkovisteItemColumn label
            {
                font-weight: bold;
            }            

#generatorNabidky .wrapParkovisteNabidka 
{
    margin-top: 0;
}            
            
    
/*****************************************/
/* COOKIES LIŠTA */
/*****************************************/

.wrapCookies, .boxCookies
{
   display: block;
   width: 100%;
   float: none;
   overflow: hidden;
/*   background: #f5f5f5;*/
   background: #e1e1e1;
}

.wrapCookies
{
    position: fixed;
    bottom: 0;    
/*    
    z-index: 200;
    position: fixed;
    top: 0;
*/    
}

    .boxCookies
    {
        max-width: 1020px;
        margin: 0 auto;
        padding: 20px 0;        
        
        font-size: 70%;
    }
        
        .aCookiesButton
        {
            display: inline-block;
            padding: 5px;
            
            color: #fff;
            text-transform: uppercase;
            font-weight: bold;
            
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;             
        }

        .aCookiesButton:hover
        {
            background: #464646;
            cursor: pointer;
        }
        
        .aCookiesAbout
        {
            float: right;
            text-decoration: underline;
            color: #464646;
            padding: 5px 0;
        }        
        
        .aCookiesAbout:hover
        {
            text-decoration: none;
        }   
        
        
        
/*****************************************/
/* UI SELECTY / MULTISELECTY */
/*****************************************/

.main-multiselect /* Multiselect */
{
    width: 100%;
    max-width: 100%;
}

.ui-multiselect 
{
/*    
    background-image: url('../img/input/select.png');
    background-repeat: no-repeat;
    background-position: 100% 0%;
*/    
    text-align:left;
    border: 1px solid #d2d2d2 !important;
    border-radius: 0px !important;
/*  font-size: 12px;*/
    font-weight: normal;
    width: 100% !important;
    height : 35px;
    color : #464646;
    
    background: #fff url('../img/ico/ico-dropdown-selectbox.png;') repeat-x scroll center rigth !important;
} 

.ui-multiselect span
{
    font-size: 74%;
    color: #464646;
    font-weight: normal;
}

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl 
{
    border-top-left-radius: 0px !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr 
{
    border-top-right-radius: 0px !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl 
{
    border-bottom-left-radius: 0px !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br 
{
    border-bottom-right-radius: 0px !important;
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .wrapSelectbox
{
    background: #fff url('../img/ico/ico-dropdown-selectbox.png') no-repeat 95% center !important;
}

.main-select /* Select */
{
    background: #fff url('../img/ico/ico-dropdown-selectbox.png') no-repeat 95% center;
/*    
   background-image: url('../img/input/select.png');
   background-repeat: no-repeat;
   background-position: 100% 0%;
*/   
   overflow: hidden;
   max-width: 155px;
   height : 35px;
   border: 1px solid #d2d2d2;
}

.main-select select
{
   border: 0;
}

.wrapSelectbox
{
   height : 35px;
   border: 1px solid #d2d2d2;
   width: 100%;
}

    .wrapSelectbox select
    {      
        width: 130%;
        border: none;
        box-shadow: none;
        background: transparent;
        background-image: none;
        -webkit-appearance: none;       
        font-size: 80%;
    }
    
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .wrapSelectbox select
    {      
        padding-left: 5%;
        font-size: 80%;
        color: #464646;
    }
}    



/*****************************************/
/* NÁPOVĚDA */
/*****************************************/

.wrapHelpVyhledavaciAgenti
{
    display: none;
    width: 100%;
    float: none;
    overflow: hidden;
    margin: 20px 0;            
}

.wrapHelpShow
{
    display: block;
}

    .borderHelpVyhledavaciAgenti
    {
        margin: 0.1%;
        display: block;
        width: 99.8%;
        background: #fff;
        overflow: hidden;
    }
    
        .boxHelpVyhledavaciAgenti
        {
            width: 97%;
            margin: 1.5%;
            overflow: hidden;
        }
    
            .contentHelpVyhledavaciAgenti
            {
                position: relative;
                display: block;
                width: 100%;
                overflow: hidden;
                font-size: 12px;
            }
            
                .contentHelpVyhledavaciAgenti span
                {
                    display: block;
                    float: none;
                    margin: 20px 0 0;
                    font-weight: bold;                   
                }
                
                .contentHelpVyhledavaciAgenti h3, .contentHelpVyhledavaciAgenti span:first-child
                {
                    margin-top: 0;
                }                
        
        .icoCloseHelp
        {
            display: block;
            width: 15px;
            height: 15px;
            position: absolute;
            top: 0;
            right: 0;
            background: transparent url('../img/ico/ico-smazat.png') no-repeat center center;
        }
        
        .boxHelpVyhledavaciAgenti ol
        {
            margin: 0;
            padding: 0;
        }

            .boxHelpVyhledavaciAgenti ol li
            {
                list-style: inside decimal none;
                margin-bottom: 10px;
            }        
            
            .boxHelpVyhledavaciAgenti ol li:last-child
            {
                margin-bottom: 0;
            }     
                        
            .hideFirstLi li:nth-child(1)
            {
                display:none;            
            }

.wrapH1Help
{
    display: block;
    overflow: hidden;
}

    .wrapH1Help h1
    {
        float: left;
        width: 80%;
    }

    .wrapH1Help .aJakNaTo
    {
        float: right;
        text-align: right;
        margin: 0;
        width: 20%;
    }
    
    
/******************************************************/
/* odkaz na nápovědu */
/******************************************************/     

.wrapToolTip
{
    display: inline-block;
    width: 10px;
    margin: 0 0 0 5px;
    
    transition: background ease 0.5s;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;     
    
    font-size: 10px;
    background: #e1e1e1;
    text-align: center;    
}

.wrapToolTip:hover
{
    background: #464646;
    color: #fff;
}

.ui-tooltip
{    
    font-size: 12px !important;
    padding: 5px !important;
}



.contentText, .contentText li
{
    font-size: 13px;
}



iframe[name='google_conversion_frame'] { 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}



/******************************************************/
/* bonus program */
/******************************************************/   

.wrapBonusMenu
{
    display: block;
    width: 100%;
    float: none;
    overflow: hidden;
    margin-bottom: 40px;
}

    .boxBonusMenu
    {
        width: 50%;
        float: left;
        overflow: hidden;
    }

    .boxBasicInfo
    {
        font-size: 12px;
    }

    .boxCategoryBonuses 
    {
        text-align: justify;
    }

        .boxMyPoints
        {
            background: #464646;
            margin: 5px 0 0;
        }
                
        .boxCategoryBonuses div, .boxMyPoints, .boxBonusAnchors
        {
            display: block;
            overflow: hidden;
            float: left;
            padding: 2%;
            min-width: 80px;

            text-align: center;        
            color: #fff;
            font-size: 120%;
            font-weight: bold;
            line-height: 1em;

            transition: background ease-in-out 0.3s;        
        }

        .boxCategoryBonuses div:hover 
        {
            color: #fff;
            background: #464646;
            cursor: pointer;
        }    
        
        .boxBonusAnchors
        {
            background: #fff;
            text-align: center;
            margin: 0 0 0 15px;
            cursor: pointer;
        }        
        
            .boxCategoryBonuses div span, .boxMyPoints span, .boxBonusAnchors span:last-child
            {
                font-size: 80%;
                text-transform: lowercase;
                font-weight: normal;
            }   
            
            .boxBonusAnchors span:last-child
            {
                text-transform: none;
                transition: color ease-in-out 0.3s;
            } 
            
            .boxBonusAnchors:hover span:last-child
            {
                color: #464646;
            }                
            
.wrapBonusDialog
{
    display: block;
    overflow: hidden;
    padding: 1.5%;
/*    width: 80%;*/
}

.wrapBonusContent
{
    display: block;
    overflow: hidden;
    margin: 0 0 25px 0;
    font-size: 1em;    
}

    .contentText h3
    {
        font-size: 1em;
        margin: 1% 0 0;
    }
    
    .contentText ol
    {
        padding-left: 0;    
        margin-left: 10px;
    }

        .contentText li
        {    
            padding-left: 15px;
        }
        
        
.wrapOdmena, .boxOdmena, .contentOdmena
{
    width: 20%;
    display: block;
    float: left;
    overflow: hidden;
}

    .boxOdmena
    {
        width: 90%;
        max-width: 90%;
        margin: 5%;
        padding: 5%;
        background: #fff;
/*        border-top: 1px solid #E1E1E1;*/
    }
    
        .contentOdmena
        {
            display: block;
            width: 100%;
        }

            .contentOdmena h3
            {
                font-size: 1.5em;
                line-height: 1.1em;
                width: 100%;
                float: none;
            }
            
            .contentOdmena img, .contentOdmena div
            {
                display: block;
                float: none;
                width: 100%;
                max-width: 100%;
/*                overflow: hidden;*/
            }
            
            .contentOdmena h3, .contentOdmena div, .contentOdmena img
            {
                margin: 0 0 10%;
            }     
            
            .boxOdmenaPopis
            {
                text-align: left;
            }
            
            .contentOdmena div:last-child
            {
                margin: 0;
            }              
            
            .boxOdmenaTlacitko
            {
                width: 100%;
                max-width: 100%;
                color: #fff;
/*                height: 50px;*/
                text-align: center;
                overflow: visible !important;
            }      
                
                .boxOdmenaTlacitko span
                {
                    display: block;
                    width: 50%;
                    max-width: 50%;
                    
                    padding: 5% 10%;
                    margin: 0 auto;                    
                    
                    text-align: center;
                    text-transform: uppercase;                    
                    
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                    border-radius: 3px; 
                    
                    transition: background ease-in-out 0.3s;
                }
                
                .boxOdmenaTlacitko span:hover
                {
                    background: #464646;
                }                
                
                .boxOdmenaTlacitkoChybiBodu span
                {
                    width: 70%;
                    max-width: 70%;
                    
                    background: #d2d2d2 !important;
                    color: #464646;
                }   
                
            .butBonusProgramObjednat
            {
                cursor: pointer;
            }
            
            .imgBonusObjednavka
            {
                max-width: 320px !important;
            }
            
.wrapBonusObjednavkaPolozka
{
    background: transparent url('../img/cara.png') repeat-x top left;
    overflow: hidden;
    width: 50%;
    float: left;
    margin-top: 25px;
}

    .boxBonusObjednavkaPolozka
    {
        width: 100%;   
        padding: 50px 0 0 
    }

    .boxBonusObjednavkaPolozka b
    {      
        margin-right: 15px;        
    }    
    
    .wrapBonusObjednavkaPolozka .boxOdmenaTlacitko
    {
        float: right;
    }
    
    .wrapBonusObjednavkaPolozka .boxOdmenaTlacitko span
    {
        width: 30%;
        max-width: 30%;

        padding: 1% 10%;
        margin: 0;
        float: right;
    }    

 
    
/*****************************************/
/* inline informační dialogy  */
/*****************************************/

.wrapInformationDialog
{
    margin: 50px 25px 25px;
    font-size: 80%;    
}

.wrapIcoDialogStatus
{
    display: block;
    width: 100%;
    height: 70px;
    overflow: hidden;
    float: none;  
    margin-bottom: 20px;
}    

.icoStatusOK
{
    background: transparent url('../img/ico/ico-circle-ok.png') no-repeat top center;
    background-size: contain;
}

.icoStatusFailed
{
    background: transparent url('../img/ico/ico-circle-close.png') no-repeat top center;
    background-size: contain;
}