html, body {
	margin:0;
	padding:0;
	text-align:center;
}

body {
	background: url(img/tlo1.gif);	
}

#head {
	text-align:left;
	margin:0 auto;
	padding:5px 15px;
	width:706px;
	height:auto;
	* height:100%;
	background:url(img/bg.gif) repeat-y;
	font:11px Arial,Helvetica,sans-serif;
	color:#666;
}

#banner {
	margin:5px;
	background: url(img/banner.jpg) no-repeat;
	width:662px;
	height:147px;
	padding:10px 0 0 10px;
}

#ramka {
	width:635px;
	height:125px;
	padding:5px;
	border:2px dashed #FFF;
} 

#content {
	width:676px;
}

#main {
	background: #FFFFFF;
	width:485px;
	min-height:auto;
	float:left;
	padding:10px;
}

#bokP {
	background: #FFFFFF;
	float:left;
	width:141px;
	min-height:250px;
	height:auto;
	float:center;
	padding:10px 15px;
	}

#box {
	width:126px;
	height:auto;
	padding:0 10px;
	border:1px dotted #369;
}

#box2 {
	text-align:center;
	width:auto;
	height:auto;
	padding:0 0 10px 0px;
	border:1px dotted #369;

}

#buttony {
	text-align:center;
	width:auto;
	height:auto;
	padding:0 0 10px 0px;
	border:0px dashed #369;

}

#ramaMain {
	text-align:center;
	width:auto;
	height:auto;
	padding:0 0 10px 0px;
	border:2px dashed #369;

}

#box_newsletter {
	text-align:center;
	width:auto;
	height:auto;
	padding:0 0 0 0px;
	border:1px dotted #369;
}

#logo {
	text-align:left;
	margin:0 auto;
	padding:5px 15px;
	width:250;
	min-height:auto;
	
	
}

#menu {
	text-align:center;
	margin:0 auto;
	padding:5px 15px;
	width:706;
	height:auto;
	
}

#menu a {
	text-decoration:none;
	padding:5px;
	width:136px;
	
/*	color:#666;*/
	color:#666;
	border-bottom:1px;
	/* #FC6; 031648*/
}

#menu a:hover {
	text-decoration:none;
	
	color:#369;
	border-bottom:1px dashed #369;
}



#hot_news {
		width:auto;
	height:auto;
	padding:0 5px;
	border:1px dotted #369;
}

#blog {
	width:auto;
	height:auto;
	padding:0 5px;
}


#sponsors {
	width:665px;
	height:auto;
	padding:0 5px;
	border:1px dotted #369;
}

#navBar {
		list-style:none;
	margin:5px 0;
	padding:0;
}

#navBar a {
	text-decoration:none;
	padding:5px;
	width:136px;
	display:block;
/*	color:#666;*/
	color:#666;
	border-bottom:1px dashed #369;
	/* #FC6; 031648*/
}

#navBar a:hover {
	background: url(img/tlo.gif);
	color:#666;
}

#navBar2 {
	list-style:none;
	margin:5px 0;
	padding:0;
}

#navBar2 a {
	text-decoration:none;
	padding:5px;
	width:136px;
	display:block;
/*	color:#666;*/
	color:#666;
	border-bottom:1px dashed #369;
	/* #FC6; 031648*/
}

#navBar2 a:hover {
	background:#EAEAEA;
	color:#666;
}

#noLine a {
	border-bottom:0;
}

h0 {
	font-size:20px;
	margin:0;
	color:#000;
}

h1 {
	font-size:28px;
	margin:0;
	color:#FFF;
}

h2 {
	font-size:12px;
	margin:0 0 0 5px;
	color:#FFF;
}

h3 {
	font-size:16px;
	margin:0;
}

.data {
	display:block;
	text-align:right;
	font-size:10px;
	margin:0;
	font-weight:normal;
	color:#999;
	padding:0px;

}
.linia {
	display:block;
	width:485px;
	border-top:1px solid #CCCCCC;
	padding:10px 0 15px;
}
.comments {
	display:block;
	width:485px;
	text-align:right;
	font-size:10px;
	margin:0;
	font-weight:normal;
	color:#999;
	padding:2px 0 5px;
	border-bottom:2px dotted #CCCCCC;
}

#clear {
	clear:both;
}

p {
	line-height:1.5em;
}

#copy, #copy a {
	padding-top:5px;
	text-decoration:none;
	text-align:center;
	font:10px Arial,Helvetica,sans-serif;
	color:#666;
}

#copy a:hover {
	color:#369;
}

#link, #link a {
	text-decoration:none;
	font:10px Arial,Helvetica,sans-serif;
	color:#369;
}

#link a:hover {
	color:#369;
}

#bottom {
	margin:0 auto;
	height:10px;
	width:736px;
	background: url(bg2c.gif) no-repeat;
}

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

#sidebar a{
    text-decoration:none;
	font:10px Arial,Helvetica,sans-serif;
	color:#369;
}

#sidebar a:hover {
	color:#369;
}