1div { border:1px red dashed; }

body {font-family: Arial, sans-serif; font-size: 100%; color: #333333; margin: 0; padding: 0;}


.b-head-line{overflow:hidden;background:#bf6de8; height:21px;}
.b-head-line .bar i{position:absolute; width:6%; height:40px;}
.b-head-line .b2{left:5%; border-top: #fff 5px solid; background:#7a4ae9}
.b-head-line .b3{left:10%; border-top: #fff 2px solid; background:#7c65ff}
.b-head-line .b4{left:15%; border-top: #fff 4px solid; background:#5c5af7}
.b-head-line .b5{left:20%; border-top: #fff 4px solid; background:#166af3}
.b-head-line .b6{left:25%; border-top: #fff 6px solid; background:#0089fd}
.b-head-line .b7{left:30%; background:#00a5ff}
.b-head-line .b8{left:35%; border-top: #fff 3px solid; background:#00baff}
.b-head-line .b9{left:40%; border-top: #fff 5px solid; background:#00cfff}
.b-head-line .b10{left:45%; border-top: #fff 2px solid; background:#00e0ff}
.b-head-line .b11{left:50%; border-top: #fff 1px solid; background:#00eed6}
.b-head-line .b12{left:55%; border-top: #fff 4px solid; background:#00e98f}
.b-head-line .b13{left:60%; border-top: #fff 2px solid; background:#81e938}
.b-head-line .b14{left:65%; border-top: #fff 5px solid; background:#baeb00}
.b-head-line .b15{left:70%; border-top: #fff 3px solid; background:#d9ee00}
.b-head-line .b16{left:75%; background:#f3ea00}
.b-head-line .b17{left:80%; border-top: #fff 4px solid; background:#fff600}
.b-head-line .b18{left:85%; border-top: #fff 8px solid; background:#ffdb00}
.b-head-line .b19{left:90%; border-top: #fff 4px solid; background:#ffca00}
.b-head-line .b20{left:95%; border-top: #fff 11px solid; background:#ffb600}
.b-head-line .b21{left:95%; border-top: #fff 11px solid; background:#ffa500}


.iepng A {position: relative;}
.iepng {filter:expression(fixPNG(this));}
img {border: 0;}
i {margin: 0; font-style: normal;}
p {font: 12px/16px Arial, Tahoma, sans-serif; color: #333333; margin: 0;}
.bg0 {background-repeat: no-repeat;}
.no {text-decoration: none;}
sup {font: 13px/13px Tahoma, Arial,sans-serif; color: #CCCCCC;}
sup#plan {font: 10px/10px Arial, Tahoma, sans-serif; color: #FFFFFF; margin: 0;}



a {color: #33A4F7;}
/* 
a:visited {color: #7d90a1}
*/
a:hover {color: #f36700! important}
a.pseudo-link {display: inline-block; color: #3281ab; border-bottom: #33A4F7 1px dashed; text-decoration: none}
a.pseudo-link:visited {display: inline-block; color: #3281ab; border-bottom: #33A4F7 1px dashed; text-decoration: none}
a.pseudo-link:hover {border-bottom: #f36700 1px dashed}
a.pseudo-link:hover {border-bottom: #f36700 1px dashed}

ul {list-style-position: outside}
ol {list-style-position: outside}
ul {list-style-type: none}

ul {margin : 0 0 0 10px; padding: 0 0 0 10px;}
li {margin: -2px 0 -3px 0px; padding: 0px 0 0 0px;}

.hidden {display: none}
.invisible {visibility: hidden}

.layout {margin: 0px 0px}
.layout-extra {float: left; width: 100%; margin-right: -100%; position: relative}
#layout {clear: both}
#header ul.menu {z-index: 5}
#page-body ul.menu {font-size: 90%}
#header ul.menu li {clear: none; margin-right: 0px}
.layout-extra ul.slider .f {display: block; margin: 10px 0 5px 0;}
.layout-extra ul.slider .f strong {font-weight: normal}
.layout-extra ul.slider .f strong.js {display: inline-block; cursor: pointer; color: #3281ab; border-bottom: #3281ab 0px dashed; text-decoration: underline; line-height: 17px;}
.layout-extra ul.slider .f strong.js:hover {color: #f36700; border-bottom: #f36700 0px dashed; text-decoration: none;}
ul.menu li {clear: both; padding-right: 0px; padding-left: 0px; float: left; padding-bottom: 4px; padding-top: 4px}
ul.menu li.clear {padding-right: 0px; padding-left: 0px; float: none; padding-bottom: 0px; overflow: hidden; padding-top: 0px; height: 1px}
#page-body .layout-extra ul.menu li {width: 100%}
ul.menu li b b {padding-right: 0.4em; padding-left: 0.4em; padding-bottom: 0px; padding-top: 0px}
ul.menu li b b b {display: block; float: left; padding-bottom: 2px}
ul.menu li ul.menu {clear: both; padding-top: 4px}
ul.menu ul {margin-left: 10px}
ul.menu li ul.menu li {font-size: 70%}
ul.menu li strong {display: inline; outline: none}
ul.menu li a {display: inline; outline: none}
#page-body ul.menu li strong.fake {font-weight: normal; cursor: pointer; border-bottom: #000 1px dashed}
ul.menu li a {clear: both; color: #3281ab}
ul.menu li a:visited {clear: both; color: #3281ab}
ul.menu li a:hover {color: #f36700! important}
ul.menu li.selected strong {font-weight: normal; color: #fff! important}
ul.menu li.selected a {font-weight: normal; color: #fff! important}
ul.menu li.selected a:hover {color: #3281ab! important}
ul.menu li.selected b {display: block; background: url(../i/menu.gif) no-repeat 0px 100%; float: left}
ul.menu li.selected b b {background: url(../i/menu.gif) no-repeat 100% 0px}
ul.menu li.selected b b b {background: #f36700}
ul.menu li.selected ul.menu li strong {color: #f36700! important}
ul.menu li.selected ul.menu li a {color: #f36700! important}
ul.menu li.selected ul.menu li b {background: none transparent scroll repeat 0% 0%}
ul.menu li.selected ul.menu li b b {background: none transparent scroll repeat 0% 0%}
ul.menu li.selected ul.menu li b b b {background: none transparent scroll repeat 0% 0%}
ul.menu li a.hidden {display: none}




/* Меню*/
.top_menu {font: 17px/19px Arial, Tahoma, sans-serif; color: #333333; margin: 0;}
.top_menu_a {font:17px/19px Arial, Tahoma, sans-serif; color: #333333; text-decoration: none; margin: 0;}
.top_menu:hover {color: #333333; text-decoration: none;}


.menu {font: 15px/12px Arial, Tahoma, sans-serif; color: #33A4F7; margin: 0;}
.menu_a {font:15px/12px Arial, Tahoma, sans-serif; color: #333333; text-decoration: none; margin: 0;}
.menu_a:hover {color: #333333; text-decoration: none;}
.menu_a2 {font:15px/12px Arial, Tahoma, sans-serif; color: #333333; text-decoration: underline; margin: 0;}

.menu1 {font: 12px/12px Arial, Tahoma, sans-serif; color: #33A4F7; margin: 0;}
.menu1_a {font:12px/12px Arial, Tahoma, sans-serif; color: #333333; text-decoration: none; margin: 0;}
.menu1_a:hover {color: #333333; text-decoration: none;}
.menu1_a2 {font:12px/12px Arial, Tahoma, sans-serif; color: #333333; text-decoration: underline; margin: 0;}

li#menu_01 {list-style: none; margin: 5px 0px 1px 0; padding: 0;}
li#menu_02 {list-style: none; margin: 1px 0 1px 0;}




/* Заголовки*/
h1 {font-size: 150%; line-height: 25px; color: #333333; margin: 10px 50px 10px 0; font-weight: normal;}
h2 {font: 20px/20px Arial, Tahoma, sans-serif; color: #333333; margin: 10px 50px 10px 0;}
h2#m_01 {font: 18px/18px Arial, Tahoma, sans-serif; margin: 0;}
h3 {font: bold 14px/14px Arial, Tahoma, sans-serif; color: #333333; margin: 0 0 10px 0;}
h4 {font: 18px/15px Verdana, Arial, Tahoma, sans-serif; color: #FEAA6B; margin: 5px 0 6px 0;}
h5 {font: 17px/15px Arial, Tahoma, sans-serif; color: #000000; margin: 0 0 15px 0; padding: 0 0 0 20px;}
h6 {font: bold 15px Arial, Tahoma, sans-serif; color: #333333; margin: 0 0 10px 0;}


/* Слои*/
.control {width: 30%; height: 20px; margin: 0; float: left;}
.bor_px {width: 1%; border: 1px solid #EBEBE9;}
.clear {font-size: 0px; line-height: 0px; clear: both;}


/* Меню верхнее*/
#m_container {position:absolute; z-index:10; top:144px; left:20%; width:64%; height:25px;}
#m_01 {width:17%; float: left;}
#m_02 {width:17%; float: left;}
#m_03 {width:15%; float: left;}
#m_04 {width:13%; float: left;}
#m_05 {width:14%; float: left;}
#m_06 {width:16%; float: left;}

/* Блок на главной
#main_01 {width: 3%; float: left;}
#main_02 {width: 16%; padding: 140px 0 0 0; margin: 0; float: left;}
#main_03 {width: 4%; float: left;}
#main_04 {width: 76%; padding: 550px 0 0 0; float: left;}
#main_05 {width: 1%; padding: 10px 0 0 0; float: left;}
*/


/* Блок контента*/
#content_01 {width: 5%; float: left;}
#content_02 {width: 66%; padding: 190px 0 0 0; float: left;}
#content_03 {width: 1%; float: left;}
#content_04 {width: 25%; padding: 190px 0 0 0; float: left;}
#content_05 {width: 1%; float: left;}


/* Каталог*/
#catalog_container {width: 100%; position: relative;}
#catalog_left {width: 65%; float: left;}
#catalog_center {width: 5%; float: left;}
#catalog_right {width: 30%; padding: 50px 0 0 0; font: 12px/16px Arial, Tahoma, sans-serif; color: #333333; float: left;}


/* Он-лайн консультанты*/
#online_container {width: 100%; margin: 30px 2% 5px 2%; padding: 20px 0 5px 0; border-top: 1px solid #f2f2ee;  font: 11px/14px Arial, Tahoma, sans-serif; color: #333333; }
#online_01 {width: 25%; padding: 0px 0 0 0; float: left;}
#online_02 {width: 5%; float: left;}
#online_03 {width: 25%; padding: 0px 0 0 0; float: left;}
#online_04 {width: 5%; float: left;}
#online_05 {width: 25%; padding: 0px 0 0 0; float: left;}

/* Адрес внизу
.address_container {width: 100%; height: 130px; margin: 30px 0 0 0;}
.address_01 {width: 23%;  float: left;}
.address_02 {width: 22%; height: 80px; padding: 10px 10px 20px 20px;  float: left;}
.address_03 {width: 26%; height: 80px; padding: 10px 10px 20px 20px; float: left;}
.address_04 {width: 25%;  float: left;}
*/







/* Подвал*/
.footer_container {height: 70px; margin: 30px 4% 0 4%; padding: 20px 0 30px 0; border-top: 1px solid #f2f2ee;}
.footer_01 {width: 2%; float: left;}
.footer_02 {width: 40%; float: left;}
.footer_03 {width: 35%; float: left;}
.footer_04 {width: 20%; float: left;}








/* Фотогалерея*/
img#border2 {border: 5px solid #FFFFFF;}
img#border4 {border: 2px solid #FFFFFF;}
#border3 {border: 1px solid #f2f2ee; margin: 0; padding: 0;}
#border8 {border: 8px solid #FFFFFF; margin: 0; padding: 0;}

/* Слои2*/
div#i3 {margin: 3px 0 0 0;}
div#i4 {margin: 4px 0 0 0;}
div#i5 {margin: 5px 0 0 0;}
div#i10 {margin: 10px 0 0 0;}
div#i15 {margin: 15px 0 0 0;}
div#i20 {margin: 20px 0 0 0;}
div#i30 {margin: 30px 0 0 0;}
div#i40 {margin: 40px 0 0 0;}
div#i60 {margin: 60px 0 0 0;}
div#prod {margin: 200px 0 0 0; position: relative; z-index:10;}

/* Контент*/
.slogan {font: 19px/19px Tahoma, Arial,sans-serif; color: #fff;}
.phone {font: 17px/17px Tahoma, Arial,sans-serif; color: #CFCCCCC;}

.copyright {font: 11px/13px Arial, Tahoma, sans-serif; color: #333333;}
.copyright_links {font: 11px/13px Arial, Tahoma, sans-serif; color: #33A4F7; text-decoration: underline;}
.numbers_big {font: 80px/90px Arial, Tahoma, sans-serif; color: #E6E2D9; padding: 0.2em 0 0 0;}
.numbers {font: 12px/14px Arial, Tahoma, sans-serif; color: #517DC8; padding: 0.2em 3px;}
.p_active {font: 12px/14px Arial, Tahoma, sans-serif; color: #000000; background-color: #E6E2D9; padding: 0.2em 3px;}
div#submenu {font: 11px/11px Tahoma, Arial, sans-serif; color: #666666; margin: 0;}
.useful_links {font: 14px/14px Arial, Tahoma, sans-serif; color: #8de866; text-decoration: underline;}
.useful_links:hover {font: 14px/14px Arial, Tahoma, sans-serif; color: #333333; text-decoration: none;}
.booklet_links {font: 11px/12px Arial, Tahoma, sans-serif; color: #ffd700;}
.booklet_links:hover {font: 11px/12px Arial, Tahoma, sans-serif; color: #333333; text-decoration: none;}

.news_links {font: 11px/14px Arial, Tahoma, sans-serif; color: #33A4F7; text-decoration: underline;}
.news_links:hover {font: 11px/14px Arial, Tahoma, sans-serif; color: #333333; text-decoration: none;}
.news_links2 {font: 12px/16px Arial, Tahoma, sans-serif; color: #33A4F7; text-decoration: underline;}
.news_links2:hover {font: 12px/16px Arial, Tahoma, sans-serif; color: #333333; text-decoration: none;}

.top_links1 {font: 12px/16px Arial, Tahoma, sans-serif; color: orange; text-decoration: underline;}
.top_links1:hover {font: 12px/16px Arial, Tahoma, sans-serif; color: #333333; text-decoration: none;}
.top_links2 {font: 12px/16px Arial, Tahoma, sans-serif; color: #3281ab; text-decoration: underline;}
.top_links2:hover {font: 12px/16px Arial, Tahoma, sans-serif; color: #333333; text-decoration: none;}


.news_links3 {font: 11px/14px Arial, Tahoma, sans-serif; color: #33A4F7; text-decoration: none;}
.news_links3:hover {font: 11px/14px Arial, Tahoma, sans-serif; color: #333333; text-decoration: underline;}
.news {font: 11px/14px Arial, Tahoma, sans-serif; color: #333333;}
.news1 {font: 11px/16px Arial, Tahoma, sans-serif; color: #333333;}
.news3 {font: 11px/16px Verdana, Tahoma, Arial,sans-serif; color: #333333;}
.links {font: 13px/14px Arial, Tahoma, sans-serif; color: #33A4F7;}
.main {font: 11px/16px Verdana, Arial, Tahoma, sans-serif; color: #666666; margin: 0;}
.content {font: 80%/15px Arial, Tahoma, sans-serif;color: #333333; margin: 0;}
.date {font: 11px/15px Tahoma, Arial, Verdana, sans-serif; color: #333333; margin: 0 0 15px 0;}
.red {font: 11px/14px Arial, Tahoma, sans-serif; color: #CC3300;}
.divide {font: 9px Arial, Tahoma, sans-serif; color: #FFB164;}
.star {color: #FFB164;}
.bor {border: 1px solid #D5D0C6;}


/* Формы*/
p#form {font: 11px/14px Arial, Verdana, Tahoma, sans-serif; padding: 0 0 3px 0;}
form {margin: 0;}

.input_reg {font: 12px/14px Verdana, Arial, Tahoma, sans-serif; color: #333333; width: 100%; height: 19px; padding: 1px 0 0 5px;}
.input_prod {font: 11px/14px Verdana, Arial, Tahoma, sans-serif; color: #333333; width: 16%; height: 19px; padding: 1px 0 0 5px;}
input {height: 15px; font: 12px/14px Arial, Verdana, Tahoma, sans-serif;}
.button {height: 21px; font: bold 10px Verdana, Tahoma, sans-serif; color: #333333;}

select {height: 21px;}
.input_10 {width: 10%;}
.input_20 {width: 20%;}
.input_30 {width: 30%;}
.input_40 {width: 40%;}
.input_50 {width: 50%;}
.input_60 {width: 60%;}
.input_70 {width: 70%;}
.input_80 {width: 80%;}
.input_95 {width: 95%;}
.input_top {width: 98%; color: #FFFFFF; border: none; background-color: #3D4345;}
.area_100 {width: 100%; height: 120px; font: 12px/14px Arial, Verdana, Tahoma, sans-serif; margin: 8px 0 0 0;}




/* Форма*/
.form_container {width: 100%; padding: 5px 0 0px 0;}
#form_col_01 {width: 32%; padding: 0 10px 0 0; float: left;}
#form_col_02 {width: 60%; float: left;}
#form_01 {height: 30px; font: 11px/14px Verdana, Arial, Tahoma, sans-serif;}
#form_02 {height: 140px; font: 11px/14px Verdana, Arial, Tahoma, sans-serif;}
#form_head {font: 15px/15px Verdana, Arial, Tahoma, sans-serif; margin: 5px 0 0 35%;}


/* Контакты*/
#contact_01 {width: 35%; left; font: 11px/14px Verdana, Arial, Tahoma, sans-serif; margin: 10px 0 10px 0; float: left;}
#contact_02 {width: 63%; font: 12px/14px Verdana, Arial, Tahoma, sans-serif; margin: 10px 0 20px 0; float: left;}
#contact_head {font: 15px/15px Verdana, Arial, Tahoma, sans-serif; margin: 25px 0 0 35%;}






/* Используемые*/
ul#links { list-style-type: circle;  padding-left: 5px; margin: 15px 0 0 10px; color: #FF9966;}
ul#news {margin-bottom: 0.5em;}
ul.st {color: #FF9966; list-style-type: disc; padding-left: 15px;  margin: 10px 0px 0 20px;}
li#str {font : 11px/14px Arial, Tahoma, sans-serif; margin : 7px 40px 7px 0px; padding: 0px;  color : #FFB164;}
ul#map {color: #FF9966; list-style-type: circle; padding-left: 15px; margin: 15px 0 15px 20px;}
li#right {margin-bottom: 0.3em; color: #333333;}
li#news_right {font : 11px/14px Arial, Tahoma, sans-serif; margin : 8px 0 10px 0; padding-left : 0; color : #FFB164;}
li#news_right1 {font : 11px/14px Arial, Tahoma, sans-serif; margin : 8px 0 10px 0; padding-left : 0;}
li#news_right2 {margin : 4px 0 5px 0; padding-left : 0; color : #FFFFFF;}

li#map {margin: 2px 0 3px 0px; padding: 0px 0 0 0px;}



p#faq {font: 11px/15px  Arial, Tahoma, sans-serif; color: #333333; margin: 10px 10px 10px 30px;}
.faq_red {font: 11px/15px Arial, Tahoma, sans-serif; color: #FF3333;}
#faq {font: 12px/15px  Arial, Tahoma, sans-serif; color: #333333; list-style-type: disc; padding-left: 15px; margin: 15px 10px 10px 10px;}


/* галерея*/
.photo_main_m {width: 15%; float: left; margin:  0px 0px 0 5px;}
.photo_srchpat {width: 220; float: left; height:180px; margin: 0px 0px 0 0px;}
.photo_srchpat2 {width: 18%; float: left; height:145px; margin: 0px 0px 0 15px;}

.gallery {font: 11px/14px Arial, Tahoma, sans-serif;  padding: 25px 0 10px 0;}
.gallery IMG {width: 220px; height: 123px; text-decoration: none; border: 0px}
.gallery A IMG, .galery_img {border: 1px solid #FFFFFF; margin: 0 0 0 0; text-decoration: none;}
.gallery A:hover IMG {border: 1px solid #FFDA4B;}


/* Фото в пансионате*/
.photo_news IMG {width: 150px; height: 80px; text-decoration: none; border: 0px}
.photo_news A IMG, .galery_img_news {border: 1px solid #FFFFFF; margin: 0 0 0 0; text-decoration: none;}
.photo_news A:hover IMG {border: 1px solid #FFDA4B;}
.photo_news {width: 30%; float: left; height:120px; margin: 0px 0px 0 5px;}



/* На главной продукция*/
.gallery2 {font: 11px/14px Arial, Tahoma, sans-serif; color: #333333; padding: 15px 0 10px 0;}
.gallery2 IMG {text-decoration: none;}
.gallery2 A IMG, .galery_img2 {border: 0px solid #f1f4f8; margin: 0; text-decoration: none;}
.gallery2 A:hover IMG {border: 0px solid #f1f4f8;}
.photo_main {width: 170px; float: left; height:auto; margin: 0px 0px 0 20px;}
#new {margin: 30px 2% 5px 2%; padding: 20px 0 5px 0; border-top: 1px solid #f2f2ee;} 




/* Продукция*/
.gallery4 {font: 11px/14px Arial, Tahoma, sans-serif;  padding: 25px 0 10px 0;}
.gallery4 IMG {width: 200px; height: 80px; text-decoration: none; border: 0px}
.gallery4 A IMG, .galery_img4 {border: 1px solid #FFFFFF; margin: 0 0 0 0; text-decoration: none;}
.gallery4 A:hover IMG {border: 1px solid #FFDA4B;}
.photo_srchpat4 {width: 170px; float: left; height:140px; margin: 0px 0px 0 5px;}


.img1 {font: 11px/14px Arial, Tahoma, sans-serif; text-decoration: underline;}
.img2 {font: 11px/14px Arial, Tahoma, sans-serif; color: orange; text-decoration: underline;}
img.bag {vertical-align:80%;}





/* Таблицы #797464;*/
.tablelines {font: 11px/14px Arial, Tahoma, sans-serif; color: #333333; border-bottom: 1px solid #FFFFFF;}
.tablelines td {border-top: 1px solid #ECECEC;}
.nolines td {BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid;}


.tablelines1 {font: 11px/14px Arial, Tahoma, sans-serif;color: #333333; border-top: 1px solid #ECECEC;}
.tablelines1 td {border-bottom: 1px solid #ECECEC;}

.tablelines2 {font: 12px/14px Arial, Tahoma, sans-serif; color: #333333; border-top: 1px solid #ECECEC;}
.tablelines2 td {border-bottom: 1px solid #ECECEC;}





/* Полный вывод товара*/
#product_tablelines td {border-top: 1px solid #ECECEC;}
#product_tablelines_top td {
	border-top: 1px solid #90ee90;
}




.article {
	font: 80%/15px Arial, Tahoma, sans-serif;
	color: #ff7f50;
	margin: 0;
}