/* --------------- 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 {min-width:1236px;
background:#fff;    color: #373737;	font-size:13px;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: #3f3f3f;cursor: pointer;text-decoration: none;}
a:hover {color:#C62525;text-decoration: none;}
img {border:none;}
.clear { clear:both; font-size:0; line-height:0; height:0;}
/* ------------------------------------------- */
#all { width:100%; }
/* --------------- Header --------------- */
#header { width:1236px; margin:0 auto; position:relative; height:75px; z-index:10; }
.header_wrap {  background:#333333;	border-bottom:1px solid #000; width:100%;}
.logo {position:absolute;top:0; left:0px; width:400px; height:75px;background: url(../images/logo.png) 0 50% no-repeat; background-position:0 50% !important;}
	.logo img { display:none;}
.ban_468_60 { position:absolute; right:0; top:6px;}
	
.soc { position:absolute; left:415px; top:20px; width:260px;}
.total {position:absolute; left:590px; top:27px;}


.menu { position:absolute; left:0px; top:0; font-size:16px; height:36px; z-index:3;}
	.menu li { float:left; display:inline; text-transform:uppercase; border-left:1px solid #4d4d4d;border-right:1px solid #000;color:#999;border-width:0 1px 0 1px !important; margin-left:-1px;}
	.menu em {height:36px; line-height:36px; display:block; float:left; padding:0 15px;overflow:hidden;}
	.menu a, .menu a:visited { color:#fff;float:left; font-weight:bold; }
	.menu a:hover { text-decoration: none; color:#fff;	background:#000;}	
	
	
.submenu { display:none; position:absolute; overflow:hidden; left:0; top:36px; width:1236px; background:#313131; padding:10px 0;border:0;}
.submenu ul { border:0;}
.submenu ul li { float:left; width:16.6%;display:block; font-size:13px; text-transform:none; height:20px; line-height:20px; overflow:hidden; border:0;}
.menu .submenu li a, .menu .submenu li a:visited {float:none; background:none; margin-left:20px; }
.menu .submenu li a:hover { background:none;}	
.menu li:hover .submenu  { display:block;}
	
.s_form { position:absolute;right:0; width:385px;height:26px; top:4px;  }
	.s_input {background:none;  border-radius:5px; padding:3px; height:20px; width:300px; line-height:20px; float:left; border:0; font-size:13px;font-family:Trebuchet MS, Arial, Helvetica, sans-serif; 	 background: #000;	border: 1px solid #3e3e3e;	color: #999;	}
	.s_submit {float: right;cursor: pointer;height:28px;width: 70px;border-radius:5px;  border:0; 
	background:#fff;  	 color:#000;font-size:13px;font-family:Trebuchet MS, Arial, Helvetica, sans-serif; 	 font-size:16px; }
	.s_submit:hover { background: #fcfcfc;	color:#000;}
	.s_form_2 { float:right; position:static; margin-right:20px;}


.menu_wrap { width:100%; position:relative;  z-index:99999; height:36px;margin-bottom:15px; border-top:1px solid #4d4d4d; border-left:0 !important; border-right:0 !important;background: #3b3b3b;
            background: -moz-linear-gradient(top, #3b3b3b 0%, #313131 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b3b3b), color-stop(100%,#313131));
            background: -webkit-linear-gradient(top, #3b3b3b 0%, #313131 100%);
            background: -o-linear-gradient(top, #3b3b3b 0%, #313131 100%);
            background: -ms-linear-gradient(top, #3b3b3b 0%, #313131 100%);
            background: linear-gradient(to bottom, #3b3b3b 0%, #313131 100%); }
.menu_box {width:1236px; margin:0 auto; position:relative;}
/* ------------------------------------------- */

/* --------------- Content --------------- */
/* THUMBS */
.thumbs { width:100%; text-align:center; margin-bottom:10px;}
	.thumbs li {  width:242px; position:relative; padding:1px;  display:inline-block;*display:inline;*zoom:1; vertical-align:top; margin:0 0 3px; *margin:0 1px 2px;
	background:#f3f3f3; 				 }
   .thumbs li a, .thumbs li a:visited {}
	 .thumbs li a:hover {text-decoration:none; text-decoration:none;}
	.thumbs img { width:240px; height:180px; display:block; background:#444; margin-bottom:4px; }
	.image { width:240px; border:1px solid #000; height:180px; overflow:hidden; display:block; position:relative;}
	.thumbs strong {  display:block; text-align:left;  line-height:22px; height:22px; font-size:13px; overflow:hidden; padding:0 5px;}
	.thumbs .cats_name {   line-height:25px; height:25px; text-align:center; font-size:16px; text-transform:uppercase;}

	
	.infos { position:absolute; bottom:5px; background:#111; color:#fff !important; text-decoration:none !important;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;display:block; padding:5px; font-size:10px; font-weight:bold; border-radius:4px; text-shadow:1px 1px 1px #000;}
	.al {left:5px;}
	.ar {right: 5px;}
	
	
.sort { float:right; display:inline; margin-right:20px;line-height:30px;}
.sfl { float:left; margin-left:30px;}	
.sort a, .sort a:visited {padding:0 10px; display:inline-block;*display:inline;*zoom:1; vertical-align:top; font-weight:bold; font-size:15px; border-radius:3px;
 color:#fff;				background: #505050;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#505050), to(#333333));
background: -webkit-linear-gradient(#505050, #333333);
background: -moz-linear-gradient(#505050, #333333);
background: -ms-linear-gradient(#505050, #333333);
background: -o-linear-gradient(#505050, #333333);
background: linear-gradient(#505050, #333333); text-shadow:1px 1px 1px #000;								}
.sort a:hover {
				background: #787878;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#787878), to(#454545));
background: -webkit-linear-gradient(#787878, #454545);
background: -moz-linear-gradient(#787878, #454545);
background: -ms-linear-gradient(#787878, #454545);
background: -o-linear-gradient(#787878, #454545);
background: linear-gradient(#787878, #454545); text-shadow:none;
				}


.bot_sort { width:100%; overflow:hidden; margin-bottom:25px;}
	
	.traders li { width:170px;}
	.traders img, .traders .image { width:168px; height:125px;}
	.traders .cats_name { font-size:14px; text-transform:none;}
	



.name {text-transform:uppercase; font-weight:bold; margin-left:20px;
 font-size:24px;}

.block { width:100%; overflow:hidden;  color:#595959;background:#eeeeee; margin-bottom:20px;}
.block a, .block a:visited {}
.block a:hover {}
.block_box { width:100%; padding:25px 20px;}
.cats ul { width:100%; overflow:hidden;}
	.cats ul li { float:none; display:block; font-size:13px; text-transform:none; height:20px; line-height:20px; overflow:hidden; }
	.cats ul li { width:16.6%; float:left;}

.soc_r { position:static; float:right; margin-right:10px;}

.banners { text-align:center; padding:25px 0;}
.ban_300 { display:inline-block;*display:inline;*zoom:1; vertical-align:top; width:300px; text-align:center;}

.tops { width:100%; overflow:hidden;}
.tops ul { width:16.6%; float:left;}


.gal { width:990px; margin:0 auto;overflow:hidden; margin-bottom:25px; }
.gal_left { width:660px; padding:10px;  float:left;}
	.gal_left_name { font-size:18px;}
.gal_right { width: 300px; float:right; text-align:center; padding-bottom:20px;}

.gal_right .pic_thumbs .thumbs_cont { padding-left:0;}
.gal_right  .pic_thumbs { width:100%;}

	.player {position: relative;	padding-bottom: 56.25%;	height: 0;	overflow: hidden; margin-bottom:10px; background:#ccc;}
	.player iframe,  .player object,  .player embed, .player video {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}

		
		.adv { position:absolute; left:0; top:0; width:100%; height:100%; background:#000;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;}
		.player .adv_box iframe,  .player .adv_box object,  .player .adv_box embed, .player .adv_box video {width:300px !important; height:250px !important;}
																		.adv_box { width:300px; height:250px; position:absolute; left:50%; top:50%; margin:-125px 0 0 -150px; background:#000; z-index:9999;}
																		.adv_close { z-index:9999; position:absolute; right:3px; width:22px;height:22px;display:block;background:#cc0000;top:3px; cursor:pointer; color:#fff; line-height:22px; text-align:center; line-height:22px; font-weight:bold; font-size:14px;border:1px solid #000;}
																		.adv_ban { width:300px; height:250px; position:absolute; left:0; top:0; overflow:hidden;background:#000;}  
																		.adv_all { display:none;}	

.g_col_1 { width: 350px; float:left;}
.g_col_2 { width:165px; text-align:right; float:right;}
.g_line { font-size:12px; padding:4px 10px; font-weight:bold;}
p.g_line { font-size:14px; font-weight:normal;}

.click_here { text-align:center; padding:10px 0; font-size:22px; font-weight:bold; }
.click_here a, .click_here a:visited {color:#cc0000; text-decoration:underline;}
.click_here a:hover { color:#000; text-decoration:none;}

.g_line a , .g_line a:visited { text-decoration:underline;}
.g_line a:hover { text-decoration:none;}

.banner { text-align:center; padding-bottom:10px;}




/* ------------------------------------------- */

/* --------------- Footer --------------- */
#footer { width:100%;  text-align:center;     color:#a9a9a9; 	background:#333;}
.footer_box {width:1236px; margin:0 auto; padding:25px 0;}

.f_text {font-size:11px; }
.f_text strong { color:#fff;}
.f_text a, .f_text a:visited { color:#fff; text-decoration:underline;}
.f_text a:hover { color:#ccc; }
/* ------------------------------------------- */
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }


.gal_left_name { font-size: 22px; margin-bottom: 10px; }

@media all and (max-width: 1236px) {
body { min-width: 100%; }
#header { width: 100%; }
.menu_box { width: 100%; }
.submenu { width: 100%; }
.submenu ul li { width: 30%; }
form.s_form { right: 5px; }
.footer_box { width: 100%; }
}

@media all and (max-width: 1020px) {
body { min-width: 100%; }
#header { width: 100%; height: auto; padding-bottom: 10px; text-align: center; }
a.logo { position: static; display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; width: 300px; height: 56px; background-size: 300px 56px;}

.soc { position: static; display: block; margin: 10px auto 0 auto; }
.menu_wrap { height: auto; }
.menu_box { width: 100%; text-align: center; padding-bottom: 10px; }
ul.menu { position: static; text-align: center; height: auto; }
ul.menu li { float: none; display: inline-block; vertical-align: top; border: 0; margin: 0;  }
.submenu { width: 100%; }
.submenu ul li { width: 96%; }
form.s_form { position: static; display: block; margin: 10px auto 0 auto; width: 96%; max-width: 400px; }
input.s_input { width: 65%; }
input.s_submit { width: 30%; }

.sort { float: none; display: block; text-align: center; }
h1 { text-align: center; }

.thumbs li { width: 96%; margin: 1% 0.5% 0 0.5%; padding: 0; }
.thumbs .image { width: auto; height: auto; }
.thumbs img { width: 100%; height: auto; }
.thumbs strong { height: 25px; line-height: 25px; }

.cats ul li, .tops ul { width: 49%; }
.cats ul li, .tops ul li { height: 30px; line-height: 30px; }

.sort.sfl { padding-bottom: 10px; }

.gal { width: 98%; }
.gal_left { float: none; width: 100%; }
.player { height: 250px; padding-bottom: 0; }
.player iframe, .player object, .player embed { width: 100%; height: 100%; }
.g_col_2 { clear: both; text-align: left; float: none; margin-top: 10px; width: 100%; }
.g_line { display: inline-block; vertical-align: top; margin-right: 10px; }
.gal_right { float: none; width: 100%; }
.banner { display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; }
.banner-3 { display: none; }

.footer_box { width: 100%; }


@media all and (min-width: 400px) {
.submenu ul li { width: 48%; }
.player { height: 300px; }
}

@media all and (min-width: 470px) {
a.logo {width: 400px; height: 75px; background-size: 400px 75px;}
.thumbs li { width: 48%; }
}

@media all and (min-width: 500px) {
.player { height: 350px; }
}

@media all and (min-width: 600px) {
.submenu ul li { width: 30%; }
.thumbs li { width: 31%; }
.cats ul li, .tops ul { width: 32%; }
.player { height: 400px; }
}

@media all and (min-width: 700px) {
.player { height: 450px; }
}

@media all and (min-width: 800px) {
.thumbs li { width: 23%; }
.player { height: 500px; }
}

@media all and (min-width: 900px) {
.player { height: 550px; }
}

}

@media all and (min-width: 1020px) {
.banner-3 { display: none; }
.player {  height: 420px; padding-bottom: 0; }
.gal_right { padding-top: 56px; }
}

@media all and (min-width: 1256px) {
.gal { width: 1230px; }
.gal_left { width: 900px; }
.player { height: 512px; padding-bottom: 0; }
}

@media all and (min-width: 1508px) {
.gal { width: 1482px; }
.gal_left { width: 1152px; }
.player { height: 660px; }
.banner-3 { display: block; }
}

@media all and (min-width: 1756px) {
.gal { width: 1730px; }
.gal_left { width: 1400px; }
.player { height: 730px; }
}