@CHARSET "UTF-8";
* {margin: 0; padding: 0;}
html {height: 100%;}
body {height: 100%; background: #ed1f26 url("/i/fon.jpg") left top repeat-x; font-family: sans-serif;}

a, img {border: none;}

#loading {position: absolute; width: 100%; min-height: 100%; background: gray; z-index: 5000; -moz-opacity: 0.7; opacity: .70; filter: alpha(opacity = 70); display: none;}
#loading .img {position: absolute; left: 50%; top: 50%; margin-left: -64px; height: -64px; width: 128px; height: 128px; z-index: 5001;}

#page {width: 100%; min-height: 100%; margin-bottom: -100px; background: transparent url("/i/sys/page_fon.png") top center repeat-y;}
#page #top {width: 920px; height: 535px; position: relative; left: 50%; margin-left: -460px; float: none; clear: both; background: transparent url("/i/top_intro.jpg") center top no-repeat;}
#page #top #logo {width: 205px; height: 91px; position: absolute; left: 35px; top: 10px;}
#page #top #logo img {width: 205px; height: 91px; border: none;}
#page #top #telephon {width: 550px; height: 80px; position: absolute; left: 5px; top: 160px; color: white; font-size: 18px; z-index: 2;}
#page #top #menu {position: absolute; left: 240px; top: 30px; width: 600px;}
#page #top #menu ul {margin: 0; padding: 0;}
#page #top #menu ul li {display: inline; margin-right: 7px; padding-left: 15px; background: transparent url("/i/sys/ball.gif") left center no-repeat;}
#page #top #menu ul li:hover {background: transparent url("/i/sys/ball_a.gif") left center no-repeat;}
#page #top #menu ul li a {text-decoration: none; color: white; font-size: 12px; font-weight: bold;}
#page #top #menu ul li a:hover {text-decoration: underline; color: #cc66cc;}

#page #top #menu ul li.active {display: inline; margin-right: 7px; padding-left: 15px; background: transparent url("/i/sys/ball_a.gif") left center no-repeat;}
#page #top #menu ul li.active a {text-decoration: none; color: #cc66cc; font-size: 18px;}


#page #top #basket {width: 300px; height: 100px; position: absolute; left: 10px; top: 240px; color: white;}
#page #top #basket img {float: left; margin-right: 10px;}
#page #top #basket div a {color: white; text-decoration: none; font-weight: bold;}
#page #top #basket div a:hover {text-decoration: underline;}



#page #core {width: 920px; height: auto; position: relative; left: 50%; top: -100px; margin-left: -460px; margin-bottom: 100px; float: none; clear: both; z-index: 2;}
#page #core #content {margin: 10px; margin-bottom: 20px; text-align: justify; vertical-align: top;}
#page #core #contents {margin: 10px; margin-bottom: 20px; vertical-align: top;}

.left_300 {margin-left: 300px;} 
.left_10 {margin-left: 10px;}

.right_300 {margin-right: 300px;}
.right_10 {margin-right: 10px;}


#page #core .news {width: 290px; float: right; clear: both; margin-bottom: 7px;}
#page #core .news .img {float: left; margin: 5px; width: 45px; height: 45px;}
#page #core .news .title {width: 240px; height: 30px; float: right; color: white; font-size: 18px; background: transparent url("/i/sys/titel_fon.jpg") left center no-repeat;}
#page #core .news .title h3 {padding-top: 2px; padding-left: 15px; font-size: 20px;}
#page #core .news .news_block {width: 290px; display: block; margin-bottom: 10px;}
#page #core .news .news_block .date {color: red; font-size: 16px; display: block; padding: 5px;}
#page #core .news .news_block .news_anons {color: gray;}
#page #core .news .news_block .news_anons a {color: gray; text-decoration: none;}
#page #core .news .news_block .news_anons a:hover {text-decoration: underline; color: fuchsia;}
#page #core .clear {clear: both; float:none; height: 1px;}

#bottom {width: 100%; height: 100px; background: transparent url("/i/sys/page_fon.png") top center repeat-y;}
#bottom #core {width: 920px; height: 100px; position: relative; left: 50%; margin-left: -460px; background: transparent url("/i/bottom.jpg") center bottom no-repeat;}
#bottom #core #contact {width: 450px; position: absolute; left: 10px; bottom: 7px; color: white; font-size: 16px;}
#bottom #core #contact a {text-decoration: none; color: white;}
#bottom #core #contact a:hover {text-decoration: underline; color: #cc66cc;} 

#bottom #core #copy {width: 200px; height: 30px; position: absolute; left: 50%; bottom: 5px; margin-left: -100px; text-align: center;}
#bottom #core #copy a {text-decoration: none; color: white; font-size: 16px;}
#bottom #core #copy a:hover {text-decoration: underline;}

.product {width: 180px; height: 170px; background: aqua; border: 2px #bdbec0 solid; padding: 4px; float: left; margin: 2px; background: white; position: relative;}
.product .photo {position: relative; left: 50%; margin-left: -55px; width: 110px;}
.product a img {background: white url("/i/s.gif") center center no-repeat; height: 110px; width: 110px; display: block; border: 2px white solid;}
.product .prod_name {display: block;}
.prodcut .prod_articul {display: block;}
.product form {margin: 0; padding: 0;}
.product form .text {border: 1px #bdbec0 solid; width: 70px;}
.product form button {border: none; background: none; margin: 0; padding: 0;}
.product form button .basket {background: #bdbec0; border: 3px #bdbec0 solid; color: white; padding: 2px;}

.manufacturers_icon {float: left; width: 150px; height: 50px; margin: 3px; border: 2px #bdbec0 solid;}
.manufacturers_icon img {height: 50px; text-align: center;}