html,body{height:100%;padding:0}
html{margin:0;overflow-y:scroll;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;position:relative}
:after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body{background:#f7f1e3 url(/templates/default/images/bg.png) center -50px repeat-x;color:#000;font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:20px;margin:0 auto}
a{color:#111;outline:none;text-decoration:underline}
a:focus, a:active{color:#333;outline:none;text-decoration:underline}
a:hover{color:#555;outline:none;text-decoration:none}
h1{font-weight:normal;font-size:28px;margin:0 0 15px;padding:0;line-height:28px}
h2{font-weight:normal;font-size:20px;margin:0 0 15px;padding:0}
table{border-collapse:separate;border-spacing:0;margin:0;padding:0}
td {padding:0}
div,ul,li{margin:0;padding:0}
p{text-align:justify}
input[type="text"]:focus{outline:none}
.cf{zoom:1}
.cf:before,.cf:after{content:"";display:table}
.cf:after{clear:both}

.om_wrapper{position:relative;width:100%;height:100%;min-height:100%}
.om_wrapper-con{min-height:100%;position:relative;width:100%;z-index:99}
.om_header{position:absolute;top:0;left:0;margin:0 auto;width:100%;height:70px;border:none;z-index:100}
.om_header-con{margin:0 auto;padding:0 15px}
.om_logo{background:url(/static/images/logo1.png) no-repeat 0 11px;display:block;float:left;width:275px;height:70px;overflow:hidden;text-decoration:none}
.om_logo:hover{background:url(/static/images/logo1.png) no-repeat 0 10px}
.om_slogan{display:block;float:right;color:#4f2b08;margin:19px 0 0;max-width:375px;font-size:14px;line-height:20px}
.om_layout{margin:0 auto;padding:0 15px}
.om_layout-con{padding:80px 0 100px}
.om_menu{background:#fff;float:left;list-style-type:none;box-shadow:0 0 3px rgba(0,0,0,0.4);border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px}
.om_menu li{float:left}
.om_menu li a{display:block;padding:11px 15px 9px;color:#0b4462;text-transform:uppercase;text-decoration:none}
.om_menu li a:hover{display:block;background:#f8f5e3;color:#000;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px}
.om_search{background:#f1f7fe;color:#777;float:right;width:380px;box-shadow:inset 0 0 3px rgba(0,0,0,0.6);border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px}
.om_search input{background:none;padding:12px 15px 10px;color:#333;width:380px;font-size:16px;border:none;outline:none}
.om_search input:hover{background:#f7f1e3;box-shadow:inset 0 0 3px rgba(0,0,0,0.6);border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px}



.om_top-multiki{}
.om_top-multiki img{width:182px}
.popular{float:left;padding:0 0 20px 15px;width:182px;height:288px}



.button {
  display: inline-block;
  position: relative;text-decoration:none;
  top: 0;
  height: 47px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 3px;
  box-shadow: 0 3px 0 #c46901;
  font-size: 20px;
  line-height: 47px;
  background-color: #ff8800;
  color: #fff;
  text-align: center;
  cursor: pointer;
  -webkit-transition: background-color .2s ease,top .1s ease-out,box-shadow .1s ease-out;
  -o-transition: background-color .2s ease,top .1s ease-out,box-shadow .1s ease-out;
  transition: background-color .2s ease,top .1s ease-out,box-shadow .1s ease-out;
}






.om_footer{position:absolute;bottom:0;width:100%;height:100px;border-top:2px solid #d2d6de;z-index:100}
.om_footer-con{position:relative;margin:0 auto;padding:0 15px}
.om_up{display:none;position:relative;float:left;width:150px;height:50px;}
.om_up-con{display:none;background:#777;position:fixed;bottom:0;cursor:pointer;padding:10px 0;margin-bottom:15px;max-width:130px;min-width:130px;width:130px;overflow:hidden;text-align:center;font-size:12px;color:#fff}
.om_copyright{padding:15px 0;overflow:hidden;font-size:12px;line-height:18px}

















/* Карточка мультика */
.om_nav{background:#e8d9c5;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px}
.om_nav ul{list-style-type:none}
.om_nav ul li{float:left;font-size:14px}
.om_nav-activ{float:left;padding:8px 15px 5px;border-bottom:3px solid #fff}
.om_nav ul li a{display:block;padding:8px 15px;text-decoration:none}
.om_nav ul li a:hover{display:block;padding:8px 15px 5px;border-bottom:3px solid #999;text-decoration:none}

.om_content{padding-top:15px;margin-bottom:30px}
.om_poster{display:block;float:left;width:240px;height:340px}
.om_poster img{width:240px;height:340px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px}
.om_container{float:left;margin:0 0 0 15px;width:715px}
.om_rating{padding:8px 15px 7px;background:#f9f9f9;width:685px;height:20px;border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;-khtml-border-radius:3px 3px 0 0}
.om_desc{margin:0 0 15px}


.om_top-multiki-q img{width:109px}
.popular-q{float:left;padding:0 0 20px 14px;width:109px;height:210px}



/* список мультика */
.om_all_poster{display:block;width:130px;height:184px}
.om_all_poster img{width:130px;height:184px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px}
.om_all_title{font-size:18px;margin:0 0 10px;line-height:25px}
.om_all_container{float:left;margin:0 0 0 15px;width:570px}
.om_all_rating{padding:8px 0 0;height:20px}
.om_all_rating_left{float:left}
.om_all_rating_date{float:right}
.om_all_info{margin:0 0 15px;height:106px;font-size:12px;line-height:18px}




@media (min-width: 1000px) {
    .om_header-con{max-width:970px}
    .om_layout{max-width:970px}
    .om_footer-con{max-width:970px}
}