body {
    text-align: center;
    background-image: url(images/index_02.jpg);
    background-repeat: repeat-x;
    font-family: "Trebuchet MS", verdana, sans-serif;
    color: #535353;
    font-size: 11px;
    margin: 0px;
    padding: 0px;
    background-color: #b3b3b1;
}

#container {
    position: relative;
    width: 800px;
    text-align: left;
    margin: 0px auto;
}

#header {
    width: 800px;
    height: 198px;
}

#mainNav {
    height: 34px;
}

#mainNav ul {
    margin: 0px;
    padding: 0px;
    height: 34px;
    background-color: #fff;
}

#mainNav ul li {
    float: left;
    display: block;
    height: 34px;
}

#mainNav ul li a {
    float: left;
    display: block;
    color: #fff;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    width: 206px;
    height: 27px;
    line-height: 24px;
    padding: 7px 0 0 60px;
    background: #FFFFFF url(images/index_07.jpg) no-repeat left top;
}

#mainNav ul li.first a {
    background: #FFFFFF url(images/index_06.jpg) no-repeat left top;
}

#mainNav ul li.last a {
    background: #FFFFFF url(images/index_08.jpg) no-repeat left top;
}

#mainNav ul li a:hover, #mainNav ul li a:active {
    background: #ffffff url(images/index2_07.jpg) no-repeat left top;
}

#mainNav ul li.first a:hover, #mainNav ul li.first a:active {
    background: #ffffff url(images/index2_06.jpg) no-repeat left top;
}

#mainNav ul li.last a:hover, #mainNav ul li.last a:active {
    background: #ffffff url(images/index2_08.jpg) no-repeat left top;
}

#mainNav ul li.active a {
    color: #0247a8;
    background: #ffffff none;
}

.left {
    float: left;
    width: 194px;
    min-height: 300px;
}

.right {
    float: left;
    width: 597px;
    margin-bottom: 9px;
    margin-left: 9px;
}

.menubox {
    width: 194px;
}

.menubox_header {
    background-image: url(images/index_11.jpg);
    background-repeat: repeat-x;
    height: 27px;
}

.menubox_content {
    background-color: #FFFFFF;
}

.menubox_content ul {
    margin: 0px;
    padding: 0px;
}

.menubox_content ul li {
    display: inline;
}

.btn {
    width: 171px;
    height: 22px;
    display: block;
    background-image: url(images/index_19.jpg);
    background-repeat: no-repeat;
    color: #535353;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    background-position: 0 28px;
    text-decoration: none;
    padding: 7px 0 0 23px;
}

.btn:hover, .menubox_content ul li.active a {
    background-image: url(images/index_24.jpg);
    background-position: 0 0;
}

.menubox_footer {
    background-image: url(images/index_28.jpg);
    height: 40px;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    background-position: 0 28px;
}

.right_header {
    background-image: url(images/index_11.jpg);
    height: 27px;
}

.right_content {
    background-color: #FFFFFF;
    padding: 9px 9px 14px;
    width: 579px;
}

.product {
    width: 115px;
    float: left;
    margin: 5px 0px 0 0;
}

.product_header {
    background-image: url(images/index_15.jpg);
    height: 8px;
    overflow: hidden;
}

.product_cont {
    background-image: url(images/index_22.jpg);
    background-repeat: repeat-y;
    overflow: hidden;
    padding: 0 2px 0 7px;
    width: 106px;
}

.product_cont table {
    width: 100%
}

.product_cont .product_label {
    vertical-align: bottom;
    width: 34px;
}

.product_cont .product_name {
    height: 18px;
    line-height: 18px;
}

.nazov {
    color: #a3a3a3;
    font-size: 11px;
    width: 34px;
}

.product_cont .product_cena {
    text-align: left;
    padding-right: 5px;
}

.product_cont .product_cena_dual {
    text-align: left;
    padding: 0 0 1px 0;
}

.product_cont img {
    width: 101px;
}

.product_cont div.img-wrapper {
    min-height: 76px;
}

.product_cont div.img-wrapper img.product_img {
    width: 101px;
    height: 76px;
}

.product_footer {
    background-image: url(images/index_26.jpg);
    height: 6px;
    background-repeat: no-repeat;
    overflow: hidden;
}

#footer {
    background-image: url(images/index_35.jpg);
    height: 25px;
    background-repeat: repeat-x;
    clear: both;
    padding: 10px 0 0 0;
}

#footer ul {
    margin: 0px;
    padding: 0px;
}

#footer ul li {
    display: inline;
    float: left;
}

#footer ul li a {
    float: left;
    color: #0F58B7;
    text-decoration: none;
    height: 21px;
    line-height: 21px;
    margin-left: 15px;
}

#footer ul li.active a {
    padding: 0 7px;
    background: url(images/footerNav-active-bg.jpg) repeat-x left top;
}

.typ {
    color: #2465bb;
    font-size: 12px;
    font-weight: bold;
    width: 60px;
    height: 18px;
    overflow: hidden;
}

.eur {
    color: #535353;
    font-size: 11px;
    font-weight: bold;
}

.skk {
    color: #535353;
    font-size: 9px;
    font-weight: normal;
}

.cesta {
    float: right;
    color: #024db0;
    margin: 6px 20px 0 0;
}

.subemenu {
    width: 100%;
    background-color: #FFFFFF;
    padding: 13px 0 8px 0;
}

.subemenu ul {
    padding: 0 0 0 18px;
    margin: 0px;
}

.subemenu ul li {
    float: left;
    display: block;
    width: 110px;
}

.subemenu ul li a {
    float: left;
    display: block;
    font-size: 14px;
    color: #b8d2f2;
    font-weight: bold;
    text-decoration: none;
}

.subemenu ul li a:hover, .subemenu ul li a:active, .subemenu ul li.active a {
    color: #3868B0;
    text-decoration: underline;
}

.submenu-footer {
    height: 15px;
    background: url(images/index_09.jpg) no-repeat left top;
}

/* Boxes in Secondary Content
 -----------------------------------------------------------------------------*/
.left .box1 {
    width: 172px;
    margin: 14px 0 20px;
    padding: 10px;
    background-color: #C4C4C2;
    border: 1px #fff solid;
}

.left .box2 {
    width: 192px;
    margin: 14px 0 20px;
    background-color: #C4C4C2;
    border: 1px #fff solid;
}

.left .box2 .box2-header {
    text-align: center;
    height: 28px;
    line-height: 28px;
    background: url(images/box2-header-bg.jpg) repeat-x left top;
}

.left .box2 .box2-content {
    text-align: center;
    padding: 10px;
}

/* Classes for clearing floats
 -----------------------------------------------------------------------------*/
.clear:after {
    font-size: 0;
    content: " ";
    display: block;
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
}

/* Only IE5 for Mac \*/ /*/
 .clear {
 display: inline-block;
 width: 100%;
 }
 /* End of hack */
/* Hide before IE5 for MAC \*/
/* Only for IE7 */ * + html .clear {
    height: 1%;
}

/* End of hack */
.clearfix {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
}