HTML {height:100%;}
* HTML BODY{height:100%;}
BODY {padding: 0px; margin: 0; min-width: 700px; background-color: #fff;  min-height:100%; position:relative; font:normal 13px Arial}

H1 {margin:0px; padding: 7px 0; font: 16px Arial; font-weight: bold;color: #027;}
H2 {margin:0px; padding: 5px 0; font: 13px Arial; font-weight: bold;color: #027;}
H3 {margin:0px; padding: 5px 0; font: 13px Arial; font-weight: bold;color: #000;}

A {text-decoration: none;color: #027;}
A:hover {text-decoration: underline;color: #027;}

TABLE {font-size: 13px;}
IMG {border:0px}
div {border:0px solid green}

.col{display: none;}
.exp{display: block;}
.clear {clear:both;width:0px; height:0px}
.close {cursor:pointer; background:url("img/r_arrow.gif") no-repeat left center; margin:10px 5px 5px 0; padding-left:15px;}
.open {cursor:pointer; background:url("img/d_arrow.gif") no-repeat left center; margin:10px 5px 5px 0; padding-left:15px;}

#Lenta {position: absolute; top:0; left:0; background: url(img/lenta.jpg) repeat left bottom; height: 28px; width: 100%;  overflow:hidden; z-index: 0;}

#Shnyga {LEFT: 240px; POSITION: absolute; TOP: 27px; z-index: 5; display:none}
#Shnyga_in {LEFT: 210px; POSITION: absolute; TOP: 27px; z-index: 5; display:none}

#Kub {LEFT: 10px; POSITION: absolute; TOP: 20px;}
#Kub_in{LEFT: 40px; POSITION: absolute; TOP: 30px;}

#TopNav {LEFT: 250px; POSITION: absolute; TOP: 45px; }
#TopNav DIV {padding:5px;}
#TopNav a {color:#999;font-size: 13px; font-family: arial,tahoma,verdana; font-weight: normal; text-decoration: underline;}
#TopNav span.active a {color:black;}

#TopNav_in {LEFT: 233px; POSITION: absolute; TOP: 35px; }
#TopNav_in div{padding:5px; display: inline;}
#TopNav_in a {color:#999;font-size: 13px; font-family: arial,tahoma,verdana; font-weight: normal; text-decoration: underline;}

#Logo {position:absolute; left:450px; top:50px;}
#Phone {color: #027; font: 18px Arial; padding-top: 20px;}
#renome a {color: #027; font: 27px Arial; text-decoration: none; font-weight: bold; padding-left: 6px;}
#slogan a {color: #000; font: 18px Arial; font-weight: normal; text-decoration: none; font-style: italic;}

#Logo_in {LEFT: 230px; POSITION: absolute; TOP: 68px;}
#Logo_in DIV#Phone {color: #027; font: 18px Arial; padding-top: 20px;}
#Logo_in DIV#renome a {color: #027; font: 27px Arial; text-decoration: none; font-weight: bold; padding-left: 6px;}
#Logo_in DIV#slogan a {color: #000; font: 18px Arial; font-weight: normal; text-decoration: none; font-style: italic;}
#Phone_in {LEFT: 600px; POSITION: absolute; TOP: 35px; color: #027; font: 18px Arial; padding-top: 20px;}

#Content {padding: 210px 0 10px 0px; overflow:hidden; width:100%}
#Content_in {padding: 150px 0 10px 0px; overflow:hidden;}
#Content .in {background: #fff; padding: 15px 30px 0px 10px;  margin: 0px;}

#LeftTextBlock {float:left; width: 25%; border:0px solid red;}
#LeftTextBlock_in {float:left; width: 25%;}
.branch {margin:5px 0 5px 15px; border:0px solid orange; width:auto;}
.kt {background:url("img/tm_arrow.gif") no-repeat left center; margin:10px 5px 5px 0; padding-left:15px;}

#RightTextBlock {float:left; width:73%; padding:0 0 160px 10px; color: #333; border:0px solid green;}
#RightTextBlock H1 {color: #027; font: 17px Arial; margin: 0; padding:0; font-weight: bold;}
#RightTextBlock H1#TopName {padding: 10px 0px 15px 0px; font: 21px Arial; font-weight: normal; background: url(img/specialnav.gif) no-repeat left top; height: 25px;}
#RightTextBlock H1#Name	{padding: 10px 0px 15px 0px; font: 21px Arial; font-weight: normal; height: 25px;}
#RightTextBlock p {margin:10px 0; padding: 0 15px;}

.ob	{clear: both; padding: 30px 0; border-bottom: 1px solid #f0f3f9; }
.ob_content {margin-left: 130px; }
.ob_title {font-weight: bold; color:#003399; margin:5px 0; font-size:12px}
.ob_title a {text-decoration:underline;  color:#003399}
.ob_text {font:13px Arial;}
.ob_price {font-size:12px; font-style:italic; font-weight:900; margin:5px 0;}
.ob_img {position: absolute;}

.order_block {float:right; padding:10px; margin:0 5px 5px 10px; border:1px dotted #ccd; width:300px;}
.order_block div {padding-left: 15px; background: url(img/tm_arrow.gif) no-repeat left center; margin: 5px 0px 0px 5px;}

table#properts_table					{padding-left: 0; margin-left: 0; border-collapse: collapse; width: auto;}
table#properts_table td 				{padding: 5px; border: 1px solid #ccc;}

.card_desc {padding-top: 20px; clear: left; text-align:justify}

#BottomNav {clear: both; padding-top: 20px; border-top: 1px solid #eee;padding-bottom: 0px; color: #027; font:11px Arial; text-align:justify;}
#BottomNav #rspak {font-size: 13px; color: #027;}
#BottomNav #rspak span {font-weight: bold;}
#BottomNav span {font-weight: bold;}

/* <<< Для формы */
table.form 								{padding: 0; margin: 0;}
table.form td 							{padding: 0 10px 7px 0;}
p.litle 								{font-size: 13px;}
.input									{margin-bottom: 5px;border-top: solid 1px #666;border-left: solid 1px #666; border-bottom: solid 1px #888;border-right: solid 1px #888;font-family: verdana;font-size: 11px;padding: 3px;height: 23px;}
.SELECT 								{border: solid 1px #000;margin-bottom: 4px;}
.textarea 								{font-family: verdana;font-size: 11px;border-top: solid 1px #666;border-left: solid 1px #666;border-bottom: solid 1px #888;border-right: solid 1px #888;color: #000;}
/* Для формы >>> */


#Footer {position: absolute; bottom: 0px; background: #027; background: url(img/lenta.jpg) repeat left bottom; height: 70px; border-top: 1px solid #ddd; width: 100%; padding-top: 5px; margin: 0px;  overflow: hidden; }
#Footer p {color:#eee; font-size: 11px; margin:0 0 0.1em 0; }
#Footer A {color:#eee;}
#Copyright {position:absolute; left: 10px; font: 11px arial;}
#Counters {position:absolute; left: 235px; padding:5px 0 0 10px;}
#Counters img {margin:0 0 10px 10px; float:left;}
#FooterContacts {position:absolute; left: 235px; color:#eee; font-size:11px; margin:0 0 0.1em 0; font: 11px arial; text-align: left;}
#FooterContacts A {color:#eee; font: 11px arial;}



#album {
width:260px;
height:300px;
background:#fff;
border: 1px solid #fff;
margin: 15px 0 0 15px;
float: left;
}

.gallery {
padding:0;
margin: 5px 0 0 0;
list-style-type:none;
position:relative;
width:250px;
}

.gallery img {
border:0;
}

.gallery li {
float:left;
}

.gallery li a, .gallery li a:visited {
font-size:11px;
float:left;
text-decoration:none;
font: 12px Arial;
color:#000;
background:#fff;
text-align:center;
width:56px;
height:26px;
line-height:24px;
border:1px solid #ddd;
margin:2px;
}

.gallery li a img {
position:absolute;
top: 40px;
left:0;
visibility:hidden;
border:0;
}


.gallery li a img.landscape {
top:40px;
}

.gallery li a:hover {
background:#999;
color:#fff;
}

.gallery li a:active, .gallery li a:focus {
background:#444;
color:#fff;
}

.gallery li a:hover img {
visibility:visible;
}
.gallery li a img.bigger_w, .gallery li a:hover img.bigger_w {
visibility:hidden;
}
.gallery li a:active img.bigger_w, .gallery li a:focus img.bigger_w {
visibility:visible;
position:absolute;
top: 40px;
width: 400px;
height: auto;
z-index:200;
background:#fff;
border:1px solid #ddd;
cursor:default;
}
.gallery li a img.bigger_h, .gallery li a:hover img.bigger_h {
visibility:hidden;
}
.gallery li a:active img.bigger_h, .gallery li a:focus img.bigger_h {
visibility:visible;
position:absolute;
top: 40px;
width: 400px;
height: auto;
z-index:200;
background:#fff;
border:1px solid #ddd;
cursor:default;
}

.ctext p
{
margin:1px!important;
padding:1px;
}

.ctext h5
{
margin:1px;
padding-top:10px;
}
#footlink
{
margin-left:800px!important;

font-size:10px;
width:230px;
}