/*********************
******* BANNER *******
*********************/

#homeBanners {
    width: 101%;
    height: 300px;
    margin: 0 auto 10px auto;
    z-index: 1;
    padding-top: 10px;
    position:relative;
}

#homeBanners div.bannerItem {
    height: 300px;
    max-width: 101%;
    width: 101%;
    overflow:hidden;
    background-position:0 0;
    background-repeat:no-repeat;
    position:absolute;
    top:0;
    left:0;
    z-index: 1;
    margin-top: 10px;
}

div#homeBanners img.ribbon{
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
}


#homeBannersProgressbar {
    width:auto;
    height:14px;
    position:absolute;
    left: 2%;
    bottom: 4%;
    text-align:center;
    padding: 0.3%;
    background-color: #372C21;
    z-index: 2;
}
#homeBannersProgressbar a {
    display:inline-block;
    width:13px;
    height:13px;
    background:url(images/buttons.png) no-repeat -15px 0;
    margin:0 2px;
}
#homeBannersProgressbar a span { display:none; }
#homeBannersProgressbar a.item-active { background-position:0 0; }

/*********************
******** OBSAH *******
*********************/

div#homeContent{
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    background-color: #2C231A;
}

div#homeContent div.sidebar{
    float: left;
    min-height: 200px;
}

div#homeContent div.left{
    width:70%;
    background-color:#6f5e45;
}

div#homeContent div.right{
    width:30%;
    color:#8d7a67;
    min-height: 200px;
}
/************************
****** LEFT SIDEBAR *****
************************/

div#homeContent div.left div.cont_{
    padding: 25px;
    color: #fff;
    line-height: 1.5em;
}

div#homeContent div.left div.cont_delivery{
    padding: 25px;
    min-height: 350px;
}

div#homeContent div.left div.cont_delivery h3{
    color: #322721;
}

div#homeContent div.left div.cont_delivery p{
    font-size: 1.3em;
    font-weight: 300;
    color: #322721;
}

div#homeContent div.left div.cont_ div.welcomeText{
    width: 100%;
    padding: 20px 0;
}

div#homeContent div.left div.cont_ div.photo{
    width: 33%;
    float: left;
    box-sizing: border-box;
}

div#homeContent div.left div.cont_ div.photo img{
    max-width: 90%;
    -webkit-box-shadow: 10px 3px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 3px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 3px 10px 0px rgba(0,0,0,0.75);
}

div#homeContent div.left div.cont_ div.text{
    width: 67%;
    float: right;
    margin: 0;
    padding: 0;
}

div#homeContent div.left div.cont_ div.text h1{
    font-size: 1.9em;
}

div#homeContent div.left div.cont_ a div.homeButton{
    width:100%;
    height:100px;
    padding:20px 0px 0px 45px;
    box-sizing:border-box;
    line-height:0;
    height:100px;
    color:#000;
    background: url("images/homeButton.png") no-repeat;
}

div#homeContent div.left div.cont_ a div.homeButton h3{
    font-size:2.0em;
    color:#BB0008;
    font-weight:700;
    padding-bottom: 10px;
}

/************************
***** RIGHT SIDEBAR *****
************************/

div#homeContent div.right div.openHours{
    padding:25px;
    text-align:center;
    line-height:1.4em;
}

div#homeContent div.right div.openHours h3{
    padding: 20px 0 0 0px;
    margin:0;
    font-size:1.4em;
}

div#homeContent div.right div.openHours h4{
    padding: 4px 0 10px 0px;
    margin:0;
}

div#homeContent div.right div.openHours div.contHours{
    border-top: 1px solid #8d7a67;
    border-bottom: 1px solid #8d7a67;
    padding: 10px 0px;
}

div#homeContent div.right div.openHours div.phone{
    font-size:1.5em;
    color:#fff;
    font-weight: bold;
}

div.phone img{
    padding-right: 6px;
}