@import "../standart_content.css";
body {
	margin: 0px;
	padding: 0px;
	text-align:center;
	background-color:#FFFFFF;
	vertical-align:top;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
p {
	font: 12px Verdana, Arial, Helvetica, sans-serif left;
	color:#383735;
	text-align:left;
	text-decoration:none;
	margin:0px;
	margin-top:15px;
padding-left:10px;
	}
.site_text {
	font: 12px Verdana, Arial, Helvetica, sans-serif left;
	color:#383735;
	text-align:left;
	text-decoration:none;
	margin:0px;
	margin-top:15px;
	padding-right: 5px;
	padding-left: 5px;
	}
.site_text table{
font-size:12px;
}



td {
	vertical-align:top;
	border:0px; 
}
a.go {
	font: 11px Tahoma, Arial, Helvetica, sans-serif left;
	color:#0096C1;
	text-align:right;
	text-decoration:underline;
	vertical-align:top;
	margin:0px;
	line-height:22px;
	background:url(list3.jpg) left no-repeat;
	padding-left:19px;
}
a.go:hover {
	text-decoration:none;
}

/*******************************************************************************/
#main {
	width:100%;
	height:100%;
	border:0px;
	margin:0px;
	vertical-align:top;	
}
#main td.main1 {
	width:265px;
	height:100%;
	border:0px;
}
#main td.main2 {
	width:100%;
	height:100%;
	border:0px;
}
/*******************************************************************************/
#left {
	width:265px;
	border:0px;
	margin:0px;
	vertical-align:top;	
}
#left td.tdleft1 {
	width:265px;
	height:118px;
	padding-top:55px;
	padding-left:51px;
	padding-right:25px;
}
#left a.a1 {
	font: 11px Tahoma, Arial, Helvetica, sans-serif left;
	color:#A9A9A9;
	text-align:left;
	text-decoration:none;
	vertical-align:top;
	margin:0px;
	line-height:12px;
	padding-right:22px;
}
#left a.a1:hover {
	text-decoration:underline;
}
#left a.a2 {
	font: 11px Tahoma, Arial, Helvetica, sans-serif left;
	color:#A9A9A9;
	text-align:left;
	text-decoration:none;
	vertical-align:top;
	margin:0px;
	line-height:12px;
	background:url(list1.jpg) left no-repeat;
	padding-left:24px;
	padding-right:22px;
}
#left a.a2:hover {
	text-decoration:underline;
}
#left td.tdleft2 {
	width:265px;
	height:63px;
	background:url(title1_back.jpg) top left no-repeat;
	vertical-align:middle;
	padding-left:51px;
}
#left td.tdleft3 {
	width:265px;
	height:132px;
	background:url(left_back.jpg) top left repeat-y;
	padding-left:51px;
}
#left div.div1 {
	width:181px;
	background:url(dots_back.jpg) bottom left repeat-x;
	padding-top:4px;
	line-height:22px;
}
#left div.div2 {
	width:181px;
	padding-top:4px;
}
#left a.a3 {
	font: 12px Tahoma, Arial, Helvetica, sans-serif left;
	color:#000000;
	text-align:left;
	text-decoration:none;
	vertical-align:top;
	margin:0px;
	line-height:22px;
	background:url(list2.jpg) left no-repeat;
	padding-left:21px;
}
#left a.a3:hover {
	text-decoration:underline;
}
#left a.a4 {
	font: 14px Tahoma, Arial, Helvetica, sans-serif left;
	color:#000000;
	text-align:left;
	text-decoration:none;
	vertical-align:top;
	margin:0px;
	line-height:22px;
	background:url(list2.jpg) left no-repeat;
	padding-left:21px;
}
#left a.a4:hover {
	text-decoration:underline; }
.a_style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: underline;
	font-weight: bold;
	vertical-align: bottom;	
}
#left td.tdwhite {
	widows:263px;
	height:61px;
}
#left td.tdleft4 {
	width:265px;
	height:100%;
	background:url(title2_back.jpg) top left no-repeat;
	padding-left:51px;
	padding-top:25px;
	padding-right:40px;
	padding-bottom:70px;
}
#left p {
	font: 11px Tahoma, Arial, Helvetica, sans-serif left;
	color:#333333;
	text-align:left;
	text-decoration:none;
	line-height:14px;
	margin:0px;
	margin-top:27px;
}
#left p.p1 {
	text-align:right;
	margin-top:5px;
}
/*******************************************************************************/
#right {
	width:100%;
	height:100%;
	border:0px;
	margin:0px;
	vertical-align:top;	
}
#right td.right_top_back {
	width:100%;
	height:253px;
	background:url(head_back.jpg) bottom left repeat-x;
}
#right div.right_top {
	width:100%;
	height:253px;
	background:url(head.jpg) bottom left no-repeat;
}
#right div.right_top_rt {
	height:253px;
	background:url(head2.jpg) bottom right no-repeat;
}
#right p.p_top {
	font: 12px Arial, Helvetica, sans-serif left;
	font-weight:bold;
	color:#17A2CA;
	text-align:left;
	text-decoration:none;
	margin:0px;
}
#right div.div_top {
	width:97%;
/*	background:url(top_back.jpg) top left repeat-x; */
	padding-top:0px;
	padding-left:41px;
	float:left;
	margin-top: -8px;
}
#right p.title {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
color:#999999;
line-height:24px;
}
#right td.right2 {
	width:100%;
	height:105px;
	background:url(title3_back.jpg) top left repeat-x;
}
#right div.div_fly {
	background:url(butterfly.jpg) top right no-repeat;
	width:100%;
	float:left;
	text-align:left;
	margin:0px;
}
#right td.right3 {
	width:100%;
	height:100%;
	padding-right:20px;
}
#right p.p_center {
	font: 11px Tahoma, Arial, Helvetica, sans-serif left;
	color:#333333;
	text-align:left;
	text-decoration:none;
	line-height:14px;
	margin:0px;
	margin-top:18px;
	padding-left:50px;
	padding-right:66px;
}
#right div.div_bord {
	padding-top:5px;
	background:url(right_back.jpg) top right repeat-x #FFFFFF;
	float:left;
	margin:0px;
	border:0px;
	vertical-align:top;
	width:100%;
}
/*******************************************************************************/
#menu {
	width:100%;
	height:40px;
	border:0px;
	margin:0px;
	margin-top:5px;
	margin-bottom:15px;
	vertical-align:bottom;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#menu td {
	vertical-align:bottom;
	text-align:left;
	border:0px; 
	}
/*******************************************************************************/
#bottom {
	width:100%;
	height:128px;
	border:0px;
	margin:0px;
	background:url(bottom.jpg) top left no-repeat #FFFFFF;
	vertical-align:top;
}
/*******************************************************************************/
#tb_bot {
	width:100%;
	height:128px;
	border:0px;
	margin:0px;
	padding-top:30px;
	padding-left:319px;
	text-align:left;
	vertical-align:top;
}
#tb_bot tr td.tb1 {
	font: 11px Tahoma, Arial, Helvetica, sans-serif left;
	color:#A9A9A8;
	text-align:left;
	text-decoration:none;
	line-height:14px;
	margin:0px;
	width:240px;
	vertical-align:top;
}
#tb_bot tr td.tb1 div {
	color:#000000;
}
#tb_bot tr td.tb2 {
	font: 11px Tahoma, Arial, Helvetica, sans-serif left;
	color:#A9A9A8;
	text-align:left;
	text-decoration:none;
	line-height:14px;
	margin:0px;	
	width:200px;
	padding-left:250px;
	float:left;
	vertical-align:top;
}
#tb_bot a.mail {
	font: 11px Tahoma, Arial, Helvetica, sans-serif left;
	color:#A9A9A8;
	text-align:right;
	text-decoration:none;
	vertical-align:top;
	margin:0px;
}
#tb_bot a.mail:hover {
	text-decoration:underline;
}
.logo {
width:216px;
height:25px;
background:url(logo.jpg) no-repeat;
}
/* это для среднего блока сайта. Он у меня имеет атрибут 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%; padding-left:10px;} 


/* №№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№ */
/* №№№№№№№№№№№№№        стили для основного блока страницы          №№№№№№№№№№№№ */
/* №№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№№ */
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: 12px; text-align:left; line-height:15px;}
big{
font-size:12px;
font-weight:none;
font-family:Verdana;
}
.text {color: #606060; font-size: 12px; }

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: 12px;padding:5px;}
div#middle table tr td table tr td{font-size: 12px;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; }

ul {font: 12px Verdana, Arial, Helvetica, sans-serif left;
	color:#383735;
	text-align:left;
	text-decoration:none;
padding-left:15px;
	margin:0px;
	margin-top:15px;	
}
ol {
	font: 12px Verdana, Arial, Helvetica, sans-serif left;
	color:#383735;
	text-align:left;
	text-decoration:none;
padding-left:15px;
	margin:0px;
	margin-top:15px;
li {
	font: 12px Verdana, Arial, Helvetica, sans-serif left;
	color:#383735;
	text-align:left;
	text-decoration:none;
padding-left:15px;
	margin:0px;
	margin-top:15px;	
}


#left a.a3_active {
	font: 12px Tahoma, Arial, Helvetica, sans-serif left;
	color:#FF0000;
	text-align:left;
	text-decoration:none;
	vertical-align:top;
	margin:0px;
	line-height:22px;
	background:url(list2.jpg) left no-repeat;
	padding-left:21px;
}
.a_active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF6666;
	text-decoration: underline;
	font-weight: bold;
	vertical-align: bottom;	
}