body, html {
margin:0px;
padding:0px;
text-align:center;
height: 100%;
background-color:#E8EFEF;
}

#main {
width:1024px;
margin:0 auto;
text-align:left;
min-height: 100%;
}

#header {

}

#left {
width:531px;
float:left;
}


#log_frame {
margin-left:533px;
}

#content {
width:220px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}

.shadow {
background: #E8EFEF; /* Цвет фона */
box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
padding: 15px 15px;
border-radius: 10px 10px;
}

#spacer {
height: 20px;
}

#footer {
clear:both;
height: 20px;
margin-top:-20px;
width:1024px;
margin-left: auto;
margin-right: auto;
}

.font01 {
font-family:"Myriad Pro", sans-serif;
font-size:1.5em;
/* font-weight: bolder; */
line-height:2em;
font-style:italic;
}

.font02 {
font-family:Arial, sans-serif;
font-size:1em;
font-weight: normal;
line-height:1em;
font-style:italic;
}

.font03 {
font-family:Arial, sans-serif;
font-size:1em;
font-weight: normal;
line-height:1em;
}

.font04 {
font-family:"Times New Roman", Times, sans-serif;
font-size:1.6em;
line-height:1em;
font-style:italic;
}

.font05 {
font-family:"Times New Roman", Times, sans-serif;
font-size:1.1em;
line-height:0.5em;
font-weight: normal;
font-style:italic;
}

.inp01 {
width:180px;
border:2px solid #ccc;
background:#FFFFFF;
font:17px Verdana, Arial;
color:#666;
margin:1px 3px 0 0;
border-radius: 5px 5px;
}

button.g-button, a.g-button, input[type=submit].g-button { 
padding: 6px 10px;
border-radius: 5px 5px;
border: solid 1px rgb(153, 153, 153); 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(221, 221, 221)));
background: -moz-linear-gradient(top, rgb(255, 255, 255), rgb(221, 221, 221));
background: -ms-linear-gradient(top, rgb(255, 255, 255), rgb(221, 221, 221));
background: -o-linear-gradient(top, rgb(255, 255, 255), rgb(221, 221, 221));
color: #333; 
text-decoration: none; 
cursor: pointer; 
display: inline-block; 
text-align: center; 
text-shadow: 0px 1px 1px rgba(255,255,255,1); 
line-height: 1; 
}

.g-button:hover { 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(248, 248, 248)), to(rgb(221, 221, 221)));
background: -moz-linear-gradient(top, rgb(248, 248, 248), rgb(221, 221, 221)); 
background: -ms-linear-gradient(top, rgb(248, 248, 248), rgb(221, 221, 221)); 
background: -o-linear-gradient(top, rgb(248, 248, 248), rgb(221, 221, 221)); 
}

.g-button:active { 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(204, 204, 204)), to(rgb(221, 221, 221)));
background: -moz-linear-gradient(top, rgb(204, 204, 204), rgb(221, 221, 221)); 
background: -ms-linear-gradient(top, rgb(204, 204, 204), rgb(221, 221, 221)); 
background: -o-linear-gradient(top, rgb(204, 204, 204), rgb(221, 221, 221)); 
}

.g-button.large { 
padding: 12px 20px; 
font-size: 21px; 
font-weight: bold; 
}

.g-button.scaled {
transform: scale(2);
transform-origin: bottom left;
-webkit-transform: scale(2); 
-webkit-transform-origin: bottom left; 
}
	
.g-button.blue { 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(98,202,227))); 
background: -moz-linear-gradient(top, rgb(255, 255, 255), rgb(98,202,227)); 
background: -ms-linear-gradient(top, rgb(255, 255, 255), rgb(98,202,227)); 
background: -o-linear-gradient(top, rgb(255, 255, 255), rgb(98,202,227)); 
border-color: rgb(98,202,227);  
}

.g-button.green { 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(213,224,77))); 
background: -moz-linear-gradient(top, rgb(255, 255, 255), rgb(213,224,77)); 
background: -ms-linear-gradient(top, rgb(255, 255, 255), rgb(213,224,77)); 
background: -o-linear-gradient(top, rgb(255, 255, 255), rgb(213,224,77)); 
border-color: rgb(213,224,77);  
}

.g-button.red { 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(241,93,34)), to(rgb(146,60,6))); 
background: -moz-linear-gradient(top, rgb(241,93,34), rgb(146,60,6)); 
background: -ms-linear-gradient(top, rgb(241,93,34), rgb(146,60,6)); 
background: -o-linear-gradient(top, rgb(241,93,34), rgb(146,60,6)); 
border-color: rgb(146,60,6); 
text-shadow: 0px -1px 1px rgba(0,0,0,0.5); 
color: #fff; 
}

.g-button.purple { 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(202,0,108)), to(rgb(124,0,64))); 
background: -moz-linear-gradient(top, rgb(202,0,108), rgb(124,0,64)); 
background: -ms-linear-gradient(top, rgb(202,0,108), rgb(124,0,64)); 
background: -o-linear-gradient(top, rgb(202,0,108), rgb(124,0,64)); 
border-color: rgb(202,0,108); 
text-shadow: 0px -1px 1px rgba(0,0,0,0.5); 
color: #fff;  
}

.g-button.orange { 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(245,132,38))); 
background: -moz-linear-gradient(top, rgb(255, 255, 255), rgb(245,132,38)); 
background: -ms-linear-gradient(top, rgb(255, 255, 255), rgb(245,132,38)); 
background: -o-linear-gradient(top, rgb(255, 255, 255), rgb(245,132,38)); 
border-color: rgb(245,132,38);  
}

/*
button.btn1 {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#f7f9fa), to(#65a9d7));
   background: -webkit-linear-gradient(top, #f7f9fa, #65a9d7);
   background: -moz-linear-gradient(top, #f7f9fa, #65a9d7);
   background: -ms-linear-gradient(top, #f7f9fa, #65a9d7);
   background: -o-linear-gradient(top, #f7f9fa, #65a9d7);
   padding: 7px 14px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #000000;
   font-size: 14px;
   font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
 }
button.btn1 {
   border-top-color: #59aee6;
   background: #59aee6;
   color: #080808;
 }
button.btn1 {
   border-top-color: #2f7bad;
   background: #2f7bad;
 }
*/
