html,body,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,
p,blockquote,th,td,address {
margin:0;
padding:0;
}
.slogan{
color: #fff;
font: bold 1.23em Georgia, serif;
padding: 10px 0;
text-align: center;
}
body{
min-width: 1001px;
background: #84a8cc;
font: .81em "Myriad Pro", sans-serif;
}
img{
vertical-align: middle;
}
a{
color: #fff;
}
a img{
border: none;
}
.rt{
float: right;
}
.lt{
float: left;
}
.cntr{
text-align: center;
}
ul{
list-style: none;
}
.content ul{
list-style: disc;
margin: 0 0 20px 20px;
}
.content ul ul{
list-style: circle;
}
/*- - - - - page - - - - -*/
.page{
background: url(../img/bricks/index-bg.jpg) no-repeat 0 80px;
}
.wrap{
overflow: hidden !important;
overflow: visible;
margin: 0 auto;
background: url(../img/bricks/leaf.png) no-repeat 475px 10px;
min-height: 760px;
padding: 0 0 20px;
}
.clear{
clear: both;
}
.content, .aside, .extra{
overflow: hidden;
}
/*- - - - - columns: center, right - - - -*/
.subwrap{
float: right;
width: 100%;
}
.content{
float: left;
width: 100%;
}
/*- - - - - column: center - - - - -*/
.content .lining{
padding: 0 20px 0 630px;
}
.content .lining .column{
overflow: hidden;
width: 100%;
}
.content p{
margin: 0 0 1em;
}
.content a{
color: #fff;
}
.content a:visited{
color: #ededed;
}
.content a:hover{
color: #e4f2ff;
}
.content h1{
color: #fff;
font: bold 1.23em Georgia, serif;
padding: 10px 0;
text-align: center;
}
.content h2{
color: #fff;
font-size: 18px;
font-weight: bold;
padding: 10px 0;
text-align: center;
}
.content h1 span{
font-size: 3em;
display: block;
}
.content ul.phones{
margin: 0 0 1em;
list-style: none;
font: bold 1.3em Tahoma;
color: #fff;
text-align: center;
white-space: nowrap;
}
.content ul.phones li{
display: inline;
margin: 0 3.5%;
}
/*- - - - - column: left - - - - -*/
.extra{
float: left;
width: 600px;
margin-right: -600px;
position: relative;
}
.lang{
position: absolute;
top: 16px;
left: 16px;
font: 1.3em Tahoma;
z-index: 100;
}
.lang li{
margin: 0 15px 0 0;
display: inline;
color: #fff;
}
.lang li a{
color: #fff;
}
.main{
padding: 100px 0 0 0;
position: relative;
height: 650px;
}
.main li{
position: absolute;
}
.main li a{
text-indent: -1000em;
display: block;
overflow: hidden;
}
.main li.production{
top: 100px;
left: 176px;
}
.main li.production a{
background: url(../img/bricks/products-rus.png) no-repeat;
width: 125px;
height: 135px;
}
.main li.price{
top: 320px;
left: 415px;
}
.main li.price a{
background: url(../img/bricks/price-rus.png) no-repeat 100% 0;
width: 150px;
height: 133px;
}
.main li.info{
top: 493px;
left: 23px;
}
.main li.info a{
background: url(../img/bricks/info-rus.png) no-repeat;
width: 150px;
height: 140px;
}
.main li.contacts{
top: 547px;
left: 390px;
}
.main li.contacts a{
background: url(../img/bricks/contacts-rus.png) no-repeat 100% 0;
width: 140px;
height: 145px;
}
.eng li.production{
left: 183px;
}
.eng li.price{
top: 317px;
left: 408px;
}
.main li.contacts{
top: 548px;
left: 389px;
}
.eng li.production a{
background: url(../img/bricks/products-eng.png) no-repeat;
}
.eng li.price a{
background: url(../img/bricks/price-eng.png) no-repeat 100% 0;
}
.eng li.info a{
background: url(../img/bricks/info-eng.png) no-repeat;
}
.eng li.contacts a{
background: url(../img/bricks/contacts-eng.png) no-repeat 100% 0;
}
/*- - - - - footer - - - - -*/
.footer{
clear: both;
height: 110px;
padding: 20px 20px 0;
background: url(../img/bricks/footer.png) repeat-x 0 0;
text-align: center;
}
.footer address{
float: left;
color: #fff;
font-style: normal;
width: 49.9%;
text-align: center;
}
.footer img{
margin: 0 10px;
}
.inner{
background: url(../img/bricks/inner-bg.jpg) no-repeat 0 32px;
}
.inner .content .lining{
padding: 0 20px 0 330px;
}
.b01{
float: left;
height: 150px;
width: 40px;
}
.inner .wrap{
overflow: hidden !important;
overflow: visible;
margin: 0 auto;
background: url(../img/bricks/leaf-inner.png) no-repeat 330px 10px;
min-height: none;
}
.inner .extra{
float: left;
width: 340px;
margin-right: -340px;
position: relative;
}
.main2{
padding: 17px 0 0 0;
position: relative;
height: 381px;
}
.main2 li{
position: absolute;
}
.main2 li a{
text-indent: -1000em;
display: block;
overflow: hidden;
}
.main2 li.production{
left: 93px;
top: 21px;
}
.main2 li.production a{
background: url(../img/bricks/products-rus.gif) no-repeat;
width: 91px;
height: 87px;
}
.main2 li.price{
top: 153px;
left: 248px;
}
.main2 li.price a{
background: url(../img/bricks/price-rus.gif) no-repeat 100% 0;
width: 91px;
height: 97px;
}
.main2 li.info{
top: 259px;
left: 5px;
}
.main2 li.info a{
background: url(../img/bricks/info-rus.gif) no-repeat;
width: 91px;
height: 93px;
}
.main2 li.contacts{
top: 293px;
left: 236px;
}
.main2 li.contacts a{
background: url(../img/bricks/contacts-rus.gif) no-repeat 50% 0;
width: 85px;
height: 95px;
}
.main2 li.home{
top: 148px;
left: 92px;
}
.main2 li.home a{
background: url(../img/bricks/home-rus.gif) no-repeat 51px 73px;
width: 143px;
height: 133px;
}
.extra h2{
margin: 0 0 0 46px;
position: relative;
width: 220px;
background: url(../img/bricks/h2-extra.png) no-repeat;
color: #5d8f1d;
text-align: center;
font: bold 20px Tahoma;
padding: 5px 10px 0 0;
height: 30px;
z-index: 100;
}
.navwrap{
margin: 0 0 0 46px;
width: 230px;
background: #cedceb url(../img/bricks/nav2.gif) no-repeat 0 100%;
position: relative;
padding: 0 0 22px;
}
.nav{
padding: 11px 13px 0;
position: relative;
background: url(../img/bricks/nav1.gif) no-repeat 0 -20px;
font-size: 18px;
}
.nav li{
padding: 0 0 0 15px;
background: url(../img/bricks/blt1.gif) no-repeat 0 7px;
}
.nav li a{
color: #000;
text-decoration: none;
}
.nav li a:hover{
text-decoration: underline;
}
.nav ul{
padding: 5px 0;
font-size: 16px;
}
.nav ul li{
background: url(../img/bricks/blt2.gif) no-repeat 0 4px;
}
.nav ul li a{
color: #1f3174;
}
.nav ul ul{
font-size: 14px;
}
.nav ul ul li{
background: none;
}
.nav ul ul li a{
color: #3c8528;
}
.nav ul ul ul{
font-size: 13px;
}
.nav ul ul ul li a{
color: #000;
}
.eng2 li.production{
left: 93px;
top: 21px;
}
.eng2 li.production a{
background: url(../img/bricks/products-eng.gif) no-repeat;
width: 91px;
height: 87px;
}
.eng2 li.price{
top: 153px;
left: 248px;
}
.eng2 li.price a{
background: url(../img/bricks/price-eng.gif) no-repeat 100% 0;
width: 91px;
height: 97px;
}
.eng2 li.info{
top: 259px;
left: 5px;
}
.eng2 li.info a{
background: url(../img/bricks/info-eng.gif) no-repeat;
width: 91px;
height: 93px;
}
.eng2 li.contacts{
top: 293px;
left: 236px;
}
.eng2 li.contacts a{
background: url(../img/bricks/contacts-eng.gif) no-repeat 50% 0;
width: 85px;
height: 95px;
}
.eng2 li.home{
top: 148px;
left: 92px;
}
.eng2 li.home a{
background: url(../img/bricks/home-eng.gif) no-repeat 66px 78px;
width: 143px;
height: 133px;
}