* {margin: 0; padding: 0 }
HTML {margin: 0px; padding: 0px; height: 100%; width: 100%}
BODY {margin: 0px; padding: 0px; font-size: 62.5%; font-family: Arial; height: 100%; width: 100%; background: url(img/background.jpg) repeat-x; background-color: #d1ebf1; min-width: 1000px}
IMG {border: 0px; behavior: url(iepngfix.htc)}
A {text-decoration: underline; color: #000}
A:hover {text-decoration: none}
h1 { font-size: 1.8em; color: #333; font-weight: 700; padding: 0; margin: 15px 0 15px 10px; font-family: "Myriad Pro", "Tahoma";}
a h1 { text-decoration: none; color: #333}
a:hover h1 {text-decoration: underline}
p {font-size: 1.2em; line-height: 1.5em; margin: 12px 10px; }
.left-colomn {width: 70%; float: left; margin-top: 0px; //margin-top:40px; margin-left: 5%;}
.left-colomn .menu {position: relative; font-size: 1.4em; font-family: "Myriad Pro", "Tahoma"; list-style: none;}
.left-colomn .menu li {padding: 0px;position: relative; padding: 0px 2% 0 0; float: left; }
.left-colomn .menu li a {color: #fff; text-decoration: underline; display: block; //display: auto; cursor: pointer; position: relative; height: 17px; padding: 11px 10px 10px 10px; }
.left-colomn .menu li a:hover, .left-colomn .menu li.visit a {text-decoration: none; background: #274965; }
.right-colomn {margin-left: 74%; position: relative; padding-right:1%}
*html .left-colomn {margin-left: 30px}
.ssilki {position: absolute; left: 0; top: 146px; width:40px; height: 102px; background: url(img/background-ssilki.gif) no-repeat; text-align: center;}
.ssilki img {padding: 15px 10px 2px 5px;}
.pagemain1 {min-height: 100%; min-width: 1000px; }
* html .pagemain1 {height: 100%;}
.bottomplaceholder {height: 470px; display: block; clear: both;}
.footer {height: 500px; margin-top: -500px; background: url(img/footer.jpg) bottom center no-repeat;}
.footer .text {color: #fff; font-size: 1.2em; padding: 390px 0 0 0; margin-left: 5%; padding-left: 15px; width: 70%; line-height: 1.5em;}
.footer .text a {color: #fff;}
.logo { position: relative; font-family: "Myriad Pro", "Tahoma"; color: #fff; font-size: 1.7em; line-height: 1.5em; margin-top: 40px}
.logo a {color: #fff; text-decoration:none}
.logo .logo-pic {width: 79px; height: 76px; position: absolute; left: -80px; top: -25px;}
*html .logo .logo-pic {left: -90px;}
.logo div {font-size: 16px;}
.logo .float {float: left; position: relative; margin: 5px 10px 40px 0px;}
.division {margin-top: 40px; //margin-top: 53px; position: relative; }
.division .item { cursor: pointer; float: left; width: 28%; margin: 30px 2.5% 0 0; height: 100px; position: relative; font-size: 1.6em; color: #fff; font-family: "Myriad Pro", "Tahoma"; }
.division a .item { text-decoration: none; color: #fff; position: relative; display: block; top: 0px;}
.division a:hover .item {text-decoration: none}
.division .item div.a { margin-top: 46px; position: relative; top: 6px;}
.division .item span {font-family: Arial; font-size: 10px; position: absolute; left: 15px; top: 15px;}
.division a .item span {text-decoration: none;}
.division .keramzit {position: absolute; width: 124px; height: 96px; right: -15px; top: -15px;}
.division .keramzit-block {position: absolute; width: 115px; height: 80px; right: 10px; top: -15px;}
.division .izvest {position: absolute; width: 137px; height: 99px; right: -15px; top: -25px;}
.division .pliti {position: absolute; width: 129px; height: 98px; right: -10px; top: -15px;}
.division .jbi {position: absolute; width: 134px; height: 82px; right: -7px; top: -5px;}
.division .smesi {position: absolute; width: 80px; height: 117px; right: -2px; top: -15px;}
.inner-box {
padding:1em;
}
.r1, .r2, .r3, .r4, .r5, .r6, .r7, .r8, .r9, .r10 {
display: block;
height: 1px;
overflow: hidden;
font-size:1px;
}
.r10 { margin: 0 10px; }
.r9 { margin: 0 9px; }
.r8 { margin: 0 8px; }
.r7 { margin: 0 7px; }
.r6 { margin: 0 6px; }
.r5 { margin: 0 5px; }
.r4 { margin: 0 4px; }
.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }
.inner-box, b { background-color: #3e5b76; }
/* уменьшаем отступы по мере роста радиуса закругления */
.divison .inner-box { padding: 0.4em 1em;}
.division .item b { background-color: #3e5b76;}
.division .inner-box { padding: 0.5em 0.4em 0.4em 0.9em;}
.two-block .item .inner-box, .two-block .item b { background-color: #87b1d6;}
.two-block .inner-box { padding: 0em 1em;}
.two-block {position: relative; margin-top: 30px; //margin-top: 50px }
.two-block .item { float: left; width: 43.3%; margin: 0px 2.5% 0 0; position: relative; font-size: 1.7em; color: #fff; font-family: "Myriad Pro", "Tahoma"; }
.two-block .item a {color: #fff; text-decoration: none}
.two-block .item a:hover {text-decoration: underline}
*html .two-block .item {width: 43.7%}
.block-text {padding-top: 20px; margin-right: 15%; min-height: 300px}
*html .block-text {height: 300px}
.block-text li {
margin-left: 25px;
font-size: 12px;
padding-bottom: 5px;
}
.predlog {margin-left: 1.5em; left: -0.5em; font-size: 1.5em; color: #004992; font-family: "Myriad Pro", "Tahoma"; }
.predlog .item .inner-box, .predlog .item b { background-color: #d7ebfe;}
.predlog .inner-box { padding: 0.5em 0.4em 0.4em 0.9em;}
.predlog a {color: #004992; text-decoration: none; }
.predlog .item {position: relative; height: 120px; margin-top: 10px; margin-bottom: 40px; }
.predlog .preg {position: absolute; top: 67px; left: -35px; width: 193px; height: 75px; z-index: 1000 }
.predlog .preg1 {position: absolute; top: 35px; left: 0px; width: 123px; height: 102px; }
.predlog .item .p1 {margin-left: 23px;}
.predlog .item .p2 {margin-left: 110px;}
.predlog .item .p3 {margin-left: 150px;}
.predlog .item .p4 {margin-left: 130px;}
.predlog .item .p5 {margin-left: 130px;}
.predlog .inner-box { height: 80px; padding: 0.5em 0.4em 0.4em 0.9em;}
.othp {min-height: 600px;}
*html .othp {height: 600px}
.two-block td div {
padding-left: 20px;
font: normal 13px Arial;
}
.two-block td div h2 {
padding-bottom: 10px;
padding-left: 5px;
}
.two-block td div input, .two-block td div textarea {
font: normal 13px Arial;
margin-bottom: 2px;
border: 1px solid #3399CC;
color: #222;
width: 300px;
height: 20px
}
.two-block td div textarea {
height: 60px;
}
#submit,#submit1 {
width: auto;
background: transparent;
border: none;
font: bold 16px Arial;
}
.two-block td div img {
border: 1px solid #3399CC;
}
.map ul, .map li {
list-style-image: url('blank.gif');
}
.map li {
font: normal 14px Arial;
padding-bottom: 3px;
padding-top: 3px;
padding-left: 25px;
}
.tbl {
border-top: 1px solid #006699;
border-left: 1px solid #006699;
margin-bottom: 20px;
}
.tbl td {
padding: 5px;
font-size: 12px;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #006699;
border-bottom-color: #006699;
}
.tbl td h5{
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}