* {margin:0; padding:0;}

html {
height:100%;
}

body.main {margin:0; padding:0; height:100%; background-color: #fff;}

.left_infinity  {width:10%; min-width:80px; float:left; text-align:right;} /* левый блок*/
.right_infinity {width:10%; min-width:80px; float:right; text-align:left;}/* правый блок */

/* ШАПКА ------------------------------------------------------------------- */
.header {height:35px;}
	.hatka_icon {margin:12px 30px 0 0; display:inline;}

	a.home_link {width:11px; height:10px; margin:12px 30px 0 0; font-size:0; background:url(http://omelchak.com.ua/im/stroyka/home_link.gif) left top no-repeat; float:right;}
	a.home_link:hover{background-position:left bottom;}

/* язык интерфейса */
.interface_lang {margin-top:-15px; margin-right:10px; font-family:Arial, Sans-Serif; font-size:200%; color:#ccc; text-align:right; font-style:normal;}

.switch_lang {margin-right:15px; text-align:right;}
	a.switch_lang_link {font-family:Arial, Sans-Serif; font-size:80%; color:#333; text-align:left; text-decoration:underline;}
	a.switch_lang_link:hover {color:#d00;}

/* угловая навигация */
.corner_navigation_container {width:200px; margin:-25px 0 0 0; float:right; display:inline;}
	.corner_navigation_item {width:200px; height:25px; text-align:left;}
	
	/* ссылка "на головну" */
	a.link_to_main {font-family:Arial, Sans-Serif; font-size:90%; color:#039; text-align:left; text-decoration:none; font-style:normal;}
	a.link_to_main:hover {color:#d00;}
	
	/* ссылка "як замовити сайт та інше?" */
	a.link_to_order {font-family:Arial, Sans-Serif; font-size:90%; color:#930; text-align:left; text-decoration:underline; font-style:normal;}
	a.link_to_order:hover {color:#d00;}

.content {}

.my_text_logo {font-family:Arial, Sans-Serif; line-height:2.2; font-size:100%; color:#000; text-align:left; } /* текстовое лого */

.my_info {float:right; margin-top:-35px; margin-right:-149px;}/* ссылка "трохи інфи про мене" */
.my_info_in_contact {float:right; margin-top:-35px;}/* ссылка "про мене" */
.contact {float:right; margin-top:-6px;}/* ссылка "залишити повідомлення" */
a.link_my_info {font-family:Arial, Sans-Serif; font-size:90%; color:#039; text-align:left; text-decoration:underline; font-style:normal;}
a.link_my_info:hover {color:#d00; text-decoration:underline;}

.contact_container {width:855px;}
.contact_text {font-family:Arial, Sans-Serif; line-height:1.3; font-size:100%; color:#000; text-align:left; text-indent:20px;}
.form_container {width:525px; padding:10px; background-color:#EAEAEA; font-family:Arial, Sans-Serif; line-height:1.3; font-size:100%; color:#000; text-align:right; float:left;}
.contact_form_name {width:345px; border:1px solid #969696; font-family:Arial, Sans-Serif; line-height:1.3; font-size:100%; color:#000;}
.contact_form_contact {width:345px; border:1px solid #969696; font-family:Arial, Sans-Serif; line-height:1.3; font-size:100%; color:#000;}
.contact_form_text {width:345px; border:1px solid #969696; font-family:Arial, Sans-Serif; line-height:1.3; font-size:100%; color:#000;}
.form_left_column {width:155px; float:left;}

.form_description {width:290px; padding:10px; background-color:#ffc; font-family:Arial, Sans-Serif; line-height:1.3; font-size:100%; color:#999; text-align:left; float:left;}

.mini_description {font-family:Arial, Sans-Serif; line-height:1.3; font-size:70%; color:#900; text-align:left; text-indent:10px;}

/* надпись портфолио */
.main_portfolio_logo {margin-left:10%; font-family:'Times New Roman', Times, serif; font-size:450%; color:#000; text-align:left;}
.main_portfolio_add_ua {margin:0 0 5px 10%; width:90%; font-family:'Times New Roman', Times, serif; font-size:100%; color:#000; font-style:italic; text-align:left; text-indent:140px; color:#fff; background-color:#d00; display:inline-block;}
.main_portfolio_add_ru {margin:0 0 5px 10%; width:90%; font-family:'Times New Roman', Times, serif; font-size:100%; color:#000; font-style:italic; text-align:left; text-indent:158px; color:#fff; background-color:#d00; display:inline-block;}
a.portfolio_link {color:#000; text-decoration:none;}
a.portfolio_link:hover {color:#d00;}

.about_container {width:100%;}
	.about_foto {width:140px; height:196px; background-image:url('http://omelchak.com.ua/im/stroyka/asher.jpg'); float:left;}
	.about_text {width:70%; margin:0 0 20px 15px; font-family:Arial, Sans-Serif; font-size:100%; color:#000; text-align:left; line-height:1.3; float:left; display:inline;}
		.about_text h1 {text-indent:20px; font-family:Arial, Sans-Serif; font-size:16pt; color:#000; text-align:left; line-height:1.3; margin:20px 0 5px 0;}
		.about_text p {text-indent:20px; font-family:Arial, Sans-Serif; font-size:13pt; color:#000; text-align:left; line-height:1.3; margin-bottom:10px;}
		.about_text ul {margin:0 0 10px 35px; list-style:square outside; line-height:1.4;}

.navigation_main_container {margin-left:10%; height:90px;}
.portfolio_logo {margin-left:0; font-family:'Times New Roman', Times, serif; font-size:450%; color:#000; text-align:left; float:left;}/* надпись портфолио */

.navigation_container {margin-top:20px; margin-left:40px; width:190px; height:54px; float:left;}
.navigation_item_1 {height:30px; width:30px; margin-top:12px; float:left;}
.navigation_item_2 {height:30px; width:30px; margin-top:12px; margin-left:10px; float:left;}
.navigation_item_3 {height:54px; width:30px; margin-left:10px; float:left; background-image:url('http://omelchak.com.ua/im/stroyka/nav_arrow.gif');}
.navigation_item_4 {height:30px; width:30px; margin-top:12px; margin-left:10px; float:left;}
.navigation_item_5 {height:30px; width:30px; margin-top:12px; margin-left:10px; float:left;}

.nav_image_1 {border:0;}
.nav_image_2 {border:0;}
.nav_image_3 {margin-top:12px; border:0;}
.nav_image_4 {border:0;}
.nav_image_5 {border:0;}

/* пункты меню ------------------------------------------------------------------------------------------------------------------------- */
.menu_container {width:90%; margin-left:10%;}
.menu_option {line-height:1.6; font-family:'Times New Roman', Times, serif; font-size:180%; color:#000; text-align:left; clear:left;}

a.link_menu_option {font-family:Arial, Sans-Serif; font-size:100%; color:#000; text-align:left; text-decoration:underline;}
a.link_menu_option:hover {color:#d00; text-decoration:underline;}

#sites {display:none;}
#logos {display:none;}
#ad_graf {display:none;}
#tech_design {display:none;}
#prom_design {display:none;}
#illustrations {display:none;}
#icons {display:none;}

.razdel_content {width:200px; height:250px; margin:10px 10px 30px 10px; float:left; display:inline;}
.preview_image {height:150px; width:150px; margin:10px 0 0 25px;}
.preview_text {font-family:Arial, Sans-Serif; line-height:1.2; font-size:60%; padding:10px; text-align:center;}

a.link_portfolio_item {color:#003399; text-decoration:none;}
a.link_portfolio_item:hover {color:#d00;}

/** работы -------------------------------------------------------------------------------------------------------------------------------------- */
/** контейнер с картинками и комментариями к ним --------------------------------*/
#title_container {margin-left:10%; margin-top:10px; padding:10px;}
	.work_title {font-family:Arial, Sans-Serif; font-size:140%; color:#000; text-align:left;}/* название работы */
	.description_container {margin-top:10px;}/* описание работы */
		.description {margin-bottom:10px;}
			.description_title {font-family:Arial, Sans-Serif; font-size:100%; color:#666; font-style:italic; text-align:left; float:left;}
			.description_text  {margin-left:90px; font-family:Arial, Sans-Serif; font-size:100%; color:#000; font-style:normal; text-align:left;}

/** контейнер с картинками и комментариями к ним --------------------------------*/
#preview_with_cmnt_main_container {margin-left:10%; width:90%;}
	.preview_with_cmnt_container {}
		.preview_with_cmnt {}/* привью и подпись под ним */
			.big_preview {border: 0px solid #cfc;}
			.preview_cmnt {font-family:Arial, Sans-Serif; font-size:100%; color:#2D2D2D; font-style:italic; text-align:right;}

a.right_coment_link {color:#039; text-decoration:underline;}
a.right_coment_link:hover {color:#d00;}


.preview_with_cmnt_main_table {width:100%; padding:0; border:0;}

.align_left {width:70%;}
.align_center {width:70%;}
.align_right {width:70%;}

.right_coment_container {font-family:Arial, Sans-Serif; font-size:90%; width:20%; text-align:left;}
.right_coment {padding:5px;}

.spacer {height:50px;}

.sites_picture {border:1px solid #E1E1E1;}

/* слой "відрізати копірайт" ----------------------------------------------- */
/*#fog {position:absolute; background-image:url('http://omelchak.com.ua/im/stroyka/cut_copy_cont_bg.png'); top:0px; left:0px; height:100%; width:100%; z-index:1000;}/** "туман" над страницей */
#fog {position:absolute; background-image:url('http://omelchak.com.ua/im/stroyka/fog_bg.gif'); top:0px; left:0px; height:100%; width:100%; z-index:1000;}/** "туман" над страницей */
#on_cut_copy_container {position:absolute; width:400px; height:270px; z-index:999;}
.on_cut_copy_top {width:360px; height:184px; padding:20px; font-family:Arial, Sans-Serif; font-size:90%; color:#000; text-align:left; line-height:1.3; text-indent:10px; background-image: url('http://omelchak.com.ua/im/stroyka/cut_copy_bg_top.png');}
.on_cut_copy_bottom {width:400px; height:46px; background-image: url('http://omelchak.com.ua/im/stroyka/cut_copy_bg_bottom.png');}
a.link_on_cut_copy {font-family:Arial, Sans-Serif; font-size:100%; color:#039; text-decoration:underline;}
a.link_on_cut_copy:hover {color:#d00;}

/* ФУТЕР ------------------------------------------------------------------- */
.footer {height:60px; margin-right:10%; font-family:Arial, Sans-Serif; line-height:1.3; font-size:90%; color:#000; text-align:left; float:right; display:inline;}
	a.footer_link {color:#039; text-decoration:underline;}
	a.footer_link:hover {color:#d00;}

.footer_dashed_line_ua {height:18px; width:480px; background-image: url('http://omelchak.com.ua/im/stroyka/dashed_line.gif'); float:right;}
.footer_dashed_line_ru {height:18px; width:500px; background-image: url('http://omelchak.com.ua/im/stroyka/dashed_line.gif'); float:right;}
#cut_copy_main {width:10%; height:18px; min-width:40px; float:right; text-align:left; background-image: url('http://omelchak.com.ua/im/stroyka/dashed_line.gif'); position:relative;}/* отрезать копирайт */
#nozhici_icon {margin-left:38px; position:relative;}

a.scissors_link {width:32px; height:18px; font-size:0; margin:0 0 0 36px; background:url(http://omelchak.com.ua/im/stroyka/scissors_link.gif) left top no-repeat; float:left;}
a.scissors_link:hover {background-position:left bottom;}

/* САЙТОПИСЕЦЬ ------------------------------------------------------------- */
.calendar_container {margin:0 0 20px 10%; width:90%;}
	.calendar_title {width:100px; height:30px; font-family:Arial, Sans-Serif; font-size:10pt; line-height:2; color:#999; text-align:left; font-style:normal;}
	.calendar_title a {color:#999; text-decoration:none;}
	.calendar_title a:hover {color:#d00; text-decoration:none;}
	
	.calendar {margin:-30px 0 0 100px;}
		.calendar_month {margin-bottom:2px; width:100%; font-family:Arial, Sans-Serif; font-size:8pt; color:#999; text-align:center; font-style:normal;}
			.calendar_month a {display:block; width:100%; color:#fff; background-color:#ddd; text-decoration:none; font-weight:bold;}
			.calendar_month a:hover {color:#000; background-color:#fd0;}
	
			.this_month a {display:block; width:100%; color:#d00; background-image:url(http://omelchak.com.ua/im/stroyka/month_bg.gif); text-decoration:none; font-weight:bold;}
			.this_month a:hover {color:#d00; background-image:url(http://omelchak.com.ua/im/stroyka/month_bg.gif);}
			
			.this_month_post a {display:block; width:100%; color:#d00; text-decoration:none; font-weight:bold;}
			.this_month_post a:hover {color:#d00; background-image:url(http://omelchak.com.ua/im/stroyka/month_bg.gif);}

		.calendar_day {width:100%; font-family:Arial, Sans-Serif; font-size:10pt; color:#999; text-align:center; font-style:normal;}
			.calendar_day a {display:block; width:100%; color:#fff; background-color:#999; text-decoration:none; font-weight:bold;}
			.calendar_day a:hover {color:#000; background-color:#fd0;}
			
		.calendar_this_day {width:100%; font-family:Arial, Sans-Serif; font-size:10pt; color:#f00; text-align:center; font-style:normal;}
			.calendar_this_day a {display:block; width:100%; color:#f00; background-color:#999; text-decoration:none; font-weight:bold;}
			.calendar_this_day a:hover {color:#d00; background-color:#fd0;}
			
			.day_ypost {display:block; width:100%; color:#000; background-color:#fd0; text-decoration:none; font-weight:bold;}/* есть запись на дату поста*/
			.this_day_npost {display:block; width:100%; color:#d00; text-decoration:none; font-weight:bold;}/* нет записи на сегоднешний день */
			.this_day_ypost {display:block; width:100%; color:#d00; background-color:#fd0; text-decoration:none; font-weight:bold;}/* есть запись на сегоднешний день */

.saytopisec_container {margin:0 0 0 10%; width:60%;}
.saytopisec_text {width:100%; margin:0; float:left; display:inline;}
.saytopisec_text h1 {text-indent:20px; font-family:Arial, Sans-Serif; font-size:16pt; color:#000; text-align:left; line-height:1.3; margin:10px 0 5px 0;}
.saytopisec_text h2 {margin-top:10px; text-indent:20px; font-family:Arial, Sans-Serif; font-size:10pt; color:#999; text-align:left; line-height:1.3; font-weight:normal; font-style:italic;}
.saytopisec_text p {text-indent:20px; margin-bottom:10px; font-family:Arial, Sans-Serif; font-size:13pt; color:#000; text-align:left; line-height:1.3;}
.saytopisec_text a {color:#039; text-decoration:underline;}
.saytopisec_text a:hover {color:#d00;}

.day_of_week {font-family:Arial, Sans-Serif; font-size:6pt; color:#ccc;}
.day_of_week_red {font-family:Arial, Sans-Serif; font-size:6pt; color:#fcc;}