/* start reset css */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { border: 0; font-size: 100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; }
html,textarea { overflow: auto; }
body { line-height: 1; background: #010101 url(../img/background/bg.jpg) no-repeat center top; font-family: Tahoma; font-size: 11px; color: #414141; }
a { color: #414141; font-family: Tahoma; font-size: 11px; text-decoration: none }
a:hover { text-decoration: underline }
ol,ul { list-style: none; }
blockquote,q { quotes: none; }
blockquote:before,blockquote:after,q:before,q:after { content: none; }
table{ border-collapse: collapse; border-spacing: 0; }
img { vertical-align: top; }
:focus { outline: none; }
/* end reset css */

/* 
float: left, float: right clears automatically

inline-block is working for Internet Explorer 7

internet explorer class:
.ie .class { background: red; } 
.ie7 .class { background: red; } 
.ie8lte .class { background: red; } 
.ie8 .class { background: red; } 
.ie8gte .class { background: red; } 
.ie9 .class { background: red; } 
*/

.clear_auto { clear: both; display: block; height: 0; line-height: 0; font-size: 0; margin: 0; padding: 0; border: 0; }
.clear:after { clear: both; display: block; content: "."; height: 0; visibility: hidden; font-size: 0; line-height: 0; }
.wrapper { width: 1125px; margin: 0 auto; overflow: hidden } 
.header_top { background: url(../img/bg_top.png) repeat-x; }
.header { background: url(../img/header.png) no-repeat; height: 130px; overflow: hidden; margin: 8px 0 0 0; position: relative; }
a.logo { display: block; background: url(../img/logo.png) no-repeat; height: 99px; width: 460px; margin: 19px 0 0 10px }
.nav { position: absolute; right: 78px; bottom: 8px }
.nav li { display: block; float: left; margin: 0 28px 0 0}
.nav li a { color: #81a0ba; font-size: 11px; letter-spacing: 1px;text-shadow: 1px 1px #234c6f }
a.hbanner { width: 468px; height: 60px; display: block; position: absolute; right: 46px; top: 5px }
a.hbanner:hover img { opacity: 0.7; } 
.header_br { height: 197px }
.middle_wrap { width: 1126px; overflow: hidden}
.middle_wrap .slider_bg { background: url(../img/slider_bg.png) no-repeat; height: 233px; position: relative }
.middle_wrap .middle_wrap_b { background: url(../img/bg_middle.png) repeat-y; border-radius: 0 0 5px 5px }
.slider_bg .left { float: left; width: 279px; background: url(../img/big/slider_left_side.png) no-repeat left 0; height: 165px; margin: 29px 0 0 5px; padding: 5px 0 0 10px}
.slider_bg .right { float: right; margin: 35px 10px 0 0   }
.slider_bg .right ul { width: 814px; height: 160px; position: relative  }
.slider_bg .right li { position: absolute; top: 0; left: 0; }
.slider_bg .left a { display: block; width: 210px; height: 48px; margin: 0 0 8px 0  }
.slider_bg .left a.row1 { background: url(../img/big/tmb1.png) no-repeat; }
.slider_bg .left a.row2 { background: url(../img/big/tmb2.png) no-repeat; }
.slider_bg .left a.row3 { background: url(../img/big/tmb3.png) no-repeat; }
.slider_bg .left a:hover { opacity: 0.9; }
.form_search { width: 269px; height: 24px; position: absolute; right: 58px; top: 6px}
.form_search .input_text { background: url(../img/searchQuery.png) no-repeat; width: 225px; border: none; padding: 0 3px 4px 15px; color: #97b1c6; font-size: 11px; font-family: Verdana;  float: left;  height: 20px; }
.form_search .input_sbm { background: url(../img/searchQuery.png) no-repeat -243px 0; width: 26px; height: 24px; border: none; cursor: pointer }
.side_center { float: left; width: 861px; margin: 0 0 0 8px; background: #f2f2f2; -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; 
-moz-box-shadow: inset 0 0 1px 1px #f8f8f8; -webkit-box-shadow: inset 0 0 1px 1px #f8f8f8; box-shadow: inset 0 0 1px 1px #f8f8f8; padding: 12px 5px; overflow: hidden }
.side_right { margin: 0 0 0 881px; width: 230px; overflow: hidden }
.viewn_panel { width: 855px; overflow: hidden; margin: 0 -5px }
.viewn_panel_t { background: url(../img/viewn_panel_t.png) no-repeat center 0; height: 23px; margin: 0 auto; color: #393939; font-weight: bold; font-family: Verdana; padding: 0 0 0 12px }
.viewn_panel_c { overflow: hidden; padding: 8px 5px 5px 5px; }
.viewn_panel_b { background: url(../img/viewn_panel_b.png) no-repeat; height: 46px }
.viewn_panel_c ul { width: 468px; margin: 0 auto }
.viewn_panel_c li { margin: 0 0 7px 0 }
.viewn_panel_c img:hover { opacity: 0.8 }
.viewn_loop { width: 855px; margin: 0 0 3px 0; overflow: hidden  }
.viewn_loop .viewn_t { background: url(../img/viewn_t.png) no-repeat; height: 77px; overflow: hidden; position: relative }
.viewn_loop .viewn_t a.viewn_title { color: #a4cae8; font-size: 14px; font-family:Calibri; font-style: italic; font-weight: bold; text-shadow: 1px 1px #113b5c; position: absolute; left: 62px; top: 24px }
.viewn_loop .viewn_t span.viewn_cat { position: absolute; left: 567px; top: 8px; padding: 0 0 0 21px; color: #fff; font-family: Verdana; letter-spacing: 1px; text-shadow: -1px -1px #0d3d62; background: url(../img/films_ico.png) no-repeat; height: 16px; }
.viewn_loop .viewn_t span.viewn_cat a { color: #fff; font-family: Verdana; letter-spacing: 1px; text-shadow: -1px -1px #0d3d62 }
.viewn_loop .viewn_t .viewn_pane { position: relative; left: 49px; top: 56px; }
.viewn_loop .viewn_t .viewn_pane ul { float: left; }
.viewn_loop .viewn_t .viewn_pane li { background: url(../img/ico_forw.png) no-repeat; height: 16px; line-height: 16px; float: left; display: block; margin: 0 11px 0 0; padding: 0 0 0 22px; color: #414141 }
.viewn_loop .viewn_t .viewn_pane li a { color: #414141 }
.viewn_loop .viewn_t .viewn_pane li a.usr { -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; background: #3c5264; color: #fff; padding: 1px 6px; }
.viewn_loop .viewn_t .viewn_pane .right { position: absolute; height: 16px; line-height: 15px; left: 542px; top: 1px; background: url(../img/tags.png) no-repeat; color: #414141; padding: 0 0 0 20px;  } 
.viewn_loop .viewn_t .viewn_pane .right a { color: #414141; display: inline-block;}  
.viewn_loop .viewn_in { background: #f2f2f2 url(../img/viewn_in_top.png) no-repeat center top }
.viewn_loop .viewn_in_wrap { width: 821px; padding: 16px 0 0 17px }
.viewn_loop .viewn_in_wrap .left { float: left; width: 129px; height: 162px; background: url(../img/poster_bg.png) no-repeat; padding: 2px 0 0 22px;}
.viewn_loop .viewn_in_wrap .right { margin: 0 0 0 151px; background: url(../img/hr_viewn.png) no-repeat center bottom; padding: 0 0 10px 0; font-family: Tahoma;  line-height: 12px }
.viewn_loop .viewn_in_wrap .right .text { color: #414141 !important; padding: 3px 0 0 0 }
.viewn_loop .viewn_in_wrap .right_b { background: #e0e5e8;  -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; padding: 5px 10px; margin: 10px 0 0 171px; width: 210px; color: #414141; line-height: 15px}
.viewn_loop .viewn_in_wrap .right_b a { color: #414141 }  
.viewn_loop .viewn_b { background: #e5e5e5; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; height: 29px; overflow: hidden; margin: 20px 0 0 36px }
.viewn_loop .viewn_b a.viewn_btn { background: url(../img/viewn_bt_online.png) no-repeat; height: 29px; width: 132px; display: block; float: left; }
.viewn_loop .viewn_b ul { float: left; margin: 7px 0 0 -10px  }
.viewn_loop .viewn_b li { display: block; float: left; color: #3f5668; font-weight: bold; font-family: Verdana; background: url(../img/viewn_b_devider.png) no-repeat; height: 15px; padding: 0 0 0 30px; margin: 0 12px 0 0; line-height: 13px}
.viewn_loop .viewn_b li:first-child { background: 0 }
.viewn_loop .viewn_b a.viewn_btn:hover { opacity: 0.7 }  
.blocktitle { background: url(../img/blocktitle.png) no-repeat; height: 44px; width: 210px; overflow: hidden; text-align: right; padding: 0 20px 0 0; font-family: Calibri; font-size: 14px;
font-style: italic; color: #bfdff8; text-shadow: 1px 1px #20557e; line-height: 38px  }
.blockcontent { background: #e0e0e0 url(../img/blockcontent_t.png) no-repeat 0 top; margin: 0 0 15px 0; padding: 5px; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px }
.uMenuV {}
.uMenuV li a { display: block; background: url(../img/bnav.png) no-repeat; height: 28px; width: 192px; font-family: Calibri; font-size: 14px;
font-style: italic; color: #bfdff8; text-shadow: 1px 1px #20557e; line-height: 27px; padding: 0 0 0 28px; margin: 0 0 1px 0; }
.uMenuV li:last-child a { margin: 0 }
.uMenuV li a:hover { background-position: 0 -29px; text-decoration: none; }
.img-radius {border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.img-radius img { display: block;visibility: hidden; }
.film_inf { width: 216px; margin: 0 0 0 9px } 
.film_inf li { float: left; margin: 0 13px 4px 0; width: 95px; height: 128px; position: relative; } 
.film_inf li a { display: block; width: 95px; height: 107px;  position: absolute; top: 0; left: 0; }
.film_inf li:hover { opacity: 0.8 } 
.film_op { position: absolute; bottom: 0; background: url(../img/films_titl.png) no-repeat; width: 95px; height: 17px; text-align: center; line-height: 15px }
.film_op a { color: #fff; font-family: Verdana }
.footer { background: url(../img/footer_rep.png) repeat-x }
.footer_m { background: url(../img/footer_bg_m.png) no-repeat center 0; height: 147px; position: relative; width: 1124px; margin: 0 auto }
.footer_m .info_table { position: absolute; left: 0; top: 28px; } 
.footer_m .info_table .title { font-family: Calibri; font-size: 14px; font-style: italic; color: #424242; font-weight: bold; line-height: 17px; background: url(../img/info_t.png) no-repeat;
height: 18px; width: 126px; padding: 0 0 0 32px }
.footer_m .info_table .content { margin: 4px 0 0 32px }
.footer_m .info_table .content li { background: url(../img/kvadrat_ico.png) no-repeat left center; padding: 0 0 0 10px; margin: 0 0 7px 0 }
.footer_m .info_table .content li a { color: #6a6a6a; font-family: Verdana; }
.foot_nav { position: absolute; left: 92px; bottom: 22px; font-family: verdana; color: #a6cce9;  }
.foot_nav a { margin: 0 6px; color: #a6cce9; } 
.foot_icons { position: absolute; left: 233px; top: 32px; }
.foot_icons a { margin: 0 25px 0 0; display: block; float: left }
.foot_icons a:hover { opacity: 0.8; }
.foot_icons a.row1 { background: url(../img/sms_ico.png) no-repeat; width: 64px; height: 63px; display: block; }
.foot_icons a.row2 { background: url(../img/tv_online.png) no-repeat; width: 82px; height: 70px; display: block; }
.foot_stats { position: absolute; right: 63px; top: 1px; }
.foot_stats .title { font-family: Calibri; font-size: 14px; font-style: italic; color: #424242; font-weight: bold; background: #ddd; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px;
padding: 0 5px; height: 23px; line-height: 23px; }
.foot_stats .content { margin: 3px 0 0 6px; line-height: 15px; color: #313131; font-family: Verdana; }
.foot_stats .content a { color: #313131; font-family: Verdana; }