@charset "utf-8";

html {
    /* 100% обычно равны 16px, это стандарт комфортного чтения */
    font-size: 100%; -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none;
    
	 /* Эта запись для Firefox, чтобы он не увеличивал размер шрифта Н1 в три раза от основного
    -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none;*/
	
    /* Запрещаем браузеру самовольно менять размер текста при повороте экрана 
    -webkit-text-size-adjust: 100%;*/
}

body    { font-size: 1.25rem; background-color:#e6e6e6; font-family: arial, sans-serif; color: #000000; word-spacing: 4px; margin: 0; text-align: center; }

/*--------------- Ссылки -----------------------*/

a:link {color: #0000cc;} /* цвет темно синий */
a:visited {color: #0000cc;}
a:active {color: #0000cc;}

/*--------------------- Текст ---------------------*/

/* в этом div все содержание страницы */
.container { }

/* div : верхний заголовок h1 и кнопка меню */
#topper {
	position: fixed;
	padding-left: 0px; padding-right: 0px; padding-top: 2px; padding-bottom: 2px;
	top: 0;
	width: 100%;
	background-color: #CCCCCC; /* цвет серый */
	color: #000000;
	vertical-align: middle;
	text-align: left;
}

/* div : нижний ряд кнопок */
#footer {
	position: fixed;
	padding-left: 0px; padding-right: 0px; padding-top: 2px; padding-bottom: 2px;
	bottom: 0;
	width: 100%;
	background-color: #CCCCCC;
	color: #000000;
	vertical-align: middle;
	text-align: center;
}

/* в этом div информационная часть страницы (кроме topper и footer) */
/* он занимает всю область и залезает под topper и footer */
.text {
	width: 95%;
	padding-top: 110px; padding-bottom: 110px; padding-left: 5px; padding-right: 5px;
	background-color:#ffffff; /* цвет белый */
	text-align: center;
	margin: 0 auto;
}

/*div, в котором содержание меню страничек меню*/
.text_menu {
	width: 95%;
	padding-top: 110px; padding-left: 15px; padding-right: 15px; padding-bottom: 110px;
	background-color:#ffffff;
	text-align: center;
	margin: 0 auto;
	font-size: 20px;
}

/* div на страничке с описанием функций кнопок (buttons.html)*/
.text_button {
	padding-top: 10px; padding-left: 5px; padding-right: 5px; padding-bottom: 10px;
	background-color:#ffffff;
	text-align: center;
	margin: 0 auto;
}

/* div с описанием чего-либо в отдельной рамке*/
.notice {
	padding-top: 5px; padding-left: 10px; padding-right: 5px; padding-bottom: 0px;
	text-align: center;
	margin: 0 auto 20px auto;
	border-color: #ff0000; /* красная */
	border-width: 1px;
	border-style: solid;
}

/* подписи под фотографиями в XXXXkod.html */
.caption { margin-top: 0; margin-bottom: 20px; text-align: center; font-style: italic; }

/* подписи над фотографиями в foto.html */
.caption_top { margin-top: 45; margin-bottom: 0px; text-align: center; font-style: italic; }

/* длинный текст над фотографиями. например wifi.html */
.text_top_left { text-align: left; margin-top: 45; margin-bottom: 10px; margin-left: 1%; margin-right: 1%; }


/* заголовок страницы - обычно в div id="topper" */
h1 {  display: inline; font-size: 1.5rem; font-weight: bold;  margin-bottom: 0px; margin-top: 0px; padding-top: 0px; padding-bottom: 0px; margin-left: 5px; text-align: left; vertical-align: middle;}

/* основные разделы - пишем заглавными буквами */
h2 { font-weight: bold; font-size: 1.25rem; text-align: left; word-spacing: 4px; margin-left: 5px; padding-top: 15px; margin-bottom: 25px; } /* font-size: 16px;*/

/* заголовоки достопримечательностей - пишем строчными буквами */
h3 { font-weight: bold; font-size: 1.25rem; text-align: left; word-spacing: 4px; margin-left: 5px; padding-top: 9px; padding-left: 10px; padding-bottom: 6px; margin-bottom: 35px; }

/*добавляет фон к элементу, например, к h3*/
.back_grey {background-color:#CCCCCC;} /* цвет светло-серый */

/* для текста перед фотоальбомом, перед картами */
h4 { font-weight: bold; text-align: left; margin-top: 10; }

/* просто текст по центру с выключкой по левому краю - это основные блоки текста */
.lefttext { text-align: left; margin-bottom: 25px; margin-top: 3px; margin-left: 1%; margin-right: 1%;}

/* просто текст по центру с выключкой в лево для описания кнопок*/
.lefttext_buttons { vertical-align: middle; text-align: left; margin-bottom: 65px; margin-top: 3px; margin-left: 1%; margin-right: 1%;}

/* любые замечания выделенные в тексте, например, рассказ о каком-либо человеке */
.p_notice_b {margin-bottom: 65px; margin-top: 3px; margin-left: 2%; margin-right: 2%; padding: 10px; background: #e5e5e5; border: solid; border-color: #000000; border-width: 1px; font-style: italic;}

/* заголовок в таком тексте */
.h_notice_b {font-weight: bold; text-align: left;}

/* цветной шрифт */
.font_red { color: #ff3333; }
.font_blue { color: #000099; }
.font_blue_light { color: #019df6; }
.font_violet { color: #800000; }
.font_violet_dark { color: #25005c; }
.font_green { color: #00997a; }
.font_li_green { color: #7fff00; }
.font_li_blue { color: #008080; }
.font_orange { color: #ffbf00; }
.font_li_orange { color: #ffcc66; }
.font_dr_orange { color: #cc3300; }
.font_2_orange { color: #993333; }
.font_rose { color: #cc6699; }
.font_li_brown { color: #bb8900; }
.font_begev { color: #d4a7a1; }
.font_line7 { color: #ffc66e; }
.font_line15 { color: #663366; }
.font_lineyi { color: #d61572; }
.font_linefa { color: #cc6633; }
.font_lineair { color: #9b91b1; }
.font_line10 { color: #0092c7; }
.font_violet_disney { color: #eb6ea5; }
.font_liblue_east { color: #5eb7e8; }
.font_blue_isl { color: #0176c2; }
.font_green_kwun { color: #00a040; }
.font_brown_maon { color: #9c2f01; }
.font_violet_tseung { color: #7e3d93; }
.font_red_tsuen { color: #e60112; }
.font_yellow_tung { color: #f3992d; }
.font_violet_west { color: #ad3296; }
.font_blue_air { color: #00888f; }
.font_yellow_south { color: #cccc33; }



/*--------------- Таблицы ----------------------*/

/* для всех центральных таблиц, если не оговорено отдельно */
table   { font-family: arial, sans-serif;  word-spacing: 4px; }

tr {text-align: center; }
td {padding: 3px; vertical-align: center;}


.time_table { font-size: 0.5rem; border-collapse: collapse; text-align: center; padding-right: auto; margin-bottom: 35px; width: 95%}
.time_table th { font-weight: normal; padding-bottom: 5px; padding-top: 4px; border-right: 1px solid #000000; border-left: 1px solid #000000; border-top: 1px solid #000000; border-bottom: 1px solid #000000; background: #cccccc; }
.time_table td { border-right: 1px solid #000000; border-left: 1px solid #000000; border-bottom: 1px solid #000000; padding-bottom: 2px; padding-top: 2px; vertical-align: middle;}
.taxi_left { padding-left: 10px; text-align: left; }
.first { background: #f0f0f0; }
.second { background: #ffffff; }


/*--------------- Картинки и фото -----------------*/

img { border-color: #000000; border-width: 1px; border-style: solid; } /* цвет рамки черный */

/* меню-бутерброд */
.top_menu_button { display: inline; border-style: none; width: 10%; margin-top: 4px; margin-bottom: 4px; margin-right: 10px; margin-left: 10px; vertical-align: middle;}

/* нижние кнопки */
.bottom_menu_button { display: inline; border-style: none; width: 10%; margin-top: 4px; margin-bottom: 4px; margin-left: 5px; margin-right: 5px; vertical-align: middle;}

/* кнопки на страничке buttons.html */
.menu_button { float: left; vertical-align: top; border-style: none;  padding-right: 50px; width: 80px; height: 80px; margin-top: 10px; margin-bottom: 10px; }

/* превью на страничке карт */
.map_thumb { margin-bottom: 35px; margin-top: 3px; } /* цвет черный */

/* картинки на страничке карт в полном размере */
.map_inter { margin-bottom: 45px; width: 98%; }

/*картинки с нижней подписью горизонтальная с рамкой*/
.img_cap_gorizont { margin-bottom: 2px; width: 96%;}

/*картинки с нижней подписью вертикальная с рамкой*/
.img_cap_vertikal { margin-bottom: 2px; width: 75%;}

/*картинки c подписью без рамки горизонтальная*/
.img_cap_gorizont_no_border { border: 0px; margin-bottom: 2px; width: 96%;}

/*картинки c подписью без рамки вертикальная*/
.img_cap_vertikal_no_border { border: 0px; margin-bottom: 2px; width: 70%;}

/*картинки без подписи горизонтальная с рамкой*/
.img_nocap_gorizont { margin-bottom: 25px; width: 96%;}

/*картинки без подписи вертикальная с рамкой*/
.img_nocap_vertikal { margin-bottom: 25px; width: 70%;}

/*картинки без подписи без рамки горизонтальная*/
.img_nocap_gorizont_no_border { border: 0px; margin-bottom: 45px; width: 96%;}

/*картинки без подписи без рамки вертикальная*/
.img_nocap_vertikal_no_border { border: 0px; margin-bottom: 45px; width: 70%;}

/*тропические сигналы (tstkod.html)*/
.tropical { border: 0px; margin: 2px; }



/*---------------------- Меню -----------------------*/

ul { margin-top: 0; margin-bottom: 30px; margin-left: 20px; padding-left: 0px; text-align: left; }
ol { margin-top: 0; margin-bottom: 30px; margin-left: 30px; padding-left: 0px; text-align: left; }

/*ul и ol без нумерации и меток*/
.list_no_bullets {list-style-type: none; margin-left: 5px;}

/*дополнительный отступ слева*/
.menu_left_more {margin-left: 15px;}

/*дополнительный отступ снизу*/
.bottom_more  { margin-bottom: 20px; }


/*---------------- Список определений -------------------*/

dl { margin-top: 3px; margin-bottom: 30px; text-align: left; }
dt { font-weight: bold; text-align: left; }
dd { margin-left: 15px; text-align: left; margin-bottom: 5px;}
/*нужен, когда картинка попадает между dd (shaukod.html)*/
.dd_img { margin-bottom: 35px;}
.dd_botom5 { margin-bottom: 5px; }