html{color:#000;background:#FFF;}
body,img,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;} 
ol li{list-style:decimal}

form {display: inline; padding: 0; margin: 0;}
input, textarea {background-color: #ffffff; border: 1px solid #656565; color: #000000; font-size: 12px;}
select {border: 1px solid #656565; color: #000000; font-size: 12px;}
label {font-size: 12px;}

a img {border: 0;}

a {color: #5f9292; font-size: 12px; text-decoration: underline;}
a:hover {color: #5f9292; font-size: 12px; text-decoration: none;}

p {text-indent: 0px; margin: 7px 0; font-size: 12px;}
p.otstup {text-indent: 0px; margin: 7px 0px 7px 10px; font-size: 12px;}

ul {padding: 0; margin: 0; font-size: 12px;}
ol {padding: 0; margin: 0; font-size: 12px;}

hr {border: solid #000000 0px; border-top-width: 2px; height: 0px;}
.calchr {border: dotted #000000 0px; border-top-width: 1px; height: 0px;}

h1 {color: #5f9292; font: bold 28px Tahoma, Verdana; text-align: left; margin: 0 0 10px 0; padding: 0px;}
h1 a {color: #5f9292; font: bold 28px Tahoma, Verdana; text-align: left; margin: 0 0 10px 0; padding: 0px; text-decoration: none; cursor: inherit}
h1 a:hover {color: #5f9292; font: bold 28px Tahoma, Verdana; text-align: left; margin: 0 0 10px 0; padding: 0px; text-decoration: none;}
h2 {color: #5f9292; font: normal 22px Tahoma, Verdana; text-align: left; margin: 0; padding: 0px;}
h2 a {color: #5f9292; font: normal 22px Tahoma, Verdana; text-align: left; margin: 0; padding: 0px; text-decoration: none;}
h2 a:hover {color: #5f9292; font: normal 22px Tahoma, Verdana; text-align: left; margin: 0; padding: 0px; text-decoration: none;}
h3 {color: #5f9292; font: normal 18px Tahoma, Verdana; text-align: left; margin: 0; padding: 0px;}
h4,h5,h6 {color: #5f9292; font: normal 16px Tahoma, Verdana; text-align: left; margin: 0; padding: 0px;}

html, body {margin:0; padding:0; font-size: 12px; font-family: Tahoma, Verdana;}

#all {margin: 0 auto; width: 1000px; min-width: 1000px;}
#header {position: relative; background: #ffffff url(../images/tpl/header.jpg) no-repeat; width: 1000px; height: 426px; margin: 0 auto;}
#main {width: 960px; margin: 0 auto; padding: 30px 20px;}
#footer {position: relative; border-top: 1px solid #9c9c9c; width: 1000px; height: 80px; margin: 0 auto;}

.adr{position: absolute; color: #0e2f2f; font: normal 14px Tahoma, Verdana; right:0; top:130px;}

.top-icon ul {position: absolute; float: left; list-style: none; top: 53px; left: 130px;}
.top-icon ul li {float: left; margin-left: 45px; padding: 0;}
.top-icon ul li a {float: left; background: url(../images/tpl/top-icon.png) no-repeat; width: 43px; height: 43px;}
.top-icon ul li a:hover {float: left; background: url(../images/tpl/top-icon-hover.png) no-repeat; width: 43px; height: 43px;}
.top-icon ul li a span.home {display: block; background: url(../images/tpl/home.png) no-repeat center; width: 43px; height: 43px;}
.top-icon ul li a:hover span.home {display: block; background: url(../images/tpl/home-hover.png) no-repeat center; width: 43px; height: 43px;}
.top-icon ul li a span.map {display: block; background: url(../images/tpl/map.png) no-repeat center; width: 43px; height: 43px;}
.top-icon ul li a:hover span.map {display: block; background: url(../images/tpl/map-hover.png) no-repeat center; width: 43px; height: 43px;}
.top-icon ul li a span.contacts {display: block; background: url(../images/tpl/email.png) no-repeat center; width: 43px; height: 43px;}
.top-icon ul li a:hover span.contacts {display: block; background: url(../images/tpl/email-hover.png) no-repeat center; width: 43px; height: 43px;}

.top-icon ul li.active {float: left; background: url(../images/tpl/top-icon-hover.png) no-repeat; width: 43px; height: 43px;}
.top-icon ul li span.home-active {display: block; background: url(../images/tpl/home-hover.png) no-repeat center; width: 43px; height: 43px;}
.top-icon ul li span.map-active {display: block; background: url(../images/tpl/map-hover.png) no-repeat center; width: 43px; height: 43px;}
.top-icon ul li span.contacts-active {display: block; background: url(../images/tpl/email-hover.png) no-repeat center; width: 43px; height: 43px;}

.our-film {position: absolute; float: left; top: 208px; left: 27px;}
.our-film a {color: #396b6b; font: bold 16px Tahoma, Verdana; text-decoration: underline;}
.our-film a:hover {color: #396b6b; font: bold 16px Tahoma, Verdana; text-decoration: none;}

.t-menu-zabory {position: absolute; background: url(../images/tpl/t-menu-l.png) no-repeat left; height: 27px; top: 355px; left: 49px;}
.t-menu-fonari {position: absolute; background: url(../images/tpl/t-menu-l.png) no-repeat left; height: 27px; top: 300px; left: 175px;}
.t-menu-fonari a:hover { text-decoration: underline;}
.t-menu-dveri {position: absolute; background: url(../images/tpl/t-menu-l.png) no-repeat left; height: 27px; top: 300px; left: 380px;}
.t-menu-perila {position: absolute; background: url(../images/tpl/t-menu-l.png) no-repeat left; height: 27px; top: 355px; left: 530px;}
.t-menu-perila a:hover { text-decoration: underline;}
.t-menu-reshetki {position: absolute; background: url(../images/tpl/t-menu-l.png) no-repeat left; height: 27px; top: 300px; right: 275px;}
.t-menu-garazh-vorota {position: absolute; background: url(../images/tpl/t-menu-l.png) no-repeat left; height: 27px; top: 300px; right: 55px;}
.t-menu-garazh-vorota  a:hover { text-decoration: underline;}
.t-menu-vorota {position: absolute; background: url(../images/tpl/t-menu-l.png) no-repeat left; height: 27px; top: 355px; right: 15px;}
.t-menu-vorota  a:hover { text-decoration: underline;}
a.t-menu-m {float: left; background: url(../images/tpl/t-menu-m.png) repeat-x; color: #396b6b; font-weight: bold; margin-left: 8px; height: 27px; line-height: 24px;}
a:hover.t-menu-m {float: left; background: url(../images/tpl/t-menu-m.png) repeat-x; color: #396b6b; margin-left: 8px; height: 27px; line-height: 24px;}
.t-menu-r {float: left; background: url(../images/tpl/t-menu-r.png) no-repeat right; width: 8px; height: 27px;}

#top-menu {overflow: hidden; background: #598e8e url(../images/tpl/top-menu.jpg) no-repeat; width: 1000px; height: 61px;}
#top-menu ul {float: left; list-style: none; width: 1000px; height: 61px;}
#top-menu ul li {float: left;}
#top-menu ul li a {float: left; color: #ffffff; font: bold 18px Tahoma, Verdana; margin: 20px 5px 0 40px; text-decoration: underline;}
#top-menu ul li a:hover {float: left; color: #174a4a; font: bold 18px Tahoma, Verdana; margin: 20px 5px 0 40px; text-decoration: none;}

.do {float: left; width: 105px; padding: 0 15px 0 30px; text-align: center; height: 305px;}
.do img {margin-top: 50px;}
.do1 {float: left; width: 105px; padding-right: 15px; text-align: center; height: 305px;}
.do1 img {margin-top: 50px;}
.do2 {float: left; width: 105px; padding-right: 15px; text-align: center; height: 305px;}

ul.main-pic {float: left; list-style: none;}
ul.main-pic li {border: 1px solid #000000; margin-bottom: 7px;}

ul.main-pic li.vorota1 {float: left; margin-left: 15px; padding: 0; background: url(../images/content/vorota1.jpg) no-repeat center; width: 150px; height: 113px; padding: 5px;}
ul.main-pic li.vorota2 {float: left; margin-left: 15px; padding: 0; background: url(../images/content/vorota2.jpg) no-repeat center; width: 150px; height: 113px; padding: 5px;}
ul.main-pic li.vorota3 {float: left; margin-left: 15px; padding: 0; background: url(../images/content/vorota3.jpg) no-repeat center; width: 150px; height: 113px; padding: 5px;}

ul.main-pic li.kovka1 {float: left; margin-left: 15px; padding: 0; background: url(../images/content/kovka1.jpg) no-repeat center; width: 150px; height: 113px; padding: 5px;}
ul.main-pic li.kovka2 {float: left; margin-left: 15px; padding: 0; background: url(../images/content/kovka2.jpg) no-repeat center; width: 150px; height: 113px; padding: 5px;}
ul.main-pic li.kovka3 {float: left; margin-left: 15px; padding: 0; background: url(../images/content/kovka3.jpg) no-repeat center; width: 150px; height: 113px; padding: 5px;}

ul.main-pic li.zabory1 {float: left; margin-left: 15px; padding: 0; background: url(../images/content/zabory1.jpg) no-repeat center; width: 150px; height: 113px; padding: 5px;}
ul.main-pic li.zabory2 {float: left; margin-left: 15px; padding: 0; background: url(../images/content/zabory2.jpg) no-repeat center; width: 150px; height: 113px; padding: 5px;}
ul.main-pic li.zabory3 {float: left; margin-left: 15px; padding: 0; background: url(../images/content/zabory3.jpg) no-repeat center; width: 150px; height: 113px; padding: 5px;}

.dveri-pic {float: left; width: 195px; text-align: right;}
.dveri-text {float: left; margin-left: 20px; width: 740px;}
.dveri-price {font-weight: bold; font-size: 14px;}

.content-left {position: relative; float: left; width: 550px; margin-right: 20px;}
.content-right {float: left; width: 390px;}

.pic-left {float: left; margin-right: 5px;}
.pic-right {float: right; margin-left: 5px;}

.content-table {font-size: 1em;}
.content-table td {vertical-align: middle; padding: 5px;}

.calcPrice {color: #5f9292; font: bold 22px Tahoma, Verdana;}
.CalcPriceRem {color: #5f9292; font: bold 12px Tahoma, Verdana;}
.calcPriceSmall {color: #5f9292; font: bold 18px Tahoma, Verdana;}

ul.site-map {margin-left: 15px; color: #5f9292;}
ul.site-map li {margin-top: 5px;}
ul.site-map li ul {margin-left: 15px;}

.banner1 {position: absolute; top: 75px; left: 35px;}

#footer div.copy {position: absolute; background: url(../images/tpl/footer.jpg) no-repeat right; color: #8b8b8b; font-size: 11px; padding-right: 80px; text-align: right; top: 9px; left: 290px; width: 270px;}
#footer div.copy a {color: #ff6c00; font-size: 11px;}

#footer div.counter {position: absolute; top: 25px; right: 10px;}

.center {text-align: center;}

.clear {font-size: 0pt; clear: both;}
