/*CSS Documents*/
@import url(http://fonts.googleapis.com/css?family=Ruslan+Display&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Kelly+Slab&subset=latin,cyrillic);
@import url('https://fonts.googleapis.com/css2?family=Montserrat&subset=latin,cyrillic');
p {
font-family:Montserrat; 
font-size:23px; 
margin:1px;
display: block;

unselectable="on";
oncopy="return false";
oncontextmenu="return false";
onselectstart="return false";
}

ppp {
font-family: Montserrat;
  font-size: 14px;
color: #016D81;
margin:1px;
display: block;

unselectable="on";
oncopy="return false";
oncontextmenu="return false";
onselectstart="return false";
}

pppoe {
font-family: Montserrat;
  font-size: 14px;
color: #232395;
margin:1px;
display: block;

unselectable="on";
oncopy="return false";
oncontextmenu="return false";
onselectstart="return false";
}
/* ul {list-style-image:URL(img/marker.gif)} */

ul{
font-family:Montserrat; }
td {
    padding: 2px; /* Поля в ячейках */
    vertical-align: top; /* Выравнивание по верхнему краю ячеек */
}

.radius {
  padding: 10px;
  color: #fff;
  background: #faf0e6;
  border: 2px dotted #37b53c;
  border-radius: 15px;
  outline: 0px solid CornflowerBlue;
  outline-offset: 1px;
  -moz-outline-radius: 40px;
}
#id_rows {
        width: 137px;
        float: left;
    margin: 1px;    
    margin-left: 2px;
    height: 93px;
        background: #ffffff;
}

/*TECT*/
div {
-moz-user-select: -moz-none;
-o-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none; 
}

#id_main {
        width:990px;
        margin: 0 auto;
       
}
#id_header {
        background: #FFFFFF;
        height:160px;
}
#id_9m {
        width: 50px;
        float: left;
        height: 100%;
        background: #FFFFFF;
}

#id_content_l {
        width: 990px;
        float: right;
        height: 100%;
        background: #FFFFFF;
}

#id_left {
        width: 300px;
        float: left;
        height: 100%;
        background: #FFFFFF;
}

#id_content {
        width: 690px;
        float: right;
        height: 100%;
        background: #FFFFFF;
}


#id_podval {
        clear: both;
        height: 33px;
        width: 990px;
        background: #f0dada;    
}

#id_begun {
        clear: both;
        height: 10px;
        width: 990px;
        background: #ffffff;    
}

#pc {
    font-family: Ruslan Display,fantasy;
    color: #88ac11;
    font-size: 62px;
}

/*TECT*/

.block1 { 
    width: 96%; 
    background: #ffffff;
    padding: 5px;
    padding-right: 20px; 
    border: solid 1px ffffff; 
    float: left;
    font-family:Montserrat;
    font-size:26px;
   }

.block_r { 
    width: 96%; 
    background: #ffffff;
    padding: 5px;
    padding-right: 20px; 
    border: solid 1px ffffff; 
    float: left;
    font-family:Montserrat;
    font-size:18px;
   }

.block_banner { 
    width: 96%; 
    background: #ffffff;
    padding: 5px;
    padding-right: 20px; 
    border: solid 1px ffffff; 
    float: left;
    font-family:Montserrat;
    font-size:96px;
    font-color:#000000;
   }

.block_999 { 
    width: 96%; 
    background: #ffffff;
    padding: 5px;
    padding-right: 20px; 
    border: solid 1px ffffff; 
    float: left;
    font-family:Montserrat;
    font-size:40px;
    font-color:#000000;
   }


  a img {
    border: none; /* Убираем рамку */
     }
 a:link {text-decoration:none;color: #800000;} /* непосещенная ссылка */
 a:visited {text-decoration:none;color: #800000;} /* посещенная ссылка */
 a:hover   {text-decoration:none;color: #03c03c;text-transform:uppercase;font-weight:bold;} /* курсор на  ссылке */


.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;

border: 1px solid #625e00;
border-width: 1px 0;
background: black url(blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: yellow;
background: transparent url(blockactive.gif) center center repeat-x;
}

</style>

<!--[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}

<![endif]-->



/*------------------------------------*\
	НАВИГАЦИЯ
\*------------------------------------*/
#nav{
	float:left;
	width:100%;
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;
}
#nav li{
	float:left;
	margin-right:10px;
	position:relative;
	display:block;
}
#nav li a{
	display:block;
	padding:5px;
	color:#fff;
	background:#333;
	text-decoration:none;
	
	text-shadow:1px 1px 1px rgba(0,0,0,0.75); /* Тень текста, чтобы приподнять его на немного */
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
#nav li a:hover{
	color:#fff;
	background:#6b0c36;
	background:rgba(107,12,54,0.75); /* Выглядит полупрозрачным */
	text-decoration:underline;
}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#nav ul{
	list-style:none;
	position:absolute;
	left:-9999px; /* Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none;) */
	opacity:0; /* Устнавливаем начальное состояние прозрачности */
	-webkit-transition:0.25s linear opacity; /* В Webkit выпадающие пункты будут проявляться */
}
#nav ul li{
	padding-top:1px; /* Вводим отступ между li чтобы создать иллюзию разделенных пунктов меню */
	float:none;
	background:url(dot.gif);
}
#nav ul a{
	white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
	display:block;
}
#nav li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */
	left:0; /* Приносим его обратно на экран, когда нужно */
	opacity:1; /* Делаем непрозрачным */
}
#nav li:hover a{ /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
	background:#6b0c36;
	background:rgba(107,12,54,0.75); /* Выглядит полупрозрачным */
	text-decoration:underline;
}
#nav li:hover ul a{ /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
}
#nav li:hover ul li a:hover{ /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */
	background:#333;
	background:rgba(51,51,51,0.75); /* Будет полупрозрачным */
	text-decoration:underline;
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
}

/*Анимированная выдвижная боковая блок-панель на CSS*/
/* ВНЕШНИЙ БЛОК */
#panel {
    position: fixed; /* положение */
    top: 10px; /* отступ сверху */
    left: 0; /* отступ слева */
    background: #70ca1b; /* цвет фона */
    width: 30px; /* ширина блока */
    height: 35px; /* высота блока 40*/
    font: 14px Arial; /* размер и тип шрифта */
    color: #fff; /* цвет текста */
    text-align: center; /* выравнивание текста по центру */
    padding: 5px; /* отступы от границ внутри блока (,skj5) */

    -webkit-transition-duration: 0.3s; /* анимационное выдвижение для всех браузеров*/
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;

    -webkit-border-radius: 0 5px 5px 0; /* закругление границ для всех браузеров*/
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    }

/* СКРЫТЫЙ БЛОК */
#hidden_panel {
    position: fixed; /* положение */
    top: 8px; /* отступ сверху10 */
    left: -220px; /* отступ слева */
    background: lavender; /* цвет фона */
    color: #000; /* цвет текста */
    width: 200px; /* ширина блока */
    height: 140px; /* высота блока 150*/
    padding: 10px; /* отступы от границ внутри блока 10*/
    text-align: left; /* выравнивание текста */

    -webkit-transition-duration: 0.3s; /* анимационное выдвижение для всех браузеров*/
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;

    -webkit-border-radius: 0 5px 5px 0; /* закругление границ для всех браузеров*/
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    }
#panel:hover {
    left: 220px; /* при наведении выдвигается на скрытые 200px + 20px отступы */
}
#panel:hover #hidden_panel {
    left: 0; /* отступ слева */
}
/*Анимированная выдвижная боковая блок-панель на CSS*/


#sk {
    font-family: Ruslan Display,fantasy;
    color: #ed3615;
    font-size: 30px;
    text-align:right;
}
#nb{
    font-family: Ruslan Display,fantasy;
    color: #ff8400;
    font-size: 30px;
    text-align:center;
}
#zv {
    font-family: Ruslan Display,fantasy;
    color: #107441;
    font-size: 25px;
    text-align:right;
}
#kp {
    font-family: Ruslan Display,fantasy;
    color: #168de2;
    font-size: 29px;
    text-align:center;
}

#id_right {
        width: 300px;
        float: right;
        height: 160px;
        background: #fff;
        
}

#id_sleft {
        width: 690px;
        float: left;
        height: 160px;
        background:  #fff;
        
}

/*logo_osp begin*/
#osp_logo {
        width: 200px;
        float: left;
        height: 140px;
        background: #ff8400;
        
}
#osp_logo_l {
        width: 70px;
        float: left;
        height: 70px;
        background: #ff8400;
        
}
#osp_logo_r {
        width: 115px;
        float: left;
        height: 70px;
        background: #ff8400;
       
color: #fff;
font-size: 15px;
font-weight: normal;
line-height: 1.2;
margin-left:10px;  
}
#osp_logo_f {
        width: 195px;
        clear: both;
        height: 70px;
        background: #ff8400;
color: #fff;
font-size: 14px;
font-weight: normal;
line-height: 1.2;
margin-left:5px;  
}
/*logo_osp end*/

#id_menu0{ 
position: absolute;
top: 161px;
width: 990px;
z-index: 12;
}