*, html, body, ul, ol, dl, li, dt, dd {margin:0px; padding:0px;}
html {height: 100%; background:#391212 url(../img/tsar/bg_repeat.jpg) repeat-x  }
body {min-height: 100%; overflow-x:hidden; position: relative; margin: auto; font-family: 'PT Sans', sans-serif; color:#be9f5c; font-size:16px; background:url(../img/tsar/bg_main.jpg) no-repeat 50% 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;}
p { font-style:normal }
table {border-collapse:collapse; border-spacing:0;}
/*HTML5*/
header, section, footer, nav, article, aside {display: block;} 
.txt:after, .jokes: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 }
}


.l-uploading, .r-uploading {
  background: url("../img/tsar/45.gif") no-repeat scroll 0 0 / 100% rgba(0, 0, 0, 0);
  bottom: 14px;
  display: block;
  height: 35px;
  left: 155px;
  position: absolute;
  width: 35px;
  display:none
}
.r-uploading { left:auto; right:155px; }

/*---HEADER---*/
header  { width:980px; height:205px; margin:auto; position:relative; overflow:hidden; z-index:1050  }
.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;}
.head img { position:absolute }
/*** new css ***/

/*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---*/

.slider_32 {  position: absolute;  right: 30px;  top: 149px;  z-index: 10;}
.ui-widget-content {  background: #391212 !important;  border:none !important;  color: #222222;}
.ui-slider .ui-slider-range {  background: #391212 !important;}
.ui-widget-content {  border-radius: 0 !important;  width: 3px !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {  background:url(../img/tsar/slider_pointer.png) !important;  width:43px !important; height:21px !important;  border: none !important; cursor:pointer !important;  position:relative; left:-20px !important}
.plus_b, .minus_b { content:''; display:block; position:absolute; left:-21.5px; width:43px; height:40px; }
.plus_b {background:url(../img/tsar/slider_minus.png) no-repeat; bottom:-40px }
.minus_b {background:url(../img/tsar/plus_slider.png) no-repeat; top:-40px;}
.creat_ph { display:block; float:none !important; margin:13px auto 0; width:265px; height:60px; background:url(../img/tsar/creat_photo.png) no-repeat }
.close { display:block; width:36px; height:36px; position:absolute; background:url(../img/tsar/close_ico_suh.png) no-repeat; top:15px; right:10px; z-index:10 }
.close:hover span { display:inline }
.close span { display:none;  background:#FAF5EF;  border: 1px solid #DACEC0;  border-radius: 3px;  color: #4E4F48;  left: -19px;  padding: 10px 15px;  position: absolute;  top: -52px;}
.close span:after { content:''; display:block; width:15px; height:16px; background:url(../img/tsar/cursor_close.png) no-repeat; position:absolute; bottom:-16px; left:50%; margin:0 0 0 -7px }
.content { width:835px; margin:auto; padding:0 0 148px; position:relative; /*z-index:1050*/ }
.txt h1 { color:#f7dea8;  font-weight:bold; font-size:36px; font-family: 'Roboto Slab', serif; margin:0 0 25px; text-transform:uppercase; text-align:center }
.txt div { display:block; width:48%; float:left; margin:0 0 15px }
.txt div+div { float:right; text-align: center; }
.txt div+div+div { clear:both; display:inline; float:none }
.txt p{
  margin-bottom: 15px;
}
.gold_button{
  background: #ba9c5a;
  display: inline-block;
  box-shadow: inset  0 0 10px rgba(255,255,255,0.5);
  color: #fff;
  font-size: 16px;
  padding: 9px 25px;
  border-radius: 5px;
  font-weight: 700;
  text-decoration: none;
  text-shadow: 1px 1px 0px #997b49;
}

.gold_button:hover{
  background: #aa8d51;
}

.Game { margin:20px 0 60px }
.txt_G h2, .jokes h3 { text-align:center; font-size:24px; font-weight:bold; color:#f7dea8; margin:0 0 15px; font-family:'Roboto Slab',serif}

.main { padding:16px 16px 0 16px; margin:25px auto 0; width:768px; background:#f3e7d9; height:584px } 

.photo {  background: #fff;  height: 465px;  /*overflow: hidden; */ position: relative;}
.photo img { position:absolute }
.bg_1, .bg_2, .bg_3 { position:relative; z-index:9 }
.bg_2, .bg_3 { display:none }

.jokes { margin:0 0 30px;}
.jokes div { width:250px; float:left; background:url(../img/tsar/crown.jpg) no-repeat 50% 0; padding:50px 0 0 }
.jokes div+div { margin:0 0 0 41px; }
.jokes div p { margin:0 0 10px; line-height:122% }
.jokes span { font-size:30px; }

.reset_jokes { height:70px; background:url(../img/tsar/bg_res.jpg) no-repeat 0 50%; margin:0 0 60px}
.reset_jokes a { display:block; width:124px; height:70px; background:url(../img/tsar/reset_b.jpg) no-repeat; margin:auto }

.tabs {
  background:#ebdac6;
  height: 95px;
  margin: 16px 0 0 -16px;
  padding:8px 0 0;
  width: 800px;
  box-shadow:0 8px 13px -6px #C2B5A3 inset;
}
.tabs a { float:left; }
.tabs .t1 {width:84px; height:89px; background:url(../img/tsar/1_2.png) no-repeat -84px 0; margin:0 0 0 241px }
.tabs .t2 {width:83px; height:88px; background:url(../img/tsar/2_1.png) no-repeat -83px 0; margin:0 38px 0 37px}
.tabs .t3 {width:121px; height:89px; background:url(../img/tsar/3_2.png) no-repeat -121px 0 }
.tabs .t1:hover, .tabs .t3:hover, .tabs .t2:hover, .tabs .t1.selected, .tabs .t3.selected, .tabs .t2.selected { background-position:0 0 }

.loading, .save, .send_friend {display:block; width:123px; height:40px; position:absolute; bottom:10px; z-index:10}
.loading:hover, .save:hover, .send_friend:hover { opacity:0.9 }  
.loading {background:url(../img/tsar/load_but.png); left:10px;}
.save {background:url(../img/tsar/save_but.png); right:145px;}
.send_friend {background:url(../img/tsar/send_friend.png); right:12px;}


.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:800px )  and (max-width: 1024px) {
}
@media screen and ( min-width:1024px )  and (max-width: 1220px) {
}
@media screen and ( min-width:1220px )  and (max-width: 1300px) {
}
@media screen and ( min-width:1400px )  and (max-width: 1600px) {
}
@media screen and ( min-width:1600px )  and (max-width: 1700px) {
}

/*---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:#180606; z-index:1052 }
.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:470px; color:#e4f0ae; 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 }
.preload{width:1px;height:1px;overflow:hidden}
.preload img{visibility:hidden}

.slider_31 {
	display:none;
  position: absolute;
  right: 30px;
  top: 149px;
  z-index: 10;
}
.slider_32.btn2 { right:auto; left:30px; }
.loading.btn2 { left:auto; right:12px }
.save.btn2 { right:387px }
.send_friend.btn2 { right:245px }

.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;
}