body {  
  background-color: #999999;
  margin: 0; padding: 0; border: 0; outline: 0;
  list-style:none;
}

.bottom{
  background-color: #b3b3b3;
  border-radius: 12px;
  max-width: 600px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 160%;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 10px;
}

/*.img_news img{
  max-width: 50%;
}*/

.dow{
 background-color:#cccccc;
 border:1px solid #660000;
 border-radius:5px;
 color:#fff;
 margin-right:10px;
 padding:10px 10px 10px 10px;
 max-width: 40%;

}

.dow a{
  text-decoration: none;
  color: #000000;
}

.dow a:hover{
  color: #616161;
}

.dow {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  margin-top: 10px;
  margin-bottom: 5px;
  background-color: white;
  color: black;
  border: 2px solid #black;
  border-radius: 12px;
  padding: 12px 28px;
  font-size: 16px;
}

h1 {
font-family: arial, verdana, sans-serif;
font-size: 15px;
margin:0;
vertical-align:bottom;
}

.serii{}
.serii a {color: #009966;}
.serii a:hover {color: #000000;}

.link_sh{font-size: 10px;list-style:none;text-decoration:none;}
.link_sh a {color: #000000;}
.link_sh a:hover {color: #EBBE5E;}

.registration{font-size: 16px;list-style:none;text-decoration:none;margin-top:10px;}
.registration a {color: #000000;}
.registration a:hover {color: #EBBE5E;}

.pric a {color: #990033;}
.pric a:hover {color: #000000;}


h2 {

	font-family: arial, verdana, sans-serif;
	font-size: 10px;
	
}
h2 a:active,
h2 a:visited,
h2 a:link {
	color: #ff0000;
	text-decoration:none;
	}
h2 a:hover {
	color: #000;
	text-decoration:none;
	}

.hleb{vertical-align:top;margin-left: 50px;}
.hleb a {
	color: #000000;
  font-size: 16px;
  text-align: left;
}
.hleb a:hover {color: #c1deff;}


#.title_tb{
  color: #CCCCCC;
  background: #ff0000;
	font-size: 10px;
	font-family: tahoma;
	font-weight: bold;
	padding-left: 6px;
	padding-right: 6px;
	padding-top:  6px;
}


h3 {
	font-size: 16px;
	font-family: Times New Roman, verdana, sans-serif;
	padding:0px;
	margin:0px;
  color:#000000;
}
h3 a:active,
h3 a:visited,
h3 a:link {
	color:#000000;
	text-decoration:none;
	}
h3 a:hover {
	color: #555151;
	text-decoration:none;
	}

.title_tb{
  color: #CCCCCC;
  background: #ff0000;
	font-size: 10px;
	font-family: Times New Roman;
	font-weight: bold;
	padding-left: 6px;
	padding-right: 6px;
	padding-top:  6px;
}

h4 a:active,
h4 a:visited,
h4 a:link {
	color: #000;
	text-decoration:none;
	}
h4 a:hover {
	color: #EBBE5E;
	text-decoration:none;
	}
.cat{
  width:170px;
  height:50px;
  float:top;
  margin:4px;
  padding:0px;
}



#wrapper {
 margin-top:40px;
 border:0px solid #000;
 width: 100%;
 max-width:1000px;
 margin: 0 auto;
 height: auto !important;
 
}

#middle:after {
 content: '.';
 display: block;
 clear: both;
 visibility: hidden;
 height: 0;
 
}

.logo {
 
 border:0px;
 left:0px;
 top:0px;
 float:left;
 margin-top: 5px;
 
}
 
.logo a {
  text-decoration: none;
  margin-left:30px;
  font-size:30px;
  color:#2b421e;
  white-space: nowrap;
     z-index: 20px;
     
}


#css-menu ul {
list-style: none;
font-family: Georgia, serif;
font-size: 14px;
font-style: italic;
line-height: 1.4em;
border:0;
float: left;
padding: 0;
margin: 12px 0 25px 24px
}

#css-menu ul li {
float: left
}

#css-menu ul li a {
display: block;
text-decoration: none;
background-color: #595959;
padding: 5px 10px 0 10px;
color: #fefefe;
width: 78px;
height:100px;
border-right: 1px solid #797979;
border-left: 1px solid #191919
}

#css-menu ul li a span {
display: block
}

#css-menu ul li a span.text-top {
border-bottom: 1px solid #595959
}

#css-menu ul li a:hover span.text-top {
border-bottom: 1px dashed #fefefe;
color: #ffddbb
}

#css-menu ul li a span.text-bottom {
visibility: hidden;
font-size: 10px;
text-align: right
}

#css-menu ul li a:hover span.text-bottom {
visibility: visible 
}

#scrollUp {
    bottom: 20px;
    right: 20px;
    padding: 10px 20px;
    background: #555;
    color: #fff;
}

.search{
    float: left;
    width: 290px;
    margin-top: 10px;
    margin-left: 5%;
}
.search-query{
  height:28px;
  width: 260px;
}
.pass{
  height:28px;
  width: 90px;
}

.res{
    float: right; 
    width: 220px;
    margin-top: 10px; 
}

.buttonres {
    width: 60px; 
    height: 24px; 
    border: none;
    background: url(/templates/login.png) ;
}

.buttonres:hover {
    width: 60px; 
    height: 24px; 
    border: none;
    background: url(/templates/login_h.png) ;
}

.buttonsearch{
  width: 25px;
  height: 25px;
  border: none;
  background: url(/templates/search.png) ;
}

.buttonsearch:hover{
  width: 25px;
  height: 25px;
  border: none;
  background: url(/templates/search_h.png) ;
}

/*gigg*/	
DIV.digg {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center ; 
}
DIV.digg A {
  BORDER-RIGHT: #aaaadd 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #aaaadd 1px solid; PADDING-LEFT:10; PADDING-BOTTOM: 6px; MARGIN: 2px; BORDER-LEFT: #aaaadd 1px solid; COLOR: #000000; PADDING-TOP: 6px; BORDER-BOTTOM: #aaaadd 1px solid; TEXT-DECORATION: none
}
DIV.digg A:hover {
	BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
DIV.digg A:active {
	BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
DIV.digg SPAN.current {
	BORDER-RIGHT: #000099 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000099 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000099 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000099 1px solid; BACKGROUND-COLOR: #000099
}
DIV.digg SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}


.toggle-box {
  display: none;
}
.toggle-box + label {
  cursor: pointer;
  display: block;
  font-weight: normal;
  line-height: 21px;
  margin-bottom: 5px;
  width: 90px;
}
.toggle-box + label + div {
  display: none;
  margin-bottom: 10px;
}
.toggle-box:checked + label + div {
  display: block;
}
.toggle-box + label:before {
  background-color: #1E90FF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #FFFFFF;
  content: "+";
  display: block;
  float: left;
  font-size: 12px; 
  font-weight: bold;
  height: 16px;
  line-height: 16px;
  margin: 2px 5px 0px;
  text-align: center;
  width: 16px;
}
.toggle-box:checked + label:before {
  content: "\2212";
}

.accord {
    margin: 1%;
}

.parent{
        white-space:nowrap;
    }
.child{
        display:inline-block;
        margin-right: 30px;
        margin-left: 30px;
        margin-bottom: 0px;
}

.img_news img{
  width: 90%;
  padding: 1px;
  transition: -webkit-transform 0.25s ease;
}

.img_news img:active {
    -webkit-transform: scale(2);
}


@media screen and (max-width: 600px) and (min-width: 260px) {
  img {max-width: 100% !important; height: auto !important;}
  iframe, input, button, submit, video, object, embed {max-width: 100% !important;}
  div {max-width: 100% !important;}
  text,textarea {max-width: 100% !important;}
  table, span, ins {max-width: 100% !important;}

  h3 {
  font-size: 14px;
  
  }

  .img_news img{
    width: 98%;
    transition: -webkit-transform 0.25s ease;
  }

  .img_news img:active {
    -webkit-transform: scale(2);
  }

  .sstory{
    width:70%;
    float:center;
    margin-top: 10px;
    border-style:solid;
    background-color: #bcb1b1;
    color:#000000;
    border-radius: 25px;
  }

  .thumb{
    width:99%;
    height:70%;
  }

  .vip{
    height:13px;
  }

  .title_sstory{
    height:35px;
  }

  .star{
    margin-top:0px;
    /*margin-bottom: 5px;*/
    margin-bottom: -5px;
  }
  .indent{
    height:100px;
  }
  .release_date{
    margin-top: 10px;
  }
  .ganre{
    margin-top: 5px;
  }

}

@media screen and (min-width: 600px) {
  img {max-width: 100% !important; height: auto !important;}
  
.sstory{
  width: 32%;
  height:390px;
  float:left;
  background-color: #bcb1b1;
  
  border-style:solid;
  padding:0px;
  border-radius: 25px;
  margin: 3px;
  border: 1px solid black;
  }

  .thumb{
    width:240px;
    height:175px;
  }

  .vip{
    height:13px;
  }

  .title_sstory{
    height:35px;
  }

  .star{
    margin-top:0px;
    height:10px;
  }
  
  .indent{
    /*height:100px;*/
  }

  .indent img{
    /*max-height: 350px;*/

  }
  .div_menu{

    text-align: center;
    align-content: center;
    align-items: center;
    margin-bottom: 15px;
  }
  .release_date{
    /*margin-top: 10px;*/
  }
  .ganre{
    margin-top: 20px;
  }
}