body { width: 804px; margin: 0 auto 20px; background-color: #fff; font-family: Tahoma, Trebuchet MS, Arial, sans-sherif; font-size: 8pt; color: #5d6262; line-height: 16px; }

#head { height: 140px; margin-bottom: 10px; }
#logo { width: 208px; height: 141px; margin: 10px 0 0 28px; display: block; position: absolute; z-index: 100; background: transparent url(../img/logo-box.png) 0 0 no-repeat; }
#logo a { width: 120px; height: 64px; margin: 17px auto 0; display: block; background: transparent url(../img/atezet.png) 0 0 no-repeat; text-indent: -9999px; }

#head-contact { margin: 30px 40px 0 0; position: relative; float: right; color: #33909a; }
#head-contact span { height: 22px; padding-left: 20px; display: block; line-height: 20px; }
#head-contact span#phone { background: transparent url(../img/icon-phone.png) 0 0 no-repeat;  font-weight: bold;}
#head-contact span#mobile { background: transparent url(../img/icon-mobile.png) 0 0 no-repeat; font-weight: bold;}

#menu { width: 804px; height: 64px; position: absolute; top: 87px; }
#menu-left { width: 14px; height: 64px; float: left; background: transparent url(../img/menu-left.png) 0 0 no-repeat; }
#menu-right { width: 14px; height: 64px; float: left; background: transparent url(../img/menu-right.png) 0 0 no-repeat; }
ul#nav { width: 536px; height: 64px; padding-left: 240px; background: transparent url(../img/menu-bg.png) 0 0 repeat-x; float: left;}
ul#nav li { display: inline; }
ul#nav li a { margin: 2px 0; padding: 23px 10px 24px 18px; display: block; float: left; text-decoration: none; text-transform: capitalize; font-size: 10pt; font-weight: bold; color: #d2ebee; text-shadow: 1px 1px 1px #555; }
ul#nav li a:hover, ul#nav li#active a { color: #fff; }

#body { width: 804px; margin: 30px 0; }

h1.title { margin-bottom: 10px; padding-bottom: 5px; font-size: 11pt; font-weight: bold; color: #168995; line-height: 20px; text-indent: 15px; }
h1.title-products { margin-bottom: 10px; padding-bottom: 5px; background: transparent url(../img/products-title-subline.png) left bottom no-repeat; font-size: 11pt; font-weight: bold; color: #168995; line-height: 20px; text-indent: 15px;}
h2.subtitle { margin-bottom: 15px; padding-left: 15px; font-size: 8pt; font-weight: normal; color: #2799a5; text-indent: 10px; line-height: 15px; text-indent: 5px; }
h1.content-info{font-size: 11pt; color: #555555; line-height: 40px; }

#left-box { width: 300px; float: left; }
#left-box h1.title { background: transparent url(../img/left-box-title-subline.png) center bottom no-repeat; }
#left-box p.paragraph, #right-box p.paragraph { padding-left: 15px; }


#right-box { width: 480px; float: right; }
#right-box h1.title { background: transparent url(../img/right-box-title-subline.png) center bottom no-repeat; }
.p-img { margin: 5px 10px; padding: 1px; float: right; background-color: #fff; border: solid 1px #b8c0c0; }
.pic-products{ margin:5px; float:right;}

#full-box { width: 100%; }
#full-box h1.title { background: transparent url(../img/full-box-title-subline.png) center bottom no-repeat; }


ul#sidebar { width: 140px; margin: 20px 0 0 10px; float: left; list-style:none; }
ul#sidebar li { position: relative; left: 1px; z-index: 100; }
ul#sidebar li a.category { padding: 5px 5px 5px 10px; display: block; font-size: 10pt; color: #555; }
ul#sidebar li#side-active { margin-bottom: 10px; background-color: #f7f7f7; border-top: 1px solid #ddd7d7; border-left: 1px solid #ddd7d7; border-bottom: 1px solid #ddd7d7; }
ul#sidebar li#side-active a.category { padding: 10px 5px 10px 10px; }
ul#sidebar li a.category:hover { color: #157c87; text-decoration: none; }
ul#sidebar #side-top-corner { width: 7px; height: 7px; position: absolute; top: -1px; left: -1px; background: transparent url(../img/side-btn-top-corner.png) 0 0 no-repeat; }
ul#sidebar #side-bottom-corner { width: 7px; height: 7px; position: absolute; bottom: -1px; left: -1px; background: transparent url(../img/side-btn-bottom-corner.png) 0 0 no-repeat; }
ul#side-submenu { width: 100px; margin: 0 0 10px 30px;list-style:none; }
ul#side-submenu li a { display: block; line-height: 18px; }
ul#side-submenu li a:hover { text-decoration: underline; }

#content{ width: 622px; min-height: 330px; position: relative; float: left; background: #f7f7f7; border: 1px solid #ddd7d7; }
#content-top-left { width: 10px; height: 10px; position: absolute; top: -1px; left: -1px; background: transparent url(../img/box-top-left-corner.png) 0 0 no-repeat; }
#content-top-right { width: 10px; height: 10px; position: absolute; top: -1px; right: -1px; background: transparent url(../img/box-top-right-corner.png) 0 0 no-repeat; }
#content-bottom-left { width: 10px; height: 10px; position: absolute; bottom: -1px; left: -1px; background: transparent url(../img/box-bottom-left-corner.png) 0 0 no-repeat; }
#content-bottom-right { width: 10px; height: 10px; position: absolute; bottom: -1px; right: -1px; background: transparent url(../img/box-bottom-right-corner.png) 0 0 no-repeat; }
ul.products-list { clear: left; }
ul.products-list li { width: 167px; padding: 0 15px 30px 24px; display: block; float: left; }
ul.products-list li img { max-width: 167px; max-height:167px; }
ul#last-products li { padding-bottom: 0; }
ul.products-list li h1 { font-size: 11pt; font-weight: bold; color: #168995; line-height: 25px; text-align: center; }
ul.details { list-style-type: circle; margin-left: 30px; line-height: 18px; }
.prod-img{width:167px; margin-right:15px; padding: 1px; float: right; }


#contact-left, #contact-form { margin: 30px 0 50px 0; padding-left: 15px; }
#contact-left p span { color: #3b4040; }
#contact-left p, #contact-form p { padding-top: 10px; }
#contact-left label, #contact-form label { padding-bottom: 3px; display: block; text-indent: 0; font-weight: bold; color: #545b5b; }
#contact-form input.field { width: 200px; padding: 4px 5px 4px 5px; background: transparent url(../img/field.png) 0 0 repeat-x; border: solid 1px #ebebeb; font-size: 8pt; color: #666; }
#contact-form textarea { width: 400px; height: 130px; padding: 5px; background-color: #fbfbfb; border: solid 1px #ebebeb; font-size: 8pt; color: #666; }
#contact-form input.field:hover, #contact-form input.field:focus, #contact-form textarea:hover, #contact-form textarea:focus { border: solid 1px #d2d2d2; }
#contact-form input.submit { width: 87px; height: 25px; background: transparent url(../img/contact-send.png) 0 0 no-repeat; border: none; cursor: pointer; }
#contact-form input.submit:hover { background-position: 0 -25px; }


#foot { padding: 5px 15px 0 10px; border-top: solid 1px #bcd6d9; }

a { color: #cb4429; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }
.align-left { float: left; }
.align-right { float: right; }
.clr { clear: both; }