@import "common.css";

body {
    font-family: 'Raleway', sans-serif;
    background-color: #F7F7F0;
}


/* homepage */
#hp-main-container {
    margin:0 auto;
    width: 825px;
    margin-top: 70px;
    text-align: center;

}
#hp-menu-container {
    margin: 65px auto;
    width: 682px;
    text-align: center;
}

.hp-menu-left, .hp-menu-right, .hp-spunt {
    float: left;
    text-align: center;

}
.hp-menu-left, .hp-menu-right {
    padding-top: 58px;
}

.hp-spunt {
    width: 295px;
}




/* hp menu */
#main-menu {
    position: relative;
}
.menu-main-lvl {
    position: absolute;
}
#hp-menu-container .menu-main-lvl {
    position: relative;
}
#hp-menu-container ul, #main-menu ul {
    list-style: none;
}
.menu-main-lvl li {
    font-size:36px;
    color: #000;
    font-weight: normal;
    cursor: pointer;
}
.menu-main-lvl li a, .menu-lvl-1 li a, .menu-lvl-2 li a {
    text-decoration: none;
    color: #000;
}
.menu-main-lvl li:hover, .menu-main-lvl li a:hover, .menu-lvl-1 li a:hover, .menu-lvl-2 li a:hover {
    color: #D0BD90;
}
.menu-lvl-1 li, .menu-lvl-1 li a {
    font-size:18px !important;
}
.menu-lvl-2 li, .menu-lvl-2 li a {
    font-size: 14px !important;
}
.menu-lvl-1 {
    margin-bottom: 17px;
    margin-top: 13px;
}
.menu-lvl-2 {
    margin-bottom: 13px;
}

.menu-lvl-1 {
    background-image: url("../_img/menu-bg.png");
    background-repeat: repeat-y;
    padding-bottom:10px;
    padding-right:0px;
}
/* main menu */
#main-menu {
    margin: 0 auto;
    width: 1050px;
}
#main-menu table {
    /*width:1150px;*/
    padding:0px 83px 0px 0px;
}

#main-menu .onas {
    width: 156px;
}
#main-menu .sortiment {
    width: 270px;
}
#main-menu .home {
    width: 157px;
}
#main-menu .kontakty {
    width: 145px;
}
#main-menu .partneri {
    width: 222px;
}
#main-menu .kontakty {
    width: 145px;
}
#main-menu table tr td {
    text-align: center;
    /*border: 1px solid red;*/
}
#main-menu a {
    vertical-align: middle;
    amargin-right:75px;
    font-size: 36px;
    text-decoration: none;
    color: #000;
}
#main-menu a:hover, #main-menu a.active, #middle-container #left-menu ul li a:hover {
    color: #D0BD90;
}
.active {
    color: #D0BD90 !important;
}

#main-menu img {
    margin-top:10px;
}


/* contemt pages layout */

#main-container, #middle-container, #bottom-container {
    width: 1150px;
    float: none;
    margin: 0 auto;
}
#top-container {
    text-align: center;
}
#top-container h2 {
    font-size: 50px;
    font-weight: normal;
    margin-bottom: 8px;
}
#top-container h3 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 45px;
}
#content h3 {
    font-size: 30px;
}

#middle-container {
    padding-top: 60px;
}

#middle-container #left-menu, #middle-container #content {
    float: left;
}
#middle-container #left-menu {
    width: 170px;
    padding-left:130px;
    text-align: center;
}
#middle-container #left-menu ul {
    list-style-type: none;
}
#middle-container #left-menu ul li {
    margin-bottom: 17px;
}
#middle-container #left-menu ul li a {
    font-weight: bold;
    text-decoration: none;
    color: #000;
    font-size: 14px;
}
#middle-container #content {
    width: 550px;
    padding-right: 300px;
    font-size: 14px;
    line-height:20px;
}


#bottom-container table {
    text-align: center;
    margin: 0 auto;
}
#bottom-container table td {
    width: 228px;
}
#bottom-container table h3 {
    font-size:14px;
    line-height: 20px;
}
#bottom-container table h3 span {
    font-size:14px;
    font-weight: normal;
    display: block;
}

/* footer */
#footer-container {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    color: #fff;
    font-size: 12px;
    text-align: center;
    height: 45px;
    display: block;

}
#footer-content-container {
    margin: 0 auto;
    width: 700px;
}
#footer-container img {
    margin:0px 23px 0px 23px;
}
#footer-content-left, #footer-content-right {
    float: left;
    width: 310px;
    margin-top: 15px;
}
#footer-content-left {
    text-align: right;
}
#footer-content-right {
    text-align: left;
}
#footer-content-center {
    float: left;
    margin-top: 10px;
}

/* o nas */
.o-nas-person td {
    vertical-align: top;
}
.o-nas-person {
    text-align: center;
 /*   !*font-size: 30px;*!
    font-weight: bold;*/
}

.o-nas-person ul {
    margin-left: 34px;
    padding-top: 0;
    margin-top: 0;
}
.o-nas-person ul li {
    padding-bottom:7px;
    text-align: left;
}

/* partneri */
.dash-partner {
    position: relative;
    width: 200px;
    height: 165px;
    background-color: #D0BD90;
    float: left;
    margin:0px 10px 10px 0px;
    padding:75px 30px 20px 30px;
    text-align: center;
}
.dash-partner-square {
    position: relative;
    width: 200px;
    height: 195px;
    background-color: #D0BD90;
    float: left;
    margin:0px 10px 10px 0px;
    padding:45px 30px 20px 30px;
    text-align: center;
}
.dash-partner .address {
    position: absolute;
    bottom:18px;
    left: 0;
    width: 100%;
}
.dash-partner p {
    text-align: center;
    padding: 0;
    margin: 0;
}
.partneri-dash-container a {
    text-decoration: none;
    color: #000;
}

/* hp news */
#news-container {
    background-color: #c7bb96;
    padding: 30px 20px 36px 20px;
    width: 750px;
    margin: 0 auto;
    overflow: hidden;
}
#news-container h3 {
    font-size: 50px;
    color: #fff;
    margin: 0;
    padding:0;
    padding-bottom:30px;
    font-weight: normal;
}
.news-item {
    font-size: 12px;
    text-align: left;
}
.news-item p {
    padding-top: 0;
    margin-top: 0;
    line-height: 17px;
}
.news-item strong {
    line-height: 17px;
}
.showMoreBtn {
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    color: #000;
    margin-top: 20px;
    display: inline-block;
}
#news-container .fb1, #news-container .fb2 {
    width: 50%;
}

.bottle-3 td {
    width:383px;
}

/* common */
ul {
    padding: 0;
}
.separator {
    text-align: center;
    width:100%;
    margin:30px 0px 50px 0px;
}
table tr td {
    vertical-align: top;
}
.pl69 {
    padding-left: 69px;
}
.l69 {
    left: 169px;
}