body {
padding: 0px;
margin: 0px;
font-family: Arial, Verdana, Tahoma;
width: 100%;
min-width: 1000px;
background: url('../img/hutor/fon-1.jpg') repeat-y center top;
}
img {
border: 0;
}
.img-content {
float: left;
width: 70px;
height: 103px;
padding: 0px 10px 5px 0px;
}
.img-blog {
float: left;
width: 93px;
height: 93px;
padding: 0px 15px 10px 0px;
}
.img-blog-nowh {
float: left;
padding: 0px 15px 10px 0px;
}
a {
text-decoration: underline;
color: #666666;
}
a:hover {
text-decoration: none;
color: #666666;
}
p {
margin: 0px;
border: 0px;
font-size: 11px;
color: #666666;
}
.main {
width: 100%;
clear: both;
min-width: 1001px;
padding: 0px;
background: url('../img/hutor/niz.jpg') no-repeat center bottom;
}
.main_top {
background: url('../img/hutor/verh.jpg') no-repeat center top;
margin: auto
}
.main_ie_container {
padding-top: 51px;
text-align: center;
margin: auto;
width: 1001px;
}
.main_container {
padding: 0px;
width: 1001px;
background: url('../img/hutor/top_menu_bg.png') no-repeat center top;
}
.top_banner {
background: url('../img/banner_bg.gif') no-repeat center top;
text-align: center;
padding-top: 9px;
padding-bottom: 4px
}
.head2 {
height: 56px;
clear: both;
/* background: url("../img/head_bg.gif") repeat-x top; */
}
.head {
height: 56px;
clear: both;
background: url('../img/head_right.gif') no-repeat right top;
}
.logo {
width: 186px;
height: 56px;
float: left;
background: url('../img/hutor/logo-0.png') no-repeat left top;
}
.logo img {
width:165px;
height: 23px;
}
.logo a {
display: block;
width: 165px;
height: 23px;
margin-left: 15px;
margin-top: 18px;
}
.head_menu {
float: left;
height: 56px;
width: 132px;
/* border-left: 1px solid #6d6d6d; */
/* background: url("../img/head_bg.gif") repeat-x top; */
font-size: 11px;
color: #ffffff;
text-transform: uppercase;
line-height: 56px;
font-family: Arial, Verdana, Tahoma, Myriad pro;
font-weight: bold;
}
.menu-top-razd {
float: left;
background: url('../img/menu_top_razd.gif') no-repeat top;
width: 1px;
height: 56px;
margin: 0px;
padding: 0px
}
.head_menu a {
color: #ffffff;
text-decoration: none;
}
.head_menu a:hover {
color: #ffffff;
text-decoration: none;
}
/*
.head_menu2 {
float: left;
height: 56px;
padding: 0px 17px 0px 18px;
background: url("../img/head_bg.gif") repeat-x top;
font-size: 11px;
color: #ffffff;
text-transform: uppercase;
line-height: 56px;
font-weight: bold;
}
.head_menu2 a {
color: #ffffff;
text-decoration: none;
}
.head_menu2 a:hover {
color: #ffffff;
text-decoration: none;
}
*/
.head_right {
width: 15px;
height: 56px;
background: url('../img/head_right.gif') no-repeat right top;
float: right
}
.search {
position: relative;
width: 190px;
height: 56px;
background: url('../img/search.gif') no-repeat 11px 20px;
float: right
}
.top_menu_right div.search a {
margin-left: 0px;
line-height: 12px;
}
.head_title {
clear: both;
height: 37px;
}
.region {
border-right: 1px solid #999999;
line-height: 37px;
padding: 0px 6px 0px 18px;
font-size: 11px;
float: left;
text-transform: uppercase;
}
.region a {
font-weight: bold;
text-decoration: none;
line-height: 35px;
color: #333333;
background: url('../img/region.gif') no-repeat right;
padding-right: 26px
}
.region a:hover {
font-weight: bold;
text-decoration: none;
line-height: 35px;
color: #333333;
background: url('../img/region.gif') no-repeat right;
padding-right: 26px
}
.event {
line-height: 37px;
padding: 0px 0px 0px 13px;
font-size: 11px;
float: left;
text-transform: uppercase;
}
.event a {
font-weight: bold;
text-decoration: none;
line-height: 35px;
color: #333333;
}
.event a:hover {
font-weight: bold;
text-decoration: none;
line-height: 35px;
color: #333333;
}
.right_title {
float: right;
height: 26px;
width: 204px;
background: url('../img/hutor/day.gif') repeat-x center;
line-height: 26px;
text-align: center;
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
text-transform: uppercase;
font-family: Arial, Verdana, Tahoma, Myriad pro
}
/*
.right_title, x:-moz-any-link {
width: 203px;
}
*/
.right_title a {
color: #FFFFFF;
text-decoration: none;
}
.right_title a:hover {
color: #FFFFFF;
text-decoration: none;
}
.left_column {
background: url('../img/hutor/index_left_bg.png') no-repeat top;
width: 795px;
float: left;
text-align: center;
overflow: hidden
}
.right_column {
float: right;
width: 204px;
border-right: 1px solid #999999;
border-left: 1px solid #999999;
background: url('../img/right_bg.gif');
}
/*
.right_column, x:-moz-any-link {
width: 203px;
}
*/
.content {
clear: both;
overflow: hidden;
}
.player {
width: 608px;
float: right;
height: 342px;
background-color: #000000;
}
.event_img img {
width: 608px;
}
.right_video {
clear: both;
background: url('../img/right_video.gif') repeat-x top;
text-align: left;
overflow: hidden; padding-left:6px; padding-right:3px; padding-top:2px; padding-bottom:0px
}
.right_video img {
width: 85px;
height: 47px;
float: left;
margin-right: 5px;
}
.right_video table {
color: #333333;
padding: 0px;
margin: 0px;
height: 49px;
font-weight: bold;
font-size: 11px;
font-family: Arial, Verdana, Tahoma;
line-height: 12px;
}
.right_video a {
color: #333333;
text-decoration: none;
font-size: 11px;
}
.right_video a:hover {
color: #666666;
text-decoration: none;
}
.comment {
background: url('../img/comment.gif') no-repeat 3px center;
text-decoration: none;
color: #333333;
line-height: 26px; padding-left:28px; padding-right:0px; padding-top:0px; padding-bottom:0px
}
.comment:hover {
background: url('../img/comment.gif') no-repeat 3px center;
text-decoration: none;
color: #333333;
line-height: 26px; padding-left:28px; padding-right:0px; padding-top:0px; padding-bottom:0px
}
.vert_menu {
float: left;
}
.menu {
clear: both;
width: 187px;
height: 24px;
line-height: 24px;
text-align: left;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
font-family: Arial, Verdana, Tahoma, Myriad pro;
background: url('../img/menu_def.gif') no-repeat center;
}
.menu a {
width: 167px;
height: 24px;
display: block;
color: #333333;
text-decoration: none;
padding-left: 19px;
font-weight: bold;
}
.menu a:hover {
color: #FFFFFF;
text-decoration: none;
background: url('../img/hutor/menu_act_arrow_r.gif') no-repeat left top;
}
.menu_active {
clear: both;
width: 187px;
height: 150px;
text-align: left;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
line-height: 24px;
font-family: Arial, Verdana, Tahoma, Myriad pro;
background: url('../img/menu_act_bg.gif') repeat-y center top;
}
.menu_active a {
width: 167px;
height: 24px;
display: block;
color: #FFFFFF;
text-decoration: none;
padding-left: 19px;
font-weight: bold;
background: url('../img/hutor/menu_act.gif') no-repeat left top;
}
.menu_active a:hover {
color: #FFFFFF;
text-decoration: none;
background: url('../img/hutor/menu_act.gif') no-repeat left top;
}
.menu_active div {
padding: 0px;
line-height: 20px;
text-transform: none;
}
.menu_active div a {
color: #333333;
background: none;
padding-left: 22px;
height: 20px;
width: 164px;
font-family: Arial, Verdana, Tahoma;
}
.menu_active div a:hover {
color: #666666;
background: url('../img/m_act_bg.gif') repeat-y center;
text-decoration: none;
font-family: Arial, Verdana, Tahoma
}
.menu_active div a.active {
background: url('../img/m_act_bg.gif') repeat-y center;
}
.menu_active div div.gray {
height: 1px;
padding: 0px;
background: #999999;
}
div.gray2 {
height: 1px;
padding: 0px;
background: #CCCCCC;
}
.buckle {
position: relative;
float: left;
overflow: hidden;
height: 100px;
width: 764px;
}
.belt {
position: absolute;
left: 0;
top: 0;
}
*html .banners {
width: 810px;
}
.banner {
float: left;
width: 20px;
padding-top: 7px;
}
.banner_sep {
float:left;
width: 7px;
height: 100px;
overflow: hidden;
background: url('../img/banner_sep.gif') repeat-y center;
}
.banner img {
width: 250px;
height: 86px;
}
.left_arrow {
float: left;
width: 16px;
padding-top: 6px;
text-align: center;
}
.right_arrow {
float: right;
width: 15px;
padding-top: 6px;
text-align: center;
}
*html .right_arrow {
float: left;
padding-left: 1px;
}
.block {
width: 764px;
background: url('../img/hutor/block_top.gif') no-repeat center top;
clear: both;
margin: auto;
overflow: hidden;
position: relative
}
.block-blog {
width: 764px;
background: #CCCCCC url('../img/hutor/block_bg.gif') center top;
clear: both;
margin: auto;
overflow: hidden;
min-height:500px; background-color:#CCCCCC
}
.block_container {
background-color: #000000;
width: 764px;
*background: url('../img/hutor/block_bg.gif') center top;
position: relative;
margin-top: 8px;
font-size: 11px
}
.block_bottom {
width: 764px;
background: url('../img/hutor/block_bottom.gif') no-repeat center top;
height: 25px;
clear: both;
margin: auto
}
.block_top {
width: 764px;
background: url('../img/hutor/block_top.gif') no-repeat center top;
height: 10px;
clear: both;
margin: auto
}
h3 {
font-size: 11px;
text-align: left;
color: #FFFFFF;
padding: 0px 4px 0px 13px;;
border: 0px;
margin: 0px;
text-transform: uppercase;
line-height: 20px;
}
h4 {
font-size: 13px;
text-align: left;
color: #FFFFFF;
padding: 0px 4px 0px 13px;;
border: 0px;
margin: 0px;
line-height: 20px;
}
.gray {
height: 1px;
width: 100%;
overflow: hidden;
clear: both;
opacity: 0.30;
background:transparent;
}
.profile div.gray {
height: 1px;
width: 100%;
overflow: hidden;
clear: both;
background: #000000;
}
.category {
clear: both;
padding: 6px 0px 0px 3px;
overflow: hidden;
}
.category_video {
width: 190px;
height: 98px;
float: left;
padding: 0px;
border: 0px;
position: relative;
text-align: center;
overflow: hidden;
}
.category_video img {
width: 170px;
height: 91px;
}
.category_video div {
position: absolute;
top: 67px;
left: 10px;
height: 24px;
width: 170px;
background: url('../img/category_gray.png') center;
text-align: left
}
.category_video div span {
line-height: 24px;
padding-left: 10px;
font-weight: bold;
font-size: 11px;
color: #FFFFFF;
}
.category_video a {
color: #FFFFFF;
text-decoration: none;
}
.category_video a:hover {
color: #FFFFFF;
text-decoration: none;
}
.show_all {
position: absolute;
right: 20px;
top: 2px;
font-weight: bold;
line-height: 22px;
font-size:11px;
}
.show_all a {
color: #666666;
text-decoration: none;
}
.show_all a:hover {
color: #666666;
text-decoration: none;
}
.footer {
padding: 0px 0px 0px 0px;
clear: both;
overflow: hidden;
/* background: url("../img/footer.gif"/*tpa=http://www.russia.ru/img/footer.gif*/) repeat-x top; */
height: 152px;
}
.copy {
font-size: 12px;
font-weight: bold;
color: #ffffff;
text-align: center;
text-transform: uppercase;
width: 100%;
padding: 34px 0px 27px 0px;
}
.counters {
text-align: center;
}
.enter {
width: 419px;
height: 250px;
text-align: center;
}
.enter_bg {
width: 419px;
height: 250px;
background: url('../img/enter.jpg') no-repeat left top;
text-align: center;
display: table
}
.enter_link {
padding: 25px 0px 0px 105px;
display: table;
}
*html .enter_link {
padding-left: 0px;
}
*+html .enter_link {
padding-left: 0px;
}
.enter_input {
margin-top: 31px;
width: 419px;
text-align: center;
display: table;
}
.enter_input input {
width: 277px;
height: 32px;
background: #ffffff;
border: 1px solid #999999;
font-size: 18px;
font-family: Verdana, Tahoma;
font-weight: bold;
text-align: center;
color: #999999;
margin-bottom: 7px;
}
.reg_button {
float: left;
padding: 25px 0px 0px 60px;
}
.reg_button input {
width: 135px;
height: 16px;
}
.enter_button {
float: left;
margin: 22px 0px 0px 100px;
}
.enter_button input {
width: 64px;
height: 18px;
}
.forgot {
width: 419px;
height: 250px;
text-align: center;
}
.forgot_bg {
width: 419px;
height: 250px;
background: url('../img/enter.jpg') no-repeat left top;
text-align: center;
display: table
}
.forgot_link {
padding: 25px 0px 0px 105px;
display: table;
}
*html .enter_link {
padding-left: 0px;
}
*+html .enter_link {
padding-left: 0px;
}
.forgot_input {
margin-top: 50px;
width: 419px;
text-align: center;
display: table;
}
.forgot_input input {
width: 277px;
height: 32px;
background: #ffffff;
border: 1px solid #999999;
font-size: 18px;
font-family: Verdana, Tahoma;
font-weight: bold;
text-align: center;
color: #999999;
margin-bottom: 31px;
}
.registration {
width: 621px;
height: 842px;
text-align: center;
}
.registration_bg {
width: 621px;
height: 842px;
background: url('../img/registration.jpg') no-repeat left top;
text-align: center;
display: table
}
.registration_link {
padding: 25px 0px 0px 210px;
display: table;
}
*html .registration_link {
padding-left: 0px;
}
*+html .registration_link {
padding-left: 0px;
}
.registration_input {
margin-top: 50px;
width: 621px;
text-align: center;
display: table;
}
.registration_input input {
width: 349px;
height: 32px;
background: #ffffff;
border: 1px solid #999999;
font-size: 18px;
font-family: Verdana, Tahoma;
font-weight: bold;
text-align: center;
color: #999999;
margin-bottom: 5px;
margin-top: 0px;
overflow: hidden;
}
.textarea {
font-size: 12px;
font-family: Verdana, Tahoma;
color: #333333;
background: #ffffff;
border: 1px solid #999999;
width: 349px;
font-size: 12px;
color: #333333;
height: 134px;
}
.checkbox {
clear: both;
width: 349px;
/* height: 94px; */
height: 232px;
margin: auto;
padding-top: 40px;
}
*html .checkbox {
height: 80px;
}
*+html .checkbox {
height: 80px;
}
.checkbox input {
height: 28px;
}
.check_left {
width: 42px;
float: left;
}
.check_right {
float: left;
width: 307px;
font-size: 12px;
color: #666666;
font-weight: bold;
text-align: left;
}
.registration_button {
margin: 0px;
clear: both;
text-align: center;
}
.registration_button img {
width: 219px;
height: 14px;
}
.profile {
width: 981px;
background: url('../img/profile_bg.gif') repeat-y center;
margin: auto;
clear: both;
overflow: hidden;
padding: 0px
}
.profile_top {
background: url('../img/profile_top.gif') no-repeat center bottom;
width: 981px;
clear: both;
margin: auto;
height: 20px;
overflow: hidden
}
.profile_bottom {
background: url('../img/profile_bottom.gif') no-repeat center top;
width: 981px;
clear: both;
margin: auto;
height: 10px;
overflow: hidden
}
.profile p {
font-size: 14px;
font-weight: bold;
color: #666666;
padding: 10px 0px 10px 0px;
text-align: left;
line-height: 18px;
}
.profile p img {
width: 100px;
height: 100px;
margin-right: 16px;
margin-bottom: 10px;
float: left;
}
.profile_container {
padding: 0px 30px 0px 30px;
}
.user_head {
clear: both;
height: 45px;
}
.user_name {
float: left;
font-size: 18px;
height: 45px;
line-height: 45px;
color: #666666;
font-weight: bold;
text-align: left;
}
.user_invite {
float: right;
font-size: 12px;
color: #666666;
font-weight: bold;
text-align: right;
height: 45px;
line-height: 45px;
}
.user_menu {
float: right;
padding: 0px 15px 0px 0px;
height: 35px;
position: relative;
font-size: 11px;
text-transform: uppercase;
}
.user_menu a {
font-weight: bold;
text-decoration: none;
margin-left: 20px;
line-height: 35px;
color: #333333;
}
.user_menu a:hover {
font-weight: bold;
text-decoration: none;
margin-left: 20px;
line-height: 35px;
color: #333333;
}
.profile p.size18 {
font-size: 18px;
}
.profile p.size12 {
font-size: 12px;
}
.invite {
clear: both;
font-size: 18px;
font-weight: bold;
color: #666666;
text-align: left;
height: 40px;
position: relative;
}
.invite span {
font-size: 12px;
font-weight: normal;
}
.invite input.input {
margin: 0px;
margin-right: 5px;
width: 213px;
height: 32px;
border: 1px solid #999999;
font-size: 18px;
font-weight: bold;
color: #cccccc;
padding: 0px 5px 0px 5px;
line-height: 32px;
}
.invite_button {
position: absolute;
top: 0px;
left: 690px;
}
.button {
height: 34px;
width: 103px;
font-size: 18px;
font-weight: bold;
text-align: center;
color: #666666;
margin: 0px;
padding: 0px;
cursor: pointer;
background: #a2a2a2 url('../img/button.gif') repeat-x center;
border: 1px solid #999999
}
.index_left_bg {
background: url('../img/hutor/index_left_bg.png') no-repeat top;
padding-left:0px; padding-right:0px; padding-top:15px; padding-bottom:0px
}
.calendar {
clear: both;
text-align: center;
line-height: 16px;
overflow: hidden;
background: url('../img/calendar_bg.gif') repeat-x center top;; padding-left:0px; padding-right:0px; padding-top:10px; padding-bottom:10px
}
.calendar a {
width: 25px;
display: block;
color: #333333;
font-size: 11px;
font-weight: bold;
text-decoration: none;
text-align: center;
float: left;
}
.calendar a:hover {
width: 25px;
display: block;
color: #ffffff;
font-size: 11px;
font-weight: bold;
text-decoration: none;
text-align: center;
float: left;
}
.calendar span {
width: 25px;
display: block;
color: #333333;
font-size: 11px;
font-weight: bold;
text-decoration: none;
text-align: center;
float: left;
}
.calendar_date {
width: 175px;
margin:auto;
padding-top: 8px;
}
.year {
clear: both;
height: 22px;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
text-align: center;
font-size: 11px;
font-weight: bold;
line-height: 22px;
color: #333333;
}
.mounth {
clear: both;
height: 22px;
line-height: 22px;
border-bottom: 1px solid #999999;
text-align: center;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
color: #333333;
}
.l_arrow {
float: left;
width: 15px;
height: 23px;
line-height: 23px;
text-align: center;
border-right: 1px solid #999999;
}
.r_arrow {
float: right;
width: 15px;
height: 23px;
line-height: 23px;
text-align: center;
border-left: 1px solid #999999;
}
.calendar div.year_item, .calendar div.mounth_item {
float: left;
text-align: center;
width: 172px;
line-height: 22px;
}
.s_input {
position: absolute;
width: 149px;
height: 18px;
background: none;
border: none;
font-family: Arial, Verdana, Tahoma;
color: #333333;
top: 21px;
left: 16px;
}
.s_button {
position: absolute;
top: 22px;
left: 169px;
width: 18px;
height: 18px;
background: none;
border: none;
}
.text_block {
padding: 0px 13px 0px 13px;
margin: 0px;
border: 0px;
font-size: 12px;
color: #666666;
text-align: left;
}
.text_block p {
text-align: left;
padding: 5px 0px 5px 0px;
}
.rtitle {
float: left;
color: #FFFFFF;
font-weight: bold;
line-height: 21px;
font-size:15px;
font-family: Arial, Verdana, Tahoma;
padding-right: 10px;
}
.rtitle, x:-moz-any-link {
line-height: 13px;
}
.rtitle-blog {
float: right;
color: #FFFFFF;
font-weight: bold;
line-height: 21px;
font-size:15px;
font-family: Arial, Verdana, Tahoma;
padding-right: 14px;
}
.rtitle-blog, x:-moz-any-link {
line-height: 20px;
}
.info {
padding: 7px 0px 7px 0px;
font-size: 12px;
}
.info p {
font-size: 12px;
}
.station {
clear: both;
color: #ffffff;
text-align: center;
font-size: 11px;
font-weight: bold;
height: 27px;
border-bottom: 1px solid #6d6d6d;
line-height: 27px;
width: 205px;
text-transform: uppercase;
}
.brate {
float: left;
color: #ffffff;
text-align: center;
font-size: 11px;
width: 68px;
height: 27px;
line-height: 17px;
}
.brate_border {
float: left;
color: #ffffff;
text-align: center;
font-size: 11px;
width: 67px;
height: 27px;
line-height: 27px;
border-right: 1px solid #6d6d6d;
border-left: 1px solid #6d6d6d;
}
.brate a, .brate_border a, .station a {
color: #ffffff;
text-decoration: none;
}
.brate a:hover, .brate_border a:hover, .station a:hover {
color: #ffffff;
text-decoration: none;
}
.radio {
position: relative;
width: 205px;
height: 56px;
float: right;
/* border-left: 1px solid #6d6d6d; */
/* background: url("../img/head_right_gray.gif"/*tpa=http://www.russia.ru/img/head_right_gray.gif*/) no-repeat right top; */
}
.top_menu_right div.radio a {
margin-left: 0px;
line-height: 12px;
}
.head_menu2 {
float: left;
height: 56px;
/* padding: 0px 25px 0px 26px; */
/* border-left: 1px solid #6d6d6d; */
/* background: url("../img/head_bg.gif"/*tpa=http://www.russia.ru/img/head_bg.gif*/) repeat-x top; */
font-size: 11px;
color: #ffffff;
text-transform: uppercase;
line-height: 56px;
font-weight: bold;
}
.active {
/* background: url("../img/head_bg_active.gif"/*tpa=http://www.russia.ru/img/head_bg_active.gif*/) repeat-x top; */
}
.head_menu2 a {
color: #ffffff;
text-decoration: none;
}
.head_menu2 a:hover {
color: #ffffff;
text-decoration: none;
}
.arrow {
color: #333333;
font-weight: bold;
line-height: 21px;
font-size:12px;
font-family: Arial, Verdana, Tahoma;
}
.arrow {
color: #FFFFFF;
text-decoration: none;
}
.arrow a {
color: #FFFFFF;
text-decoration: none;
}
.left {
float: left;
}
.right {
float: right;
}
.up-one {
position: relative; top: -1px;
}
.down-one {
position: relative; top: 1px;
}
.head3 {
/* border: solid 1px #FF0000; */
/* background: url("../img/hutor/index_left_bg.png") no-repeat top; */
display: table;
height: 31px;
width: 100%;
}
.head_menu3 {
float: left;
height: 30px;
font-size: 11px;
color: #ffffff;
text-transform: uppercase;
line-height: 30px;
font-weight: bold;
padding-left: 18px;
}
.head_menu3 a {
color: #ffffff;
text-decoration: none;
}
.head_menu3 a:hover {
color: #ffffff;
text-decoration: none;
}
.category-blog {
padding: 5px 0px 15px 0px;
font-size: 12px;
}
.category-blog a {
font-size: 13px;
}
.category_video_blog {
width: 170px;
height: 98px;
float: left;
margin: 7px 14px 0px 0px;
border: 0px;
position: relative;
text-align: center;
overflow: hidden;
}
.category_video_blog img {
width: 170px;
height: 91px;
}
.category_video_blog div {
position: absolute;
top: 67px;
left: 0px;
height: 24px;
width: 170px;
background: url('../img/category_gray.png') center;
text-align: left
}
.category_video_blog div span {
line-height: 24px;
padding-left: 10px;
font-weight: bold;
font-size: 11px;
color: #FFFFFF;
}
.category_video_blog a {
color: #FFFFFF;
text-decoration: none;
}
.category_video_blog a:hover {
color: #FFFFFF;
text-decoration: none;
}
.banners {
clear: both;
text-align: center;
height: 99px;
overflow: hidden;
position: relative;
background: url('../img/hutor/banner_bg.png') no-repeat center top;
}
.buckle {
position: relative;
float: left;
overflow: hidden;
height: 100px;
width: 764px;
}
.belt {
position: absolute;
left: 0;
top: 0;
}