@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;
}
td {
	vertical-align:top;
	border:0px;
}
p {
	font: 12px Verdana, Arial, Helvetica, sans-serif left;
	color:#383735;
	text-align:left;
	text-decoration:none;
	margin:0px;
padding-left:15px;
	}
.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: 10px;
	}
.site_text table{
font-size:12px;
width:90%;
color:#000000;
}
.style1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;

}
.style2 {
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0284D8;
	text-align: center;
	vertical-align:middle;
}
.style3 {
	color: #499ED7;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
a.menuglavlink {
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
}
a:visited.menuglavlink {
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
}
a:hover.menuglavlink {
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;
font-weight:bold;
}
.lt_top_01{
background:url(lt_top_01.jpg) no-repeat;
width:100%;
height:84px;
}
.rt_top{
background:url(rt_top.jpg) no-repeat;
width:689px;
height:192px;
}
.logo_03{
background:url(logo_03.jpg) no-repeat;
width:264px;
height:8px;
}
.title1_top{
background:url(title1_top.jpg) no-repeat;
width:264px;
height:47px;
}
.title1{
background:url(title1.jpg) no-repeat;
width:264px;
height:83px;
}

/*******************************************************************************/
#logotab {
background-image:url(lt_top_02.jpg);
}
#slogan tr td.mini{
background-image:url(logo_02.jpg);
}
#main {
	width:100%;
	height:100%;
	border:0px;
	margin:0px;
	vertical-align:top;	
}
#main div.new_contact {
	text-align: center;
	padding-left: 25px;
}
#main td.main1{
	width:264px;
	height:692px;
	border:0px;
	margin:0px;
	vertical-align:top;
	text-align:left;
	background:url(back.jpg) top left repeat;
}
#main td.main2{
	width:100%;
	height:100%;
	border:0px;
	margin:0px;
	vertical-align:top;
	text-align:left;
	background:url(back.jpg) top left repeat;
}
#main td.main3{
	width:100%;
	height:127px;
	border:0px;
	margin:0px;
	vertical-align:bottom;
	text-align:left;
	background:url(bot_back.jpg) top left repeat-x;
}
/*******************************************************************************/
#red {
	width:264px;
	border:0px;
	margin:0px;
	vertical-align:top;
	background:url(lt_red_back.jpg) top left repeat-y;	
}
#red div.div_red {
	height:100%;
	border:0px;
	margin:0px;
	padding-left:21px;
	padding-bottom:127px;
	vertical-align:top;
	background:url(left.jpg) bottom left no-repeat;	
}
#red a {
	font: 11px Tahoma, Arial, Helvetica, sans-serif left;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 16px;
	margin: 0px;
	background: url(list1.gif) bottom left no-repeat;
	padding-left: 10px;
	white-space: normal;
}
#red a:hover {
	text-decoration:underline;
}
/*******************************************************************************/
#banner {
	width:264px;
/*	height:100%;*/	
	border:0px;
	margin:0px;
	vertical-align:top;
	background:url(back.jpg) top left repeat;	
}
#banner div.div_ban {
	width:264px;
	height:100%;
	border:0px;
	margin:0px;
	padding-bottom:51px;
	vertical-align:top;
	background:url(lt_ban_back.jpg) top left no-repeat;	
}
/*******************************************************************************/
#top {
	width:100%;
	height:192px;
	border:0px;
	margin:0px;
	vertical-align:top;
	background:url(rt_top_back.jpg) top left repeat-x;	
}
#top td {
	text-align:left;
}
/*******************************************************************************/
#menu {
	width:100%;
	height:58px;
	border:0px;
	margin:0px;
	vertical-align:top;
	background:url(menu_back.jpg) top left repeat-x;	
}
#menu td.menu1 {
	height:58px;
	padding-top:20px;
	vertical-align:top;
	text-align: center;
}
#menu td.sep {
	text-align:center;
	width:10%;
	background:url(sep.jpg) top center no-repeat;	
}
#menu td.menu2 {
	height:58px;
	padding-top:20px;
	vertical-align:bottom;
	text-align:center;
}
/*******************************************************************************/
#text {
	width:100%;
	height:100%;
	border:0px;
	margin:0px;
	padding:33px 0px 50px 2px;
	vertical-align:top;
	background:url(txt_back.jpg) top left repeat-x;	
}
#text p {
	font: 11px Tahoma, Arial, Helvetica, sans-serif left;
	color:#2B2828;
	text-align:left;
	text-decoration:none;
	line-height:14px;
	margin:0px;
	margin-top:0px;
	margin-right:63px;
}
/*******************************************************************************/
#bottom {
	width:100%;
	height:127px;
	border:0px;
	margin:0px;
	vertical-align:bottom;
	background:url(bottom.jpg) bottom left no-repeat;	
}
#bottom td.bot1{
	width:199px;
	height:127px;
	border:0px;
	margin:0px;
	vertical-align:top;
	text-align:center;
}
#bottom div.div_link{
	width:199px;
	height:50px;
	vertical-align:top;
	text-align:center;
	margin-top:65px;
}
#bottom p {
	font: 9px Tahoma, Arial, Helvetica, sans-serif left;
	font-weight:bold;
	color:#04436B;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	line-height:14px;
	margin:0px;
}
#contacts p{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:9px;
color:#FFFFFF;
vertical-align:top;
text-align:right;
font-weight:lighter;
}
#contacts {
margin-left: 0px;
margin-top: -35px;
}
#bottom a {
	font: 12px Tahoma, Arial, Helvetica, sans-serif left;
	font-weight:bold;	
	color:#04436B;
	text-align:left;
	text-decoration:none;
	text-transform:uppercase;
	line-height:14px;
	margin:0px;
}
#bottom a:hover {
	text-decoration:underline;
}
#bottom td.bot2{
	width:405px;
	height:127px;
	border:0px;
	margin:0px;
	vertical-align:top;
	text-align:left;
	padding-top:47px;
}
#bottom td.bot3{
	width:100%;
	height:127px;
	border:0px;
	margin:0px;
	vertical-align:bottom;
	text-align:center;
	padding-left:82px;
	padding-bottom:7px;
}
/* это для среднего блока сайта. Он у меня имеет атрибут 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: #000000; 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;	
}

