* {margin: 0; padding: 0;} 

body {
background: #ddd;
font: 14px/22px Arial, Tahoma;
//color:#999999; 
}

#ramki {
float:left; 
padding:10px; 
width:54%;
margin: auto auto;
}
#ramki3 {
float:left; 
padding:10px; 
width:40%;
margin: auto auto;
}

#ramki2 {
display: 
table; width:100%;
border: 1px solid #999999; 
background: #ddddcf;
}

#ramki4 {
float:left; 
padding:10px; 
width:98%;
color:#337733; 
font: 12px/18px Arial, Tahoma;
margin: auto auto;
}

tr {
background-color: #eea;
}
td {padding: 0 5px 0 5px;}

#fff{
color:#0044bb; 
}

#zag {    
font: 60px Tahoma, Helvetica, Arial, Sans-Serif;
color:#555; 
margin-left:2%;
padding-left: 3%;
/*text-shadow:  0 0 2px #cff, 5px 5px 0px  #600, 6px 6px 10px #000, 3px -1px 2px #bb9, 0px 5px 28px  #e00;*/
text-shadow:  0 0 2px #ccc, 5px 5px 0px  #9A4, 6px 6px 10px #000, 3px -1px 2px #bb9;
}

img {float:left;margin: 10px;width:180px; }

#blok_LR {   
//background: url(images/kluchi.png)  100% 0px no-repeat;;
display: table; 
width:80%; 
height:100%;
margin: auto auto;
//background: #440000;
color: #222222;  
padding: 1%;
}

#b1 {               
float:left;
background:#D6D3C3;  // #D9D6C0;
//display: table; 
width:100%;
margin-top: 20px;
padding: 20px;
box-shadow:
   0 1px 4px rgba(0, 0, 0, .3),
   -23px 0 20px -23px rgba(0, 0, 0, .8),
   23px 0 20px -23px rgba(0, 0, 0, .8),
   0 0 40px rgba(0, 0, 0, .1) inset;          
}

#dno {     
font: 14px/14px Arial, Tahoma;
width:100%; 
overflow: hidden;
background: url(images/fon_1.jpg);
}

h2 {color:#66aa44;}
h3 {color:#883311;}

h4 {
	color:#ddddaa;          
	font: 12px/10px "Trebuchet MS", Arial, Tahoma;
	display: inline;
	text-shadow:1px 1px 3px rgba(0,0,0,1); /* Тень текста,размер,сдвиг и цвет */
}

h6 {
	font: 14px/22px "Trebuchet MS", Arial, Tahoma;
	margin: 0px 0px 5px 15px;
	color: #aaaa55;
	text-shadow:2px 2px 3px rgba(0,0,0,0.75); /* Тень текста,размер,сдвиг и цвет */
}


#ramka1 { 
float: left;
width:14%;
height:26px;
}