/* Reset styles г*/
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend{
	margin: 0;
	padding: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font: normal 100% arial, helvetica, verdana, sans-serif;
}
ol, ul {
	margin-left: 25px;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse ;
	border-spacing: 0;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a:link,a:visited{
color: #3100ff;
text-decoration: underline;
}

a:hover{
text-decoration: underline;
}

p{margin-bottom:12px;}

H3{
font-size: 15.6px;
font-weight:bold;
margin:1em 0;
}

strong{
font-size: 13.33px;
font-weight:bold;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
 
.grid_1, 
.grid_2, 
.grid_3, 
.grid_4, 
.grid_5, 
.grid_6, 
.grid_7, 
.grid_8, 
.grid_9, 
.grid_10, 
.grid_11
{
	display:inline;
	float: left;
	position: relative;
	margin-left: 7.0px;
	margin-right: 8.0px;

}

/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1{
	width:60px;
}

.container_12 .grid_2{
	width:140px;
}

.container_12 .grid_3{
	width:220px;
	height: 800px;
	background-color: #F4F4F4;
}

.container_12 .grid_13{
	line-height: 23px;
	width:218px;
	height: 300px;
	background-color: #F4F4F4;
	border: 1px solid #464646;
	margin-top: 485px;
}

#menu{
z-index:10;
margin-left:32px;
margin-top:1px;
}

.container_12 .grid_4{
	width:300px;
}

.container_12 .grid_5{
	width:380px;
}

.container_12 .grid_6{
	z-index:-1;
	width:418px;
	background-color: #F4F4F4;
	border: 1px solid #464646;
	padding: 20px;
}

.container_12 .grid_7{
	width:540px;
}

.container_12 .grid_8{
	width:620px;
}

.container_12 .grid_9{
	width:700px;
}

.container_12 .grid_10{
	width:780px;
}

.container_12 .grid_11{
	width:860px;
}

.container_12 .grid_12{
	width:940px;
	height: 120px;
}

/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_12 .prefix_1 {
	padding-left:80px;
}

    .container_12 .prefix_2 {
	padding-left:160px;
}

    .container_12 .prefix_3 {
	padding-left:240px;
}

    .container_12 .prefix_4 {
	padding-left:320px;
}

    .container_12 .prefix_5 {
	padding-left:400px;
}

    .container_12 .prefix_6 {
	padding-left:480px;
}

    .container_12 .prefix_7 {
	padding-left:560px;
}

    .container_12 .prefix_8 {
	padding-left:640px;
}

    .container_12 .prefix_9 {
	padding-left:720px;
}

    .container_12 .prefix_10 {
	padding-left:800px;
}

    .container_12 .prefix_11 {
	padding-left:880px;
}

    .container_12 .prefix_12 {
	padding-left:960px;
}

/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_12 .suffix_1 {
	padding-right:80px;
}

    .container_12 .suffix_2 {
	padding-right:160px;
}

    .container_12 .suffix_3 {
	padding-right:240px;
}

    .container_12 .suffix_4 {
	padding-right:320px;
}

    .container_12 .suffix_5 {
	padding-right:400px;
}

    .container_12 .suffix_6 {
	padding-right:480px;
}

    .container_12 .suffix_7 {
	padding-right:560px;
}

    .container_12 .suffix_8 {
	padding-right:640px;
}

    .container_12 .suffix_9 {
	padding-right:720px;
}

    .container_12 .suffix_10 {
	padding-right:800px;
}

    .container_12 .suffix_11 {
	padding-right:880px;
}

    .container_12 .suffix_12 {
	padding-right:960px;
}

/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_12 .push_1 {
	left:80px;
}

    .container_12 .push_2 {
	left:160px;
}

    .container_12 .push_3 {
	left:240px;
}

    .container_12 .push_4 {
	left:320px;
}

    .container_12 .push_5 {
	left:400px;
}

    .container_12 .push_6 {
	left:480px;
}

    .container_12 .push_7 {
	left:560px;
}

    .container_12 .push_8 {
	left:640px;
}

    .container_12 .push_9 {
	left:720px;
}

    .container_12 .push_10 {
	left:800px;
}

    .container_12 .push_11 {
	left:880px;
}

    .container_12 .push_12 {
	left:960px;
}

/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_12 .pull_1 {
	right:80px;
}

    .container_12 .pull_2 {
	right:160px;
}

    .container_12 .pull_3 {
	right:240px;
}

    .container_12 .pull_4 {
	right:320px;
}

    .container_12 .pull_5 {
	right:400px;
}

    .container_12 .pull_6 {
	right:480px;
}

    .container_12 .pull_7 {
	right:560px;
}

    .container_12 .pull_8 {
	right:640px;
}

    .container_12 .pull_9 {
	right:720px;
}

    .container_12 .pull_10 {
	right:800px;
}

    .container_12 .pull_11 {
	right:880px;
}

    .container_12 .pull_12 {
	right:960px;
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
     
body{
background:#DBEDFB;
}

.container_12 .grid_13{
	line-height: 23px;
	width:218px;
	height: 300px;
	background-color: #F4F4F4;
	border: 1px solid #464646;
	margin-top: 485px;
}

.wrapper{
width:960px;
margin:0 auto;
}

.header,#header{
z-index:10;
height:120px;
margin-bottom:0px;
}

#same{
height:840px;
width:220px;
}

#same2{
height:840px;
width:250px;
}

#same3{
height:650px;
width:220px;
}

#same4{
height:650px;
width:250px;
}

.bg{
background:#cccccc;
width:160px;
height:187px;
position:absolute;
z-index:-1000;
width:245px;
height:195px;
margin:13px -15px -15px 15px;
}

#nav{
width:990px;
margin-top:5px;
padding:2px;
height:20px;
text-align:center;
background:#666666;
}

#nettools{
z-index:-10;
position:relative; 
margin-top: 5px;
display:inline;
}

#rotate{
float:right;
display:inline;
}

.content{
width:960px;
display:block;
}

.block, #center{
	background-color: #F4F4F4;
	border:1px solid #464646;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display:block;
}

.left{
width:220px;
max-width:220px;
float:left;
}

.center{
width:480px;
margin-left:15px;
float:left;
line-height: 18px;
font-size:13px;
font-family:	Verdana,Arial,Helvetica,sans-serif;
}

#center{
width:460px;
padding:15px;

}

.right{
width:220px;
float:right;
display:inline;
}

#right_ad{
width:165px;
margin:0 auto;
}

.footer{
width:960px;
float:left;
display:block;
}

.clear{
margin-top:15px;
clear:both;
}

#lr_title{
background-color: #666666;
    border-color: #464646;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 20px 0;
    text-align:center;
    color:#ffffff;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
}

.footer #footer {
	background-color: #444444;
	text-align: center;
	height: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-top: 10px;
	padding-bottom: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius:  10px;
	-webkit-border-top-right-radius: 10px;
}

#share42 {padding: 6px 6px 0; background: #FFF; border: 1px solid #E9E9E9; border-radius: 4px;}
#share42:hover {background: #F6F6F6; border: 1px solid #D4D4D4; box-shadow: 0 0 5px #DDD;}
#share42 a {opacity: 1}
#share42:hover a {opacity: 0.5}
#share42 a:hover {opacity: 1}

.zagolovok {

color: #000000;
FONT: 15px tahoma;
font-weight: bold;
text-align: center;

}

H2 {

color: #000000;
FONT: 13px tahoma;
font-weight: bold;
text-align: center;

}

.link {

FONT: 18px tahoma;
font-weight: bold;
text-align: center;

}

#counter{
/*visibility: hidden;*/
}

A IMG 
{
    border: none; /* Убираем рамку */
}

/*Стили для CSS меню*/

#pcm{display:none;}
ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block; z-index: 99;}
ul.pureCssMenu ul{position: absolute;left:98%;top:-1px;}
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.pureCssMenu,ul.pureCssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 0px 1px 0px;
	background-color:#f4f4f4;
	background-repeat:repeat;
	border-color:#EEEEEE #777777 #666666 #C9C9C9;
	border-width:0px;
	border-style:solid;
}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
	display:block;
	zoom:1;
	_width:171.15px;
	float: left;
}
ul.pureCssMenu ul{
	width:243.60000000000002px;
}
ul.pureCssMenu li{
	display:block;
	margin:1px 0px 0px 1px;
	font-size:0px;
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
outline-style:none;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	zoom:1;
	background-color:#f4f4f4;
	border-width:1px;
	border-color:#f4f4f4;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:4px;
	_padding-left:0;
	font:normal 11px Tahoma;
	color: #0000ff;
	text-decoration:none;
	cursor:default;
}
ul.pureCssMenu span{
	overflow:hidden;
}
ul.pureCssMenu ul li {
	float:none;
}
ul.pureCssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.pureCssMenu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
}
ul.pureCssMenu li.sep span{
	float:none;	padding-right:0;
	width:100%;
	height:3;
	display:inline-block;
	background-color:#EEEEEE #777777 #666666 #C9C9C9;	background-image:none;}
ul.pureCssMenu li:hover{
	position:relative;
}
ul.pureCssMenu li:hover>a{
	background-color:#FFFFFF;
	border-color:#666666;
	border-style:solid;
	font:normal 11px Tahoma;
	color: #000000;
	text-decoration:none;
}
ul.pureCssMenu li a:hover{
	position:relative;
	background-color:#FFFFFF;
	border-color:#666666;
	border-style:solid;
	font:normal 11px Tahoma;
	color: #000000;
	text-decoration:none;
}
ul.pureCssMenu li.dis a {
	color: #AAAAAA !important;
}
ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:4px;width:24px;
height:24px;
}
ul.pureCssMenu ul img {width:30px;
height:15px;
}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def  {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul{display:block}
ul.pureCssMenu a:hover ul ul{display:none}
ul.pureCssMenu span{
	display:block;
	background-image:url(/templates/blue-highway/images/arrow_sub1.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:15px;}
ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(/templates/blue-highway/images/arrow_sub1.gif)}

#share42 {
  position: fixed;
  z-index: 1000;
  margin-top: 50px;
  margin-left: 955px; /* смещение панели влево от края контента */
}

#share42 {
  padding: 6px 6px 0;
  background: #FFF;
  border: 1px solid #E9E9E9;
  border-radius: 4px;
}

#toTop {
width: 100px;
border: 0px solid #cccccc;
text-align: center;
padding: 5px;
position: fixed;
bottom: 10px;
right: 10px;
cursor: pointer;
color: #666666;
text-decoration: none;}

#interesno {
width:150px;margin-top:0px;
border:0px solid #cccccc;
padding:0px;
z-index:10;
position:fixed;
top:0px;right:0px;
cursor:pointer;
color:#666666;
text-decoration:none;
}

::selection {
background:#54ff9f;}
::-moz-selection {
background:#54ff9f;
}

#dropdownpanel{ /*Общие настройки панели*/
z-index: 99;
position: absolute;
width: 100%;
left: 0;
top: 0;
visibility:hidden;
}

#dropdownpanel .contentdiv{ /*Div блок, содержащий все данные панели*/
background: transparent;/*Бэкграунд под всей панелью*/
color: black;/*Цвет текста в блоке*/
padding: 10px;/*Отступы*/
}

#dropdownpanel .control{ /*Настройки кнопки показа*/
border-top: 0px ;/*Верхний бордер над самой кнопкой*/
color: white;/*Цвет текста кнопки*/
font-weight: bold;/*Жирность текста*/
text-align: center;/*Расположение надписи кнопки*/
background: transparent url("/buttons/knopka/droppanel/panelcontent_files/panel.gif") center center no-repeat; /*можете использовать свою картинку кнопки, такого же размера*/
padding-bottom: 3px; /* 21px + 3px should equal height of "panel.gif" */
height: 21px; /* 21px + 3 px should equal height of "panel.gif" */
line-height: 21px; /* 21px + 3px should equal height of "panel.gif" */
}


