﻿*, * a { font-family: Arial; font-size: 14px; }
* { line-height: 18px; }

html
{
	background: #f6f7f6;
	padding: 0;
	margin: 0;
	text-align: center;
	position: relative;
}

body 
{
	background: #f6f7f6 url(/images/bg-body.jpg) repeat-x left top;
	padding: 15px 0px 30px 0px;
	text-align: justify;
	margin: 350px auto 90px auto;
	position: relative;
	width: 1000px;
	min-height: 400px;
	z-index: 1000;
}

img { vertical-align: middle; border: none 0; }
h1 { font-size: 20px; color: #5e0000; font-family: Verdana; margin: 15px auto 20px auto; padding: 0; text-transform: uppercase; text-align: left; line-height: 30px; }
h2 { font-size: 18px; text-align: left; margin: 5px 0 15px 0; font-family: Verdana; color: #602000; }
h3 { font-size: 17px; text-align: left; margin: 5px 0; font-family: Verdana; color: #602000; }
h4 { font-size: 14px; text-align: center; margin: 5px 0; font-family: Verdana; color: #602000; }
ul, ol { margin: 0px 0 10px 25px; padding: 0; list-style-image: url(/images/list-sep.gif); }
ul li, ol li { padding: 0 0 5px 10px; }
p { margin: 0 0 12px 0; }
a { z-index: 100; border: none 0; outline: none; color: #996633;}

body, p, li, td, th {color: #532a0b;} 

/* CONTENT */
#content { width: 600px; padding: 10px 30px 10px 10px; float: right; }
/* END CONTENT */

/* LEFT */
#left { width: 285px; padding: 0; margin: 0; float: left; background: #f6f7f6; min-height: 500px; }
#left, #left * {font-size: 11px;	color: black;}
#left a {color: #681010;}

#left>ul:first-child {list-style: none; padding: 0; margin: 0; width: 285px;}
#left>ul:first-child>li {padding: 0 0 0 10px; margin: 1px 0; width: 275px; background: url(/images/bg-left-item.gif) repeat-x left top; float: left; z-index: 10; }
#left>ul:first-child>li>a { word-wrap: break-word; overflow: hidden; height: 0; display: block; background: no-repeat left 11px; margin: 0 0 0 10px; padding: 37px 0 0 0; position: relative; }
#left>ul:first-child>li>a:hover, #left>ul>li>a.active { background-position: right 11px; }

#left>ul:first-child>li>ul { list-style: none; padding: 5px 0 10px 0px; margin: 0; display: none; position: relative;}
#left>ul:first-child>li>ul>li { margin: 0; padding: 1px 0 1px 10px; background: url(/images/bullet.gif) no-repeat left center; text-align: justify; }
#left>ul:first-child>li>ul>li>a { display: block; text-decoration: none; padding: 0; width: 245px; height: 14px; overflow: hidden; text-align: justify; position: relative; }
#left>ul:first-child>li>ul>li>a>i { display: block; position: absolute; top: 3px; right: 0; height: 14px; width: 13px;}
/*#left>ul:first-child>li>ul>li>a:hover { display: inline; line-height: 20px; height: auto; white-space: nowrap; overflow: visible; padding-right: 3px; }
#left>ul:first-child>li>ul>li>a:hover, #left>ul>li>ul>li>a:hover * { background-color: #660000; color: #cba486; }
#left>ul:first-child>li>ul>li>a:hover>i { display: none; }
*/
#left>ul:first-child>li>ul>li>a { display: inline; line-height: 16px; height: auto; white-space: nowrap; overflow: visible;}
#left>ul:first-child>li>ul>li>a, #left>ul>li>ul>li>a * { color: #602000; }
#left>ul:first-child>li>ul>li>a>i { display: none; }

#left>ul:first-child>li>ul.active {display: block;}

#left>h2 { text-transform: uppercase; font-size: 14px; font-family: Tahoma; font-weight: bold; color: #681010; padding: 20px 0 15px 20px; margin: 0; clear: both; height: 5px; }
#left>h2+ul { list-style: none; list-style-image: none; margin: 0 0 0 20px; padding: 0; width: 275px;}
#left>h2+ul>li { font-size: 12px; color: #a6794e; margin: 10px 0 5px 0; padding: 0; width: 265px; }
#left>h2+ul>li>h3 { padding: 0; margin: 0; }
#left>h2+ul>li>h3, #left>h2+ul>li>h3>a { font-size: 12px; color: #681010; text-decoration: none; }

#left>h2+ul+a { margin: 15px 5px; text-decoration: none; font-weight: bold; color: #996633; float: right;}

#left+a {display: block; clear: both; overflow: hidden; height: 0;}
*:first-child+html #left+a {display: none;}
/* END LEFT */

.sitemap-path { position: absolute; top: 12px; left: 370px; color: #602000; }
.sitemap-path, .sitemap-path * { font-size: 11px; }
.sitemap-path a { text-decoration: underline; color: #996633; }


/* TOP */
#top
{
	position: absolute;
	left: 0;
	top: -350px;
	width: 1000px;
	height: 350px;
	background: url(/images/bg-top.jpg) no-repeat left top;
}

#top>ul {list-style: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0; margin: 0;}
#top>ul:first-child>li {padding: 0; margin: 0; width: 0; position: absolute; white-space: nowrap; overflow: hidden; }
#top>ul:first-child>li:first-child {top: 20px; left: 60px; width: 392px; z-index: 10; }
#top>ul:first-child>li:first-child>a {width: 0; height: 88px; padding-left: 392px; display: block; background: no-repeat left top; white-space: nowrap; overflow: hidden;}
#top>ul:first-child>li:first-child+li {top: 0px; left: 475px; height: 134px; padding-left: 273px; background: url(/images/logo.png) no-repeat left top;}
#top>ul:first-child>li:first-child+li+li {top: 20px; right: 37px; height: 51px; padding-left: 270px; background: url(/images/phone.png) no-repeat left top;}

/* MAIN MENU */
#top>ul:first-child+ul { top: auto; bottom: 4px; left: 0; }
#top>ul:first-child+ul>li { padding: 0; margin: 0 65px; float: left; position: relative;}
#top>ul:first-child+ul>li>a { word-wrap: break-word; overflow: hidden; display: block; background: no-repeat left top; height: 0; padding-top: 15px; position: relative;}
#top>ul:first-child+ul>li>a:hover { background-position: right top; }

#top>ul:first-child+ul>li>ul { list-style: none; padding: 5px 0; margin: 0; background: #5e0000; position: absolute; top: 15px; left: 0; display: none;}
#top>ul:first-child+ul>li:hover>ul {display: block;}
#top>ul:first-child+ul>li>ul>li { white-space: nowrap; padding: 2px 5px;}
#top>ul:first-child+ul>li>ul>li>a {color: #ffffff; text-decoration: none; font-size: 12px;}
#top>ul:first-child+ul>li>ul>li>a:hover {color: #e3cca6;}
/* END MAIN MENU */

/* LANG */
#top #lang, #top #lang * {font-size: 14px; font-family: Tahoma; color: #fff1de;}

#top #lang
{
	position: absolute;
	top: 100px;
	right: 37px;
	z-index: 10;
	list-style: none;
	padding: 0;
}

#top #lang a { margin: 0 5px; text-decoration: none; }
#top #lang a:hover { margin: 0 5px; color: #e3cca6; }
#top #lang a.cur {font-weight: bold; color: #e3cca6; }
/* END LANG */
/* END TOP */


/* BOTTOM */
#bottom
{
	position: absolute;
	background: url(/images/bg-bottom.jpg) no-repeat left top;
	width: 1000px;
	height: 56px;
	left: 0;
	bottom: -81px;
	margin: 0;
	padding: 21px 0 0 0;
	text-align: left;
}

#bottom, #bottom * { color: #c9a079; font-size: 12px; text-align: center; }
#bottom a:hover { color: #e3cca6; }
#bottom>ul { list-style: none; margin: 0; padding: 0; text-align: center; }
#bottom>ul>li {padding: 0; margin: 0 37px; float: left;}
#bottom>ul>li:first-child+li+li+li { font-weight: bold; position: absolute; left: 0px; top: 50px; }
#bottom>ul>li:first-child+li+li+li+li { margin-left: 311px;}
#bottom>ul>li:first-child+li+li+li+li>a, #bottom>ul>li:first-child+li+li+li+li>a:hover { text-decoration: none; color: #c9a079;}
#bottom>ul>li:first-child+li+li+li+li>a>b { font-weight: normal; text-decoration: underline;}
#bottom>ul>li:first-child+li+li+li+li>a:hover>b { font-weight: normal; text-decoration: underline; color: #e3cca6;}

#bottom>#addthis { position: absolute; left: 510px; top: 23px; }

/* END BOTTOM */

#counters
{
	padding: 4px 0 1px 0;
	text-align: right;
	position: absolute;
	vertical-align: top;
	left: 0px;
	top: 55px;
	width: 480px;
	height: 90px;
	margin: 0;
	overflow: hidden;
	display: none;
}

#counters *
{
	line-height: 14px;
	color: #0000ab;
}

#counters td, #counters th, #counters table
{
	padding: 0;
	border: none 0;
	text-align: right;
}


/* FORMS */
.form
{
	width: 99%;
	z-index: 1000;
}

.form dt
{
	width: 160px;
	float: left;
	height: 17px;
	padding: 8px 10px 0 0;
	text-align: right;
	font-weight: bold;
}

.form dd
{
	padding: 6px 0 2px 5px;
	_padding-top: 5px;
	margin: 0 0 0 130px;
	text-align: left;
	vertical-align: middle;
}

.form dd select, .form dd input
{
	vertical-align: middle;
	margin: 2px;
	_margin: auto;
}

.form dd span
{
	font-size: 11px;
}

.form dd input
{
	width: 50%;
}

.req
{
	font-weight: bold;
	color: Red;
	padding: 0 0px;
}
/* END FORMS */


.about-page {vertical-align: top; padding-right: 20px;}
.about-news
{
	vertical-align: top;
	background-color: #93ae79;
	width: 200px;
	padding: 10px;
	height: 500px;
	z-index: 100;
}

.about-news, .about-news * {color: #fffddd; font-size: 11px;}
.about-news h3 {font-size: 14px; text-align: center; margin: 5px auto;}
.about-news ul {list-style: none; padding: 0; margin: 0;}
.about-news li {padding: 0; margin: 10px 0;}
.about-news .date {font-weight: bold;}
.about-news .link {text-align: right;}
.about-news .link a {color: #25341d; text-decoration: none;}

#questions dt
{
	margin: 10px 0 0 0;
	padding: 30px 20px 10px 25px;
	background: #93ae79;
	color: #fdf6e6;
	position: relative;
}

#questions dt .user-name
{
	font-weight: bold;
	position: absolute;
	top: 5px;
	left: 25px;
}
	
#questions dt .date
{
	font-weight: bold;
	position: absolute;
	top: 5px;
	right: 15px;
}
	
#questions dd
{
	padding: 15px 20px 10px 60px;
	margin: 0;
	border: solid 4px #93ae79;
}

#staff {list-style: none; padding: 0; margin: 0;}
#staff>li { padding: 5px 0 20px 200px; min-height: 180px; position: relative;}
#staff>li>h3  { font-style: italic;}
#staff>li>h4  { font-style: italic; font-weight: normal; padding: 0 0 10px 0;}
#staff .photo { padding-top: 1px; background: url(/images/bg-shadow-top.png) no-repeat right top; display: inline-block; position: absolute; top: 0; left: 0; }
#staff .photo>span { padding: 3px 0 0 4px; display: inline-block; background: url(/images/bg-shadow-left.png) no-repeat left bottom;}
#staff .photo>span>img { padding: 0 7px 7px 0; background: url(/images/bg-shadow-right.png) no-repeat right bottom;}
/* *:first-child+html #staff .photo>span {padding-top: 2px;} */

#news { list-style: none; margin: 0; padding: 0; }
#news>li { font-size: 12px; color: #532a0b; margin: 0px 0 30px 0; padding: 0; }
#news>li>h2 { padding: 0 0 0 110px; margin: 0 0 5px 0; position: relative;}
#news>li>h2, #news>li>h2 * { font-size: 13px; }
#news>li>h2>i { color: #a6794e; font-weight: normal; font-style: normal; position: absolute; left: 0px; top: -1px; padding-right: 20px; border-right: solid 2px #5e0000; }
#news>li>h2>a { color: #5e0000; text-decoration: none; }
.news-date { color: #a6794e; }

#questions { list-style: none; margin: 0; padding: 0; }
#questions>li { font-size: 13px; color: #532a0b; margin: 0px 0 15px 0; padding: 0 0 15px 75px; border-bottom: dotted 1px #a6794e; background: url(/images/bullet-consult.gif) no-repeat left 28px; }
#questions>li>h2 { padding: 25px 0 0 0px; margin: 0 0 5px -40px; position: relative; text-align: justify; min-height: 23px; }
#questions>li>h2, #questions>li>h2 * { font-size: 14px; font-family: Arial; }
#questions>li>h2>i { color: #a6794e; font-weight: normal; font-style: normal; position: absolute; right: 0px; top: 0px; }
#questions>li>h2>b { color: #a6794e; font-weight: normal; font-style: normal; position: absolute; left: 0px; top: 0px; }

#vacancies {list-style: none; margin: 0 0 0 30px; padding: 0;}
#vacancies>li { padding: 3px 5px 5px 15px; background: url(/images/bullet-vacancies.gif) no-repeat left center;}
.requirements {border-collapse: collapse; border: solid 1px #5e0000; margin: 5px 0 15px 0;}
.requirements>tbody>tr>th {background: #eae6dd; height: 25px; border-bottom: dotted 1px #522512;}
.requirements>tbody>tr>td {background: #ffffff; padding: 5px 15px 5px 40px; border-bottom: dotted 1px #522512;}
.requirements>tbody>tr>td:first-child { border-right: solid 2px #b79a9f; background: #ffffff url(/images/bullet-vacancies.gif) no-repeat 20px center;}

#courts {list-style: none; margin: 0 0 0 10px; padding: 0;}
#courts h4 { margin-top: 0; }
#courts>li { padding: 3px 5px 15px 0px; }
#courts>li>div {padding: 5px 10px; margin-bottom: 10px; background: #ece5dd; border: solid 1px #5e0000; }
#courts>li>div>table { border-collapse: collapse; }
#courts>li>div>table td { background: #ffffff;}
#courts>li>div>table th { background: #e6d9ca; font-weight: bold; text-align: left;}
#courts>li>div>table td, #courts>li>div>table th { border-bottom: dotted 1px #824f33; padding: 2px 10px; }
#courts>li>div>table td:last-child, #courts>li>div>table th:last-child { border-bottom: none 0; }


.anketa h2 { font-size: 16px; text-align: center; }
.anketa table { margin: 0 auto; } 
.anketa td { padding: 2px 5px; text-align: left; } 
.anketa th { text-align: center; } 
.anketa #marks td td { text-align: center; } 
