/* Подключим набор для сброса стилей браузера */
@import url('reset.css');

/* --------Общие стили-------- */
h1, h2, h3, h4, h5, h6 {display: inline}
body {
	background-color: rgb(33, 33, 33); 
	color: rgb(231, 224, 194);
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 0.8em
}
table.osnova {background-image: url(/images/sait/main_fon.jpg); background-repeat: repeat-x; width: 100%}
a {color: #cc9}
a:hover {color: #996}
h1 {font-size: 120%}
h2 {font-size: 110%}
/* --------------------------- */

/* ------ HEADER ------ */
div.header {
	background-image: url(/images/sait/header.jpg);
	background-repeat: no-repeat;
	width: 750px;
	height: 122px;
	margin-top: 27px;
	position: relative
}
div.date_hello {
	position: absolute;
	width: 300px;
	right: 40px;
	bottom: 20px;
	text-align: right;
	font-size: 83%;
	color: rgb(176, 245, 249);
	font-style: italic;
	font-family: Verdana, Helvetica, Arial;
	font-weight: bold;
	line-height: 1.7em
}
a.header {
	display: block;
	position: absolute;
	bottom: 17px;
	left: 27px;
	width: 273px;
	height: 70px;
	text-indent: -9999px
}
/* -------------------- */

/* ----- Блок главного меню ----- */
div.main_menu_fon {
	width: 750px;
	height: 85px;
	background-image: url(/images/sait/main_menu_fon.jpg);
	background-repeat: no-repeat
}
table.main_menu {
	width: 721px;
	height: 60px;
	background-image: url(/images/sait/main_menu.png);
	background-repeat: no-repeat;
	font-family: "Arial";
	color: rgb(222, 208, 164);
	font-size: 0.9em
}
table.main_menu td {width: 144px}
table.main_menu td.active, table.main_menu td.passive {
	text-align: center;
	vertical-align: middle;
	background-image: url(/images/sait/menu_line.png);
	background-repeat: no-repeat;
	background-position: center right;
}
table.main_menu td.active_last, table.main_menu td.passive_last {
	text-align: center;
	vertical-align: middle
}
table.main_menu a.active, table.main_menu a.passive:hover, table.main_menu font {color: #FFF; text-decoration: underline}
table.main_menu a.passive {color: rgb(222, 208, 164); text-decoration: none}
table.main_menu a {display: block}
/* ------------------------------ */

/* ----- Центральная часть с фотографией ----- */
div.middle {
	width: 750px;
	height: 325px;
	background-image: url(/images/sait/middle_photo_part.jpg);
	background-repeat: no-repeat;
	position: relative
}
div.epigraf {
	text-align: right;
	position: absolute;
	width: 250px;
	right: 40px;	
	bottom: 20px;
	font-size: 0.8em;
	font-weight: bold;
	font-style: italic;
	color: rgb(231, 224, 194)
}
div.sotis {
	text-align: left; 
	position: absolute; 
	width: 300px;
	left: 20px;
	bottom: 20px
}
div.sotis a {
	font-size: 90%;
	color: #FFF;
	font-style: italic;
	font-family: Verdana, Helvetica, Arial;
	font-weight: bold;
	line-height: 1.7em
}
/* ------------------------------------------- */

/* ----- Тело сайта ----- */
div.content_fon {
	width: 750px;
	background-image: url(/images/sait/body.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: rgb(17, 17, 17)
}
div.content {
	text-align: left;
	padding: 20px
}
/* ----------------------- */

/* ---- FOOTER ---- */
div.footer {background-color: rgb(17, 17, 17); width: 750px; border-top: 1px dotted #330}
div.footer_kontakti {padding: 20px; text-align: left}
div.bottom {
	width: 750px;
	background-image: url(/images/sait/sait_bottom.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 40px
}

/* -------- Форма конcультации -------- */
form.konsult, form.komment {font-size: 80%; color: #cc9}
form.konsult input, form.konsult textarea {
	background-color: transparent;
	border: 1px solid #666;
	width: 500px;
	color: #FFF
}
option.test, select.test {background-color: rgb(231, 224, 194); font-size: 80%}
form.konsult input.button {
	color: #000;
	background-color: rgb(231, 224, 194);
	width: 150px; 
	margin-left: 175px;
	border: 1px solid #999
}
/* -------------------------------------- */

/* ----- Гостевая книга ----- */
div.comment {border: 1px solid #666; margin-bottom: 2em; padding: 10px}
input.komment, textarea.komment {background-color: transparent; border: 1px solid #666; color: #FFF}
input.komment_button {background-color: rgb(231, 224, 194); color: #000; border-width: 0px; margin-top: 5px}
span.data {font-size: 80%}
div.comment_answer {
	margin-top: 10px;
	padding: 10px;
	background-color: #333
}
/* -------------------------- */

/* ----- Панель администратора, комментарии ------ */
span.otvet {color: #cc9; text-decoration: underline}
span.otvet:hover {color: #996}
/* ----------------------------------------------- */

/* Статьи */
div.upraviteli_domov_article table {width: 100%;}
div.upraviteli_domov_article td, div.upraviteli_domov_article th, div.planet_ego_v_roli td, div.planet_ego_v_roli th {padding: 10px; border: 1px solid #666;}
div.upraviteli_domov_article caption {font-size: 110%; padding: 10px; border: 1px solid #666;}

div.planet_ego_v_roli table {width: 100%;}
div.planet_ego_v_roli caption {text-align: right; padding: 5px;}
div.planet_ego_v_roli caption, div.planet_ego_v_roli th, div.planet_ego_v_roli font {font-size: 80%; letter-spacing: 1px;}
div.planet_ego_v_roli td, div.planet_ego_v_roli th {text-align: left;}
/* ------ */