/* --------------- reset.css --------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i,  dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-size: 100%;
}
a {                                      	
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
table {						
	border-collapse: collapse; 
	border-spacing: 0;
}
td, td img {
	vertical-align: top;			
} 
input, select, button, textarea {
	margin: 0; 				
	font-size: 100%; 			
}
input[type="text"], input[type="password"], textarea {
	padding: 0; 				
}
input[type="checkbox"] { 		
	vertical-align: bottom;
}
input[type="radio"] {
	vertical-align: text-bottom;
}
sub {
	vertical-align: sub;
	font-size: smaller;
}
sup {
	vertical-align: super;
	font-size: smaller;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
nav ul {
	 list-style:none;
}
/* --------------- /reset.css --------------- */

/* --------------- main styles ---------*/
html {
	overflow-y: scroll;
}
body {
	border-top: 4px solid #830000;
	border-bottom: 4px solid #830000;
	line-height: 1;
	background: #151515 url("../img/bg-main.png");
	color: #fff;
	text-align: left;
	font: 14px "Trebuchet MS", "Helvetica CY", sans-serif;
	min-width: 1004px;
}
input, select, button, textarea {
	font-family: "Trebuchet MS", "Helvetica CY", sans-serif;
}
label, input[type="button"], input[type="submit"], button {
	cursor: pointer;
}
a, a:visited {
	color: #287fc3;
	text-decoration: underline;
}
a:hover {
	color: #287fc3;
	text-decoration: none;
}
a:focus, a:active {
	color: #287fc3;
	text-decoration: underline;
}
/* --------------- /main styles ---------*/

/* --------------- header ---------*/
.header {
	height: 117px;
	
	position: relative;
	margin: 0 14px;
}
.header .logo {
	display: block;
	background: url("../img/logo-header.png") no-repeat 0 0;
	width: 196px;
	height: 75px;
	text-indent: -9999px;
	position: absolute;
	top: 18px;
	left: 5px;
}
.header .links {
	list-style: none;
	position: absolute;
	top: 11px;
	right: 5px;
}
.header .links li {
	background: url("../img/bd-header-links.png") no-repeat 0 0;
	font-size: 12px;
	line-height: 14px;
	float: left;
}
.header .links li:first-child {
	background: none;
}
.header .links li a {
	color: #fff;
	text-decoration: none;
	padding: 0 6px;
}
.header .links li a:hover {
	color: #8d8d8d;
}
.header .search {
	list-style: none;
	position: absolute;
	top: 47px;
	right: 5px;
}
.header .search li {
	margin-left: 14px;
	float: left;
}
.header .search li .sbHolder {
	background: url("../img/bg-select.png") no-repeat 0 0;
	font-size: 14px;
	position: relative;
	width: 223px;
	height: 29px;
	color: #000;
}
.header .search li .sbHolder:focus .sbSelector{
	color: #9c9b9b;
}
.header .search li .sbSelector{
	display: block;
	line-height: 29px;
	outline: none;
	overflow: hidden;
	text-indent: 12px;
	width: 191px;
	position: absolute;
	top: 0;
	left: 0;
}
.header .search li .sbSelector:link,.header .search li .sbSelector:visited, .header .search li .sbSelector:hover{
	color: #000;
	outline: none;
	text-decoration: none;
}
.header .search li .sbToggle{
	background: url("../img/icon-select.png") no-repeat;
	display: block;
	height: 13px;
	outline: none;
	position: absolute;
	right: 10px;
	top: 9px;
	width: 11px;
}
.header .search li .sbToggleOpen{
	background-position: 0 -13px;
}
.header .search li .sbOptions{
	background: #fff;
	border: solid 1px #000;
	list-style: none;
	left: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	width: 223px;
	z-index:1;
	overflow-y: auto;
}
.header .search li .sbOptions li{
float: none;
}
.header .search li .sbOptions a{
	border-bottom: dotted 1px #999;
	display: block;
	outline: none;
	padding: 2px 0 3px 2px;
}
.header .search li .sbOptions a:link, .header .search li .sbOptions a:visited{
	color: #000;
	text-decoration: none;
}
.header .search li .sbOptions a:hover,.header .search li .sbOptions a:focus,.header .search li .sbOptions a.sbFocus{
	color: #000;
}
.header .search li .sbOptions li.last a{
	border-bottom: none;
}
.header .search li .sbOptions .sbDisabled{
	border-bottom: dotted 1px #515151;
	color: #999;
	display: block;
	padding: 7px 0 7px 3px;
}
.header .search li .sbOptions .sbGroup{
	border-bottom: dotted 1px #515151;
	color: #EBB52D;
	display: block;
	padding: 7px 0 7px 3px;
}
.header .search li .sbOptions .sbSub{
	padding-left: 17px;
}
.header .search li input[type=text] {
	display: block;
	background: url("../img/bg-input.png") no-repeat 0 0;
	border: none;
	outline: none;
	font-size: 14px;
	color: #000;
	line-height: 16px;
	width: 168px;
	height: 16px;
	padding: 6px 10px 7px;
	float: left;
}
.header .search li input[type=text]::-webkit-input-placeholder {
	color: #000;
}
.header .search li input[type=text]:-moz-placeholder {
	color: #000;
}
.header .search li input[type=submit] {
	background: url("../img/btn-search.png") no-repeat 0 0;
	border: none;
	width: 35px;
	height: 29px;
	vertical-align: top;
	margin: 0;
}
/* --------------- /header ---------*/

/* --------------- title block ---------*/
.tit-bl {
	background: #5a0000;
	height: 31px;
	margin: 0 14px;
	-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    0 2px 0 rgba(0, 0, 0, 0.75);
	box-shadow:         0 2px 0 rgba(0, 0, 0, 0.75);
}

.tit-bl.b {
	margin-bottom: 25px;
	background: #242424;
	-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    0 2px 0 rgba(0, 0, 0, 0.75);
	box-shadow:         0 2px 0 rgba(0, 0, 0, 0.75);
}
.tit-bl h2 {
	background: url("../img/icon-title.png") no-repeat 7px 3px;
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	line-height: 29px;
	text-transform: uppercase;
	padding-left: 40px;
	float: left;
}
.tit-bl .pages {
	list-style: none;
	background: url("../img/icon-pages.png") no-repeat 9px 3px;
	overflow: hidden;
	padding-left: 40px;
	float: left;
}
.tit-bl .pages li {
	font-size: 14px;
	color: #fff;
	line-height: 29px;
	float: left;
	margin-left: 5px;
}
.tit-bl .pages li a {
	color: #fff;
	text-decoration: none;
}
.tit-bl .pages li a:hover, .tit-bl .pages li a.active {
	color: #626262;
}
.tit-bl .order {
	list-style: none;
	background: url("../img/icon-links.png") no-repeat 99% 3px;
	float: right;
	overflow: hidden;
	padding-right: 44px;
}
.tit-bl .order li {
	font-size: 14px;
	color: #fff;
	line-height: 29px;
	float: left;
	margin-left: 10px;
}
.tit-bl .order li:first-child {
	margin-left: 0;
}
.tit-bl .order li a {
	color: #fff;
	text-decoration: none;
}
.tit-bl .order li a:hover,.tit-bl .order li a.active {
	color: #626262;
}
.tit-bl .abc {
	list-style: none;
	overflow: hidden;
	float: right;
	margin-right: 10px;
}
.tit-bl .abc li {
	font-size: 14px;
	line-height: 29px;
	float: left;
	margin-left: 7px;
}
.tit-bl .abc li:first-child {
	margin-left: 0;
}
.tit-bl .abc li a {
	color: #fff;
	text-decoration: none;
}
.tit-bl .abc li a:hover, .tit-bl .abc li a.active {
	color: #fed700;
}
.tit-bl .adv {
	background: url("../img/icon-links.png") no-repeat 99% 3px;
	font-size: 14px;
	color: #fff;
	line-height: 29px;
	text-decoration: none;
	float: right;
	padding-right: 44px;
	text-decoration: underline;
}
.tit-bl .adv:hover {
	color: #626262;
	text-decoration: none;
}
.tit-bl .search {
	list-style: none;
	float: right;
	margin: 4px 3px 0 0;
}
.tit-bl .search li {
	float: left;
}
.tit-bl .search li input[type=text] {
	background: url("../img/bg-input-min.png") no-repeat 0 0;
	border: none;
	outline: none;
	font-size: 14px;
	color: #000;
	line-height: 16px;
	width: 121px;
	height: 16px;
	padding: 3px 10px;
}
.tit-bl .search li input[type=text]::-webkit-input-placeholder {
	color: #000;
}
.tit-bl .search li input[type=text]:-moz-placeholder {
	color: #000;
}
.tit-bl .search li input[type=submit] {
	background: url("../img/btn-search-min.png") no-repeat 0 0;.lists ul li a span
	border: none;
	width: 26px;
	height: 22px;
	border: 0;
}
.tit-bl .search-link {
	font-size: 14px;
	color: #fff;
	line-height: 29px;
	float: left;
	margin-left: 12px;
}
.tit-bl .search-link:hover {
	color: #626262;
}
/* --------------- /title block ---------*/

/* --------------- thumbs ---------*/
.th {
	list-style: none;
	text-align: center;
	margin-bottom: 4px;
}
.th li {
	display: inline-block;
	background: #242424;
	width: 306px;
	height: 286px;
	margin-top: 4px;
	vertical-align: top;
	-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    0 2px 0 rgba(0, 0, 0, 0.75);
	box-shadow:         0 2px 0 rgba(0, 0, 0, 0.75);
}
.th li:hover {
	background: #5a0000;
}
.th li .th-cat {
	display: block;
	font-size: 20px;
	font-weight: bold;
	color: #e7e7e7;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 300px;
	padding: 3px;
	margin-bottom: 3px;
	position: relative;
}
.th li:hover .th-cat {
	color: #fff;
}
.th li .th-cat:hover {
	color: #fff;
	/*text-decoration: underline;*/
}
.th li .th-cat img {
	display: block;
	width: 300px;
	height: 225px;
	margin-bottom: 7px;
}
.th li .cat-tag {
	font-size: 12px;
	color: #fff;
	line-height: 14px;
}
.th li .cat-tag a {
	color: #fff;
	text-decoration: none;
}
.th li:hover .cat-tag,.th li:hover .cat-tag a {
	color: #fff;
}
.th li .cat-tag a:hover {
	text-decoration: underline;
}
.th li .th-mov {
	display: block;
	font-size: 12px;
	color: #e7e7e7;
	text-align: left;
	line-height: 14px;
	text-decoration: none;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 300px;
	height: 253px;
	padding: 3px;
	margin-bottom: 3px;
	position: relative;
}
.th li:hover .th-mov {
	color: #fff;
}
.th li .th-mov:hover {
	text-decoration: underline;
}
.th li .th-mov img {
	display: block;
	width: 300px;
	height: 225px;
	margin-bottom: 3px;
}
.th li .th-mov span {
	display: block;
	background: rgba(30,30,30,0.8);
	font-size: 12px;
	color: #fff;
	line-height: 18px;
	position: absolute;
	top: 210px;
	right: 3px;
	padding: 0 5px;
}
.th li .mov-added,.th li .mov-tube {
	font-size: 12px;
	line-height: 14px;
	margin: 3px 3px 0;
}
.th li:hover .mov-added,.th li:hover .mov-tube a {
	color: #fff;
}
.th li .mov-added {
	float: left;
}
.th li .mov-tube {
	float: right;
}
.th li .mov-tube a {
	color: #fff;
	text-decoration: none;		
}
.th li .mov-tube a:hover {
	text-decoration: underline;
}
/* --------------- /thumbs ---------*/

/* --------------- lists ---------*/
.lists {
	background: #181818;
	border-bottom: 2px solid #101010;
	overflow: hidden;
	padding: 15px 0 34px;
	margin: 4px 14px;
}
.lists.b {
	margin-bottom: 25px;
}
.lists ul {
	list-style: none;
	width: 16.66%;
	float: left;
}
.lists ul li {
	font-size: 14px;
	line-height: 18px;
	padding: 0 10px 0 24px;
}
.lists ul li a {
	color: #fff;
	text-decoration: none;
}
.lists ul li a:hover {
	color: #626262;
}
.lists ul li a span {
	color: #626262;
}
/* --------------- /lists ---------*/

/* --------------- footer ---------*/
footer {
	margin-top: 52px;
}
footer .desc {
	font-size: 12px;
	color: #717171;
	line-height: 14px;
	text-align: center;
	width: 860px;
	margin: 0 auto;
}
footer .desc a {
	color: #fff;
	text-decoration: none;
}
footer .desc span{
	color: #fff;
}
footer .desc a:hover {
	text-decoration: underline;
}
footer .copyright {
	font-size: 12px;
	color: #717171;
	text-align: center;
	line-height: 14px;
	margin-top: 16px;
}
footer .copyright a {
	color: #fff;
	text-decoration: none;
}
footer .copyright a:hover {
	text-decoration: underline;
}
footer .copyright a:first-child {
	margin-left: 35px;
}
footer .logo {
	display: block;
	background: url("/img/logo-footer.png") no-repeat 0 0;
	width: 196px;
	height: 75px;
	text-indent: -9999px;
	margin: 35px auto 25px;
}
/* --------------- /footer ---------*/

/* --------------- social ---------*/
.social {
	position: fixed;
	top: 13px;
	right: 0;
	display: none;
}
/* --------------- /social ---------*/

@media screen and (max-width: 650px) {
	body {
		min-width: auto;
	}
	.header {
		width: 401px;
		margin: 0 auto;
	}
	.header .links, .header .search {
		display: none;
	}
	.tit-bl {
		width: 246px;
		margin: 0 auto;
		overflow: hidden;
	}
	.th {
		width: 246px;
		margin: 0 auto;
	}
	.th li {
		float: none;
	}
	.lists {
		width: 246px;
		margin: 0 auto;
	}
	.lists ul {
		width: 100%;
	}
	footer {
		width: 401px;
		margin: 52px auto 0;
	}
	footer .desc {
		width: 401px;
	}
}