/* -----------------------------------------------------------------------
   i-deal CSS Framework v.1.0
   Copyright (c) 2008-2009
----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:collapse;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* 100 height */
html {height:100%;}
body {height:auto !important; height:100%; min-height:100%;}
html, body {margin: 0; padding: 0; border: 0; width: 100%;}
html {height: 100%; overflow: auto; /* Иначе у IE6 начинаются проблемки с вертикальной полосой прокрутки */}
* html body {height: 100%; /* IE 6 */}
/*html > body {min-height: 100%; height: auto !important;} */

/* default.css */
body {font-size:100%;color:#222;background:#fff;font-family:Georgia, "Times New Roman", serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;font-family:Georgia, "Times New Roman", serif; text-align: left}
h1 {font-size:2em;line-height:1;margin: 0 0 0.5em 0; color:#2d9300}
h2 {font-size:1.3em;margin:1em 0 0.25em 0;font-family:Tahoma, Arial, Verdana, sans-serif;font-weight:bold;color:#cc0000}
h3 {font-size:1.3em;line-height:1;margin:1.3em 1em .2em 1em;font-family:Tahoma, Arial, Verdana, sans-serif; color: #999}
h4 {font-size:1.1em;font-weight:bold;line-height:1.25;margin:1em 2em .4em 2em;}
h5 {font-size:1em;font-weight:bold;margin:1em 3em .3em 3em;font-family:Tahoma, Arial, Verdana, sans-serif;}
h6 {font-size:.8em;font-weight:bold;margin:1em 0 .5em 0;font-family:Tahoma, Arial, Verdana, sans-serif;text-transform: uppercase;text-align: center}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {margin: 0 1.5em 1.5em 1.5em;padding:0;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#003;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {color:#c00;border-bottom:1px dotted #c00;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li {margin: 0 2em;line-height:1.3em;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style:url('/img/li_r.gif');}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:0;width:100%;}
th {font-size:.8em;font-weight: bold;background:#c00;text-align:center; color:#fff; padding: 6px 5px; border-bottom: #600 solid 1px}
td {padding:0}
td.left {text-align: left;}
td.center {text-align: center;}
td.right {text-align: right;}
tr.even td {background:#E5ECF9;}
tr.top td {vertical-align: top}
tr.bottom td {vertical-align: bottom}
tfoot {font-style:italic;}
caption {text-align: right; font-style: italic; color: #999; font-size: .7em; padding: 5px 15px}
/*div {border: #ccc dashed 1px}*/
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.lh1 {line-height:1em;}
.lh2 {line-height:2em;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:92%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}

/* forms.css */
label {font-weight:normal;}
fieldset {padding:1.4em 3%;margin:1em 0 2.5em 0;}
fieldset.hidden {border: 0; padding: .5em 0; margin: 0; text-align: right;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.password, input.title, textarea {width:100%;padding:2px 5px;margin:2px 0; border:1px solid #bbb;}
input.text:focus, input.password:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.title {font-size:1.5em;}
select.select {width: 100%}
textarea {height:150px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#eee;color:#333;border-color:#ccc;}
.success {background:#cce4ff;color:#000;border-color:#3a8be7;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.clear {clear:both; height:0; font-size:0;}

/* cms.css */
.linkpath {margin: 0 0 0 15px; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: .8em; color: #999}
.linkpath a {color: #999}
.linkpath a:hover {color: #666}
.servicelinks {margin: 3px 0 20px 0;}
#div_picadd div {width: 36%; float:left; padding: 0 5px}
#div_picadd div input {width: 130px}
div.import {border: #ccc dotted 1px; padding: 5px 10px 5px 65px; margin: 5px 15px}
div#form {background: #fee url('/img/buttons/editor_form.gif') top left no-repeat;}

/* menu.css */
.lang {float: left; width: 50%; height: 40px; text-align: left; color: #fff; padding: 10px 0 0 20px}
.lang a {color: #fff; text-decoration: none}
.lang a.act {text-decoration: underline;}
.tmenu {width: 60%; float: left; margin-top: 20px}
.tmenu ul {margin: 0}
.tmenu ul li {float: left; list-style-type: none;padding: 10px 15px; background: #61a4e0 url('/img/menu_bg.gif'); color: #fff; margin: 0 5px 5px 0; border: #c9e0f5 solid 1px; white-space: nowrap}
.tmenu ul a {cursor: hand; text-decoration: none}
.tmenu ul a:hover {color: #fff}
.bmenu {padding: 0 250px 10px 0; font-size: .9em; color: #666; text-align: center}
.bmenu a {color: #999}

/* grid.css */
#header{background: url('/img/top_bg.jpg') repeat-x 150px 0;width: 100%; height: 250px; position: absolute; top: 0px; left: 0px}

body {
    position: relative; /* Так как #footer мы планируем позиционировать относительно body */
}
#center{
	position:absolute;
	top: 220px;
	left: 50%;
	margin: 0 0 0 -360px;
    width: 720px;
}
#content {position: relative;width: 455px; max-width: 455px; float: left; margin: 25px 0; text-align: left}
#content .maintext {width:100%; margin: 0 4% 0px 6%}
#content .maintext div {width: 99.9%}
#content .maintext div div {width: 100%}
#content .maintext hr {width: 100%}
#content .maintext ul.menu {margin: 0; background: #f2f2f2; border-bottom: #ccc dotted 2px; padding: 15px}
#content .maintext ul.menu li {}
#content .maintext ul.menu a {cursor: hand; text-decoration: none}
#content .maintext p {text-indent: 3em; text-align: justify}
#content .maintext p.noindent {text-indent: 0}
#content .maintext table {width: 100%; margin: 5px 0 20px 0; padding: 0; text-align: center}
#content .maintext table td {border: #ddd solid 1px; padding: 1px 5px}
#content .maintext td p {text-indent: 0; margin: 0}
#content .maintext table.transp {margin: 0; padding: 0}
#content .maintext table.transp tr td {border: #fff 0px; padding: 0}
#content .comment {background: #eee; border: #ccc dashed 2px; font-size: .8em; text-align: center; width: 30%; float: right; font-style: italic}
#content .photo div.s_240 {border: #ccc solid 1px; margin: 10px; float: left; width: 220px}

#rcol {width: 260px; float: left}

#footer {clear: both;width: 100%}

#bboard {clear: both; margin: 20px 15px 10px 15px}
#bboard h2 {font-weight: normal; margin-bottom: 0}
#bboard a.text {clear: both; display: block; width: 100%; height: 60px; color: #333; font-size: .9em; line-height: normal; padding: 3px 0 0 0}
#portfolio_1 {width: 295px; height: 100px; border-right: #fff solid 10px; vertical-align: top; padding: 0 0 0 15px}
#portfolio_1 h2 {font-weight: bold}
#portfolio_1 h2 a {color: #fff}
#portfolio_1 h2 a:hover {color: #eef}
#portfolio_2 {width: 210px; height: 100px; border-right: #fff solid 10px; vertical-align: top; padding: 0 0 0 15px}
#portfolio_2 div {height: 22px; background: #fff; border-top: #ccc solid 4px}
#portfolio_3 {width: 130px; height: 100px; vertical-align: top; padding: 0 0 0 15px}
#portfolio_3 div {height: 22px; background: #fff; border-top: #eee solid 4px}

	body, td {
		font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
		line-height: 120%;
		font-size: 12px;
		padding: 0;
	}

	h1, h3, h6, .date { font-family: Georgia, "Times New Roman", Times, serif; font-weight: 400; line-height: 100%}
	h1 { font-size: 24px; margin-top: 4; margin-left: 20px; margin-bottom: 20; color: #000000}
	/*h2 { font-size: 18px; font-weight: bold; margin: 20 0 6 25; color: #c00} */
	h3 { font-size: 18px; padding: 10px 3px 2px 3px; margin: 0; line-height: normal; font-style: normal; text-align: left}
	h4 { font-size: 14px; padding: 6px 3px 2px 3px; margin: 0; line-height: normal; font-style: normal; text-align: left}
	a {color: #333399; text-decoration: none}
	a.menu {text-decoration: none; color: #eee}
	a.menu:hover {color: #fff}
	a.rmenu {color: #000000}
	table.st {width: 100%; padding: 0; margin: 0; border: 0; border-collapse: collapse}
	td.menu_p {font-size: 12px; font-weight: bold; text-align: center; vertical-align: middle; padding: 3px 3px 0px 3px; background: url('/img/menu_p_bg.gif') no-repeat}
	td.menu_a {font-size: 12px; font-weight: bold; text-align: center; vertical-align: middle; background: url('/img/menu_a_bg.gif'); color: #eeeeee}
	td.menu2 {font-size: 11px; text-align: center; vertical-align: bottom; padding-bottom: 10}
	td.login {width: 60px; padding: 5px 3px; text-align: right}
	td.fog {background: #fff; opacity: 0.40; -moz-opacity: 0.40; filter:alpha(opacity=40);}
	td.nofog {background: #fff; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100);}
	.date {font-size: 12px; color: 333333; text-align: right; vertical-align: bottom; padding: 0 5 4 5}
	p {margin: 8 0}
	p.t {text-indent: 30; text-align: justify; margin-left: 10}
	abbr {color: #cc0000; border-bottom: 1 dotted}
	form {margin: 0}
	/*input {font-size: 11px}
	input.wide {width: 100%; border: #999999 solid 1}
	textarea.wide {width: 100%; height:100px; font-family: Arial, sans; font-size: 11px; border: #999999 solid 1}*/

	span.ruble { text-transform:uppercase; }
	span.hyphen { position:absolute; font-size: 12px; padding: 5 0}
img.img1 {margin: 5px 10px; padding: 5px; background: #ddd}
img.img2 {margin: 5px 10px; padding: 5px; background: #FF2A2A}
img.img3 {margin: 5px 10px; padding: 5px; background: #7FAAFF}
img.img4 {margin: 5px 10px; padding: 5px; background: #b3cd6a}

.rmenu {padding-left: 30px; padding-bottom: 25px; background: url('/img/right_footer_bg.gif') no-repeat bottom;}
.rmenu ul li {margin: 0 0 5px 25px}	
	.white {color: #ffffff}
	.docpath {color: #666666; font-size: 11px}
	.cont_link {font-size: 11px; text-align: right; margin: 4px 0;padding: 0 15px 0px 15px; float: right; background: url('/img/arr_doub_r.gif') no-repeat 0px}
	#copyright {color: #666666; font-size: 12px; text-align: center; padding: 0 0 20px 30px}
	#lang {color: #ccc; font-size: 10px; text-transform: uppercase; padding-top: 2px; padding-left: 10px}
	#lang a {color: #999}
	#lang a:hover {color: #fff}

.whois_check .item {clear:both; padding-bottom:4px; margin-bottom:4px; border-bottom:#ccc solid 1px;}
.whois_check .item.first {border-top:#ccc solid 1px; padding-top:4px;}
.whois_check .item .domain {display:block; width:auto; float:left;}
.whois_check .item a.status {display:block; width:auto; float:right; margin-right:40px; text-decoration:none; border-bottom: #999 dashed 1px;}
.whois_check .item a.status.busy {color:#c00;}
.whois_check .item a.status.free {color:#0c0;}
.whois_check .item pre {clear:both; font-size:0.8em;line-height:0.9em; margin:2px 0 8px; padding:0;}
