/* --------------- Default Styles --------------- */
html, body, p, h1, h2, h3, h4, h5, em, i, table, tr, td, th, form, input, textarea, select, li, ol, ul, strong {padding:0;margin:0;}
html {font-size:62.5%;}
body {
	background:	url(images/all_bg00.png) 0 0 repeat-x,
				url(images/f_bg0000.png) bottom center repeat-x;
	background-color:#1a1b1e;
    color: #f5f4f2; font-size:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
em, i { font-style:normal;}
li { list-style-type:none;}
h1, h2, h3, h4, h5 {font-weight:normal;padding:5px 0;}
p {padding:5px 0;}
a:active, a:focus, img, input, select {outline: 0;}
a, a:link, a:active, a:visited {color: #a6b3bb;cursor: pointer;text-decoration: underline;}
a:hover {color:#629ac1;text-decoration: none;}
img {border:none;}
* {margin: 0; padding: 0; box-sizing:border-box;}
.clear { clear:both; font-size:0; line-height:0; height:0;}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
 }
/* ------------------------------------------- */
#all { width:85%;
	/*min-width:1000px;*/
	max-width:1600px;
	margin:auto;
	padding:4px 10px;
}
/* --------------- Header --------------- */
#header { height:125px;  position:relative; z-index:2; margin-bottom:0px;}
.logo { position:absolute; left:25px; top:16px;}
.sites { position:absolute; left:0; top:-4px;}
.sites li { display:inline;padding-left:20px; background:url(images/h_li0000.png) 10px 50% no-repeat; margin-right:0px;}
.sites a, .sites a:visited { color:#9fcbe6; font-size:12px; }
.sites a:hover { color:#c0e3f8;}
.h_desc { margin-left:510px; padding-top:40px; font-size:11px; color:#a6b3bb;
max-height:118px;
overflow:hidden;
}

	
	.menu { position:absolute; left:483px; top:15px; font-size:18px; text-transform:uppercase;}
	.menu li { display:inline; padding-right:20px;}
	.menu a { color:#c6c6c6;}
/* ------------------------------------------- */

/* --------------- Content --------------- */
.name { font-size:13px; text-transform:uppercase; padding:5px 10px 5px 30px; background:#141515; font-weight:bold; color:#c6c6c6; margin-bottom:10px;}
    .thumbs { text-align:center; padding-bottom:15px;}
	.thumbs li { font-size:11px; display:inline-block; *display:inline; *zoom:1; padding:3px; margin:0 ;background:#253945; border:1px solid #253945; width:178px;  text-align:left; margin: 0 0 4px 0; *margin:0 2px 4px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
	.thumbs img { width:170px; height:230px; display:block; background:#2D2F34; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
	.thumbs li:hover { border:1px solid #629ac1;}
	.thumbs em { padding:3px 0 8px 0; display:block; text-align:center; font-size:14px;}
	.thumbs .t_info { padding-top:7px;}
	.thumbs .t_info em { padding:0 5px 0 0; display:inline; font-size:10px;}
	.t_info span { color:#616161;}

.thumbs2 { text-align:center; padding-bottom:15px;}
	.thumbs2 li { font-size:11px; display:inline-block; *display:inline; *zoom:1; padding:3px; margin:0 ;background:#253945; border:1px solid #253945; width:248px;  text-align:left; margin: 0 0 4px 0; *margin:0 2px 4px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
	.thumbs2 img { width:240px; height:180px; display:block; background:#2D2F34; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
	.thumbs2 li:hover { border:1px solid #629ac1;}
	.thumbs2 em { padding:3px 0 8px 0; display:block; text-align:center; font-size:14px;}
	.thumbs2 .t_info { padding-top:7px;}
	.thumbs2 .t_info em { padding:0 5px 0 0; display:inline; font-size:10px;}
	.t_info2 span { color:#616161;}

.thumbs3 { text-align:center; padding-bottom:15px;}
	.thumbs3 li { font-size:11px; display:inline-block; *display:inline; *zoom:1; padding:3px; margin:0 ;background:#152026; border:1px solid #253945; width:308px;  text-align:left; margin: 0 0 4px 0; *margin:0 2px 4px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
	.thumbs3 img { width:300px; height:250px; display:block; background:#2D2F34; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
	.thumbs3 li:hover { border:1px solid #629ac1;}
	.thumbs3 em { padding:3px 0 8px 0; display:block; text-align:center; font-size:14px;}
	.thumbs3 .t_info { padding-top:7px;}
	.thumbs3 .t_info em { padding:0 5px 0 0; display:inline; font-size:10px;}
	.t_info3 span { color:#616161;}

.thumbs4 { text-align:center; padding-bottom:15px;}
	.thumbs4 li { font-size:11px; display:inline-block; *display:inline; *zoom:1; padding:3px; margin:0 ;background:#152026; border:1px solid #253945; width:188px;  text-align:center; margin: 0 0 4px 0; *margin:0 2px 4px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
	.thumbs4 img { width:180px; height:135px; display:block; background:#2D2F34; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
	.thumbs4 li:hover { border:1px solid #629ac1;}
	.thumbs4 em { padding:3px 0 8px 0; display:block; text-align:center; font-size:14px;}
	.thumbs4 .t_info { padding-top:7px;}
	.thumbs4 .t_info em { padding:0 5px 0 0; display:inline; font-size:10px;}
	.t_info4 span { color:#616161;}

.thumbs5 { text-align:center; padding-bottom:15px;}
	.thumbs5 li { font-size:11px; display:inline-block; *display:inline; *zoom:1; padding:3px; margin:0 ;background:#152026; border:1px solid #253945; width:158px;  text-align:center; margin: 0 0 4px 0; *margin:0 2px 4px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
	.thumbs5 img { width:150px; height:150px; display:block; background:#2D2F34; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
	.thumbs5 li:hover { border:1px solid #629ac1;}
	.thumbs5 em { padding:3px 0 8px 0; display:block; text-align:center; font-size:14px;}
	.thumbs5 .t_info { padding-top:7px;}
	.thumbs5 .t_info em { padding:0 5px 0 0; display:inline; font-size:10px;}
	.t_info5 span { color:#616161;}

.thumbs6 { text-align:center; padding-bottom:15px;}
	.thumbs6 li { font-size:11px; display:inline-block; *display:inline; *zoom:1; padding:3px; margin:0 ;background:#152026; border:1px solid #253945; width:250px;  text-align:center; margin: 0 0 4px 0; *margin:0 2px 4px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
	.thumbs6 img { width:250px; height:250px; display:block; background:#2D2F34; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
	.thumbs6 li:hover { border:1px solid #629ac1;}
	.thumbs6 em { padding:3px 0 8px 0; display:block; text-align:center; font-size:14px;}
	.thumbs6 .t_info { padding-top:7px;}
	.thumbs6 .t_info em { padding:0 5px 0 0; display:inline; font-size:10px;}
	.t_info6 span { color:#616161;}


.toplist {font-size: 14px; color: #EF1A26;}
	
.top { width:100%; overflow:hidden; padding-bottom:15px; font-size:12px; color: #a6b3bb;}
	.top ul { width:25%; float:left; padding:10px 0;}
	.top li { font-weight:bold; padding-left:15px; margin-left:10px;}
	
.tops { width:100%; overflow:hidden; padding-bottom:15px;}
	.tops ul { width:16.6%; float:left; padding:10px 0;}
	.tops li { font-weight:bold; padding-left:15px; background:url(images/li000000.png) 0 50% no-repeat; margin-left:20px;}
	
.pagination { padding:0 0 0 60px; margin-bottom:5px; color:#a6b3bb; font-size:16px; overflow:hidden; *height:1%;
float:left;
}
.serch {float:left;height:24px;margin-top:10px;
	margin-right:40px; /* сдвинуть влево */
	display:inline-block;
}
	.sort {display:inline; line-height: 32px; float:left; padding:4px 10px;}
	.sort a, .sort a:visited {color:#a6b3bb; text-decoration:none; padding:3px 7px; font-size:16px; background:#253945; border:1px solid #1a1b1e;}
	.sort a:hover {background:#629ac1; color:#dde4e8; border:1px solid #1a1b1e;}
	.fr { float:left;}
	
	.sortpage {display:inline; line-height: 32px; padding:4px 10px; color:#a6b3bb;}
	.sortpage a, .sortpage a:visited {color:#a6b3bb; text-decoration:none; padding:3px 7px; font-size:16px; background:#253945; border:1px solid #1a1b1e;}
	.sortpage a:hover {background:#629ac1; color:#dde4e8; border:1px solid #1a1b1e;}
/* ------------------------------------------- */

/* --------------- Footer --------------- */
#footer { height:67px; position:relative; z-index:2; overflow:hidden;}
.warn { padding-top:10px; font-size:11px; color:#a6b3bb;}
/* ------------------------------------------- */

.hor_ads {text-align:center;}
.hor_ad {
	display: inline-block;
	width: 300px;
	height: 250px;
	margin:10px 0;
}
.hor_ad_2, .hor_ad_3, .hor_ad_4 { display: none; }

@media (max-width: 1280px) {
.serch {
	float:none;
	margin:0 0 0 80px;
}
}

@media (max-width: 1000px) {
.tops ul {width:calc(100% / 3);}
.top ul  {width:calc(100% / 2);}
}

@media (max-width: 750px) {
.h_desc {display:none;}
#header {text-align:center;}
.logo {
	position:relative;
	margin:auto;
	max-width:100%;
	height:auto;
	left:auto;
}
}

@media (max-width: 600px) {
.tops ul {width:calc(100% / 2);}
.top ul  {width:100%;}
.sort a {
	font-size:1.2em;
	line-height:2em;
}
.tops a {line-height:2em;}
.pagination {padding:0;}
.serch {margin:0 0 0 20px;}
}


@media screen and (min-width: 610px) {
.hor_ad_2 { display: inline-block; }
}
@media screen and (min-width: 920px) {
.hor_ad_3 { display: inline-block; }
}
@media screen and (min-width: 1295px) {
.hor_ad_4 { display: inline-block; }
}