@import url(https://fonts.googleapis.com/css?family=Play:400,700&subset=latin,cyrillic);
body{margin:0;font: normal 14px 'Play', arial, 'Helvetica CY', 'Nimbus Sans L', Sans-serif;color:#4d4d50;line-height:16px;background: #fff;}

.fl{float:left;}
.ar{text-align:right;}
.fr{float:right;}
.cl{clear:both}
.ac{text-align:center;}

::selection {color:#fff;background-color:#3550A0;}
::-moz-selection{color:#fff;background-color:#3550A0;}
::-webkit-scrollbar {width: 13px;border-left:1px solid #ccc;background:#fff;}  
::-webkit-scrollbar-thumb {background-color:#3550A0;}


form{margin:0;padding:0;}

input{outline:none; }
textarea{outline:none;overflow:auto;resize:vertical;}

a{outline:none;text-decoration:underline;color:#3f5bae;cursor:pointer;}
a:hover{text-decoration:none;}
p{text-align: justify;}
p, div.par{margin: 10px 0;}
img{border:0;}
img[align=left] {margin:2px 13px 10px 0;}
img[align=right] {margin:2px 0 10px 13px;}

div.shapka{width:100%;background: #3550A0;padding:3px 0;background: linear-gradient(to right, #3F5BAE, #2B4593);color:#c9e4fe;}
div.title, div.menu{width:950px;margin:0 auto;}
div.shapka > div.title{background:url(files/uzor-yellow.png) top right no-repeat;}

#da{
    display:block;
    position: absolute;
    z-index:55;
    top:100px;
    left:50%;
    margin-left:-140px;
    width:280px;
    padding:15px 10px;
    text-align:center;
    background:#32A150;
    color:#fff;
}

div.l{width:532px;float:left;}
div.l span, div.l a{
display:block;
font-size:18px;
padding:32px 0 0 119px;
height:74px;
background:url(files/logo.png) left center no-repeat;
text-decoration:none;
color:#c9e4fe;
}
div.l span:first-line, div.l a:first-line {
    color:#fff;
    font-size:24px;
    line-height:27px;
    font-weight:bold;
}
div.sety{float:left;margin-top:34px;}
div.sety a{float:left;display:block;opacity:0.5;transition:0.5s;text-decoration:none;margin:0 9px;height:27px;}
div.sety a:hover{opacity:1;transition:0.5s;}
a.f{background:url(files/facebook.png) center no-repeat;width:13px;}
a.t{background:url(files/twitter.png) center no-repeat;width:24px;}
a.v{background:url(files/vk.png) center no-repeat;width:30px;}


div.lang{margin-top:37px;width:94px;text-align:center;float:left;font-weight:bold;color:#82a6e0;}
div.lang a, div.lang span{text-decoration:none;padding:0 5px;}
div.lang a{color:#fff;transition:0.5s;}
div.lang a:hover{color:#d8e0ee;transition:0.5s;}

#inssearch{margin-top:31px;float:right;width:188px;height:33px;border:1px solid #82A6E0;border-radius:20px;}
#inssearch input[type=text]{
    margin:8px 0 0 14px;
    width:142px;
    background:#2C4795;
    background: transparent;
    font: normal 14px 'Play', arial, 'Helvetica CY', 'Nimbus Sans L', Sans-serif;
    color:#82a6e0;
    border:0;
}
#inssearch input[type=text]:focus{color:#fff;}
#inssearch input[type=image]{margin-top:2px;}



div.menu{position:relative;margin-bottom:20px;}
div.menu > div.fr{margin-top:17px;}
span.sos{
     font-weight:bold;
    font-size:16px;
    color:#e0325b;  
    cursor:pointer;
    background:url(files/join.png) 13px center no-repeat;
    line-height:33px;
    border:1px solid #e0325b;
    border-radius:20px;
    padding:10px 15px 10px 36px;
    transition:0.3s;
}
span.sos:hover{border:1px solid #3f5bae;color:#3f5bae;transition:0.3s;}

#wop{position:absolute;z-index:5;top:60px;background:#3f5bae;border-radius:14px;padding:15px;color:#fff;right:0;width:166px;color:#c9e4fe;}
#wop:first-line{font-size:18px;font-weight:bold;color:#fff;}

.lastnews{background:#F3F5F9;border:1px solid #d1d8e5;padding:20px 0;width:994px;margin:0 auto 20px auto;}
.bwd{font-weight: bold;height:35px;}
.bwd span{font-size:18px;color:#000;text-transform:uppercase;}
.bwd a{text-decoration:none;padding-right:17px; background: url(files/rss.png) center right no-repeat;}

.rightcol{width:313px;}
.leftcol{width:590px;}
.mainfoto{width:50%;}
.mainfoto span{display:block;overflow:hidden;width:100%;height:258px;margin-bottom:10px;}

.mainfoto a{font-weight:bold;text-decoration:none; font-size:16px;}
.lastnews a:hover{color:#333;}

div.list{width:46%;}
div.list div{border-top:1px solid #e8e8e8;padding:14px 8px;color:#b7b7b7;transition:0.3s;}
div.list div:hover{background:#fff;transition:0.3s;}
div.list div a{font-size:16px; font-weight:bold;text-decoration:none;}

span.video{padding-left:15px;margin-left:15px;background:url(files/video.gif) left center no-repeat;font-size:12px;}
span.comment{padding-left:15px;margin-left:15px;background:url(files/comment.gif) left center no-repeat;font-size:12px;color:#82a6e0;}
span.eye{padding-left:15px;margin-left:15px;background:url(files/eye.gif) left center no-repeat;font-size:12px;color:#82a6e0;}

div.list div:first-child{border-top:0;}

a.news{text-transform: uppercase; background:url(files/pointer.gif) right center no-repeat;padding-right:22px;font-size:18px;font-weight:bold;}
a:hover.news{text-decoration:none;}

div.new{margin:15px 0 30px 0;width:100%;}
div.new span{color:#999;font-size:12px;}
div.new img{margin-right:21px;}
div.new a{font-size:16px;font-weight:700;}
a.redlink{text-transform:uppercase;text-decoration:none !important;color:#82a6e0;font-size:12px !important;}
.par{margin:9px 0;}

#listing{margin-bottom:20px;color:#668dcb;font-weight:bold;line-height:25px;}
#listing a, #listing span{color:#668dcb;text-decoration:none;margin-right:3px;padding:7px 13px;border:2px solid #fff;}
#listing span{border:2px solid #668dcb;}
#listing a:hover{color:#3f5bae;}

div.bloks{padding:20px 20px 10px 20px;margin-bottom: 15px;border:1px solid #82a6e0;}
.uzor{background:url(files/uzor-blue.png) 92% top no-repeat;color:#3f5bae;}
.uzor div.n{font-size:16px;font-weight:bold;}
span.ggg{background:#3f5bae;height:4px;font-size:1px;display:block;}
div.zagl{color:#000;font-size:18px;font-weight:bold;height:26px;text-transform: uppercase;}
div.bloks label{color:#3f5bae;padding-left:10px;cursor:pointer;}


input[type=submit], input[type=button] {border:3px solid #82a6e0;background:#fff;color:#668dcb;font: bold 14px 'Play', arial, 'Helvetica CY', 'Nimbus Sans L', Sans-serif;
text-transform: uppercase;height:28px;transition:0.5s;cursor:pointer;}
input[type=submit]:hover, input[type=button]:hover{border:3px solid #3f5bae;color:#3f5bae;transition:0.5s;}

table.arhive{border-collapse: collapse;width:100%;margin-top:6px;}
table.arhive td{color:#666;}
tr.days td{padding:7px 10px;}
table.arhive td a{padding:7px 10px;text-decoration:none;display:block;border-radius:3px;}
/*table.arhive td a:hover{background:#C9E4FE;}*/
table.arhive td a.nowday{background:#FEEB10;color:#666;}

a.previous, a.nexten{text-decoration:none;background-color:#C9E4FE;background-position:center;background-repeat:no-repeat;border-radius:3px;display:block;
width:24px;height:24px;}
a.previous:hover, a.nexten:hover{background-color:#fff;}
a.previous{background-image:url(files/pl.png);}
a.nexten{background-image:url(files/pr.png);}

h1{color:#333;margin:13px 0;font-weight:bold;font-size:26px;line-height:29px;}
h2{color:#333;margin:12px 0;font-weight:bold;font-size:23px;line-height:26px;}
h3, span.h3{color:#333;margin:10px 0;font-weight:bold;font-size:20px;line-height:23px;display:block;}
h4, span.h4{color:#333;margin:10px 0;font-weight:normal;font-size:18px;line-height:21px;display:block;}

span.req{padding-left:5px;color:red;}
.pnn{background:#fff;width:100%;border:1px solid #ccc;font: bold 14px 'Play', arial, 'Helvetica CY', 'Nimbus Sans L', Sans-serif;padding:4px 0 4px 2px;color:#333;}
.pnnred{color:#D31D1D;border:1px solid #D31D1D;background:#F8DADA;font: bold 14px 'Play', arial, 'Helvetica CY', 'Nimbus Sans L', Sans-serif;padding:4px 0 4px 2px;
width:100%;}

div.yes{border:1px dashed #B9DBCD; border-left:3px solid #27A462; font-size:18px;padding:20px 20px 20px 30px;color:#27A462;font-weight:bold;margin:15px 0;}

a.grbut21{text-decoration:none;font-weight:bold;font-size:18px;line-height:30px;border-radius:20px;border:3px solid #3550A0;transition:0.5s;padding:7px 15px;}
a:hover.grbut21{border:3px solid #fecc10;transition:0.5s;}

.addcomment{margin-top:15px;padding-top:15px;border-top:1px dashed #ccc;}

.comments{width:100%;}
.comments div.par span{color:#333;font-size:15px; line-height:20px;}

.botline{width:100%;background:#FEDA10 url(files/star.gif) top right no-repeat;min-height:146px;color:#535354;margin-top:40px;}
.botline ul{padding:0;}
.botline ul li{margin:0 38px 0 0;padding:0;list-style:none;float:left;text-transform: uppercase;display:block;}
.botline ul li a{color:#3f5bae;text-decoration:none;display:block;padding:30px 0 0 0;border-top:2px solid #FEDA10;}
.botline ul li a:hover{text-decoration:underline;}
.botline ul li span{color:#333;display:block;padding:30px 0 0 0;border-top:2px solid #3f5bae;}

.prava{margin-top:10px;}
.prava a{padding-right:22px;background:url(files/sitemap.gif) right center no-repeat;text-decoration:none;}

a.next{padding-right:15px;background:url(files/pr.png) right center no-repeat;}
a.prev{padding-left:15px;background:url(files/pl.png) left center no-repeat;}

div.bbb{width:50%;}
div.bbb a{display:block;}

@media screen and (max-width: 780px) {
    div.l{width:100%;}
    div.title{width:95%}
    div.sety, #inssearch{margin-top:10px;}
    div.lang{margin-top:15px;} 
    div.shapka{padding:3px 0 10px 0;}
    div.menu{width:92%;}
    #nav a, #nav span{margin-right:18px !important;}
    div.lastnews{width:99%;}
    div.list div{padding:10px 8px;}
    div.leftcol{width:100%;}
    div.rightcol{width:100%;height:600px;}
    .mainfoto span{height:auto;}
    div.bloks{padding:20px 15px 10px 15px;float:left;width:42%;margin-right:10px;}
    tr.days td{padding:7px 0;text-align:center;}
    table.arhive td a{padding:7px 5px;}
}
@media screen and (max-width: 566px) {
    
    div.rightcol{height:880px;}
}
@media screen and (max-width: 480px) {
    
    html {-webkit-text-size-adjust: none;}
    div.l{width:100%;}
    div.l span:first-line, div.l a:first-line{font-size:18px;}
    div.mainfoto, div.list{width:100%;}
    div.bloks{padding:20px 20px 10px 20px;margin-bottom: 15px;border:1px solid #82a6e0;width: 90%;width: calc(100% - 40px);}
    .botline ul li{margin:0 10px 0 0;}
h1{color:#333;margin:13px 0;font-weight:bold;font-size:20px;line-height:22px;}
h2{color:#333;margin:12px 0;font-weight:bold;font-size:19px;line-height:20px;}
h3, span.h3{color:#333;margin:10px 0;font-weight:bold;font-size:18px;line-height:19px;display:block;}
h4, span.h4{color:#333;margin:10px 0;font-weight:normal;font-size:17px;line-height:18px;display:block;}
}

@media screen and (max-width: 320px) {
    
    html {-webkit-text-size-adjust: none;}
    
    div.l span:first-line, div.l a:first-line{font-size:18px;color:#c9e4fe;line-height:16px;font-weight:normal;}
    
    div.mainfoto, div.list{width:100%;}
    div.bloks{padding:20px 20px 10px 20px;margin-bottom: 15px;border:1px solid #82a6e0;width: 90%;width: calc(100% - 40px);}
    .botline ul li{margin:0 10px 0 0;}
    div.new img{width:100%;}
    div.l span, div.l a{padding:15px 0 0 115px;height:94px;}
    #nav li{width:100% !important;margin:0 !important;text-align:left !important;padding:7px 0 !important;} 
}
@media print{
    div.shapka,
    div.menu,
    div.rightcol,
    div.yes,
    div.path,
    div.comments,
    div.addcomment,
    a.print,
    div.close
    {display:none;}
    
    div.leftcol{width:100%;}
}