@charset "utf-8";
/* CSS Document */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style:inherit; font-weight:inherit; }
del, ins { text-decoration:none; }
li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''; }
abbr, acronym { border:0; font-variant:normal; }
sup { vertical-align:baseline; }
sub { vertical-align:baseline; }
legend { color:#000; }
input, button, textarea, select, optgroup, option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
input, button, textarea, select { *font-size:100%;}
.clearfix { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*+html .clearfix { zoom: 1; } /* IE7 */
* html .le { float:left; margin: 0px -3px 0px -3px; }
* html .re { float:right; margin: 0px -3px 0px -3px; }
/*Carcas*/
body{ background-image: url(/images/bg.jpg); background-color: #282828; font-family: Arial, Helvetica, sans-serif; }
.container{ background-image: url(/images/header_bg.jpg); background-repeat: no-repeat;width:100%; max-width: 992px; margin-right: auto; margin-left: auto; }
.header{ width: 100%; }
.menu { float: left; display: block; height: 81px; background-image: url(/images/bg_header.png); background-repeat: repeat-x; }
.menu ul { float: left; padding-top: 22px; display: block; padding-left: 25px; width: 450px; }
.menu ul li { display: block; float: left; height: 31px; padding-right: 10px; padding-left: 10px; padding-top: 9px; font-size: 18px; font-weight: bold; }
.menu ul li:hover { display: block; background-image: url(/images/hover_bg.gif); }
.menu ul li a { color: #FFF; text-decoration: none; text-shadow: 1px 1px 0px #000; width: 100%; }
.menu ul li a:hover { color: #0084FF; text-decoration: none; }

.menu form { float: right; padding-top: 26px; padding-right: 5px; }
.menu form .s_input { background-image: url(/images/input.gif); background-repeat: no-repeat; height: 20px; width: 183px; float: left; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; font-size: 12px; color: #666; padding: 5px; }

.logo{ float: left; height: 81px; width: 281px; }
.block{ width: 100%; }
.title { background-image: url(/images/h_bg.png); background-repeat: repeat-x; padding-top: 15px; padding-right: 5px; padding-bottom: 10px; padding-left: 10px; }
.title h2 { background-image: url(/images/li.png); background-repeat: no-repeat; background-position: left center; padding-left: 13px; font-size: 18px; color: #FFF; font-weight: bold; float: left; clear: both; display: block; }
.title .name { float: left; line-height: 36px; display: block; height: 36px; padding-right: 15px; padding-left: 10px; }
.title .name h2 { display: block; background: url(/img/title-icon.png) no-repeat left center; padding-left: 28px; color: #b20671; font-size: 18px; font-weight: bold; text-transform: capitalize; text-align: left; font-family: Verdana, Geneva, sans-serif; }
.thumbs , .top_thumbs, .txt_top{ background-color: #1C1C1C; padding-bottom: 10px; width: 100%; display: block; }
.thumbs li { float: left; width: 242px; margin: 3px; position: relative; }
.thumbs li a { color: #EBA319; text-decoration: none; }
.thumbs li a img { border: 1px solid #EBA319; height: 180px; width: 240px; display: block; }
.thumbs li a:hover img { border: 1px solid #0084FF; }

.thumbs li a .name {background-image: url("/images/li_2.png"); background-position: 4px center; background-repeat: no-repeat; font-size: 12px; height: 15px; overflow-x: hidden; overflow-y: hidden; padding-left: 10px; width: 230px; font-weight: bold; }
.thumbs li a:hover .name { color: #0084FF; }
.thumbs li .tags {color: #0084FF; display: block; font-size: 11px; padding-left: 10px; padding-right: 5px; width: 225px; height: 14px; overflow: hidden; }
.thumbs li .tags a { color: #FFF; text-decoration: underline; }
.thumbs li .tags a:hover { color: #EBA319; text-decoration: underline; }
.thumbs li a .votes { background-color: #EBA319; color: #000; font-size: 12px; position: absolute; z-index: 5555; top: 158px; left: 1px; padding-top: 4px; padding-right: 8px; padding-bottom: 4px; padding-left: 20px; background-image: url(/images/thumb_up.png); background-repeat: no-repeat; background-position: 3px center; }
.thumbs li a:hover .votes { background-color: #0084FF; color: #000; font-size: 12px; position: absolute; z-index: 5555; top: 158px; left: 1px; padding-top: 4px; padding-right: 8px; padding-bottom: 4px; padding-left: 20px; background-image: url(/images/thumb_up.png); background-repeat: no-repeat; background-position: 3px center; }
.top_thumbs li { float: left; margin: 2px; }
.top_thumbs li a img { border: 1px solid #EBA319; }
.top_thumbs li a:hover img { border: 1px solid #0084FF; }
.top_thumbs li a .name { font-size: 12px; color: #EBA319; text-decoration: none; background-image: url(/images/li_2.png); background-repeat: no-repeat; background-position: 3px center; width: 182px; padding-left: 10px; overflow: hidden; }
.top_thumbs li a:hover .name { color: #0084FF; }
.top_thumbs li a { text-decoration: none; }
.txt_top ul { width: 228px; float: left; padding-left: 20px; }
.txt_top ul li { background-image: url(/images/li_2.png); background-repeat: no-repeat; background-position: left center; padding-left: 8px; font-size: 14px; }
.txt_top ul li a { color: #EBA319; text-decoration: none; }
.txt_top ul li a:hover { color: #0084FF; text-decoration: none; }

#flash_page { float: left; width: 650px; }
#flash_page .flash { background-color: #1C1C1C; text-align: center; padding-bottom: 10px; }

.line { color: #FFFFFF; font-size: 12px; padding: 5px; font-weight: bold; }
.line a   { color: #EBA319; font-weight: bold; }
.line a:hover { color: #0084FF; }


.flash h3 { font-size: 24px; font-weight: bold; text-align: center; text-transform: uppercase; }
.flash h3 a { color: #0084FF; }
.flash h3 a:hover { color: #FFF; }
.banners_blk  { float: left; padding-left: 10px; width: 332px; }
.banners_blk .banners { background-color: #1C1C1C; }

.g-tags { color: #FFF; font-size: 14px; display: block; line-height: 15px; margin-top: 5px; }
.g-tags a {
	color: #EBA319;
	font-size: 14px;
	font-weight: bold;
}
.g-tags a:hover {
	color: #EBA319;
	text-decoration: none;
	font-weight: bold;
}
.footer{ background-image: url(/images/bg_header.png); background-repeat: repeat-x; text-align: center; font-size: 12px; }
.footer .wm { background-color: #1C1C1C; display: block; margin-top: 20px; color: #CCC; }
.footer .wm a { color: #EBA319; }
.footer .wm a:hover { color: #1181E9; }
.paginator_top { display:block; font-size:14px; padding-top: 3px; padding-right: 0; padding-bottom: 0px; padding-left: 0; color: #FFFFFF; font-weight: bold; float: right; 
}
.paginator_top ul { display:inline; padding-top: 0px; padding-right: 3px; padding-bottom: 0px; padding-left: 3px; }
.paginator_top .pages { padding-right:15px; color: #EBA319; 
}
.paginator_top ul li { display:inline; padding-top: 4px; padding-right: 0px; padding-bottom: 4px; padding-left: 0px; height: 24px; }
.paginator_top ul li a, .paginator_top ul li a:visited { color:#EBA319; text-decoration:underline; font-weight: bold; text-shadow: 1px 1px 0px #000; 
}
.paginator_top ul li a:hover { color: #0084FF; text-decoration: none; 
}
.paginator_top .pages .scj_dots { display: inline; padding-top: 4px; padding-right: 2px; padding-bottom: 4px; padding-left: 2px; color: #FFF; }


@media all and (max-width:1000px) {
	.menu {
		width:100%;
}
	.logo {
		display:block;
    float: none;
    height: 81px;
    width: 281px;
		margin:0 auto;
		border-radius:40px
}
	.thumbs {
		text-align:center;
	}
	.thumbs li, .top_thumbs li, .txt_top ul {
    float:none;
    width: 24%;
    margin: 3px;
    position: relative;
		display:inline-block;
		vertical-align: top;
		box-sizing: border-box;
}
	.thumbs li a img, .top_thumbs li a img {
    border: 1px solid #EBA319;
    height: auto;
    width: 100%;
    display: block;
		box-sizing: border-box;
}
	.thumbs li .tags {
display:none;
}
	.votes {
		display:none;}
	
	.thumbs li a .name {
  width:100%;
		text-align:left;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow:hidden;
		box-sizing:border-box;
}
.menu {
   height:auto;
}
	#flash_page {
    float: left;
    width: 100%;
}
	.banners_blk {
    float: none;
    padding:10px 0;
    width: 100%;
		text-align:center;
}
.banners_blk .bg {
	display:inline-block
}
}
@media all and (max-width:650px) {
		.thumbs li, .top_thumbs li, .txt_top ul {
    width: 47%;

}
	.paginator_top {
		display:block;
		width:100%;
		margin:5px 0;
	}
	.paginator_top a {
	margin:5px;	
	}
	.txt_top ul li {
 line-height:2.5;
}
	
	.block ~.clearfix ~.title, .g-tags {display:none;}
		.menu ul {
		width:100%;
		box-sizing:border-box;
	}
}