@import "reset.css";


.login_block a:link			{ color: #fffff; font-family: Verdana, Helvetica; text-decoration: underline; }
.login_block a:active		{ color: #ffffff; font-family: Verdana, Helvetica; text-decoration: underline; }
.login_block a:visited		{ color: #ffffff; font-family: Verdana, Helvetica; text-decoration: underline; }
.login_block a:hover		{ color: #ffffff; font-family: Verdana, Helvetica; text-decoration: none; }






a:link			{ color: #ff2a00; font-family: Verdana, Helvetica; text-decoration: underline; }
a:active		{ color: #ff2a00; font-family: Verdana, Helvetica; text-decoration: underline; }
a:visited		{ color: #ff2a00; font-family: Verdana, Helvetica; text-decoration: underline; }
a:hover		{ color: #ff2a00; font-family: Verdana, Helvetica; text-decoration: none; }


.blocknav a:link			{ color: #00a4ff; font-size: 20px;  text-decoration: none; }
.blocknav a:active		{ color: #00a4ff; font-size: 20px;  text-decoration: none; }
.blocknav a:visited		{ color: #00a4ff; font-size: 20px;  text-decoration: none; }
.blocknav a:hover		{ color: #00a4ff; font-size: 20px;  text-decoration: none; }


.comments a:link			{ color: #000000; font-size: 11px;  text-decoration: none; }
.comments a:active		{ color: #000000; font-size: 11px;  text-decoration: none; }
.comments a:visited		{ color: #000000; font-size: 11px;  text-decoration: none; }
.comments a:hover		{ color: #000000; font-size: 11px;  text-decoration: underline; }

.head a:link			{ color: #ffffff; font-size: 11px; font-family: Verdana, Helvetica; text-decoration: underline; }
.head a:active		{ color: #ffffff; font-size: 11px; font-family: Verdana, Helvetica; text-decoration: underline; }
.head a:visited		{ color: #ffffff; font-size: 11px; font-family: Verdana, Helvetica; text-decoration: underline; }
.head a:hover		{ color: #ffffff; font-size: 11px; font-family: Verdana, Helvetica; text-decoration: none; }

.bgcolor1		{ background: #FFF; }
.bgcolor1 table td form textarea { width: 200px !important; }
.bgcolor2		{ background: #FAFAFA; }
.bgcolor3		{ background: #F5F5F5; }
.bgcolor4		{ background: #F1F1F1; }
.sort				{ background: #F1F1F1; }
html{
	font-size:100.01%;
	}
body{
	font-size:0.75em;
	color:#333333;
	padding:3px 5px;
	background:url(./i/background/body.gif) repeat;
	font-family:Tahoma !important;
	}
h1{
	font-family:"Trebuchet MS";
	font-size:2.00em;
	font-weight:bold;
	margin:20px 0 16px;
	}
h2{
	font-family:"Trebuchet MS";
	font-size:1.2em;
	font-weight:normal;
	}
p{
	line-height:1.2em;
	margin-bottom:1em;
	}
.top_menu{
	padding-bottom:4px;
	margin-left:25px;
	}
.top_menu li{
	float:left;
	padding-right:14px;
	}
.top_menu li a{
	color:#fff !important;
	font-size:0.92em !important;
	line-height:normal;
	}
.top_menu li a.active{
	font-weight:bold;
	text-decoration:none;
	}
.top_menu li a:hover{
	text-decoration:none;
	}
	
.bone{
	min-width:800px;
	margin:0 auto;
	}

.header{
	height:229px;
	background:#ffffff url(./i/background/header.jpg) no-repeat center 5px;
	}
.header-left{
	background:url(./i/background/header_left.gif) no-repeat;
	height:229px;
	}	
.header-right{
	height:229px !important;
	background:url(./i/background/header_right.gif) no-repeat right 0;
	position:relative;
	}
.logo{
	float:left;
	margin:5px 0 0 7px;
	display:block;
	}

.inputlogin {
background: #fafafa;
color: #6699cc;
border: 1px #848484 solid;
font-size: 51px;
font-family: verdana, helvetica;
text-decoration: none;

}
			
.children{
	width:509px;
	height:236px;
	position:absolute;
	top:-7px;
	right:5px;
	background:url(./i/background/children.png) no-repeat;
	}



.top-menu-forum{
	position:absolute;
	bottom:0;
	left:25px;
	z-index:100;
	}
.top-menu-forum li{
	position:relative;
	height:52px;
	float:left;
	margin-right:1px;
	zoom:1;
	}
.top-menu-forum span{
	position:absolute;
	height:52px;
	width:100%;
	bottom:0;
	left:0;
	right:0;
	z-index:10;
	background:url(./i/background/top.menu.png) no-repeat 0 0;
	}
.top-menu-forum .active span{
	background:url(./i/background/top.menu.active.png) no-repeat 0 0;
	}
.top-menu-forum a,
.top-menu-forum a:hover{
	float:left;
	display:block;
	position:relative;
	z-index:10;
	padding:16px 16px 12px 46px;
	color:#001456 !important;
	font-size:2.00em !important;
	font-family:"Trebuchet MS" !important;
	z-index:100;
	}
.top-menu-forum a:hover{
	text-decoration:none;
	}
.top-menu-forum .active a{
	font-weight:bold;
	text-decoration:none;
	}




.top-menu{
	position:absolute;
	bottom:0;
	left:25px;
	z-index:100;
	}
.top-menu li{
	position:relative;
	height:52px;
	float:left;
	margin-right:1px;
	zoom:1;
	}
.top-menu span{
	position:absolute;
	height:52px;
	width:100%;
	bottom:0;
	left:0;
	right:0;
	z-index:10;
	background:url(./i/background/top.menu.png) no-repeat 0 0;
	}
.top-menu .active span{
	background:url(./i/background/top.menu.active.png) no-repeat 0 0;
	}
.top-menu a,
.top-menu a:hover{
	float:left;
	display:block;
	position:relative;
	z-index:10;
	padding:16px 16px 12px 46px;
	color:#001456 !important;
	font-size:2.00em !important;
	font-family:"Trebuchet MS" !important;
	z-index:100;
	}
.top-menu a:hover{
	text-decoration:none;
	}
.top-menu .active a{
	font-weight:bold;
	text-decoration:none;
	}
	
.line{
	width:103%;
	overflow:hidden;
	margin:1px 0;
	white-space:nowrap;
	}
.line li{
	float:left;
	width:14%;
	height:5px;
	overflow:hidden;
	white-space:nowrap;
	}
.line .color-1{
	background-color:#ff0000;
	}
.line .color-2{
	background-color:#ff8a00;
	}
.line .color-3{
	background-color:#ffea00;
	}
.line .color-4{
	background-color:#02b60d;
	}
.line .color-5{
	background-color:#3095ff;
	}
.line .color-6{
	background-color:#968bff;
	}
.line .color-7{
	background-color:#ce8eff;
	}
	
.wrapper{
	padding:0 6px 0 7px;
	background:#ffffff;
	overflow:hidden;
	}
.wrapper .inner{
	width:100%;
	overflow:hidden;
	position:relative;
	}
.content{
	padding-bottom:60px;
	}

.column-left{
        padding-top:0px;  
	float:left;
	width:195px;
	margin-left:-100%;
/*	background: cyan;*/
	}

.column-left_part{
	float:left;
	width:20%;
	margin-left:-100%;
	}
.column-center{
	float:left;
	width:100%;
/*	background: green;*/
	}
.column-center .wraper{
	margin: 25px 265px 0 200px;
/*	width:52%; */
/*	background: yellow;*/
/*	margin-left:20.5%;	*/
	}
.column-center1{
	
	width:105%;
	}
.column-center1 .wraper1{
	margin: 25px 320px 0 20%;
	}

.column-center2{
	
	width:100%;
	}
.column-center2 .wraper2{
	margin: 25px  0 10%;
	}



.column-right{
	padding-top:10px;
	float:left;
	width:260px;
	margin-left:-260px;
/*	background: blue;*/
	}
	
/* navigation */
.navigation{
	padding:10px 0 40px;
	margin:0 20px 0 0;
	}
.navigation li{
	padding-left:77px;
	background-position:11px 50%;
	background-repeat:no-repeat;
	}
.navigation span{
	display:block;
	padding:18px 0 18px 12px;
	border-bottom:1px solid #bce7ff;
	}
.navigation .last span{
	border-bottom:0;
	}
.navigation a,
.navigation a:hover{
	color:#00a4ff !important;
	text-decoration:none  !important;
	
	font-size:2.00em  !important;
	font-family:"Trebuchet MS"  !important;
	}
.navigation .nav-1{
	background-image:url(./i/background/nav.1.gif);
	}
.navigation .nav-2{
	background-image:url(./i/background/nav.2.gif);
	}
.navigation .nav-3{
	background-image:url(./i/background/nav.3.gif);
	}
.navigation .nav-4{
	background-image:url(./i/background/nav.4.gif);
	}
.navigation .nav-5{
	background-image:url(./i/background/nav.5.gif);
	}
	
/* announcement */
.announcement{
	border-bottom:3px solid #ff6e51;
	margin:0 6px 24px 6px;
	}
.announcement h2{
	color:#ff2a00;
	margin:0 0 10px 0;
	font-size: 20px;
	padding:0;
	}
.announcement a{
	color:#ff2a00;
	}
.announcement dt{
	padding-bottom:2px;
	}
.announcement dd{
	display:inline;
	font-weight:bold;
	}
.announcement dd.more,
.announcement dd.more a{
	color:#333333;
	font-weight:normal
	}
.announcement .fill-questionnaire{
	padding:18px 0 10px;
	}
	
/* contact-info */
.contact-info{
	margin:0 0 24px 18px;
	} 
.contact-info p{
	margin-bottom:14px;
	} 
.contact-info strong,
.contact-info a{
	color:#333333;
	font-weight:bold;
	}


	
/* welcome */
.welcome{
	border-bottom:3px solid #f220ff;
	padding-bottom:1em;
	}
.welcome h1{
	color:#f220ff;
	}
	
/* news */
.news li{
	margin-bottom:26px;
	}
.news h1{
	margin-left:60px;
	}
.news h1,
.news a{
	color:#ff7200;
	}
.news h2{
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding:0;
	line-height:1.2em;
	}
.news .date{
	color:#aaaaaa;
	font-size:0.83em;
	width:50px;
	float:left;
	text-align:right;
	}
.news .text{
	margin-left:5px;
	margin-right:5px;
	}
.news .text p{
	margin:0 !important;
	}
.news .image{
	float:right;
	margin-left:10px;
	} 
.news .info{
	clear:both;
	background-color:#f5f5f5;
	padding:3px 12px;
	margin-top:3px;
	margin-left:5px;
	margin-right: 5px;
	}
.news .info .comments{
	float:left;
	color:#000000;
	line-height:15px;
	margin:0 !important;
	}
.news .info .vote{
	float:right;
	margin:0 !important;
	}
.news .more{
	font-weight:bold;
	color:#ff7200;
	text-align:right;
	margin:0 !important;
	font-size:1.17em;
	}
	
/* form-item */
.form-item{
	color:#ffffff;
	margin:16px 10px 29px 36px;
	position:relative;
	padding-bottom:4px;
	}
.form-item form{
	padding:0 18px 0 22px;
	}
.form-item fieldset,
.form-item h2{
	color:#ffffff;

	position:relative;
	z-index:100;
	}
.form-item h2{
	color:#ffffff;
	padding:2px 0 8px 22px;
	margin:0;	
	}
.form-item a{
	color:#ffffff;
	}
.form-item li{
	padding-bottom:4px;
	}
.form-item .inp-text{
	border:1px solid #cccccc;
	width:98.5%;
	}
.form-item .button-line{
	text-align:right;
	}
.form-item .visual{
	position:absolute;
	background-position:0 0;
	background-repeat:no-repeat;
	z-index:10;
	}
.form-item a{
	font-size:0.92em;
	}
	
.authorization-form{
	background:#fb2929 url(./i/background/authorization.line.gif) repeat-x 0 100%;
	}
.authorization-form form{
	background:url(./i/background/authorization.top.gif) no-repeat 0 0;
	}
.authorization-form .register{
	float:left;
	}
.authorization-form .remind-password{
	float:right;
	}
.authorization-form .visual{
	background-image:url(./i/background/authorization.image.jpg);
	width:90px;
	height:60px;
	left:-31px;
	top:-16px;
	}
.authorization-form .inp-text{
	width:60%;
	}
	
.search-form{
	background:#27bb32 url(./i/background/search.line.gif) repeat-x 0 100%;
	}
.search-form form{
	background:url(./i/background/search.top.jpg) no-repeat 0 0;
	}
.search-form .visual{
	background-image:url(./i/background/search.image.jpg);
	width:73px;
	height:56px;
	left:-24px;
	top:-16px;
	}
.search-form .button-line{
	margin-top:-12px;
	}
	
.vote-form{
	background:#9f39fe url(./i/background/vote.line.gif) repeat-x 0 100% ;
	}
.vote-form form{
	background:url(./i/background/vote.top.jpg) no-repeat 0 0;
	}
.vote-form .visual{
	background-image:url(./i/background/vote.image.jpg);
	width:78px;
	height:62px;
	left:-26px;
	top:-19px;
	}
.vote-form h2{
	padding-bottom:16px;
	}
.vote-form ul{
	padding-top:10px;
		color:#ffffff;
	}
	
.qu {color:#ffffff;
font-size: 13px;
font-weight: bold;}
.vote-form .button-line{
	padding-top:16px;
	}
	
	.qu2 {color:#ffffff;
font-size: 12px;
}
.vote-form .button-line{
	padding-top:16px;
	}
	
.banner{
	text-align:center;
	margin:0 10px 0 36px;
	}
	
	
	
/* news-lists */
.news-lists{
	color:#333333;
	display:table;
	width:100%;
	}
.news-lists .news-list-item{
	width:33%;
	display:table-cell;
	}
.news-lists .inn{
	padding:33px 18px 16px;
	position:relative;
	z-index:10;
	}
.news-lists h2{
	margin-bottom:28px;
	}
.news-lists .date{
	font-size:0.83em;
	}
.news-lists h3{
	font-size:1em;
	margin:0;
	padding:0;
	font-weight:bold;
	}
.news-lists h3 a{
	color:#333333;
	}
.news-klepa{
	background:#ceff59 url(./i/background/klepa.gif) no-repeat 0 100%;
	}
.news-filip{
	background:#79c5ff;
	width:34%!important;
	}
.news-filip{
	border-left:7px solid #ffffff;
	border-right:7px solid #ffffff;
	margin:0 -7px;
	1padding-bottom:1000px;
	1margin-bottom:-1000px;
	}
.news-filip h2{
	padding-right:110px;
	}
.news-kapi{
	background:#ff90e9 url(./i/background/kapi.gif) no-repeat 100% 100%;
	}
.news-kapi h2{
	padding-right:90px;
	}

.news-klepa .visual{
	width:115px;
	height:207px;
	position:absolute;
	top:-158px;
	right:-7px;
	background:url(./i/background/klepa-v.gif) no-repeat 0 0;
	z-index:50;
	}
.news-filip .visual{
	width:178px;
	height:140px;
	position:absolute;
	top:-64px;
	right:-25px;
	background:url(./i/background/filip-v.gif) no-repeat 0 0;
	z-index:50;
	}
.news-kapi .visual{
	width:138px;
	height:139px;
	position:absolute;
	top:-62px;
	right:-6px;
	background:url(./i/background/kapi-v.gif) no-repeat 0 0;
	z-index:50;
	}

.news-lists .more{
	font-weight:bold;
	font-size:1.17em;
	margin:0 !important;
	text-align:right;
	padding-right:18px;
	}
.news-lists .more a{
	color:#333333;
	}
	
/* bg-bottomv */
.bg-bottom .bg-bottom-inn{
	margin:0 50px;
	background:#ffffff;
	}
.bg-bottom .bg-l{
	width:20%;
	height:48px;
	float:left;
	background:url(./i/background/bg-b-l.gif) no-repeat 0 0;
	position:relative;
	left:-50px;
	}
.bg-bottom .bg-r{
	width:20%;
	height:48px;
	float:right;
	background:url(./i/background/bg-b-r.gif) no-repeat 100% 0;
	position:relative;
	right:-50px;
	}
	
/* footer */
.footer{
	margin:0;
	padding:1px 15px 10px;
	}
.footer .counters{
	float:left;
	padding:0px 0 20px 0;
	width:310px;
	margin-top:0px;
	}
.footer .counters a{
	display:block;
	float:left;
	margin:5px;
	}
	
.footer .copyright{
	float:right;
	padding:0px 10px 20px 0;
	width:350px;
	text-align:right;
	color:#ffffff;
	font-size:0.92em;
	margin-top:0px
	}
	.footer .copyrightklepa{
	float:center;
	padding:0px 10px 20px 0;
	width:350px;
	text-align:center;
	color:#ffffff;
	font-size:0.92em;
	margin-top:0px
	}
.footer .copyright a{
	color:#ffffff;
	font-weight:bold;
	}
	
/* UTIL */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}

input {
	background: #FAFAFA;
	color: #000000;
		border: 1px #EEEDED solid;
	font-size: 15px; font-family: Verdana, Helvetica; text-decoration: none;
}

.chat{
	background: #FAFAFA;
	color: #000000;
		border: 1px #EEEDED solid;
	font-size: 10px; font-family: Verdana, Helvetica; text-decoration: none;
}

.ib {
		border: 0px;
}

.ir { background-color: #9e36ff;
		border: 0px;
}



textarea {
	background: #FAFAFA;
	color: #000000;
		border: 1px #d3d3d3 solid;
	font-size: 11px; font-family: Verdana, Helvetica; text-decoration: none;
}

select {
	background: #FAFAFA;
	color: #000000;
			border: 1px #EEEDED solid;
	font-size: 11px; font-family: Verdana, Helvetica; text-decoration: none;
}
th {
	color: #124b95;
	text-align: center;
	vertical-align: middle;
	height: 30px;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Helvetica;
	text-decoration: none;
	background-color: #e1e3e6;

	border: 1px #FFFFFF solid;
}

th_games {
	color: #124b95;
	text-align: center;
	vertical-align: middle;
	height: 30px;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Helvetica;
	text-decoration: none;
	background-color: #c4fcc7;

	border: 1px #FFFFFF solid;
}

.title				{ background: none; color: #ff6e51; font-size: 21px; font-weight: bold; font-family: MagistralC, Verdana, Helvetica; text-decoration: none; }
.title1				{ background: none; color: #ff6e51; font-size: 21px; font-weight: bold; font-family: MagistralC, Verdana, Helvetica; text-decoration: none; }


.account				{ background: none; color: #000000; font-size: 15px; font-family: MagistralC, Verdana, Helvetica; text-decoration: none; }







.bodyline		{ background-color: #FFFFFF; border: 1px #FFFFFF solid; }
.blockline		{ background-color: #FFFFFF; border: 1px #FFFFFF solid; border-top: none; }
.titleline			{ border: 1px #FFFFFF solid; }
.boxtitle			{ font-family: Verdana, Helvetica; font-size: 11px; color: #FF5500; font-weight: bold; }
.content			{ background: none; color: #000000; font-size: 11px; font-family: Verdana, Helvetica; }
.block-title		{ background: none; color: #ff7200; font-size: 11px; font-weight: bold; font-family: Verdana, Helvetica; }
.storytitle		{ background: none; color: #ff7200; font-size: 14px; font-weight: bold; font-family: Verdana, Helvetica; text-decoration: none; }
.storycat		{ background: none; color: #FF5500; font-size: 11px; font-weight: bold; font-family: Verdana, Helvetica; text-decoration: none; }
.option 			{ background: none; color: #124b95; font-size: 11px; font-weight: bold; font-family: Verdana, Helvetica; text-decoration: none; }
.tiny				{ background: none; color: #000000; font-size: 11px; font-weight: normal; font-family: Verdana, Helvetica; text-decoration: none; }
.small			{ background: #FFFFFF; color: #000000; font-size: 10px; font-weight: normal; font-family: Verdana, Helvetica; text-decoration: none; }

.small1			{ background: #FFFFFF; color: #FF0000; font-size: 10px; font-weight: normal; font-family: Verdana, Helvetica; text-decoration: none; }


.middle			{ padding-left:3; padding-right:3; padding-top:0; padding-bottom:3; }
.code				{ color: #0000BB; font-size: 11px; font-family: Verdana, Helvetica; }

legend			{ font-family: Verdana, Helvetica; font-size: 11px; color:#FF5500; font-weight: bold; }
font, td, p		{ font-size: 11px; font-family: Verdana, Helvetica; vertical-align: top;}
hr					{ height: 0px; border: solid #2666B9 0px; border-top-width: 0px; }
code				{ background: none; color: #0000FF; font-size: 11px; font-family: Verdana, Helvetica; }



.editor {
	margin: 0px 0px 1px 0px;
	width: 400px;
	height: 21px;
	border: 1px #D1D8EC solid;
	background-image: url(../../images/editor/bg.gif);
	background-repeat: repeat-x;
}

.smilies{
	margin: 0px 0px 1px 0px;
	width: 400px;
	border: 1px #D1D8EC solid;
	background-color: #FFFFFF;
	text-align: center;
}

.editorbutton {
	float: left;
	cursor: pointer;
	padding: 2px 1px 0px 5px;
}

.rate {
	float: left;
	padding: 2px 1px 0px 5px;
}

.normal {
	float: left;
	width: 17px;
	height: 16px;
	background: url(../../images/rating.gif) top left repeat-x;
}

.hover {
	cursor: pointer;
	float: left;
	width: 17px;
	height: 16px;
	background: url(../../images/rating.gif) center left repeat-x;
}

.show {
	float: left;
	width: 17px;
	height: 16px;
	background: url(../../images/rating.gif) bottom left repeat-x;
}

.pagelink {
	border: 1px solid #D1D8EC;
	padding: 1px 5px 1px 5px;
	background-image: url(images/cellpic.gif);
}

.left {
	clear: both;
	float: left;
	padding: 5px 5px 5px 5px;
	width: 35%;
}

.center {
	float: left;
	padding: 5px 5px 5px 5px;
	width: 60%;
	white-space: nowrap;
}

.right {
	float: left;
	padding: 5px 5px 5px 5px;
	width: 5%;
}

.button {
	clear: both;
	padding: 5px 5px 5px 5px;
	text-align: center;
}