body {background-color: #ddeedd; color:#000000; margin:0px; padding:0px; font-family:serif; font-size: 100% ;}

.none 	{display:none;}

.sitename {color: #008800; font-size: 120% ; margin: 10px 5px  10px  5px; font-weight: bold; text-transform:uppercase}
.slogan {color: #000000; font-size: 110% ; margin: 10px 10px 10px 15px; font-family:sans-serif; font-weight: bold;}

h1 {font-size: 140%; margin: 10px 5px  10px  5px;}
h2 {font-size: 130%; margin: 10px 10px 10px 15px;}
h3 {font-size: 120%; margin: 10px 20px 10px 20px;}
h4 {font-size: 110%; margin: 10px 30px 10px 30px;}

p {text-indent:25px;}
p.center  {text-align:center;}
p.right   {text-align:right;}
p.justify {text-align:justify;}
footer  {text-align:center; font-size: smaill; text-decoration: none}

A:link		{background-color: transparent; color: #000022; text-decoration:none}
A:active	{background-color: transparent; color: #666699; text-decoration:none}
A:visited	{background-color: transparent; color: #2222aa; text-decoration:none}
A:hover		{background-color: transparent; color: #ff0000; text-decoration:none}

.bodyline	{background-color: #4a6163;}
.blockline	{background-color: transparent; border: 1px #cccccc solid;}
.quote, .code	{background-color: #eeeeef; padding:5px; border: double #448844;}
.ahtung	{background-color: #ffeeee; padding:5px; border: double red;}

.titleline	{background-color: #aaaaaa; border: ridge #ffffff; padding:4px; font-weight: bold; }

.small		{font-size: x-small; text-decoration: none;}

hr	{border: solid #222222 1px;}

textarea, select {background-color: #EEEEFF; color: #000000; border: 2px inset #5a6552;}

.ramka 	{background-color: #EEEEEE; border: 2px inset #5a6552;}

.button {background-color: #7b797b; color: #dddddd; border: 2px outset #DEDEDE; }

.row1	{background-color: #eeeeee;}
.row2	{background-color: #dddddd;}
.row3	{background-color: #cccccc;}

form {margin:0px; padding:0px;}		

.fon {background-color: #ffffff; background-image: url(/themes/Default/images/fon4.jpg); background-position: right top; background-repeat: no-repeat;}

.avatar {width: 160px; height: 130px; text-align:center; }

.logo {color:#000033; float: left; position: absolute; left:220px; top:10px;}

.banners {width: 470px; font-weight:bold; text-align:right; padding: 5px; float:right; position: absolute; right:6px; top:4px;font-size: 80%;}

.polosa {height: 20px; 
	text-transform:uppercase;
	background-color:#cccccc;
	background: linear-gradient(to left, #006600, #ffffff);				
	padding: 2px 12px 4px 12px; 
	margin:0px;
	border-top: double #ffffff;		
	border-bottom:double #000000; 			
	white-space:nowrap;
	text-align: left;
	clear: right;
	}

.lkolonka { width: 20%;
	margin: 5px 0px 0px 0px;
	padding:0px;
	position: absolute;
	float:left;
	}

.lkolonka:hover {	
	transition-duration: 0.5s;
	opacity: 1.0;
	margin: 5px 0px 0px 0px;
	padding:0px;
	}

.rkolonka { width: 20%;
	margin: 5px 5px 0px 1px;
	padding:0px;
	opacity: 0.95;
	float: right;
	}

.lbt {	width: 90%;			
	background-color:#aaaaaa; 
	background: linear-gradient(to right, #008800, #eeeeee);
	box-shadow: 5px 5px 3px rgba(0,0,0,0.6);
	font-weight:bold;
	text-align:right; 	
	color:#222222;
	margin:6px 6px 6px 6px;
	padding:4px 6px 4px 6px;
	border: outset 1px #ffffff;
	border-radius: 5px 5px 5px 5px;
	float:left;									
	}
			
*HTML .lbt {width: 96%;}						

.lbc {	width: 90%;						
	background-color:#dddddd;
	box-shadow: 5px 5px 3px rgba(0,0,0,0.6);
	border: outset 1px #888888; 
	border-radius: 10px 10px 10px 10px;
	margin: 6px 6px 6px 6px;
	padding:10px 10px 10px 10px;
	font-family:sans-serif;
	float:left;
	}	

*HTML .lbc {width: 96%;  }				

.rbt {	width: 90%;			
	background-color:#aaaaaa; 
	background: linear-gradient(to top, #008800, #aaaaaa);
	box-shadow: 5px 5px 3px rgba(6,6,6,0.6);
	font-weight:bold;
	color:#222222;
	margin:4px 6px 0px 6px;	
	padding:4px 10px 2px 4px;		
	border: outset 1px #ffffff;
	border-radius: 5px 5px 5px 5px;
	font-weight: bold;	
	float: right; 				
	}
			
*HTML .rbt {width: 96%;  }				
			 
.rbc {	width: 90%;
	background: #dddddd; 
	box-shadow: 5px 5px 3px rgba(6,6,6,0.6);
	border: outset 1px #dddddd; 
	border-radius: 5px 5px 5px 5px;
	margin: 1px 6px 4px 6px;		
	padding:4px 10px 4px 4px;
	float: right;
	}
			
*HTML .rbc {width: 96%;  }						
			
.cbt {	background-color:#aaaaaa; 
	background: linear-gradient(to bottom, #448844, #eeeeee);
	box-shadow: 2px 2px 2px rgba(6,6,6,0.6);
	border-radius: 5px 5px 0px 0px;
	font-weight:bold;
	color:#444444;
	margin: 4px 10% 0px 10%;
	padding:10px;				
	 }

.cbc {	background: #eeeeee; 
	box-shadow: 2px 2px 2px rgba(6,6,6,0.6);
	border-radius: 0px 0px 5px 5px;
	margin: 0px 10% 4px 10%;
	padding:10px 40px 10px 40px;
	}

.karta {width:40%;
	font-size:100%;
	background: #eeeeee;
	white-space:nowrap;
	padding:10px;
	border: outset 1px #ffffff;	
	}
	
.public	{	width: 75%;			
	background: #cccccc; 			
	position: absolute; left:10px; top:10px;
	border: double 4px #ffffff;
	padding:8px;
	}		
			
.newpm	{ white-space:nowrap;
	box-shadow: 0 0 5px 5px white;			
	background: #eeeeee; 			
	position: absolute; left:160px; top:10px;
	border: outset 2px #000000;
	border-radius: 10px;
	padding:8px;
	}					

.market {       width: 40%;
	border: 4px double green;
        background: #ffffff;
        top: 20%;
        right: 50px;
        padding:8px;
        position: fixed;
                //position: absolute; top: expression(document.getElementsByTagName( 'body' )[0].scrollTop < 100000 ? 200 + document.getElementsByTagName('body')[0].scrollTop : '10' + 'px'); 
        }

.avka {	background: #ffffff;		
	box-shadow: 0 0 3px 3px #006600;
	border-radius: 10px;
	padding:4px; 
	}	

.kote { width:150px; 
	height:200px;
	-webkit-transition-duration: 6s;
	-moz-transition-duration: 6s;
	-o-transition-duration: 6s;
	transition-duration: 6s;
	background-image:url(/images/kote.jpg); 
	background-color:transparent; 
	background-position: top left; 
	background-repeat: no-repeat; 
	}
	
.kote:hover {
	display:block;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	margin: 5px 0px 0px -200px;
	padding:0px;
    	position:absolute;
	}