@import "../standart_content.css";
#contacts table{width:auto;}
body {
	margin: 0px;
	padding: 0px;
	text-align:center;
	background-color:#FFFFFF;
	vertical-align:top;
font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
td {
	vertical-align:top;
	border:0px; 
}
p {
	font: 12px Verdana, Arial, Helvetica, sans-serif left;
	color:#383735;
	text-align:left;
	text-decoration:none;
	line-height:12px;
	margin:0px;
	margin-top:15px;
}
a {
	font: 12px Verdana, Arial, Helvetica, sans-serif left;
	color:#383735;
	text-align:left;
	text-decoration:underline;
	vertical-align:top;
	margin:0px;
	line-height:12px;
}
a:hover {
	text-decoration:none;
}
/*******************************************************************************/
#main {
	width:100%;
	height:100%;
	border:0px;
	margin:0px;
	vertical-align:top;	
}
#main td.main_bot {
	width:100%;
	height:100%;
	background:url(back.jpg) top left repeat-x #FFFFFF;
}
/*******************************************************************************/
#top {
	width:100%;
	height:269px;
	border:0px;
	vertical-align:top;
margin-left:0px;
	background:url(top_back.jpg) top left repeat-x #FFFFFF;
}
#top td.top1 {
	width:285px;
	height:269px;
	border:0px; 
	text-align:left;
	vertical-align:top;
	background:url(top_lt.jpg) top left no-repeat;

}
#top a.logo {
	font: 12px Verdana, Arial, Helvetica, sans-serif left;
	color:#383735;
	text-align:left;
	text-decoration:underline;
	vertical-align:top;
	margin:0px;
	line-height:12px;
}
#top div {
	font: 14px Arial, Helvetica, sans-serif left;
	font-weight:bold;
	margin-left:35px;
	color:#00AAD5;
	text-transform:uppercase;
}
#top div.top_viz1 h4 {
	margin-top: -54px; // margin-top: -24px;
}
#top div.top_viz2 {
	padding-top:34px;
}
#top td.top2 {
	width:100%;
	height:269px;
	margin:0px;
	text-align:right;
	background:url(top_rt.jpg) top left no-repeat;	
}
#top td.top3 {
	width:100%;
	height:269px;
	margin:0px;
	text-align:right;
	background:url(top_back.jpg) top left no-repeat;	
	text-align:left;
}
/*******************************************************************************/
#top_menu {
	width:187px;
	height:30px;
	border:0px;
	vertical-align:bottom;
	margin:24px 34px 50px 64px;
}
#top_menu td.tm1 {
	text-align:center;
}
#top_menu td.separ {
	background:url(separ_menu.jpg) top center no-repeat;
}
#top_menu img {
	vertical-align:bottom;
}
/*******************************************************************************/
#menu {
	width:100%;
	height:30px;
	border:0px;
	margin:0px;
	vertical-align:bottom;
	background:url(menu_back.jpg) bottom left repeat-x #FFFFFF;	
}
#menu td {
	vertical-align:middle;
}
#menu img.bot {
	margin-bottom:15px;
}
#menu td.sep {
	background:url(separ2.jpg) bottom center no-repeat;	
	padding-left:30px;
}
#menu td.m1 {
	background:url(menu_rt.jpg) bottom right no-repeat;	
	width:60px;
}
/*******************************************************************************/
#center_top {
	width:100%;
	height:61px;
	border:0px;
	margin:0px;
	vertical-align:top;
	background:url(cnt_top_back.jpg) top left repeat-x;	
}
#center_top td.ct1{
	width:100%;
	height:61px;
	margin:0px;
	text-align:right;
	background:url(center_lt.jpg) top left no-repeat;	
}
/*******************************************************************************/
#center {
	width:100%;
	height:100%;
	border:0px;
	margin:0px;
	vertical-align:top;
	background:url(back_rt.jpg) top right no-repeat;	
}
#center td.centr1{
	width:318px;
	height:100%;
	margin:0px;
	margin-right:32px;
	padding-left:34px;
	padding-top:9px;
	padding-bottom:81px;
	text-align:left;
	background:url(back_lt.jpg) top left no-repeat;	
}
#center div.div1 {
	background:url(title1_back.jpg) bottom left repeat-x;	
	height:23px;
	width:100%;
	margin-bottom:31px;
	margin-right:32px;
}
#center td.centr2{
	width:100%;
	height:100%;
	margin:0px;
	padding-top:9px;
	padding-left:34px;
	padding-right:32px;
	text-align:left;
	background:url(spider.jpg) bottom right no-repeat;	
}

#center div.div2 {
	background:url(title3_back.jpg) bottom left repeat-x;	
	height:23px;
	width:100%;
	margin-bottom:23px;
}
#center td.centr3{
	width:100%;
	height:108px;
	margin:0px;
	margin-right:32px;		
	text-align:left;
}
#center div.div3 {
	background:url(grey.jpg) top left repeat-x;
	margin:0px;
	margin-right:32px;	
}
#center p {
	font: 12px Verdana, Arial, Helvetica, sans-serif left;
	color:#383735;
	text-align:left;
	text-decoration:none;
	line-height:14px;
	margin:0px;
	margin-top:15px;
	padding-left:23px;	
}
#center p.cent_p1 {
	font: 12px Verdana, Arial, Helvetica, sans-serif left;
	color:#383735;
	text-align:left;
	text-decoration:none;
	line-height:14px;
	margin:0px;
	margin-top:37px;
	background:url(link2.jpg) top left no-repeat;
	padding-left:23px;
	padding-right:50px;
}
#center p.cent_p2 {
	font: 12px Verdana, Arial, Helvetica, sans-serif left;
	color:#383735;
	text-align:left;
	text-decoration:none;
	line-height:14px;
	margin:0px;
	margin-top:37px;
	background:url(link2.jpg) top left no-repeat;
	padding-left:23px;
}
#center p.cont_p {
	font: 12px Verdana, Arial, Helvetica, sans-serif left;
	color:#A8A8A8;
	text-align:left;
	text-decoration:none;
	line-height:14px;
	margin:0px;
	margin-top:37px;
	padding-left:23px;	
}
#center a {
	font: 12px Verdana, Arial, Helvetica, sans-serif left;
	color:#A8A8A8;
	text-align:left;
	text-decoration:none;
	vertical-align:top;
	margin:0px;
	line-height:12px;
}
#center a:hover {
	text-decoration:underline;
}
#center a.read {
	font: 12px Verdana, Arial, Helvetica, sans-serif left;
	color:#383735;
	text-align:left;
	text-decoration:underline;
	vertical-align:top;
	margin:0px;
	line-height:12px;
	background:url(link3.jpg) bottom left no-repeat;
	padding-left:23px;
	margin-top:35px;
}
#center a.read:hover {
	text-decoration:none;
}
/*******************************************************************************/
#table {
	height:25px;
	border:0px;
	margin:0px 16px 41px 20px;
	vertical-align:top;
	text-align:left;
}
#table td.tab1 {
	width:100%;
	height:25px;
	text-align:left;
}
#table a.link_txt {
	font: 12px Verdana, Arial, Helvetica, sans-serif left;
	color:#383735;
	text-align:left;
	text-decoration:none;
	vertical-align:top;
	margin:0px;
	line-height:12px;
	background:url(link1.jpg) center left no-repeat;
	padding-left:21px;	
}
#table a.link_txt:hover {
	text-decoration:underline;
}
#table a {
	font: 12px Verdana, Arial, Helvetica, sans-serif left;
	color:#383735;
	text-align:left;
	text-decoration:none;
	vertical-align:top;
	margin:0px;
	line-height:12px;
}
#table a:hover {
	text-decoration:underline;
}
#table td.tab_line {
	width:100%;
	height:5px;
	background:url(line_back.jpg) top left repeat-x;
}
/*******************************************************************************/
#contacts {
	width:300px;
	height:10px;
	border:0px;
	vertical-align:top;
	text-align:left;
	margin: 49px 88px 15px 49px;
}
#contacts p {
	font: 12px Verdana, Arial, Helvetica, sans-serif left;
	color:#A8A8A8;
	text-align:left;
	text-decoration:none;
	line-height:14px;
	margin:0px;
	margin-left:50px;
}
#contacts a {
	font: 12px Verdana, Arial, Helvetica, sans-serif left;
	color: #0489d6;
	text-align:left;
	text-decoration:none;
	line-height:14px;
	margin:0px;
}
#contacts a:hover {
	text-decoration:underline;
}
.slogan {
background:url(slogan.gif) no-repeat;
width:200px;
height:12px;
border:0;
}
.hmenulinks {
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* это для среднего блока сайта. Он у меня имеет атрибут id="midle" */
div#middle{text-align: justify;}

/* убирает float */ 
div.clear{clear:left;}

/* видимые счётчики ########################## */
.visible_count{ width:100%; text-align:center;} /* блок счётчиков, который делает широкое обрамление и выравнивание*/
.visible_count_text{} /* блок счётчиков, группирует сами счётчики*/

/* стили от старого сайта */
h1.kurortMag		{ font: bold 8pt Arial;  text-align: center; margin-top: 0; margin-bottom: 0; }
h2.kurortMag		{ font: bold 8pt Arial;  text-align: left; margin-top: 0; margin-bottom: 0; }
h3.kurortMag		{ font: bold 12pt Arial; text-align: center; margin-top: 0; margin-bottom: 0; }
h4.kurortMag		{ font: 8pt Arial; text-align: center; margin-top: 0; margin-bottom: 0; }
h5.kurortMag		{ font: 8pt Arial; text-align: justify; margin-top: 0; margin-bottom: 0; }
h6.kurortMag		{ font: 8pt Arial; text-align: justify; text-indent: 40; margin-top: 0; margin-bottom: 0; }
td.kurortMag		{ font: 8pt Arial; border-color: black; padding-left: 2px; padding-right: 2px; }
p.kurortMag			{ font: 8pt Arial; text-align: justify; text-indent: 0; margin-top: 0; margin-bottom: 0; }
p.kurortMagCenter	{ font: 8pt Arial; text-align: center; text-indent: 0; margin-top: 0; margin-bottom: 0; }
table.kurortMag	{ width: 100%; border-collapse: collapse; border-color: black; }

p{width:100%;}


/* №№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№ */
/* №№№№№№№№№№№№№        стили для основного блока страницы          №№№№№№№№№№№№ */
/* №№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№ */
a img{border:none;}
a{color:#0489D6;}
a:hover {color: #FF0000; }
.zag0 {color: #A13F00; font-size: 16px; font-weight: bold; }
.zag1 {color: #606060; font-size: 11px; text-align:left; line-height:15px;}
big{
font-size:11px;
font-weight:none;
font-family:Verdana;
}
.text {color: #606060; font-size: 11px; }

h1{color:#A13F00; font-size:18px;}
h2{font-size: 15px; text-align: center;}
h3{font-size: 13px; text-align: center;}
h4{font-size: 11px; text-align: center; font-weight: bold; }
/* делаем таблицы красивыми (только в основном блоке)*/
div#middle table tr td{font-size: 11px;padding:5px;}
div#middle table tr td table tr td{font-size: 11px;padding:0px;}

/* горизонтальная линия         разделяет блоки текста*/
.lindsafsde_1 {background: url(line.gif) no-repeat; height: 9px; width: 435px; }


/* ######################################################################################## */
/*                                            Галерея                                       */
/* ######################################################################################## */
/* блок галереи */
.fotogallery {text-align: center; }
/* прокрутка картинок */
.ol_l {background: url(ol_l.jpg) no-repeat; height: 22px; width: 24px; border: 0px; margin-right: 5px; }
.ol_r {background: url(ol_r.jpg) no-repeat; height: 22px; width: 24px; border: 0px; margin-left: 8px; }
/* Рамка вокруг галереи */
.li5 {border: 3px solid #6cadbb; padding: 10px; }
/* следующая/предыдущая */
a.a_fotogallery {font-size: 11px; vertical-align: middle; }
a.a_fotogallery:hover {font-size: 11px; vertical-align: middle; }
/* Название картинки */
.name_fotogallery {font-size: 11px; vertical-align: middle; }


/* ######################################################################################## */
/*                                            Бронирование                                  */
/* ######################################################################################## */
/* кнопка бронирование */
.bron {padding-top: 10px; background: url(button2.gif) no-repeat; height: 16px; width: 93px; margin-top: 10px; }
/* кнопка календарь */
.calendar {background: url(../../../images/calendar.gif) no-repeat; height: 15px; width: 19px; }
/* заголовки блоков */
.zag4 {color: #A13F00; font-weight: bold; }
/* Названия к полям заполнения */
.li6 {font-size: 11px; color: #002854; }
/* цвета и шрифт полей заполнения */
.in_1 {   padding-bottom: 10px; font-size: 11px; background-color: #E8E8E6; width: 200px; }
/* цвета и шрифт полей заполнения ДАТЫ */
.in_2 {   padding-bottom: 10px; font-size: 11px; background-color: #E8E8E6; width: 100px; }
/* полоска разделяющая пункты */
.form_razd {padding-bottom: 10px; background-color: #D4D4D4; height: 1px; }