html, body, div, span, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    abbr, address, cite, code,
    del, dfn, em, img, ins, kbd, q, samp,
    small, strong, sub, sup, var,
    b, i,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, figcaption, figure, 
    footer, header, hgroup, menu, nav, section, summary,
    time, mark, audio, video {
        margin:0;
        padding:0;
        border:0;
        outline:0;
        font-size:100%;
        vertical-align:baseline;
        background:transparent;
    }


    img{
        max-width: 100%;
    }

    article,aside,details,figcaption,figure,
    footer,header,hgroup,menu,nav,section { 
        display:block;
    }


    body {
color:#CDD0C8;
line-height:1;
background: #202020;


    }

h1, h2, h3, h4, h5 ,h6{

font-size: 15px;
    
    
}

a{color:#000000;text-decoration:none;}a:hover,a:focus{color:#0000ff;text-decoration:none}
 





/*  Header для ПК  */
@media (min-width:700px){
    header{


margin:2px;
margin-left:6px;
border-right: 1px solid #394256;
        display: block;
        position: absolute;

        left: 0;
        width: 28%;
        float: left;
        overflow: hidden;
        z-index: 9999;
    }

    header .logo{

padding: 0 0 0 10px;
        margin-top: 15px;
        float: left;

    }

    header nav ul{

width: 100%;
        display: block;
        overflow: hidden;
        margin-top: 15px;
padding: 0 3px 5px 3px;


    }

    header nav ul li{
text-decoration: none;
        display: block;
    }

    header nav ul li a{
float: left; /* Элементы списка выстраиваются в ряд */
  width: 48%; /* Каждый элемент занимает половину доступного пространства */
  list-style-position: inside; /* Маркеры списка располагаются внутри контейнера */
font-size:105%;
font: Verdana;

color: #5a7197;
display:inline-block;
padding:6px;
padding-bottom:10px;
padding-top:10px;

margin-bottom:4px;
margin-top:4px;
margin-left:5px;
border-radius:10px;
box-shadow: 0 0 3px #4047cd;

position: relative;
opacity: .9;
text-align: center;


    }

    header nav ul li a:hover,
    header nav ul li a.selected{
box-shadow: 0 0 3px #969595;

        color: #969595;
    }

    header .footer{
        position: absolute;
        bottom: 50px;
    }


    #menu_icon,
    .close_menu{
        display: none;
    }

}

#menu_icon,
.close_menu{
    float: right;
    margin-right: 25px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: url('img/spisok_9.png') no-repeat;
}

#menu_icon{    
    background-position: 0 0;
}
.close_menu{
    background-position: -0px 0!important;
}






/*  Main  */
.main{
    width: 100%;
    max-width: 100%;
    height: 100%;
    padding-left: 29%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 55;
    background: #202020;
    clear: both;
}









/*  Responsive code mobil  */
@media (max-width:800px){

    header{
        display: block;
        width: 100%;
        min-height: 38px;
        padding: 0;
        position: relative;
    }
    header .logo{
        margin: 8px 0 2px 10px;
        float: left;
    }
    header .footer{
        display: none;
    }
    header #menu_icon,
    header .close_menu{
        float: right;
        margin: 10px 10px 0 0;
    }
    
    header nav{
        width: 100%;
        position: absolute;
        top: 38px;
        left: 0;
        z-index: 9999;
    }





    header nav ul{
        display: none;
        position: relative;
        overflow: hidden;

        width: 100%;
padding-bottom:10px;
border-bottom: 1px solid #394256;

        background: #202020;

    }




    header nav ul li{
text-decoration: none;
        display: block;
    }


    header nav ul li a{
float: left; /* Элементы списка выстраиваются в ряд */
  width: 48%; /* Каждый элемент занимает половину доступного пространства */
  list-style-position: inside; /* Маркеры списка располагаются внутри контейнера */
font: Verdana;

font-size:95%;
 background: #202020;
color: #5a7197;
display:inline-block;
padding:6px;
padding-bottom:10px;
padding-top:10px;

margin-bottom:4px;
margin-top:4px;
margin-left:5px;
border-radius:10px;
box-shadow: 0 0 3px #5a7197;

position: relative;
text-align: center;


    }


    header nav ul li a:hover,
    header nav ul li a.selected{
box-shadow: 0 0 3px #969595;

        color: #969595;
    }

    header nav ul li a:active{
        background: #202020;
    }
    #menu_icon,
    .close_menu,
    .show_menu{
        display: block;
    }
    .show_menu{
        display: block;
    }

    .main .work{
        width: 50%;
    }
    .main{
        width: 100%;
        max-width: 100%;

        position: relative;
        padding-left: 0;
    }
    #map{
        margin: 0!important;
    }
}

@media (max-width:550px){
     .main .work{
        width: 100%;
        max-width: 100%;

    }
}



a:link, a:active, a:visited {
  color: #F5F5F5;
text-decoration:none;
}

a:hover {
  color: #ffffff;
text-decoration:none;
}

div {
  margin: 1px;
  padding: 1px;
}

form
{margin:1px; padding:0px;}

h2, h3, h4, h5, h6 {
margin : 0;
padding : 0;
border : 0;
font : inherit;
font-size : 100%;
vertical-align : baseline;
display:inline;
}
h1 {
margin : 0;
padding : 0;
border : 0;
font : inherit;
font-size : 100%;
vertical-align : baseline;
}

.p_t {
background: #202020  repeat-x;

margin-bottom: 1px;
margin-top: 1px;
padding: 7px;
padding-bottom: 10px;
padding-top: 10px;

border-radius: 2px;
border:1px solid #5a7197;
}



.p_m {

background:#202020;
margin-bottom: 1px;
text-align: left;
margin-top: 1px;
padding: 5px;
border:solid 1px #1709A2;
border-radius: 3px;
}




.link :hover {
color: #91b546;

}

a.link_href { 
 
margin : 1px; 
display : block; 
}

.menu_razd2 {
background:#202020;
color:#ffffff;

padding:4px;
font: georgi;
font-size: 16px;
font-weight: bold;
border-radius: 1px;
border: solid 1px #7d9dd8;
}


.menu_razd{
color: #FFFAFA;
text-align: left;
font-weight:bold;
font-size: 18px;
padding-bottom: 0px;

padding-top: 12px;
padding-left: 8px;



}
.menu_razd img {
border: 0px;
vertical-align: middle;
}
.menu_razd a{
color:#00ff00;
}

.rekl
{
background:url('img/rekl.png') no-repeat top right;
border: 1px dotted #4195de;
   background-color: #151515;
   color: #4195de;
text-align: center;
  padding: 3px;

}


.title {
color: #fff;
background:#202020  url(img/c_razd_bg.png) repeat-x bottom;
text-align: center;
font:13px Georgia;
font-weight: bold;
padding:7px;
padding-bottom: 10px;
padding-top: 10px;
border-radius:5px 5px 0 0;
border:1px solid #4782fd;
}





.foot{
color:#3d3c3c;
background: #202020;
padding:5px;
border: #0000ff 1px groove;
border-radius: 2px;
box-shadow: 0 0 2px #3d3c3c;
margin-top: 1px;
}
.err, .div.err{ color: #fdfd6c; margin: 1px; text-align: center; border: solid 1px #ff2310; background-color: #ff4636; padding: 2px; }

.msg{ margin: 1px; text-align: center; color: #58bd31; border: solid 1px #aee798; background-color: #ddffd0; padding: 2px; }


.r{
color: #fff;
background:#202020 url(img/c_razd_bg.png) repeat-x bottom;
font-weight: bold;
font-size: 15px;
padding:8px;
padding-bottom: 10px;
padding-top: 10px;
border-radius: 2px 2px 0 0;
border:1px solid #4782fd;
}
.r a{
color:#9dccf8;
}



.title_aut{
color:#666;
background: #202020;
letter-spacing: 1px;
font-size: 50%;
margin: 0px;
padding:10px;
padding-bottom:8px;
padding-top:8px;
}






/*  Версия для ПК */

@media (min-width:700px){

.p_t, .foot, .menu_razd, .r, .title {
font-size: 18px;
padding: 8px;
}
h1, h2, h3, h4, h5 ,h6{
font-size: 18px;    
}


.kik {
font-size: 16px;
padding: 14px;

}


.title_aut{
letter-spacing: 2px;
font-size: 70%;
}

.poisk_intup{
float: left;padding: 0 0 0 1px;margin: 3px 0 2px 3px;width: 97%;
}


#menu_user,
.user_menu{
    float: right;
    margin-right: 10px;
    margin-top: 16px;

    width: 25px;
    height: 25px;
    cursor: pointer;
    background: url('img/user_2.png') no-repeat;
    background-position: 0 0;

}

#menu_refresh {
    float: right;
    margin-right: 10px;
    margin-top: 16px;

    width: 25px;
    height: 25px;
    cursor: pointer;
    background: url('img/refresh_4.png') no-repeat;
    background-position: 0 0;

}

#menu_sun {
    float: right;
    margin-right: 10px;
    margin-top: 16px;

    width: 25px;
    height: 25px;
    cursor: pointer;
    background: url('img/sun_2.png') no-repeat;
    background-position: 0 0;

}

#menu_luna {
    float: right;
    margin-right: 10px;
    margin-top: 16px;

    width: 25px;
    height: 25px;
    cursor: pointer;
    background: url('img/luna_1.png') no-repeat;
    background-position: 0 0;

}






}

/*  Версия для мобильных */

@media (max-width:800px){

.poisk_intup{
float: left;padding: 0 0 0 1px;
margin: 3px 0 2px 3px;
width: 97%;
display:none;
}

#menu_user,
.user_menu{
    float: right;
    margin-right: 10px;
    margin-top: 10px;

    width: 23px;
    height: 23px;
    cursor: pointer;
    background: url('img/user_2.png') no-repeat;
    background-position: 0 0;

}


#menu_refresh {
    float: right;
    margin-right: 10px;
    margin-top: 10px;

    width: 23px;
    height: 23px;
    cursor: pointer;
    background: url('img/refresh_4.png') no-repeat;
    background-position: 0 0;

}


#menu_sun {
    float: right;
    margin-right: 10px;
    margin-top: 10px;

    width: 23px;
    height: 23px;
    cursor: pointer;
    background: url('img/sun_2.png') no-repeat;
    background-position: 0 0;

}


#menu_luna {
    float: right;
    margin-right: 10px;
    margin-top: 10px;

    width: 23px;
    height: 23px;
    cursor: pointer;
    background: url('img/luna_1.png') no-repeat;
    background-position: 0 0;

}


#menu_icon,
.close_menu{
    float: right;
    margin-right: 25px;
    width: 23px;
    height: 23px;

    cursor: pointer;
    background: url('img/spisok_9.png') no-repeat;
}

#menu_poisk2 {
    float: right;
    margin-right: 10px;
    margin-top: 10px;

    width: 23px;
    height: 23px;
    cursor: pointer;
    background: url('img/poisk_3.png') no-repeat;
    background-position: 0 0;

}


}


/* Поиск */
* {box-sizing: border-box;}
form {

  position: relative;
  margin: 0 auto;
margin-right: 4px;

}
input, button {
  border: none;
  outline: none;
  border-radius: 3px;

}
input {

  height: 42px;
  background: #202020;
  padding-left: 15px;

}
button {
  height: 26px;
  width: 26px;
  position: absolute;
  top: 8px;
  right: 8px;
  background: #202020;
  
}

footer { 
background: #202020;
  position: fixed;
  overflow: hidden;
  width: 100%;

bottom: 0;
z-index: 999;
text-align: center;
}











.box {
background: #202020;
color:#CDD0C8;
border-radius: 0 0 6px 6px;
border: 1px solid #d8daef;

padding-top:4px;
paddind-bottom:4px;
margin-bottom:1px;


}

.poisk_color {
color: #000000;
}



/* ЧАТ И СООБЩЕНИЯ */

.sms {
background: #242424;
color:#ffffff;

padding:4px;
width: 100%;
bottom: 0px;
overflow: hidden;
position: fixed;
padding-bottom:60px;
padding-top:8px;
border-top:1px solid #5a7197;
z-index: 9999;
}
.sms_msg {
background-color: rgba(0,0,128, 0.0);
color:#dbdbdb;

bottom: 0;float: left;width: 85%;
top:0;
height: 60px;
}
.sms_intup {
background-color: rgba(0,0,128, 0.0);
  top: 3px;
  right: 2px;

float: right;width: 13%;height: 58px;

text-align:center;
}


.chat_sms {
color: #e4ecf2;
background: #303030;
font-size: 90%;
margin: 8px;
margin-left: 4px;
margin-right: 20px;
padding: 8px;
border-radius: 10px;
  position: relative;

}

.chat_sms2 {
color: #e4ecf2;
background: #3e4348;
font-size: 90%;
margin: 8px;
margin-right: 4px;
margin-left: 20px;
padding: 8px;
border-radius: 10px;
  position: relative;

}


@media (min-width:800px){
.sms {
width: 65%;
}
}