*, html, body, ul, ol, dl, li, dt, dd {margin:0px; padding:0px;}
html {height: 100%; background:url(../img/dinamo_img/bg_bbody2.jpg) repeat-y 100% 0}
body {min-height: 100%; position: relative; margin: auto; font-family: 'PT Sans', sans-serif; background:url(../img/dinamo_img/bg_bbody.jpg) repeat-y 0 0}
h1,h2,h3,h4,h5,h6 { font-weight:normal }
a {outline: none;}
a:hover {text-decoration: none;}
img {border: none; display: block;}
li {list-style-type:none;}
table {border-collapse:collapse; border-spacing:0;}
/*HTML5*/
header, section, footer, nav, article, aside {display: block;} 
.right:after { content:''; display:block; clear:both }
@media all and (-webkit-min-device-pixel-ratio:0) {
.menumain li, .menumain li a { display:block !important }
.menumain li a { display:block; width:100%; height:100% }
.menumain li a img { display:inline; text-align:center; margin:13px 0 0 0 }
}
/*---HEADER---*/
header  { width:980px; height:205px; margin:auto; position:relative; overflow:hidden  }
.partner {background:url(../img/bg_but_parner.jpg) repeat-x;border-radius: 6px ;    color: #951004;    font-size: 16px;    padding: 13px 52px;    position: absolute;    right: 66px;    text-decoration: none;    top: 31px; }
.partner:hover { opacity:0.8 }
header form input { width:169px; height:23px; line-height:23px; font-size:16px; font-style:italic; color:#9e9e9e; padding:0 5px; border:none; background:url(../img/bg_search.png) repeat; border-radius:5px;  }
header form { position: absolute;    right: 268px;    top: 42px;}
.menumain { float: left;    left: 50%;    position: relative;    top: 98px;}
.menumain li { display:table; height:75px; position:relative; left:-50%; float:left; border-radius:10px 0 0 10px; width:168px; border-left:1px solid #f6f6f6;border-right:1px solid #9e9e9e; background:url(../img/bg_menu.png) repeat-x }
.menumain li+li { border-radius:0; }
.menumain li.active, .menumain li:hover  { background:url(../img/bg_menu_act.jpg) repeat-x; box-shadow:0 9px 27px -13px #000 inset }
.menumain li+li+li+li+li { border-right:none; border-radius: 0 10px 10px 0; }
.menumain li a { display:table-cell; vertical-align:middle; text-align:center; }
.menumain li a img { display:inline; opacity:0.6 }
.menumain li.active a img, .menumain li:hover a img  { opacity:10 }
.clear { clear:both }
.new_form {  background: url("../img/imgn/bg_sear_bl.jpg") repeat-x scroll 0 0 transparent;  border-radius: 0 5px 5px 0;  height: 45px;  position: absolute;  right: 66px;  top: 31px;  width: 288px;}
.new_form:after { content:''; display:block; position:absolute; width:21px; height:46px; top:0; left:-21px; background:url(../img/imgn/bg_yellow.png) }
.new_form .new_p { color:#951004; position:relative; font-family: 'PT Sans', sans-serif; top:10px; left:4px; font-size:16px; border-bottom:1px dashed; text-decoration:none }
.new_form .new_p:hover { border:none }
.new_form input {  background:#fff;  border: 1px solid #ddd;  border-radius: 5px;  box-shadow: 0 1px 6px -2px #ccc inset;  font-size: 14px;  margin: 10px 0 0 18px;  padding: 0 25px 0 5px;  position: absolute;  right: 14px;  text-transform: none;  width: 144px;}
.new_form .but_search {  background: url("../img/imgn/search_but.png") no-repeat scroll 50% 50% transparent;  display: block;  height: 14px;  padding: 4px;  position: absolute;  right: 14px;  top: 12px;  width: 14px;}
/*** new css ***/
.new_shadow {  /*box-shadow: 0 0 10px -5px #000000;*/ /*  overflow: hidden; margin: auto; width: 980px;*/ background:url(../img/dinamo_img/bg_pat.jpg) repeat; position:relative}
/*.new_shadow:after {content:''; display:block; width:100%; height:111px; position:absolute; bottom:-111px; background:url(../img/dinamo_img/bg_shadow.jpg) repeat-x}
*//*pages*/ 
.pages {    margin: 7px 0 10px;    text-align: center;	clear:both}
.pages a {    color: #ed1c24;    font-size: 14px;    padding:2px 4px;	margin:0 0 0 12px;}
.pages a:hover {    text-decoration: none;}
.pages a.selected {    background: #ed1c24;    color: #FFFFFF;    text-decoration: none;}
.pages a.prev, .pages a.next-p {    background: none repeat scroll 0 0 transparent;    padding: 0;}
.pages a.prev {    margin: 0 17px 0 0;}
.pages a.next-p {    margin: 0 0 0 17px;}
/*p end*/
/*---CONTENT---*/
.bg_1 {  width:387px; height:468px; position:fixed; top:235px; left:0; z-index:1010; background:url(../img/dinamo_img/washer.png) no-repeat }
.bg_2 { width:594px; height:527px; position:fixed; top:155px; right:0; z-index:1010; background:url(../img/dinamo_img/club.png) no-repeat }
.main_title { font-family:Roboto Slab; font-size:24px; font-weight:bold; color:#fff; text-shadow:0 1px 2px #000; text-align:center; padding:0 0 20px }
.header_txt { width:840px; margin:auto; }
.header_txt p { color:#fff; font-size:16px; font-weight:bold; padding:0 0 15px;  text-shadow:0 1px 2px #000;}
.txt_desc { width:358px; height:260px; position:relative; line-height:160%;}
.txt_desc:after {  background-position: 100%; background: url("../img/dinamo_img/packs.png") no-repeat scroll 100% 0 rgba(0, 0, 0, 0);  bottom: -116px;  content: "";  display: block;  height: 365px;  position: absolute;  right: -466px;  width: 410px;  z-index: 1;}
/*.txt_desc:before {   background: url("../img/dinamo_img/shadow2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);  bottom: -310px;  content: "";  display: block;  height: 310px;  position: absolute;  right: -730px;  width: 824px; z-index:1}
*/.txt_desc:before {   background: url("../img/dinamo_img/shadow2.png") no-repeat scroll 230px 0 rgba(0, 0, 0, 0);  bottom: -310px;  content: "";  display: block;  height: 310px;  position: absolute; width: 920px; z-index:1}




.desc_player { width:336px; position:relative; background:#00a0e3; color:#fff; padding:0 0 10px }
.desc_player:after { content:''; display:block; width:36px; height:36px; position:absolute; bottom:0; right:0; background:url(../img/dinamo_img/blue.jpg) no-repeat }
.desc_player h2 { font-family: 'Roboto Slab', serif; padding:4px 0 5px 10px; font-size:24px; text-transform:uppercase; color:#fff; height:32px; background:#213664; font-weight:bold; position:relative  }
.desc_player h2:after { content:''; display:block; width:24px; height:41px; position:absolute; top:0; right:-24px; background:url(../img/dinamo_img/ttiele_bg.png) no-repeat}
.desc_player ul { margin:4px 10px  }
.desc_player ul li {margin:0 0 5px }
.desc_player p { margin:0 10px; padding:0 25px /*24*/ 0 0 }
.content { width:840px; margin:auto; position:relative; z-index:1050; padding:0 0 148px 0; }

.archive_seasons h2 {font-family: 'Roboto Slab', serif; font-size:24px; padding:0 0 15px; text-transform:uppercase; color:#213664; }
.archive_seasons >div { margin:0 0 0 -20px }
.archive_seasons { width:360px; overflow:hidden; margin:35px 0 0 }
.archive_seasons div a {width:164px; height:43px; display:block; font-size:24px;font-weight:bold; color:#213664; text-decoration:none; margin:0 0 20px 20px; float:left  }
.archive_seasons div a.active { background:#00a0e3; color:#fff }
.archive_seasons div a.active span {  border-color: #fff;  height: 34px;  padding: 3px 0 0;  position: relative;  top: 1px;}
.archive_seasons div span { display:block; text-align:center; padding:5px 0 0; width:158px; height:34px; border:2px dotted; margin:auto }

.left { float:left; width:360px; margin:89px 0 0 }


.right { float:right; width:455px; margin:89px 0 0; }
.card  {display:table;height:330px}
.card > div { position:relative;display:table-cell;vertical-align: middle;}
.card > div:after { content:''; display:block; position:absolute; width:223px; height:31px; background:url(../img/dinamo_img/shadow_1.png) no-repeat;}
.card > div+div:after { background:url(../img/dinamo_img/shadow_2.png) no-repeat; width:222px; height:27px; }
.card > div + div {  padding:0 0 0 20px;}
.card div img{border:1px solid #ccc;}

.cards {  float: left; height:265px; outline:none !important;  margin: 40px 0 15px -20px;  overflow-x: hidden;  overflow-y: hidden;  width: 460px;}
.cards ul { width:200px;height:205px}
.cards li a img { border:1px solid #ccc }
.cards li { margin:0 20px 0 0; float:left; position:relative; top:1px; left:1px }
.cards li a {/*cursor:default*/}
.cards>div {width: 460px;overflow-x:auto;overflow-y:hidden; outline:none !important}
.cards li.active { outline:1px solid #5D5DF3 }


.young_hockey_p { position:relative; padding:0 0 10px; margin:60px 0; font-weight:bold; color:#fff; font-size:16px; width:545px; background:#213664; clear:both; min-height:166px; }
.young_hockey_p h3 { display:block; margin:0 0 16px; font-family: 'Roboto Slab', serif;font-size:24px; background:#9d9e9e; padding:4px 0 0 23px; text-transform:uppercase; color:#fff;  height:36px; }
.young_hockey_p:after { content:''; display:block; position:absolute; bottom:-1px; right:-299px; width:299px; height:256px; background:url(../img/dinamo_img/bg_young_pl.jpg) no-repeat; }
.young_hockey_p p { line-height:150%; padding:0 0 0 23px }
.young_hockey_p p b {font-family: 'Roboto Slab', serif; font-size:24px; text-transform:uppercase; display:block; padding:20px 0 20px 130px}
/*---FOOTER---*/
.footer_r { color: #B3B3B3;  font-size: 16px;  font-weight: normal;  height: 68px; margin: auto;  padding: 40px;   width: 900px;}
.young_hockey_p p span { font-size:24px }
footer { width:100%; position: absolute; bottom: 0;  background:#213664; z-index:1070 }
.foot_m { float: left;  margin: 0 0 0 -21px;}
.foot_m a { color: #fff;  float: left;  margin: 0 0 0 53px;  text-decoration: none; }
.foot_m a:hover { text-decoration:underline }
.soc a { float:left; margin:0 0 0 8px }
.soc a { opacity:0.8 }
.soc { float:right; margin:-6px 28px 0 0 }
.copy { clear:both; font-size:13px; width:410px; margin:55px 0 0 31px }
.dev_a { clear:both; float:right; margin:-32px 30px 0; font-size:13px }
.dev_a a { color:#fff; text-decoration:none }
.dev_a a span { text-decoration:underline }
.dev_a a:hover span { text-decoration:none }


.new_form {  background: url("../img/imgn/bg_sear_bl.jpg") repeat-x scroll 0 0 transparent;  border-radius: 0 5px 5px 0;  height: 45px;  position: absolute;  right: 66px;  top: 31px;  width: 288px;}
.new_form:after { content:''; display:block; position:absolute; width:21px; height:46px; top:0; left:-21px; background:url(../img/imgn/bg_yellow.png) }
.new_form .new_p { color:#951004; position:relative; top:10px; left:4px; font-size:14px; border-bottom:1px dashed; text-decoration:none }
.new_form .new_p:hover { border:none }
.new_form input {  background:#fff;  border: 1px solid #ddd;  border-radius: 5px;  box-shadow: 0 1px 6px -2px #ccc inset;  font-size: 14px;  margin: 10px 0 0 18px;  padding: 0 25px 0 5px;  position: absolute;  right: 14px;  text-transform: none;  width: 144px;}
.new_form .but_search {  background: url("../img/imgn/search_but.png") no-repeat scroll 50% 50% transparent;  display: block;  height: 14px;  padding: 4px;  position: absolute;  right: 14px;  top: 12px;  width: 14px;}


@media screen and ( min-width:200px )  and (max-width: 800px) {
.bg_1, .bg_2 { display:none }	
}
@media screen and ( min-width:800px )  and (max-width: 1024px) {
.bg_1, .bg_2 { display:none }	
}
@media screen and ( min-width:1024px )  and (max-width: 1300px) {
.bg_1 { background-position:-210px 0 }
.bg_2 { background-position:340px 0 }
}
@media screen and ( min-width:1300px )  and (max-width: 1400px) {
.bg_1 { background-position:-146px 0 }
.bg_2 { background-position:215px 0 }
}
@media screen and ( min-width:1400px )  and (max-width: 1600px) {
.bg_1 { background-position:-146px 0 }
.bg_2 { background-position:215px 0 }
}
@media screen and ( min-width:1600px )  and (max-width: 1700px) {
.bg_1 { background-position:-50px 0 }
.bg_2 { background-position:50px 0 }
}

.top_menu {
    background: transparent url("../img/imgn/top_m_bg.jpg") repeat-x scroll 0 0;
    border: 1px solid #cccccc;
    border-radius: 5px;
    height: 31px;
    left: 205px;
    padding: 12px 0 0 4px;
    position: absolute;
    top: 31px;
    width: 428px;
}

.top_menu a {
    color: #231f20;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 0 15px;
    text-decoration: none;
    text-transform: uppercase;
}
.top_menu a.active {
    color: #ed1c24;
}

.read_more_product{
    background: url("../img/dinamo_img/read_more_product.jpg") ;
    display: inline-block;
    font-size: 16px;
    border-radius: 5px;
    box-shadow: 0px 2px 2px #516287;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    text-shadow: 1px 1px 0px #516287;
    padding: 7px 20px;
    position: absolute;
    bottom: -66px;
    right: -325px;
    z-index: 9999;
    opacity: 1
}

.read_more_product:hover{
    background: url("../img/dinamo_img/read_more_product_hover.jpg") ;
}