body{margin:0;padding:0;background-image:url(/sublar/images/arka-fon.png);font-family: 'Open Sans', sans-serif;}
a{transition: all 0.4s ease 0s;outline: none;}
a{color: #1db1f5}
a:hover,a:focus{outline: none;}
h1{font-size: 24px;color:black;}
h2{font-size: 20px;}
h3{font-size: 18px;}
h4{font-size: 16px;}
p{margin:5px 0 10px 0;}
#header{margin-top:40px;background:#1468da;padding-top:0px;padding-bottom: 0px;}
.navbar{margin: 0;}
.navbar-header{background:#4ec52a;}
.navbar-nav{margin: 0;}
.navbar-toggle .icon-bar{background:#FFF;}
#menu{background:#4ec52a;padding: 0;}
#menu ul li a{color:#FFF;font-weight: 700;}
#menu ul li a:hover{background-color:#11AE7B;}
.navbar{border:none;}
#footer{padding: 10px 0;background:#4ec52a;color:#FFF;}
#content .alan{background:#E9E9E9;padding:15px 0;}
.login-form{max-width: 450px;margin:0 auto;background: #FCFCFC;border:1px solid #ddd;border-radius: 5px;padding: 10px 15px;}
.login-form h2{margin:5px 0 15px 0;font-size: 20px;color: #D7844E;}
.btn-login{background-color: #4ec52a;color:#FFF;border-color: #4ec52a;font-weight: 700;}
.btn-login:hover,.btn-login:focus{background-color: #1db1f5;color:#FFF;border-color: #1db1f5;}
.img-left{float: left;margin:0 10px 10px 0;}
.img-right{float: right;margin:0 0 10px 10px;}
.tags{margin-right: 5px;padding: 0 6px;color: #FFF;background:#32b2e6;border-radius: 4px;}
.tags:hover{background: #4ec52a;text-decoration: none;color: #FFF;}
.blok{margin-bottom: 15px;border-bottom: 1px solid #ddd;padding-bottom: 10px;}
@media screen and (max-width:768px)  {
#header{margin-top: 0;}
}