@charset "utf-8";

/******B-A-Z-A***R-E-S-E-T*******/

* {
	margin:0;
	padding:0;}

body {
	margin:0px;
	padding:0px;
	text-align:center;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	color:#888;}

a {
	color: #3399FF;
	text-decoration:none;}

 a:hover {
	color:#cccccc;}

img {
	border:0px;}


/*********S-H-A-P-K-A*********/

.slogan {
	margin-top:15px;
	font-size:20px;
	text-align:center;}

.back {
	width:680px;
	height:130px;
	margin: 10px auto 0px;
	padding:2px;
	background:url(images/shapka-b.jpg) no-repeat center;
	border:1px solid #CCCCCC;}

.vrem {
	width:500px;
	height:30px;
	margin: 10px auto;
	padding-top:15px;
	font-size:14px;
	color: #ccc;
	text-align:center;
	border: 1px dotted #999999;}


/*********C-O-N-T-E-N-T*********/

#cont {
	display:block;
	width:824px;
	margin: 0px auto 5px auto;}

#text {
	width:500px;
	float:left;
	text-align:left;
	font: 14px/20px Arial, Helvetica, sans-serif;
	color:#999;}

#text h2 {
	margin-bottom:10px;
	color:#3399CC;
	font: 20px/20px Arial, Helvetica, sans-serif;}

#text h3 {
	margin-bottom:5px;
	color:#888;
	font: bold 16px/20px Helvetica, Arial, sans-serif;
	text-decoration:underline;}
	
#text i, b {
	color: #3399FF;}


/************R-A-D-I-O*************/

#radio {
	display:block;
	width:300px;
	height:auto;
	margin-left:500px;
	padding:10px;
	border-left:1px solid #ccc;}

	#content {
		width:300px;
		margin:0 auto;}
	
		#content #load {
			font-size:10px;
			text-align:center;}

	.rasslab {
		text-align:center;
		margin-bottom:10px;
		//margin-bottom:0px;}

		.rasslab h3 {
			font: bold 17px/20px Helvetica, Arial, sans-serif;
			color:#3399CC;}

	#volny {
		padding-left:6px;}

		.volna {
			width:60px;
			height:85px;
			float:left;
			margin:5px 6px;
			font: 9px/12px Arial, Helvetica, sans-serif;
			text-align:center;
			//margin:5px 4px;}

			.volna img {
				width:45px;
				height:45px;}



/*******Scroller******/

#scroller_container {
	position: relative;
	width: 500px;
	height: 60px;
	overflow: hidden;}

#scroller {
	white-space: nowrap;}



/***********G-A-L-E-R-E-Y-A************/

#gallery {
	width:495px;
	margin-top:15px;
	padding-top:10px;
	border-top:1px solid #ccc;
	font: 12px/14px Georgia, "Times New Roman", Times, serif;}

	#gallery h3 {
		font: bold 16px/20px Arial, Helvetica, sans-serif;
		color:#3399CC;
		text-decoration:none;}

	.r1 {
		width:80px;
		height:55px;
		padding:2px;
		margin:5px;
		border: 1px solid #ccc;}

	#gallery a img {
		opacity: 0.65;
		filter: alpha(Opacity=65);}

		#gallery a:hover img {
			opacity: 1;
			filter: alpha(Opacity=100);
			border:1px solid #3399FF;}



/*************F-O-O-T-E-R*************/

#footer {
	width:824px;
	margin:0px auto;
	padding:10px;
	border-top:1px solid #ccc;
	clear:both;}


/***********P-U-Z-O-M-E-R***B-A-R***********/

#puzomer-bar {
	display:none;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:3000;}

	#puzomer-bar-in {
		width:680px;
		margin:0 auto;
		padding:5px;
		text-align:center;
		background-color:#efefef;
		border-bottom:2px solid #3399FF;}

#puzomer-knopka {
	float:right;
	font-size:14px;
	color: #b1009b;
	cursor:pointer;}