@import "reset.css";
@import "block.css";
@import "classes.css";

/**
 *	c2 - блок включающий в себя 2 колонки (контент, правый столбик)
 * sc1, sc2 - подблоки c2 левый, правый соответственно
 * block - отдельно взятая и оформленная часть текста подблока
 * block[N] - блоки главной страницы начиная с первого
 *
 */

body {
	text-align:center;
	padding: 25px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#fff;
}

a{text-decoration:none;font-family:Arial,sans-serif;color:#0033cc;}
.frame-bottom a{color:#0033cc;}
/*a:link{text-decoration:none;font-family:Arial,sans-serif;}*/
a:hover{text-decoration:none;}
#navigation #mainnavigation a:hover{background-color:#E6E6E6;color:#000;text-decoration:none;border:0;}
#navigation #mainnavigation a:visited{text-decoration:none;}
#navigation #mainnavigation a:active{text-decoration:none;}
#navigation #mainnavigation a:link{text-decoration:none;}

#navigation #mainnavigation a{
	text-transform:uppercase;
}

#navigation #mainnavigation .current a{background-color:#E6E6E6;color:#000;}

h1,h2{font-family:verdana, sans-serif;letter-spacing:-1px;}
h3,h4,h5{font-family:arial, sans-serif;}

hr{display: block; clear: left; margin: -0.66em 0;visibility: hidden;}

#main img {float:none;}

strong{
	font-weight:bold;
}

#header, #navigation, #footer, #main {
	clear: both;
}

#wrap {
	z-index:999;
	margin: 0 auto;
	text-align:left;
	width:960px;
}

#header {
	margin-bottom: 17px;
	height: 120px;
}

#header a {
	font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 13px;
	color:#000;
	text-decoration:none;
}

#header #block-logo {
	margin-top: 25px;
	float: left;
	width: 208px;
}

#header #block-logo div {
	text-align:right;
	padding: 6px 9px 0 0;
}

#header .block-banner {
	float: left;
	margin: 13px 0 0 19px;
	padding-left: 1px;
}

#header .block-banner div {
	width: 730px;
	height: 90px;
	border: 1px solid #000;
}

#header .block-banner span {
	color: #ccc;
}

#navigation {
	background: #000;
	height: 48px;
	border:1px solid #000;
}

#navigation ul {
	display: block;
	clear:both;
}

#navigation #mainnavigation ul{
	height:27px;
}

#navigation #mainnavigation li a{
	float:left;
	color:white;
	padding: 5px 13px 6px;
	font-size:13px;
	text-transform:uppercase;
}

/*пришлось воспользоваться для opera :(*/
@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {
	#navigation #mainnavigation li a{
		padding: 6px 12px 4px;
	}
}

#navigation #mainnavigation li.home {
	display: block;
	float:left;
	padding: 0;
	height:27px;
}

#navigation #mainnavigation li.home a{
	padding: 0;
	background-color:#e6e6e6;
}

#navigation #subnavigation {
	height:21px;
	background-color:#e6e6e6;
}

#navigation #subnavigation li{
	float:left;
	padding: 3px 0 5px 11px;
	font-size:13px;
}

#navigation #subnavigation li a{
	color:#000;
	text-decoration:none;
	font-size:12px;
}

#navigation #subnavigation li a:hover{
	text-decoration:underline;
}

#main h1 {
	font-size:43px;
	margin:18px 0 10px 0;
	letter-spacing:-2px;
}

#main h3 {
	font-size:22px;
	margin:12px 0 4px 0;
}

#footer{
	padding: 42px 0 0px 0;
}

#bottom-navigation{
	height:27px;
	background-color:#e6e6e6;
}

#bottom-navigation li{
	float:left;
	height:27px;
	overflow:hidden;
}

/*#bottom-navigation .home{
	padding:0px;
}*/
#bottom-navigation .home{padding:0 10px 0 10px;/*width:27px;*/}
#bottom-navigation .home a{width:27px;padding:0;}
#bottom-navigation .current {background-color:#000;}
#bottom-navigation .current a{color:#fff;}

#bottom-navigation a{
	font-size:13px;
	color:#000;
	padding:7px 13px 5px;
	line-height:29px;
	text-decoration:none;
}

#footer .block1{
	margin-bottom:20px;
}

#footer .block2{
	padding:20px 0 0 40px;
}

#footer .block2 ul{
	margin-left: -30px;
}

#footer .block2 li{
	float:left;
	padding:0 3px;
}

#footer .block3{
	padding:38px 0 47px 37px;
}

#footer .block3 .contacts{
	padding-right:44px;
	float:left;
	font-family:tahoma,sans-serif;
	font-size:11px;
}

#footer .block3 .contacts div{
	height:22px;
}

#footer .block3 a:link,#footer .block3 a:hover,#footer .block3 a:visited,#footer .block3 a:active{
	text-decoration:underline;
	color:#000;
}

.row .pcell{
	height:122px;
	overflow:hidden;
}

.row .pcell div{
	margin-top:-23px;
	margin-left:162px;
	width:23px;
	text-align:right;
}

.row .pcell a, .row .pcell a:hover{
	border:0px;
}

#root .row .pcell div a:hover{border:0;}

.row .pcell div img{
	border:0;
	text-decoration:none;
}

.frame-margins li a{
	margin-right:7px;
}
#bottom-navigation a{text-transform:uppercase;}
#bottom-navigation a:hover{background-color:#000;color:#E6E6E6;text-decoration:none;}

/*не убирать во избежание expanding box problem in ie :(*/
.large-banner{height:350px; width:240px;}

.i2{background-color:#fff;}

.sc2 .frame-margins li a:visited{
	color:#666666;
	text-decoration:none;
}

.sc2 .frame-margins li a:hover{
	text-decoration:underline;
}

.sc2 .fill .frame-margins li{
	padding:9px 5px 7px 13px;
	border-bottom:1px solid #fff;	
}

.sc2 .fill .frame-margins li span{
	font-size:9px;
}

.sc2 .nofill .frame-margins li{
	padding:9px 0;
	border-bottom:1px solid #f2f2f2;	
}

.sc2 .article .nofill .frame-margins li{
	padding:4px 0;
}

.sc1 .row .cell{
	padding-left:53px;
}

.sc1 .row1 .cell2{
	padding-left:18px;
	width:226px;
}

.sc1 .row .cell.first{
	width:190px;
	float:left;
	padding-left:0;
	margin-top:0;
}

.row.block-banner div{
	height:86px;
}

.block3 .sc2 .frame-margins{
	height:305px
}

.sc1 .column-first{
	width:434px;
	float:left;
}

.article-content{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
}

#main .article-content h1,
#main .article-content h2,
#main .article-content h3,
#main .article-content h4{margin:12px 0;}

#main .article-content h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:28px;
	margin-bottom:12px;
	letter-spacing:0;
}

#main .article-content h2{
	font-size:26px;
}

#main .article-content h3{
	font-size:22px;
}

#main .article-content h3{
	font-size:23px;
}

#main .article-content h4{
	font-size:20px;
}

#main .article-content a{
	color:#0033cc;
	text-decoration:underline
}

#main .article-content a:link{color:#0033cc;}
#main .article-content a:hover{text-decoration:none;color:#0033cc;}
#main .article-content a:active{text-decoration:none;color:#0033cc;}
#main .article-content a:visited{text-decoration:none;color:#0033cc;}

#main .article-content ul{
	list-style-type:square;
	margin-left:37px;
}

#main .article-content li{
	font-size:14px;
	margin-bottom:14px;
}

#main .article-content strong{

}

#main .article-content blockquote{
	/*font-style:italic;*/
	color:#666666;
	margin:0 25px;
	line-height:20px;
	font-size:15px;
}

#main .article-content span, .article-content div.span{
	color:#a3a3a3;
}

#main .article-content div.auth{
	margin:28px 0 11px 0;
	color:#a3a3a3;
	font-size:15px;
}

#main .article-content div.auth a{
	color:#0033cc;
}

#main .article-content p{
	margin:12px 0;
	font-size:16px;
	line-height:20px;
}

#main .aritcle-content img{
	border:1px;
}

#main .article-content img.inline-left{
	float:left;
	margin:0 18px 18px 0;
}

#main .article-content img.inline-right{
	float:right;
	margin:0 0 18px 18px;
}

#main .inline-center{
	text-align:center;
}

#main .inline-center img{
	float:none;
}

#main .article-feedback .label{
	font-size:28px;
	font-weight:bold;
	margin-bottom:12px;
}

#main .article-feedback .feedback-line{
   margin:0 20px 20px 0;
   float:left;
   width:410px;
   height:370px;
   border: 8px solid #f2f2f2;
   padding: 8px;
}

#main .article-feedback .feedback-line .feedback-body{
	font-family:tahoma;
	font-size:12px;
	overflow:auto;
	height:359px;
}

#main .article-feedback .feedback-line .feedback-body .head-line,
#main .article-feedback .feedback-line .feedback-body .body-line{
	padding:5px 0;
}

#main .article-feedback .feedback-line .feedback-body .head-line{
   background-color:#f2f2f2;
}

#main .article-feedback .feedback-line .feedback-body .head-line .part1{
	font-weight:bold;
}

#main .article-feedback .feedback-line .feedback-body .head-line .part2{
	color:#A5A5A5;
}

#main .article-feedback .feedback-form textarea{
   height:214px;
   width:210px;
   font-size:15px;
   padding:3px 0 0 1px;
   background-image:url('../img/field-bgr.jpg');
   border:1px #aeaeae solid;
   margin:1px 0 0 0;
}

#main .article-feedback .feedback-form textarea{
	height:214px;
}

#main .article-feedback .feedback-form label{
	font-family:verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
}

#main .article-feedback .feedback-form .box{
	margin-top:19px;
}

#main .article-feedback .feedback-form input.feedback-button{
	width:120px;
	height:22px;
	margin:11px 0;
	background-color:#000;
	color:#fff;
	cursor:pointer;
	border:0;
	padding-bottom:1px;
}

#main .article-feedback .feedback-form .feedback-name{
   width:210px;
   height:21px;
   font-size:15px;
   padding:3px 0 0 1px;
   background-image:url('../img/field-bgr.jpg');
   border:1px #aeaeae solid;
   margin:1px 0 0 0;
}

#main .grid{
	width:100%;
	border-collapse: separate;
	border-spacing: 1px;
}

#main .grid th{
	background-color:#A5A5A5;
}

#main .grid th,.grid td{
	padding:10px;
	width:300px;
	text-align:left;
    vertical-align: top;
	font-size:14px;
}

#main .grid .first{
	width:400px;
	text-align:left;
}

#main .grid .last{
	width:80px;
	text-align:right;
}

#archive{
	margin-top:35px;
}

#calendar .day{
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	color:#000;
	padding:7px 6px 6px 6px;
	overflow:hidden;
	display:inline;
	text-align:center;
}

#calendar .week .day a{
	color:#6f6f6f;
}

#calendar .week,
#calendar #month-row{
	clear:both;
	width:287px;
}

#calendar .week .day.blue{
	background-color:#0033cc;
}

#calendar .week .day.blue a{
	color:#fff;
}

#calendar .week .day.clear-blue{
	background-color:#c2ccea;
}

#calendar .week .day.clear-blue a{
  color:#fff;
}

#calendar .day.red a{
	color:#cc0000;
}

#calendar #month-row div{
	float:left;
}

#calendar{
	font-size:12px;
	padding:19px;
	background-color:#f2f2f2;
}

#calendar a{
	text-decoration:none;
}

#day-of-week a{
	color:#000;
	font-weight:bold;
}

#month-row .month{
	height:20px;
	width:128px;
	padding:7px;
	text-align:center;
}

#month-row{
	width:287px;
	overflow:hidden;
}

#calendar .week div.day.red{
	color:#FF0000;
}

#main .top-page-banner .collapse img{
	float:none;
}

.block1 .collapse{
	height:352px;
	overflow:hidden;
}

.block1 .frame-margins li{
	padding:6px 0;
	border-bottom:#f2f2f2 1px solid;
}

.search{
	margin-bottom:8px;
}

.search-block{
	margin-bottom:20px;	
}

.search span{
	width:50%;
	float:left;
}

.search .a-right{
	text-align:right;
}

#main .search .button,
#main .search-block .button{
	height:22px;
	width:31px;
	margin:0;
	padding:0;
	border:0;
	background-color:#000;
	color:#fff;
	top:-1px;
	margin:0 3px 0 5px;
	cursor:pointer;
}

.button{
	height:22px;
	width:31px;
	margin:0;
	padding:0;
	border:0;
	background-color:#000;
	color:#fff;
	position:relative;
	cursor:pointer;
}

.search .field,
.search-block .field{
	width:201px;
	height:19px;
   font-size:15px;
   padding:3px 0 0 1px;
   background-image:url('../img/field-bgr.jpg');
   border:1px #aeaeae solid;
   margin:1px 0 0 0;
}

.fie div a { font-size: 11px; font-weight: normal; text-decoration: underline; color: blue; }
