* {
margin: 0;
padding: 0;
}


body { 
font: 15px"Trebuchet MS", Tahoma, Arial, sans-serif;
color: #333333;
background: #202020 url(/images/bg.jpg) fixed;
}


a, a:visited {
color:#3287C9;
text-decoration:none;
}

a:hover, a:active {
color:#246594;
text-decoration:none;
}

p {
margin: 0 0 18px
}

img {
border: none;
max-width: 100%;
height: auto;
}

img.defoult {
float: left; 
background-color: #F0F0F0; 
margin-right:13px;
padding: 7px;
border: 1px solid #CACACA;
}

img.avatar {
background-color: #F5F5F5; 
padding: 7px;
margin: 5px;
border: 1px solid #CACACA;
}

input {
vertical-align: middle;
}

h1 { 
font-family:Cuprum,Tahoma,Arial,sans-serif;
font-size:18px;

}

#foot
{
color: #fff;
padding: 6px;
background-color: #26272B;
padding: 15px;
font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
}

#foot_link
{
color: #fff;
background:#3B3B3B;
padding: 4px;
font-size: 13px;
text-align: center;
}


#foot_link a 
{
color:#fff;
text-decoration: none;

}


#foot_link a:hover
{
color:#;

}
/*.counter {float:right; padding-top:2px;}*/

.wrapper 
{ 
max-width: 1180px;
position: relative; 
z-index: 0; margin: 0 auto;
z-index: 0; 
margin: 0 auto; 
}

.glass 
{ 

}

#header 
{ 
background-color: #303038; 
padding: 2px;
}


#header #logo 
{ 
text-align: left;
}


#desc-text
{
width: 100%;
}


#block322 { 

background-color: #26272B; 
height: 17px;
padding: 10px;
color: #fff;
text-align: right;
}



#navbar 
{ 

background-color: #26272B; 
height: 34px;
}


#navbar a 
{ 
color: #0072BC; 
text-decoration: none; 
float: left; 
padding: 6px;
display: block;
}


#navbar a#act, #navbar a:hover
{ 
color: #fff;
padding: 0px;
width: 370px;

}

#navbar a:hover { padding: 10px;}

#navbar a#act span 
{ 
padding: 7px; 
background-color: #0072BC; 
display: block;font-size:15px;text-align: center;


}

#navbar a#act span:hover
{ 

background-color: #0068B3;
}


#shadow {
height: 2px; 
background-color: #D4D4D4; 


}

#middle {
background:#E6E7E9;
border-right: 240px solid #F1F1F1; height: 1%; position: relative; }


#middle:after, .cont:after, a.blocks:after, .block ul.pt:after, a.mytl:after 
{
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}


.glass { }


#desc-text
{
width: 100%;
}

#container {
width: 100%;
float: left;
overflow: hidden;
margin-right: -100%;
}

#content {
padding: 10px 10px 0;
}

.dotn { 
background-color: #FBFBFB; 
margin-bottom: 5px; 
padding: 15px; border: 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius:5px; 
border:1px solid #CECFCE;
background-size: contain;
}




.dotn_block { 
background-color: #FFF; 
color:#1E221D;
padding: 15px;
border: 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius:5px; 
border:1px solid #CCCCCC;
background-size: contain;line-height:20px;margin-bottom:12px

}

.dotn_block a
{
color: #720D02;
text-decoration: none;

}

.dotn_block a:hover 
{
color: #0068B3; 
}

.dotn_block h1 a{ 
color: #000;
font-family:Cuprum,Tahoma,Arial,sans-serif;
font-size:17px;
font-weight:medium;
}


.dotn_load { 
background-color: #fff; 
color:#1E221D;
padding: 15px;margin-bottom: 15px;
}


.images 
{ 
background-color: #fff; 
margin-bottom: 5px; 
padding: 15px; 
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius:5px; 
border:1px solid #CECFCE;
background-size: contain;

}


.kategory 
{ 
background:#26272B; padding: 10px; color: #fff;height: 20px; font-size:15px;font-family:Verdana, sans-serif;
}




#sideLeft 
{ 
background:#F0F0F0;
float: right; 
margin-right: -240px; 
width: 240px; position: relative;

}




#my-home a { 
background:url(/images/line_home.gif) repeat-x 50% top #F2F2F2; 
text-decoration: none; 
border-bottom: 1px solid #e8e8e8; 
display: block; 
}


#my-home a span { color: #4A535D;background-position: 97% center; text-decoration: none; padding: 7px; display: block; }


#my-menu a {
 background: none repeat scroll 0% 0% #FFF;
 text-decoration: none;
 border-bottom: 1px solid #E8E8E8;
 display: block;
 padding: 5px;
 font-size: 15px;
 overflow: hidden;
}


#my-menu a:hover { background: #F0F0F0; }
#my-menu a.expanded { background-color: #000; border-bottom: 1px solid #dbdbdb; }
#my-menu a span { color: #000; text-decoration: none; padding: 7px; display: block; }


.go { float: right;}


.go a { 

display: block;
background-color: #F0F0F0;
background-repeat: repeat-x;
border: 1px solid #CCCCCC;
line-height: 38px;
padding: 0 20px 0 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
box-shadow: 0 1px 3px rgba(0,0,0,.1);
color: #000;
font-size: 15px;

} 

.icon {
background: url("/images/icon.png") no-repeat;
width: 19px;
height: 19px;
display: inline-block;
vertical-align: middle;
margin-left: 10px;
position: relative;
top: -1px;
}





div.bottom {

text-align: center;
padding: 19px;
background: #fff;

}




div.bottom span {
padding: 10px 14px;
border: 1px solid #0072BC;
border: 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius:5px; 
background: #0068B3;
color: #fff;

}

div.bottom span:hover {
color: #000;
padding: 10px 14px;
border: 1px solid #B9B9B9;
background: #0072BC;
}

div.bottom span.active {
color: #000;
padding: 10px 14px;
border: 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius:5px; 
border: 1px solid #33363B;
background:#BABDBE; 
}

div.bottom a {
color: #007ecd;
text-decoration: none;
}


.do_button,input, textarea {
color: #000;
background: #F7F7F7;
font-size: 14px;
border: 1px solid #D4DBE3;
margin: 2px 0;
padding: 2px 4px;
}


div.copirate {
color: #000;
text-shadow: #fff 1px 1px 0;
text-align: center;
padding: 15px;
background: #F1F1F1;


}

div.copirate a {
color: #007ecd;
text-decoration: none;
}

div.h_line {
border-bottom:1px dashed #b8b8b8; padding-bottom:5px;

}


div.h_line_load {
border:1px dashed #b8b8b8; 
padding:13px;
background: #F0F0F0; 
}


div.h_line_load a {
color: #001155;
text-decoration: none;
}



.info_gamecalendar {padding-top: 5px;color: #4D5256;font-size: 13px;}
.info_gamecalendar a {color: #000;font-size: 13px;font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;}
div.date {color: #303038;text-align: right;font-size:13px;}



a.load{display:block; color:#fff; margin-bottom:2px; padding:15px; background:#37474F;font-size:16px;}
.load:hover{background:#41545d;}
a.game_google{display:block; color:#fff; margin-bottom:3px; padding:15px; background:#41824d;font-size:16px;}
.game_google:hover{background:#448951;}


.copy-wrp-des {position: relative; max-width: 1200px; margin: 0 auto;}
.copy-des {
 font: 0px/0 serif;
 text-shadow: none;
 transition: opacity 0.5s ease 0s;
 color: transparent;
 display: inline-block;
 width: 120px;
 cursor: default;
 height: 38px;
 opacity: 0.3;
 position: absolute;
 top: -46px;
 left: 1%;
 z-index: 1;
 background: url("http://art-ucoz.ru/art-ucoz-nodel/art-ucoz_Desing-sprite_logo_120px.png") no-repeat scroll 0px 0px transparent;
 text-indent: -9999px;
}
.copy-des:hover {
 background: url(http://art-ucoz.ru/art-ucoz-nodel/art-ucoz_Desing-sprite_logo_120px.png) 0px -38px no-repeat;
 opacity:0.8;
 transition: opacity 0.5s ease 0s;
}

.alert { 

background-color: #ccdbb9; 
color:#333;
padding: 15px;margin-bottom: 0px;
}


@media only screen and (max-width: 480px) {


#container {

margin: 0 auto;


}

#middle {
background:#E5E6E2;
border-right: 0px; height: 1%; position: relative;

}


#sideLeft { 

background:#fff;
background-repeat: repeat; 
background-attachment: scroll; 
background-position: 0 0;
float: left; 
margin-right: -0px; 
width: 450px; position: relative;



}
}

.com-order-block {display:none}

.x-unselectable {position:relative;}
#uCatsMenu7 {left: 0% !important;top: 20px !important; margin-left: 0px;}

#uidLogForm {
 margin-top: -6px;
}

.u_nav {float: right; padding: 18px;}
.u_nav li {
 float: left;
 list-style: outside none none;
 padding: 0 8px;
}
.u_nav li a {color: #fff;}
.u_nav li a:hover {text-decoration: underline;}

.descr img {
 background-color: #F5F5F5;
padding: 7px !important;
margin: 5px !important;
border: 1px solid #CACACA !important;
}

#my-menu a {
 line-height: 32px;
}

#my-menu a span img {
 float: left;
 overflow: hidden;
 margin-top: 3px;
 margin-right: 8px;
}

/*Pagination*/
.pagination {
 background: #fff; line-height: 55px; padding: 7px; text-align: center;
}
/* -- active -- */
.pgSwchA b, .swchItemA span, .swchItemA1 span {
color: #000;
padding: 10px 14px;
border-radius: 5px;
border: 1px solid #33363B;
background: none repeat scroll 0% 0% #BABDBE;
}

/* -- no active -- */
.pgSwch span, .swchItem span, a.swchItem1 {
padding: 10px 14px;
border: 1px solid #0072BC;
border-radius: 5px;
background: none repeat scroll 0% 0% #0068B3;
color: #FFF;
}

.pgSwch:hover span, .swchItem:hover span, a.swchItem1:hover {
 color: #000;
 padding: 10px 14px;
 border: 1px solid #B9B9B9;
 background: none repeat scroll 0% 0% #0072BC;
}

/* -- dots -- */
.swchItemDots {
color: #000;
 padding: 10px 14px;
}

.inf_img {
 overflow: hidden;
}

.inf_img img {
 width: 89%;
 margin-bottom: 10px;
}

.f_bottom {
 height: 46px;
 position: relative;
}
.f_bottom p {
 padding-top: 6px;
 margin: 0;
}
.counter {
 position: absolute;
 top: 11px;
 right: 8px;
}
.counter img {
 opacity: .3
}
.counter img:hover {
 opacity: .8
}
.col-sm-3, .col-sm-9 { 
position: relative; 
min-height: 1px; 
padding-left: 10px; 
padding-right: 10px; 
} 
@media (min-width: 768px) { 
.col-sm-3 {float: left;width: 25%;} 
.col-sm-9 {float: left;width: 75%;} 
} 
* { 
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box; 
} 
*:before, 
*:after { 
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box; 
} 

.row:before, 
.row:after 
{ 
display: table; 
content: " "; 
} 
.row:after{ 
clear: both; 
} 
@media (min-width: 1230px) { 
.row, .my-row { 
margin-left: -10px; 
margin-right: -10px; 
} 
} 
.news-list table.dayAllEntries{ 
margin-bottom: 50px; 
} 
.news-element{ 
margin-top: 30px; 
padding-top: 30px; 
border-top: 1px solid #C7C7C7; 
font-size: 17px; 
} 
#allEntries > div:first-of-type .news-element, 
.news-list .archiveEntries > div:first-of-type .news-element{ 
margin-top: 0; 
padding-top: 0; 
border-top: 0; 
} 
.news-element h5{ 
margin-top: -5px; 
} 
.news-element h5{ 
margin: -5px 0 20px; 
font-size: 16px; 
line-height: 1.2; 
} 
.news-element h5 a{ 
text-decoration: none; 
color: #00487F; 
-webkit-transition: all 200ms ease-out; 
-moz-transition: all 200ms ease-out; 
-o-transition: all 200ms ease-out; 
transition: all 200ms ease-out; 
} 
.news-element h5 a:hover{ 
color: #2E2E2E; 
} 
.news-element img{ 
width: 100%; 
} 
.news-date{ 
position: absolute; 
top: 0; 
left: 0; 
padding: 2px 15px; 
color: #fff; 
background: #00487F; 
font-size: 14px; 
} 
.news-list .element-info{ 
margin: -5px 0 15px; 
} 
.element-info{ 
margin: 0 0 15px; 
font-size: 16px; 
color: #969696; 
} 
.element-info a{ 
text-decoration: none; 
color: #969696; 
-webkit-transition: all 200ms ease-out; 
-moz-transition: all 200ms ease-out; 
-o-transition: all 200ms ease-out; 
transition: all 200ms ease-out; 
} 
.element-info a:hover{ 
color: #2E2E2E; 
} 
.element-info span{ 
margin-right: 10px; 
} 
.element-info .fa{ 
margin-right: 4px; 
} 
.img-wrapper img {width: 100%;} 
.img-wrapper{position: relative;} 
.news-element .img-wrapper a:after{ 
background: url(http://zornet.ru/zorner_ru_1/Veb/link-icon.png) 50% 50% no-repeat rgba(0,0,0,0.7); 
background-size: 0 0; 
-webkit-transition: all 200ms ease-out; 
-moz-transition: all 200ms ease-out; 
-o-transition: all 200ms ease-out; 
transition: all 200ms ease-out; 
content:""; 
display: block; 
position: absolute; 
width: 100%; 
height: 100%; 
top: 0; 
left: 0; 
opacity: 0; 
z-index: 5; 
} 
.news-element .img-wrapper a:hover:after{ 
opacity: 1; 
background-size: 36px 36px; 
} 
@media only screen and (max-width: 767px) { 
.news-element .img-wrapper{margin-bottom: 20px;} 
.news-element{padding-top: 40px;} 
} 
.element-content{ 
padding: 20px; 
background: #F5F5F5; 
border: 1px solid #E2E6E7; 
-webkit-transition: all 200ms ease-out; 
-moz-transition: all 200ms ease-out; 
-o-transition: all 200ms ease-out; 
transition: all 200ms ease-out; 
} 
@media only screen and (min-width: 768px) { 
.img-wrapper .text{ 
position: absolute; 
bottom: 0; 
left: 0; 
width: 100%; 
padding: 10px; 
background: rgba(0,0,0,0.5); 
color: #fff; 
}