/* Общие  */
html {margin: 0; padding: 0;}
body {margin: 0; padding: 0; font-family: verdana, Helvetica, sans-serif; background: #EBEEF5 url(../i/bg-body.jpg) repeat-x; color: #666; font-size: 12px; vertical-align: top;}

span {font-family: verdana, Helvetica, sans-serif;}
h1 {color: #CD0000; font-size: 22px; font-weight: normal;}
h2 {color: #CD0000; font-size: 18px; font-weight: normal;} 
h3 {color: #CD0000; font-size: 22px; font-weight: normal; text-align: right; margin: 0 35px 30px 0; padding: 0;} 
h4 {color: #CD0000; font-size: 22px; font-weight: normal;}

th {font-size: 12px;}
td {font-size: 12px;}

.offer {font-size:11px;}

a {color: #A30706; text-decoration: none;}
a:hover {color: #A30706; text-decoration: underline;}

a.whitea {color: #fff; text-decoration: none;}
a.whitea:hover {color: #fff; text-decoration: underline;}

a img {border: 0;}
p, ul {text-align:justify;}

.mainT {background: url(../i/bg-footer.jpg) left bottom repeat-x;}

/* Шапка */
#flashLogo {position: absolute; left: 85px; top: 122px;}

td.head {background: url(../i/kortinko.jpg) left bottom no-repeat; height: 212px;}

#topMenu {clear: both; height: 107px; width: 100%;  margin: 0; padding: 0; position: absolute; top: 0; left: 0;}
	a.tmitem {background: url(../i/menu-spacer.gif) right top no-repeat; margin: 0; padding-top: 20px; height: 63px; width: 10%; color: #474747; text-decoration: none; text-align: center; display: block; float: left;}
	a.tmitem:hover {background: transparent url(../i/tm-hover.jpg) right top no-repeat; color: #474747; text-decoration: none;}

#header {clear: both;}
#logoBlock {margin: 62px 0 0 0; //margin: 62px 0 0 138px; float: left;}
#phoneBlock {float: right; background: url(../i/phone-red.gif) center top no-repeat; width: 180px; color: #EBEEF5; font-weight: bold; padding-top: 33px; margin: 60px 20px 0 0; font-size: 10pt;}


/* Меню слева */
.leftCol {width: 200px;}

div.menuItem {padding: 3px 10px 0px 17px; background: url(../i/menuItem.gif) no-repeat; margin: 0 0 1px 40px; width: 228px; height: 23px; //height: 26px;}

div.menuItem2 {padding: 3px 10px 0px 17px; background: url(../i/menuItem2.gif) no-repeat; margin: 0 0 1px 40px; width: 228px; height: 43px; //height: 26px;}

a.menu {color: #fff; text-decoration: none; background: url(../i/arrow.gif)  left center no-repeat; padding-left: 22px; font-weight: bold;}
a.menu:hover {color: #D3D6E1; text-decoration: underline; background: url(../i/arrow.gif) 5px center no-repeat;}


/* Контент  */
#shesterni {position: absolute; left: 45px; top: 750px; //top: 275px; z-index: 3;}
#shesterni2 {position: absolute; right: 120px; top: 255px; //top: 275px; z-index: 3;}

td.cont {padding: 16px 30px 0 0px;}
.conts p {margin: 0 10px 0 10px!important;}

td.stripe {background: url(../i/stripe.gif) left top repeat-x;}
td.offer {background: url(../i/block_new.gif) left top no-repeat; padding-bottom:10px;}

.off-name {color: #D30000;  width: 140px; text-align: center; padding-top: 4px;}
.off-img {display: block; width: 140px; margin-left: 1px; margin-top:7px;}
.off-char {color: #D30000; height: 65px; width: 75px; float: left; margin: 4px 0 0 7px; //margin-left: 4px;}
.off-price {color: #fff; font-weight: bold; width: 50px; height: 35px; margin-top: 33px; margin-left: 93px; //margin-left: 88px; text-align: center; padding-bottom: 20px; padding-top:5px;}
.zagolovok {text-align:left; font-size:22px; margin:58px 0px 55px 0px;}
.zagolovok_bott {text-align:center; font-size:22px; margin:30px 0px 43px 0px; color:#CD0000;}
.zagolovok a {color:#CD0000;}

/* Правая колонка */
.rightCol {width: 10%; padding: 86px 20px 0 0;}

div.service {background: url(../i/red-arr.gif) left 5px no-repeat; padding-left: 15px; margin: 7px 0 7px 0;}
div.service2 {background: url(../i/red-arr.gif) left 5px no-repeat; padding-left: 15px; margin: 7px 0 7px 0; float: right; padding-right: 10px;}

a.rightM {color: #474747; text-decoration: none; height: 20px;}
a.rightM:hover {color: #A30706; text-decoration: underline;}


/* Подвал */
.footer {padding: 26px 0 0 20px; height: 151px; color: #FFF;}
.footer a:hover {color: #FFF;}
.footer a {color: #FFF; text-decoration: underline;}
.footer_norm a:hover {color: #FFF; font-weight: bold; }
.footer_norm a {color: #FFF; text-decoration: underline; font-weight: bold;}
.footer2 {width:100% !important;}
.footer3 {padding: 60px 20 0 0px; height: 151px; color: #FFF;}
.footer4 {padding: 55px 20px 0 20px; height: 151px; color: #FFF;}
.footer4m {padding: 45px 20px 0 20px; height: 151px; color: #FFF; }
.footer_norm { color: #FFF; padding:0px 20px 10px 20px; text-align:justify;}
.map  a { color: #FFF; margin:0px 0px 10px 20px; text-align:left; font-weight: bold; font-size: 10px;}
.map  a:hover { color: #FFF; margin:0px 0px 10px 20px; text-align:left; font-weight: bold; font-size: 10px;}

.counters {padding: 15px;}
.counter {margin: 0 5px 10px 0;}

a.fign1 {background: url(../i/count1.gif) no-repeat; display: block; float: left; height: 39px; width: 82px; margin: 0 7px 5px 0;}
a.fign1:hover {background: url(../i/count1c.gif) no-repeat;}
a.fign2{background: url(../i/count2.gif) no-repeat; display: block; float: left; height: 39px; width: 82px; margin: 0 7px 5px 0;}
a.fign2:hover {background: url(../i/count2c.gif) no-repeat;}
a.fign3 {background: url(../i/count3.gif) no-repeat; display: block; float: left; height: 39px; width: 82px; margin: 0 7px 5px 0;}
a.fign3:hover {background: url(../i/count3c.gif) no-repeat;}
a.fign4 {background: url(../i/count4.gif) no-repeat; display: block; float: left; height: 39px; width: 82px; margin: 0 7px 5px 0;}
a.fign4:hover {background: url(../i/count4c.gif) no-repeat;}
a.fign5 {background: url(../i/count5.gif) no-repeat; display: block; float: left; height: 39px; width: 82px; margin: 0 7px 5px 0;}
a.fign5:hover {background: url(../i/count5c.gif) no-repeat;}
a.fign6 {background: url(../i/count6.gif) no-repeat; display: block; float: left; height: 39px; width: 82px; margin: 0 7px 5px 0;}
a.fign6:hover {background: url(../i/count6c.gif) no-repeat;}
a.fign7 {background: url(../i/count7.gif) no-repeat; display: block; float: left; height: 39px; width: 82px; margin: 0 7px 5px 0;}
a.fign7:hover {background: url(../i/count7c.gif) no-repeat;}

.schet3 {height:35px; float: center; margin-top: -20px;}
.schet2 {height:35px; float: left; margin-top: -42px;}
.schet2 div {float: left;}
.schet {height:50px; vertical-align: middle; float: right; width: 200px;}
.schet div {float: left; padding-right: 5px;}

div.tt  h1{width:100%; font-size:14px; font-weight:bold; text-align:justify;}
/*map*/
dt {margin: 10px 0 10px 0; color: #A30706;}

#steel_catalogue TABLE {font-family: Verdana, Sans-serif; font-size: 12px;  text-align:center ; border:solid 0px darkblue;margin:5px;}
#steel_catalogue TD {font-family: Verdana, Sans-serif; font-size: 12px;  text-align:center ; border:solid 1px darkblue; margin:2px;}
#steel_catalogue td.t10 {border: solid 1px darkblue;}
#steel_catalogue td.t11 {color:white; border: solid 1px darkblue; background-color:#C60102;}
#steel_catalogue h1 {color: #CD0000; font-size: 22px; font-weight: normal;}
