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

.none 	{display:none;}

.sitename {color: #940008; font-size: 130% ; margin: 10px 5px  5px  5px; text-transform:uppercase; text-shadow: 2px 2px 2px rgba(0,0,0,0.8);}
.slogan {color: #222222; font-size: 120% ; margin: 10px 10px 5px 15px; font-family:monospace; text-shadow: 2px 2px 2px rgba(0,0,0,0.8);}

h1 {font-size: 130% ; margin: 10px 5px  5px  5px;}
h2 {font-size: 120% ; margin: 10px 10px 5px 15px;}
h3 {font-size: 110% ; margin: 10px 20px 5px 20px;}
h4 {font-size: 100% ; margin: 10px 30px 5px 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: small; text-decoration: none}

a:link		{background-color: transparent; color: #4444ff; text-decoration:none}
a:active	{background-color: transparent; color: #4444ff; text-decoration:none}
a:visited	{text-decoration: none}
a:hover		{background-color: transparent; color: #FF5500; text-decoration:none}

.bodyline	{background-color: #5a7573;}
.blockline	{background-color: transparent; border: 1px solid #5a695a;}
.quote, .code	{background-color: #ddeeee; padding:5px; margin:2px 10px 2px 10px; color:#000000; border: dotted 2px #668866;}

.titleline	{padding:4px; background-color:#aabbaa; color:#444444; border: double 2px #ffffff; font-weight: bold;}
.small	{background-color: transparent; color: #000000; font-size: 80%; text-decoration: none}

hr	{border: solid #5a718c 1px;}

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

textarea {
    width: 100%;
    box-sizing: border-box;
    display: block;
    padding: 12px;           /* Чтобы текст не прилипал к краям */
    font-size: 120%;         /* Важно: на iOS меньше 16px вызывает принудительный зум */
    line-height: 1.2;        /* Приятный межстрочный интервал */
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: none; /* Убираем стандартную синюю рамку браузера */
    transition: border-color 0.2s; /* Плавный переход (опционально) */
    resize: vertical;        /* Стандартный "хардкорный" способ менять размер */
	background-color: #f9f9f9; color: #000000; border: 2px inset #5a6552;
}

textarea:focus {
    border-color: #007BFF; /* Синий цвет при клике */
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Мягкое свечение вокруг */
}

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

.button {background-color:#adbaad;  border: 2px outset #DEDEDE; cursor:pointer;}

.row1	{background-color:#effbef; }
.row2	{background-color:#cedfce; }
.row3	{background-color:#adc3ad; }

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

.fon {background-color:#ddeedd;}

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

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

.banners { width: 470px; text-align:right; padding: 2px; float:right; position: absolute; right:3px; top:2px;font-size: 80%;}

.polosa {	height: 20px; font-size: 90%;
	text-transform:uppercase;
	background-color:#adbaad;
	padding: 2px 12px 4px 12px; 
	margin:0px;
	border-top: double #ddffdd;				
	border-bottom:double #002200; 			
	white-space:nowrap;
 	text-align: left;
	clear: right;
	}

.lkolonka { width: 50%;
	font-size:140%;
	margin: 5px 0px 0px -42%;
	padding:0px;
	position: absolute;
	float:left;
	}

.lkolonka:hover {
	display:block;
	margin: 5px 0px 0px 0px;
	padding:0px;	
	}

.rkolonka { width: 8%;
	top:160px;
	right:0px;
	position: fixed;
      //position: absolute; top: expression(document.getElementsByTagName( 'body' )[0].scrollTop < 100000 ? 200 + document.getElementsByTagName('body')[0].scrollTop : '10' + 'px'); 	
	margin: 5px;
	padding:0px;
	font-size:4px;
	float: right;
	}

.rkolonka:hover {
	width: 50%;
	font-size: 150% ;
	line-height: 2;	
	}
	
.lbt {	width: 90%;
	box-shadow: 5px 5px 3px rgba(0,0,0,0.6);
	background-color:#adbaad;
	background: linear-gradient(to top, #bccbbc, #effeff);
	font-weight:bold;
	color:#222222;
	margin:6px 4px 0px 4px;
	padding:4px 4px 4px 4px;
	text-align:right;
	border-radius: 7px 7px 0px 0px;
	float:left;					
	}

.lbc {	width: 90%;
	box-shadow: 5px 5px 3px rgba(0,0,0,0.6);
	background-color:#bccbbc;			
	border-radius: 0px 0px 7px 7px;
	margin: 0px 4px 0px 4px;
	padding:4px 4px 4px 4px;
	font-family:sans-serif;
	float:left;
	}	

.rbt {	width: 90%;
	box-shadow: 5px 5px 3px rgba(0,0,0,0.6); 	
	background-color:#adbaad;
	background: linear-gradient(to top left, #bccbbc, #effeff);   
	font-weight:bold;
	color:#222222;			
	margin:4px 4px 0px 4px;	
	padding:4px 10px 2px 4px;			
	font-weight: bold;
	border-radius: 7px 7px 0px 0px;
	opacity: 0.90;
	filter: alpha(opacity=90);
	float: right; 	
	}

*HTML .rbt {width: 96%;}

.rbc {	width: 90%;
	box-shadow: 5px 5px 3px rgba(0,0,0,0.6);
	background-color:#bccbbc;	
	border-radius: 0px 0px 7px 7px;
	margin: 0px 4px 6px 4px;		
	padding:4px 10px 4px 4px;
	opacity: 0.90;
	filter: alpha(opacity=90);
	float: right; 			
	}
			
*HTML .rbc {width: 96%; background-color:#cbd5d4;}
			
.cbt {	background-color: #aabbaa;
	background: linear-gradient(to top, #cedfce, #adbaad);
	box-shadow: 3px 3px 3px rgba(0,0,0,0.6);
	font-weight:bold;
	font-size: 150%;
	color:#333333;
	margin: 4px 5% 0px 5%;
	padding:10px;
	border-radius: 5px 5px 0px 0px;
	}

.cbc {  background: #cedfce;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.6);
	margin: 0px 5% 4px 5%;
	padding:10px;
	border-radius: 0 0 5px 5px;
	font-size: 150%;
	}	

*HTML .cbc {background-color:#cbd5d4; }						
	
.public {width: 70%;
	background: #ff9e63;
	position: absolute; left:10px; top:10px;
	border: double 4px #ffffff;
	padding:8px;
	}		
			
.newpm { white-space:nowrap;
	box-shadow: 0 0 5px 5px white;			
	background: #dfdfdf; 			
	position: absolute; left:180px; top:10px;
	border: double 4px #222288;
	border-radius: 10px;
	padding:8px;
	}		
			
.market {
	font-size: 80%;
        width: 30%;
        border: 4px double green;
        background: #ffffff;
        top: 10px;
        right: 10px;
        padding:4px;
	opacity: 0.70;
	filter: alpha(opacity=70);
        position: fixed;
        //position: absolute; top: expression(document.getElementsByTagName( 'body' )[0].scrollTop < 100000 ? 20 + document.getElementsByTagName('body')[0].scrollTop : '10' + 'px'); 
        }

.avka	{
	background: #a0a0a0;
	box-shadow: 0 0 3px 3px white;
	border-radius: 10px;
	padding:2px; margin:0px;
	}

.reklama { width: 20%;
	margin: 5px 0px 0px 0px;
	padding:0px;
	border: 4px solid green;
	float: right; 
	}