body {background-color: #c9c9c9; text-align: center; font-family: sans-serif; font-size: 14px;}

h1 {font-size: 26px; font-weight: bold; /* margin: 10px 5px 15px 10px; */ padding: 10px 10px 15px 10px;}
h2 {font-size: 24px; font-weight: normal; margin: 10px 5px 10px 0;}
h3 {font-size: 16px; font-weight: bold; margin: 10px 5px 5px 0;}
h4 {font-size: 14px; font-weight: bold; margin: 10px 5px 5px 0;}
p {margin: 5px 5px 5px 5px; line-height: 150%;}
a {color: #006ab3;}
strong {font-weight: bold;}

table {margin: 10px 10px 15px 15px; border-collapse: collapse; border: 2px solid #c9c9c9;}
th {font-weight: bold;}
td, th {padding: 5px; border: 1px solid #c9c9c9;}

ol {margin: 10px 40px 15px 40px;}
ol li {list-style-type: decimal; line-height: 150%;}
ul li {line-height: 150%;}

#page {width: 980px; background: #efeff0 url('../../images/front/bg.png') repeat-y; margin: auto; margin-top: 20px; margin-bottom: 20px;}

#header {width: 100%; background: url('../../images/front/bg-top.png') no-repeat; overflow: hidden; padding: 0;}
#header div {width: 940px; height: 117px; margin: 20px 20px 0px 20px; background: #172984; position: relative; padding: 0;}
#header img {position: absolute; top: 9px; left: 10px;}
#header h1 {position: absolute; top: 35px; right: 35px; height: 47px; font-size: 18px; color: #fff; background-color: #122169; margin: 0; padding: 0 10px 0 10px; line-height: 47px; text-transform: uppercase; font-weight: normal;}

#menu {height: 35px; background: #c9c9c9 url('../../images/front/bg-menu.png') repeat-x; margin: 0px 20px 0px 20px; border-bottom: 3px solid #ef8000;}
#menu li {float: left; margin: 0; background: url('../../images/front/bg-menu-li.png') 100% 0 no-repeat;}

#menu a, #menu span {height: 35px; line-height: 35px; display: block; padding: 0px 15px 0 15px; color: #000; text-decoration: none;}
#menu a:hover {text-decoration: underline;}

#content {text-align: justify;}
#content p {margin: 12px; line-height: 160%; font-size: 12px;}

#content ul {padding-left: 20px; margin: 5px 10px 5px 10px;}
#content ul li {list-style-type: disc;}

.c-450 {width: 450px; margin: 10px 0 10px 0;}
.c450 h2 {margin-left: 10px;}  
.c-l {float: left; margin-left: 30px;}
.c-r {float: right; margin-right: 30px;}

.box-450 {width: 450px; height: 213px; margin-bottom: 20px; background: #fff; overflow: hidden; border-bottom: 1px solid #ef8000; position: relative;}
.box-450 p {margin-top: 8px !important; margin-bottom: 8px !important;}
.button-more {position: absolute; top: 183px; right: 10px;}
.button-eshop {position: absolute; top: 160px; right: 115px;}
.contact p {color: #41a62a; font-size: 20px !important;}

.product {overflow: hidden;}
.product h1 {float: left; margin: 20px 10px 5px 30px !important; padding: 0; font-weight: normal; font-size: 24px;}
.product h2 {float: left; margin: 20px 10px 5px 30px !important;}
.product h3 {margin-left: 15px; margin-top: 20px;}
.product-image {float: left; width: 300px; margin: 20px 0 10px 30px; text-align: center;}
.product-image div {width: 300px; border: 1px solid #c9c9c9; margin: 0; margin-bottom: 10px; background-color: #fff;}
.product-image div img {margin: 15px;}
.product-image a {margin-top: 0px; margin-bottom: 0; padding: 0; display: block;}
.product-image span, .offer span {font-size: 16px; display: block; margin: 10px 0 0px 0; font-weight: bold; color: #626262;}
.product-box {float: right; width: 600px; margin: 5px 30px 10px 0; background-color: white; font-size: 12px; position: relative; border-bottom: 1px solid #ef8000;}
.product-box ul {width: 400px;}
.product-box h2 {float: none; margin-left: 10px !important; color: #ef8000; font-size: 22px;}
.product-box h2 a {color: #ef8000;}
.product-box h3 {float: none; margin-left: 10px !important; color: #000; font-size: 20px;}
.product-box h3 a {color: #000;}
.models {width: 170px; position: absolute; top: 10px; right: 0; text-align: center;}
.models table {width: 150px; margin-left: 10px;}
.models h3 {margin: 0; padding: 0;}
.offer {float: right; width: 600px; margin: 20px 30px 20px 0; text-align: center; clear: both;}

#footer {width: 100%; height: 60px; background: url('../../images/front/bg-bottom.png') no-repeat; overflow: hidden;}
#footer div {width: 940px; height: 30px; margin: 10px 20px 20px 20px; background: #172984; line-height: 30px; color: #efeff0;}
#footer a {color: #efeff0; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer .partners {float: left; margin-left: 10px;}
#footer .copyright {float: right; margin-right: 10px;}
