a { color:#900; text-decoration:none }
a:hover { color:#C00; text-decoration:underline }

img { border:none }
ul, ol { list-style:none }
form, fieldset { border:none }
ul, ol, form, fieldset { margin:0; padding:0 }
body, h1, h2, h3, h4, h5, h6, dl, dt, dd, p { margin:0 }
table { border-collapse:collapse }
p { text-align:justify }

body { background:#000; font-size:100%; font-family:Times New Roman, sans-serif; color:#000 }
html, body { background:url(../img/bg-main.jpg); height:100% }

.main-max { max-width:1200px; margin:0 auto }
.main-min { min-width:1000px; overflow:hidden }

/* header */
#header { height:285px; margin-top:50px }
.header-left { background:url(../img/bg-header-left.png) no-repeat 0 0; height:285px }
.header-figth { height:285px; width:100%; position:relative; overflow:hidden }
.header-figth .bg { background:url(../img/bg-header-right.png) no-repeat 100% 0; height:285px; padding:30px 40px 0 40px }

.line { display:block; background:url(../img/bg-line.png) repeat-x 0 100% }
.line .number { background:url(../img/number.png) no-repeat; width:65px }

.train { float:left; background:url(../img/train.png) no-repeat; display:block; position:relative; width:303px; height:196px }

/* phones block */
.phone { width:200px; float:right; margin:30px 0 0 0; text-align:center; padding:0; font-family:Arial }
.phone .big { font-size:100% }
.phone .big strong { font-size:160% }
.phone ul { width:100%; overflow:hidden; padding-top:5px }
.phone ul li { float:left; padding:0 }
.phone ul li strong { font-size:160% }
.phone ul li.num { float:left; padding:0 0 0 8px; font-size:110%; font-weight:bold }

.phone .sm { font-size:100% }
.phone .sm strong { font-size:120% }
.tel { margin:5px 0; padding:0; font-family:Arial }
.tel strong { font-size:120% }

/* logo */
.logo-block { display:block; height:172px; padding:25px 0 0 0; margin:0; overflow:hidden }
.logo, .logo a { text-align:center; margin:0 auto; padding-top:40px; display:block; width:357px; height:78px }
.logo a { text-indent:-9999px; overflow:hidden }
.logo { background:url(../img/logo.png) no-repeat 0 100% }
.date { display:block; position:absolute; top:225px; right:43px }

/* menu */
.menu { background:url(../img/bg-menu.png) repeat-x; height:41px; overflow:hidden; margin:0; padding:0 }
.menu a { text-indent:-9999px; overflow:hidden }
.menu ul { padding-top:9px }
.menu ul li { float:left; height:26px; width:16% }
.menu ul li a { display:block; width:100%; height:26px; text-indent:-9999px; overflow:hidden }
.menu ul li.about { background:url(../img/about.png) no-repeat 50% 0 }
.menu ul li.intrest { background:url(../img/intrest.png) no-repeat 50% 0 }
.menu ul li.concrete { background:url(../img/concrete.png) no-repeat 50% 0 }
.menu ul li.price { background:url(../img/price.png) no-repeat 50% 0 }
.menu ul li.contacts { background:url(../img/contacts.png) no-repeat 50% 0 }
.menu ul li.docs { background:url(../img/docs.png) no-repeat 50% 0 }

/* content */
#content { width:100% }
.content-left { background:url(../img/bg-content-left.png) repeat-y }
.content-left:after { height:0; clear:both; content:""; display:block }
.content-figth { width:100%; position:relative; overflow:hidden }
.content-figth .bg { background:url(../img/bg-content-right.png) repeat-y 100% 0; padding:0 40px }

* html .main-wrapp { margin-left:-3px; position:relative }
.main-wrapp { height:1%; overflow:hidden }

/* block1 */
.block1 { margin-top:10px; display:block; overflow:hidden }
.block1 p { padding:10px 0 0 0 }
.block1 .right { float:right; width:270px; padding:10px 0 0 10px }

/* block2 */
.block2 { margin-top:10px; display:block; overflow:hidden }
.block2 p { padding:10px 0 0 0 }
.block2 h1 { font-size:150%; padding:10px 0 }
.block2 .brown { color:#4B2C0F }
.block2 .left { float:left; width:270px; padding:10px 10px 0 0 }

/* block3 */
.block3 { margin-top:10px; display:block; overflow:hidden }
.block3 .head { height:30px; display:block; background:url(../img/bg-line.png) repeat-x 0 100% }
.block3 .head div.pesok { background:url(../img/head-pesok.png) no-repeat; height:27px; width:65px; display:block }
.block3 .head div.sheben { background:url(../img/head-sheben.png) no-repeat; height:27px; width:65px; display:block }
.block3 .head div.beton { background:url(../img/head-beton.png) no-repeat; height:27px; width:65px; display:block }
.block3 .head a { display:block; width:100%; height:27px; text-indent:-9999px; overflow:hidden }
.block3 ul li { float:left; width:31%; overflow:hidden; padding-left:20px }
.block3 ul li:first-child { padding-left:0 }
.block3 ul li p { padding:0; display:block; width:100% }
.block3 ul li p.right { text-align:right }
.block3 .more { background:url(../img/more.png) no-repeat 0 5px; padding:0 10px }

/* block4 */
.block4 { margin-top:10px; display:block; overflow:hidden }
.block4 p { font-size:110%; padding:20px 200px 0 0 }
.block4 .left { float:left; width:180px; padding:0 }
.block4 .right { float:right; width:100px; padding:10px 10px 0 0 }

/* block5 */
.block5 { margin-top:10px; display:block; overflow:hidden }
.block5 .head { height:30px; display:block; background:url(../img/bg-line.png) repeat-x 0 100% }
.block5 .head div.pesok { background:url(../img/head-pesok.png) no-repeat; height:27px; width:65px; display:block }
.block5 .head div.sheben { background:url(../img/head-sheben.png) no-repeat; height:27px; width:65px; display:block }
.block5 .head div.beton { background:url(../img/head-beton.png) no-repeat; height:27px; width:65px; display:block }
.block5 .head a { display:block; width:100%; height:27px; text-indent:-9999px; overflow:hidden }
.block5 ul li.a { float:left; width:41%; overflow:hidden; padding-left:0 }
.block5 ul li.b { float:left; width:27%; overflow:hidden; padding-left:20px }
.block5 h1 { font-size:150%; padding:0 }
.block5 h2 { font-size:120%; color:#900; padding:0 }

/* info-block */
.info-block { margin-top:10px; display:block; overflow:hidden }
.info-block h1 { font-size:150%; padding:10px 0 5px 0 }
.info-block h2 { font-size:130%; color:#900; padding:10px 0 0 0 }
.info-block h3 { font-size:120%; padding:10px 0 0 0 }
.info-block p { padding:5px 0; align-text:justify }
.info-block .pad20 { padding:10px 0 10px 20px }
.info-block .right { float:right; padding-left:10px }
.info-block .left { float:left; padding-right:10px }

ul.arrow { margin:10px }
ul.arrow li, ul.arrow li:first-child { background:url(../img/arrow.png) no-repeat 0 5px; width:100%; padding:0 0 0 20px }

.contact dl { margin:10px 0 10px 20px; font-size:110% }
.contact dl dt { float:left; padding:3px 0; font-weight:bold }
.contact dl dd { margin-left:100px; padding:3px 0 }

/* form */	
.form_name { color:#000; font-weight:bold; border-top:#e1d3a7 1px solid; padding:3px 10px 3px 3px; white-space:nowrap }
.form_content { border-top:#e1d3a7 1px solid; white-space: nowrap }
.form_button { border-top:#e1d3a7 1px solid; padding:10px 0 0px 5px }
.form_content input { font-size:11px; color:Black; background-color:#dfd3b7; border:0px; padding:2px 3px 3px }
.form_content select { font-size:11px; color:Black; height:18px; background-color:#dfd3b7; border:0px; padding:2px 3px 2px }
.form_content textarea { font-size:11px; color:Black; height:50px; background-color:#dfd3b7; border:0px; padding:2px 3px 2px }
.warning { font-size:110%; color:#900 }
.btn-send { background:url(../img/btn-send.png) no-repeat; width:145px; height:34px; display:block; border:none; cursor:pointer }

/* table */
.tab table { border-collapse:collapse }
.tab table th { padding:10px; border-left:#cdb384 1px Solid; border-top:0px; border-right:#cdb384 1px Solid; border-bottom:0px; background:#97673b; color:#f3e5cb }	
.tab table th.arrow { padding:0px; height:6px; border-left:#cdb384 1px Solid; border-top:0px; border-right:#cdb384 1px Solid; border-bottom:0px; background:#FFF url(../img/tab-box-arrow.png) no-repeat 50% 0 }	
.tab table td { padding:3px 10px; border-left:#cdb384 1px Solid; border-top:0px; border-right:#cdb384 1px Solid; border-bottom:#cdb384 1px Solid; }	
.tab table tr.name td { background:#e5d0ab; font-weight:bold; padding:5px 0 5px 10px }
a.word, a:hover.word { background:url(../img/ic-word.png) no-repeat 100% 0; height:20px; padding:0 25px 2px 0 }
.comment { font-style:italic }
.red { color:#900; font-weight:bold; font-size:120% }

/* set */
.nav-box { height:37px; width:100%; display:block }
.tabset { float:right }
.tabset ul { float:left }
.tabset ul li { float:left; width:220px; padding:0 0 0 1px }
.tabset ul li a.tab { display:block; background:url(../img/tabset-bg.png) no-repeat 0 -37px; width:220px; height:37px; line-height:37px; text-align:center; font-size:16px; font-weight:bold; color:#900; text-decoration:underline }
.tabset ul li a:hover  { background-position:0 0; color:#000; text-decoration:none }
.tabset ul li a.active { background-position:0 0; color:#000; font-size:18px; text-decoration:none }
.sub-nav-box { padding-top:10px }

/* thumbnail */
.thumbnails { margin:10px; text-align:center }
.thumbnail { text-decoration:none; display:-moz-inline-box; display:inline-block; vertical-align:top; text-align:left; margin:0 0 20px 0 }
.thumbnail .r { width:14em; float:left; text-align:center }
.thumbnail .r img { border:#D7C39F 2px solid }

/* footer */
#footer { height:220px; background:url(../img/bg-footer-left.png) no-repeat }
#footer:after { height:0; clear:both; content:""; display: block }
.footer-right { width:207px; height:220px; float:right; background:url(../img/bg-footer-right.png) no-repeat 100% 0 }
.footer-left { margin:0 220px 0 220px; padding:30px 0 0 0 }

.copyright { margin-top:100px }
.copyright p { margin:0 0 0 220px; text-align:center; font-size:90%; color:#caa370; padding:0 }
.copyright p a, .copyright p a:hover { color:#caa370; text-decoration:none }
.copyright .informer { width:210px; float:left; display:block; position:relative; top:0; left:90px }
.copyright .informer ul { width:100%; overflow:hidden }
.copyright .informer ul li { float:left; width:88px; padding:0 0 0 7px }

.clr { clear:both; font-size:0px; line-height:0px }