* {	margin: 0; padding: 0; }
html {height: 100%}
/*
body { font: 12px Verdana,Arial,Helvetica,sans-serif; line-height: normal; width: 100%; height: 100%; background: #dccbdd url('/@/images/bg-gradient.png') repeat-x top left; }
*/
body { font: 12px Verdana,Arial,Helvetica,sans-serif; line-height: normal; width: 100%; height: 100%; background: #dccbdd url('/@/images/bg-left.gif') no-repeat top left;}

a { color: #C1272D; outline: none; text-decoration: underline;}
a:hover { text-decoration: none;}
p {margin: 0 0 18px; line-height: 18px;}
img { border: none;}
input {vertical-align: middle}
#wrapper { width: 940px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; }
#header { height: 190px; position: relative; }
#middle { width: 100%; padding: 0 0 100px; height: 1%;}
#middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0;}
#container { width: 100%; float: left; overflow: hidden; }
#content { padding: 0 20px 0 20px; width: 630px; float: left;}

/*
#content { padding: 0 240px 0 20px; }
.sr { float: right; width: 220px; margin-left: -220px; position: relative; margin-top: 75px;}
*/

.sr { float: left; width: 220px; position: relative; margin-top: 75px; margin-left: 20px;}
#footer { width: 940px; margin: -103px auto 0; height: 50px; padding: 20px 0px; font-size: 11px;}


#column1 { margin-left: 20px; width: 460px; float: left;}
#column2 { width: 420px; float: left; margin-left: 20px;}

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, blockquote, fieldset,
dl, dt, dd, caption { margin:0; padding:0; }

h1 {font-weight: normal; color: black; line-height: 60px; font-size: 32px;}
h2 {font-weight: normal; color: #736343; line-height: 40px; font-size: 22px;}
h3 {font-weight: bold; color: #333; line-height: 30px; font-size: 14px;}
ul, ol {list-style-image:none; list-style-position:outside; list-style-type:none;}

ul.menu {position: absolute; top: 120px; width: 940px; background: url('/@/images/bg-footer.png') no-repeat top; height: 46px; line-height: auto; }
ul.menu li a { color: white; }
/*
ul.menu li.first {background: url(/@/images/menu/left.png) no-repeat top left; width: 15px;}
ul.menu li.last {background: url(/@/images/menu/right.png) no-repeat top right; width: 15px;}
*/

ul.menu li { float: left;  font-size: 14px; height: 46px;}
ul.menu li.element  { padding: 14px 30px 0px 30px;}
/*
ul.menu li.element  { background: url(/@/images/menu/element.png) repeat-x top; padding: 14px 30px 0px 30px;}
*/

ul.profit {width: 860px; margin: 0 auto; padding: 10px 0;}
ul.profit li {float: left; padding: 10px 0px 10px 45px;  margin: 10px; width: 215px; font-size: 15px;}

ul.profit li.pen {background: url('/@/images/profit/pen.gif') no-repeat top left;}
ul.profit li.lamp {background: url('/@/images/profit/lamp.gif') no-repeat top left;}
ul.profit li.garanty {background: url('/@/images/profit/garanty.gif') no-repeat top left;}
ul.profit li.clock {background: url('/@/images/profit/clock.gif') no-repeat top left;}
ul.profit li.plus {background: url('/@/images/profit/plus.gif') no-repeat top left;}


#logotype a.name {position: absolute; top: 20px; left: 80px;}
#logotype a.logo {color: black; position: absolute; top: 20px; left: 320px;}

#telephone {top: 25px; right: 80px; position: absolute; font-size: 32px; padding: 5px 0px 5px 45px; background: url('/@/images/phone.gif') no-repeat top left;}

#footer ul {padding: 15px 20px 0px 20px; background: url('/@/images/bg-footer.png') no-repeat top; height: 46px;}
#footer ul li {float: left; color: white; }
#footer ul li.first {width: 25%;}
#footer ul li.middle {text-align: center; width: 50%; }
#footer ul li.last {text-align: right; width: 25%;}

a.photo img {margin: 0 10px 10px 0px;}

.column div.block {width: 300px; height: 50px;  padding: 12px 10px; margin: 10px auto;}
.column div.calculator {background: url('/@/images/bg-calculator.gif') no-repeat top left; }
.column div.portfolio {background: url('/@/images/bg-portfolio.gif') no-repeat top left; }
.column div.block a {font-size: 18px; color: white; padding-left: 60px;}

ul.form { margin-left: 100px; list-style-type: none!important; }
ul.form li p {color: #666; font-size: 10px;}
ul.form li label {display: block; color: black; font-size: 14px;}
ul.form li label.req {color: red;}
ul.form li input {font-size: 24px; width: 350px;}
ul.form li select {font-size: 24px; width: 350px;}
ul.form li input.submit {font-size: 24px; width: auto; padding: 10px;}
ul.form li textarea {width: 400px; height: 100px; font-size: 24px; font-family: Verdana,Arial,Helvetica,sans-serif; }
ul.form li.last {list-style-type:none;}

#result {display: none; font-size: 16px; margin: 30px 40px;}
#result b {font-size: 24px;}

#error {display: none; font-size: 16px; margin: 30px 40px; color: #990000; }

div.submenu {margin-bottom: 20px;}
div.submenu .top {background: #f5deff url('/@/images/sidebar/menu-top.gif') no-repeat top; height: 10px;}
ul.submenu {background-color: #f5deff; padding: 15px 15px; }
ul.submenu li {line-height: 1.8; font-size: 130%; margin-bottom: 13px;}
div.submenu .bottom {background: #f5deff url('/@/images/sidebar/menu-bottom.gif') no-repeat bottom; height: 10px; }

.sr .block {width: 220px; height: 90px; padding: 15px; margin: 0px 0px 15px 0px; }
.sr .calculator {background: url('/@/images/sidebar/calculator.gif') no-repeat top left; }
.sr .calculator a {display: block; font-size: 18px; color: white; padding-left: 60px; margin-top: 5px; }