* {margin: 0; padding: 0;} 

body
{
background:#400000;
font: 14px/20px Arial, Tahoma;
color: #ffffcc; 
}

.shad2 {               
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;          
}


#zag {
font: 68px Tahoma, Helvetica, Arial, Sans-Serif;
color:#E5D0A5; 
padding: 0px 5px 5px 5px;
text-shadow:  5px 5px 0px #a00, 5px 6px 2px #f00;
float:left;
margin:15px 0 15px 30px;
}

#za {
font: 22px Tahoma, Helvetica, Arial, Sans-Serif;
color:#3B4B8D; 
text-shadow:  2px 2px 2px #aaa;
}


/* Основной блок */
.blok_LR {  
width:100%; 
overflow: hidden;
background: url(images/fon_3.jpg);
}

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

h6 {
font: 12px/14px "Trebuchet MS", Arial, Tahoma;
color: #50669E;               
}


/********** тень ***************/
.shad { 
//border: 1px solid #723;    
background:#eeeedd;  // #D9D6C0;
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;          
}

.okno { 
position: relative;
width:50%;
padding:20px; 
border: 1px solid #ccc; 
background: #eeeedd; 
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;          

}

.cifra {
font-size: 12px;
float:left;
text-align:center;
padding: 1px;
background: #E4D2A3; 
border: 1px solid #999999;
cursor:pointer; 
color:#000000;
margin: 2px;
width:23px;
 /******* радиус  **********/
   -o-border-radius:3px;
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
   -khtml-border-radius: 3px;
    border-radius:3px;
}
.cifra:hover  {
background: #F4E8BF;
}

#content {
width:95%;
margin: auto auto;
padding:20px; 
color:#2f1f06; 
background: #f4c0c0;
border: 1px solid #999999;
}

.clo {  padding: 0px 15px 0px 15px;
    background: #d86;
    border: 1px solid #000;
        color: #ffffff; 
           text-shadow: 0 0 2px #000;
        font: 22px/22px "Trebuchet MS", Arial, Tahoma;
    position:absolute;
      right:-1px;
      top:-1px;
    cursor:pointer;
}
.clo:hover  {
    background: #d20;
           text-shadow: 0 0 2px #000, 0px 0px 10px  #500;
}