body{margin:0;padding:0;background: #006699;font-family: 'Open Sans', sans-serif;}
a{transition: all 0.4s ease 0s;outline: none;}
a{color: #FFF}
a:hover,a:focus{outline: none;}
h1{font-size: 24px;color:#993333;}
h2{font-size: 20px;}
h3{font-size: 18px;}
h4{font-size: 16px;}
p{margin:5px 0 10px 0;}
#header{margin-top:20px;background:#339999;padding-top:0px;padding-bottom: 0px;}
.navbar{margin: 0;}
.navbar-header{background:#3C5D8E;}
.navbar-nav{margin: 0;}
.navbar-toggle .icon-bar{background:#FFFFFF;}
#menu{background:#660033;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:#660033;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: #DF8600;color:#FFF;border-color: #336666;font-weight: 700;}
.btn-login:hover,.btn-login:focus{background-color: #660033;color:#FFF;border-color: #C6713B;}
.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:#D7844E;border-radius: 4px;}
.tags:hover{background: #3C5D8E;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;}
}