HTML {margin: 0px; padding: 0px; height: 100%; width: 100%}
* html .content { height: 100%; }
BODY {margin: 0px; padding: 0px; font-size: 62.5%; line-height: 1.5em; font-family: Tahoma; min-width: 1000px; background: url('img/background.gif') repeat-x; background-color: #f2ede1; height: 100%; }
IMG {border: 0; text-decoration: none}
A {color: #613005}
A:hover {text-decoration: none}
H1 {font-size: 1.2em; text-transform: uppercase; font-weight: 400; color: #8b653c; border-left: 4px solid #8b653c; padding: 5px 10px; margin: 0; margin-bottom:10px;}
H2 {font-size: 1.4em; font-weight: 400; color: #000; padding: 0 0 6px 2px; margin: 0;}
H3 {font-size: 1.1em; color: #000; padding: 0 0 6px 2px; margin: 0;}
H4 {font-size: 1.8em; color: #613005; font-weight: 400; margin:5px 0 10px 15px; padding: 0;}
P {font-size: 1.2em}
img { behavior: url(/iepngfix.htc) }
#head {position: relative; min-width: 1000px; max-width: 1600px; margin: 0 auto}
#head .left { float: left; margin: 8px; }
#head .right {margin-top: -32px; //margin-top: 0px; margin-left: 225px; background: url('/img/head_pic.jpg') bottom left no-repeat; height: 215px; }
#head .right .right_pic {position: absolute; right: 0; top: 28px; width: 347px; height: 189px}
#head .right .top_link {text-align: right; right: 30px; position: absolute; top: 8px;}
#head .right .search { margin: 0; padding: 0; position: absolute; background: #fff; right: 40px; top: 170px; color: #ece0b9;}
#head .right .radio {color: #ece0b9}
#head .right .text_field {border: none; background: none; width: 250px; color: #666; font-size: 1em}
#head .right .button {position: absolute; right: 1px; top: 0px}
#head .right .otstup {position: absolute; right: -10px; top: 24px;}
#head .right .otstup span {text-decoration: underline; position: relative; top: -2px; margin-right: 10px}
.cabinet {background: url('/img/cabinet.gif') repeat-x; width: 100%; height: 29px; position: relative; z-index: 10000}
.cabinet .sdvig_1600 {position: relative; max-width: 1620px; margin: 0 auto;}
.cabinet .strel {position: absolute; left: 220px; top: 23px; cursor: pointer;}
.cabinet .text {position: absolute; left: 295px; width: 600px; top: 5px;}
.cabinet .text #auth input {border: 1px solid #d7cbb6; margin-right: 7px; width: 87px; font-size: 1em; font-weight: 700; height: 13px; color: #957f60}
.cabinet .text span.text_auth {font-size: 1.4em; color: #efddbb; float: left; margin-right: 6px;}
.cabinet .text a {font-size: 1.1em; font-weight: 700; color: #fff}
.cabinet .text a.reg {color: #613005}
.cabinet .text span.circle {color: #613005; font-size: 1.2em; margin: 0 3px;}
.cabinetout {background: url('/img/cabinet.gif') repeat-x; width: 100%; height: 3px; position: relative; z-index: 10000;}
.cabinetout .strel {position: absolute; left: 220px; top: 0px; cursor: pointer;}
.cabinetout .sdvig_1600 {position: relative; max-width: 1620px; margin: 0 auto;}
#head .right .left_flash {
height: 188px;
width: 448px;
top: 0px;
clip: rect(25px,auto,auto,auto);
border-top-style: 0;
border-right-style: 0;
border-bottom-style: 0;
border-left-style: 0;
padding-top: 28px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 30px; //margin-top:0;
}
#content .left1 { position: relative; margin-left: 8px; margin-top: -228px; }
*html #content .left1 {margin-top: -238px}
#content {margin: 30px auto; max-width: 1620px; position: relative;}
#content .left_colomn {
FLOAT: left; WIDTH: 215px; position: relative; z-index: 100000;
}
#content .right_colomn {
FLOAT: right; WIDTH: 215px
}
#content .center_colomn {
PADDING-RIGHT: 15px; MARGIN: 0px 215px 0px 230px;
}
#content .left_colomn #phone {background: url('/img/phone.gif') no-repeat; color: #a5835c; font-size: 1.1em; height: 110px; position: relative; padding: 5px 10px 0 80px}
#content .left_colomn #phone .question {font-size: 1em; color: #999999; }
#content .left_colomn #phone .middle_size {font-size: 14px;}
#content .left_colomn #phone span {font-size: 18px}
#content .left_colomn #catalog {margin: 30px 0 0 8px;}
#content .left_colomn #catalog ul {margin: 0; padding: 0; list-style: none}
#content .left_colomn #catalog ul li {margin: 1px 0}
#content .left_colomn #catalog ul li a {display: block; width: 190px; background: #f8ebd3;padding: 4px; border: 1px solid #e7dfd0; font-weight: 700; font-size: 1.2em; text-decoration: none;}
#content .left_colomn #catalog ul li a:hover, #content .left_colomn #catalog ul li a.visit {background: #613005; color: #f0deb9}
#content .left_colomn #product {margin: 20px 0; position: relative; text-align: center; z-index: 10000; }
#content .left_colomn #product img { margin: 15px 0; }
#content .center_colomn #project {position: relative; margin-top: 50px; }
#content .center_colomn #project h2 {padding-left: 15px}
#content .center_colomn #project .background {background: url('img/project_background.jpg') repeat-x; height: 199px; position: relative;padding-left:40px;}
#content .center_colomn #project .background .left {background: url('img/project_left.jpg') no-repeat; position: absolute; top: -1px; left: 0; height:200px; width: 8px; }
#content .center_colomn #project .background .right {background: url('img/project_right.jpg') no-repeat; position: absolute; top: -1px; right: 0; height:200px; width: 8px; }
#content .center_colomn #project .background .strel_left {position: absolute; left: 12px; top: 90px;z-index:100;}
#content .center_colomn #project .background .strel_right {position: absolute; right: 12px; top: 90px;}
#content .center_colomn #project .photo {position: relative; padding: 40px 40px 0 40px;}
#content .center_colomn #project .photo img {border: 1px solid #7e5329; padding: 8px; background: #fff}
#content .center_colomn #project .photo div {font-size: 1.2em; font-family: Georgia; width: 33%;text-align: center; float: left; }
#content .right_colomn #service ul { list-style: none; margin: 0; padding: 0; margin-left: 5px; font-size: 1.2em; color: #cc0000; margin-bottom: 40px;}
#content .right_colomn #service ul li a {color: #0066cc; padding: 2px 0;}
#content .right_colomn #service ul li {padding: 2px}
#content .right_colomn #news {color: #886240; margin-bottom: 40px}
#content .right_colomn #news a {color: #0066cc}
#content .right_colomn #news div {font-size: 1.2em; margin: 12px 8px 12px 10px;}
#content .right_colomn #partners {margin: 20px 0; position: relative; text-align: center;border:1px solid #d6ccba;padding-top:10px;}
#content .right_colomn #partners img { margin: 15px 0; }
#content .right_colomn #partners h2 {text-align: left}
/*
#footer {border-bottom: 10px solid #999;position: relative; }
*/
html #footer { height: 70px; margin-top:25px;}
#footer a {color: #0066cc}
#footer .menu {text-align: center; font-size: 1.1em; color: #916f4e; margin: 5px }
#footer .menu a {color: #916f4e}
#footer .elements {border-top: 1px solid #d6ccba; position: relative; margin: 5px 8px; padding: 10px 0; }
#footer .elements .block1 {background: url('img/footer_block1.gif') no-repeat; width: 198px; height: 38px; position: relative; padding: 3px 13px; font-size: 1.4em; color: #d5c7b5; line-height: 2.2em }
#footer .elements .block5 {font-size: 1.1em; padding: 15px 0 }
#footer .elements .mail {color: #0066cc; font-size: 1.4em;}
#footer .elements .block2 {position: absolute; left: 18%; top: 23px; font-size: 1.1em; color: #000 }
#footer .elements .block2 .adress {color: #916f4e; font-size: 10px;}
#footer .elements .block2 span {font-size: 9px}
#footer .elements .block3 {position: absolute; left: 40%; top: 23px; font-size: 1.1em; color: #000 }
#footer .elements .block3 .adress {color: #916f4e; font-size: 10px;}
#footer .elements .block3 span {font-size: 9px}
#footer .elements .block4 {font-size: 1em; position: absolute; width: 200px; left: 80%; top: 20px; line-height: 1.2em}
#footer .elements .block4 img {float: left; margin-right: 8px;}
#footer .elements .block4 span { color: #000}
#footer .elements .block4 span a { color: #613005; font-family: Tahoma,Georgia}
#footer .elements .block6 {font-size: 1em; position: absolute; width: 250px; left: 58%; top: 20px; line-height: 1.2em}
.r1, .r2, .r3, .r4 { display: block; height: 1px;}
.r4 { margin: 0 4px; }
.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }
*html .r1, *html .r2, *html .r3, *html .r4 { overflow: hidden; font-size:1px;}
#content .center_colomn #brends { height: 100px; position: relative;}
#content .center_colomn #brends .brend_visit {background: url('img/brend_visit.gif') no-repeat; height: 100px; float: left; width: 19%; padding: 9px 0 0 0px; }
#content .center_colomn #brends .brend {background: url('img/brend.gif') no-repeat; height: 100px; float: left; width: 19%; padding: 9px 0 0 0px;}
#content .center_colomn #brends .brend img, #content .center_colomn #brends .brend_visit img {margin-left: 4px}
#content .center_colomn #list {width: 93%; margin-bottom: 25px}
#content .center_colomn #list a {color: #0066cc; font-size: 1.3em; font-weight: 700; line-height: 2.2em;}
#content .center_colomn #list .padding, #content .center_colomn #list b {background-color: #f3e7d0;}
#content .center_colomn #list .padding {padding: 10px; //margin-left: 1px}
#content .center_colomn .block_collection .ramka {width: 93%; margin-bottom: 25px; color: #613005}
#content .center_colomn .block_collection .ramka .padding, #content .center_colomn .ramka b {background-color: #FFF;}
#content .center_colomn .block_collection .ramka .padding {padding: 10px; //margin-left: 1px}
#content .center_colomn .block_collection .ramka .padding table{ border: 0; }
#content .center_colomn .block_collection .ramka .left { padding: 10px; width: 120px}
#content .center_colomn .block_collection .ramka .left ul {margin: 0; padding: 0; list-style: none}
#content .center_colomn .block_collection .ramka .center_t { border-left: 1px solid #b09782; padding: 0 10px; //padding: 0px 10px 0 20px}
#content .center_colomn .block_collection .ramka .left ul li {padding: 2px 0}
#content .center_colomn .block_collection .ramka .left ul li a {font-size: 1.1em; color: #0066cc; display: block; padding: 3px}
#content .center_colomn .block_collection .ramka .left ul li a:hover,#content .center_colomn .ramka .left ul li a.visit {background: #dfd4c7; color: #613005; text-decoration: none}
#content .center_colomn .block_collection .col_image { float: left; margin-right: 10px; padding-left: 10px; border-left: 1px solid #B09782;}
#content .center_colomn .block_collection .ramka .picture {position: relative; width:325px; float: left; margin-right: 10px }
#content .center_colomn .block_collection .ramka .picture .number {position: absolute; bottom: 5px; right: 20px; font-size: 1.1em;}
#content .center_colomn .block_collection .ramka .picture .number a {color: #613005; text-decoration: none}
#content .center_colomn .block_collection .ramka .picture .number .num {background: url('img/number.gif') no-repeat; width: 19px; height: 19px; padding: 3px 0 0 1px; text-align: center; float: left; }
#content .center_colomn .block_collection .about {color: #f0deba; font-size: 1.2em; margin-bottom: 5px;}
#content .center_colomn .block_collection .about .padding, #content .center_colomn .block_collection .about b {background-color: #b09782;}
.about .padding {padding: 2px 10px; //margin-left: 1px}
#content .center_colomn .block_collection li:hover{ text-decoration: none;}
#content .center_colomn .block_collection_script .ramka {width: 93%; margin-bottom: 25px; color: #613005}
#content .center_colomn .block_collection_script .ramka .padding, #content .center_colomn .ramka b {background-color: #FFF;}
#content .center_colomn .block_collection_script .ramka .padding {padding: 10px; //margin-left: 1px}
#content .center_colomn .block_collection_script .ramka .padding table{ border: 0; }
#content .center_colomn .block_collection_script .ramka .left { padding: 10px; width: 120px}
#content .center_colomn .block_collection_script .ramka .left ul {margin: 0; padding: 0; list-style: none}
#content .center_colomn .block_collection_script .ramka .center_t { padding: 0 10px; //padding: 0px 10px 0 20px}
#content .center_colomn .block_collection_script .ramka .center_t .item {float: left; margin: 0 40px 30px 0px}
#content .center_colomn .block_collection_script .ramka .left ul li {padding: 2px 0}
#content .center_colomn .block_collection_script .ramka .left ul li a {font-size: 1.1em; color: #0066cc; display: block; padding: 3px}
#content .center_colomn .block_collection_script .ramka .left ul li a:hover,#content .center_colomn .ramka .left ul li a.visit {background: #dfd4c7; color: #613005; text-decoration: none}
a h4 {color: #227ad3; text-decoration: underline}
a:hover h4 {text-decoration: none}
#content .center_colomn .block_collection_script .bottoms { position: relative; border-top: 4px solid #ad937a; font-size: 1.2em; line-height: 1.5em; height: 70px}
#content .center_colomn .block_collection_script .bottoms .right { position: absolute; right: 50px; top: 15px; }
#content .center_colomn .block_collection_script .bottoms .left {width: 245px}
#content .center_colomn .block_collection_script .bottoms .left span {background: #dfd4c7; display: block; padding: 4px}
hr {
clear: both;
visibility: hidden;
line-height: 1px;
margin: 0;
}
.ramka {
padding: 0px;
}
.ramka ul {
width: 120px;
padding: 0 10px 0 0;
margin: 0;
float: left;
}
.ramka ul li {
list-style: none;
color: blue;
text-decoration: underline;
cursor: pointer;
}
.ramka ul li.highlight {
color: red;
}
.ramka div.picture {
width: 325px;
height: 250px;
padding: 0 10px;
border-left: 1px solid #B09782;
float: left;
}
.ramka div.picture {
display: block;
}
.ramka div.about {
margin-left: 500px; padding: 0; //margin-left: 500px
}
.ramka .about h2 {
background: #B09782; font-size: 1.2em;
color: #fff;
margin: 0;
padding: 2px; //padding: 0
}
.text_descr {margin-left: 490px;}
.category {width: 150px; float: left}
.sitemap li {font-size:12px;list-style: none;margin-bottom: 4px;margin-top: 4px;}
.sitemap {color: #613005;}
.sitemap li ul {margin-left: 42px;margin-bottom: 3px;margin-top: 3px;}
#content .left_colomn #product h2 {text-align:left; margin: 30px 0 0 8px;}
.projects {}
.summary {padding-bottom:10px;}
#content .center_colomn table {font-size: 12px;}
#paging {font-size: 12px;}
.search_res .highlight {color:red;background-color:yellow;}
form#validate .fields {font-size: 12px;}
form#validate input {width:400px;margin-bottom:10px;margin-right:5px;}
form#validate textarea {width:400px; height:70px;margin-bottom:10px;margin-right:5px;}
form#validate input.submit {width:170px;margin-bottom:10px;margin-right:5px;}
form#validate label.error {color:red;}
form#validate input.error {border:1px solid red;}
#paging {padding-bottom:10px;}
#paging span a {padding:5px;}
form#validate {font-size: 12px;}
.sop {width:100%;text-align: left;}
h5{font-size:12px;font-weight:normal;}
div#mainContent strong {font-weight:normal; }
/*
div#mainContent h1 { font-weight:bold;font-size:13px;display:inline;}
*/
div#mainContent p {margin-top:10px;}
div#mainContent .miniTitle
{
font-size: 1.2em;
text-transform: uppercase;
font-weight: 400;
color: #8b653c;
border-left: 4px solid #8b653c;
padding: 5px 10px;
margin: 0;
}
div#rCounter
{
display:none;
}
table.gal{}
table.gal td{}
table.gal td img{border:1px solid brown;width:120px;height:auto;}
#service a img {width:100px;}
.gallery li{
list-style: none;
float: left;
margin:0;
padding:0;
}
.gallery li img{padding:4px;}