body, input, select {
	widht: 100%;
//	overflow:hidden;
    color: #555;
    font-size: 13px;
    font-family: Helvetica, Arial, sans-serif;
}

#form {
    width: 300px;
    margin: 40px auto 0;
    padding: 20px 20px 10px;
    border-radius: 5px;
    border: 1px solid #e1e1e8;
    background-color: #f7f7f9;
    box-shadow: rgba(0,0,0,0.075) 2px 3px 7px;
}
input, button, select {
    outline: none;
}
.field label {
    display: inline-block;
    width: 80px;
    vertical-align: middle;
}
.field {
    margin-bottom: 10px;
    padding: 0;
}
.field select {
    height: 2em;
    min-width: 196px;
    border-radius: 3px;
    border: 1px solid #d3d3d3;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    padding: 0 7px;
    color: #666;
}
.tooltip {
    position: absolute;
    top: 16px;
    left: 360px;
    width: 220px;
    color: #b94a48;
    padding: 8px 10px;
    border-radius: 5px;
    border: 1px solid #eed3d7;
    background-color: #f2dede;
    opacity: 0.8;
}
.tooltip b {
    position: absolute;
    display: block;
    left: -14px;
    width: 0;
    height: 0;
    color: transparent;
    border: 7px solid;
    border-right-color: #f2dede;
}
.c {
    border: 1px solid #333; /* Рамка */
    display: inline-block;
    padding: 5px 5px; /* Поля */
    text-decoration: none; /* Убираем подчёркивание */
    color: #000; /* Цвет текста */
  }
.c:hover {
    box-shadow: 0 0 5px rgba(0,0,0,0.3); /* Тень */
    background: linear-gradient(to bottom, #fcfff4, #e9e9ce); /* Градиент */
    color: #a00;
   }
#tab_l {
    width: 290px;
    margin: 5px auto;
	float:left;
    padding: 20px 20px 10px;
    border-radius: 5px;
    border: 1px solid #e1e1e8;
    background-color: #f7f7f9;
    box-shadow: rgba(0,0,0,0.075) 2px 3px 7px;
}
#tab_r {
    width: 290px;
    margin: 5px auto;
    padding: 20px 20px 10px;
    border-radius: 5px;
	float:left;
    border: 1px solid #e1e1e8;
    background-color: #f7f7f9;
    box-shadow: rgba(0,0,0,0.075) 2px 3px 7px;
}
#center {
width: 700px;
border: 1px solid #e1e1e8;
margin: 15px auto;
}
#tab {
    width: 280px;
    margin: 5px auto;
    padding: 20px 20px 10px;
    border-radius: 5px;
    border: 1px solid #e1e1e8;
    background-color: #f7f7f9;
    box-shadow: rgba(0,0,0,0.075) 2px 3px 7px;
}



#tabad {
    width: 200px;
    margin: 5px auto;
	 position:absolute;
 top:0;
 right:0;
    padding: 20px 20px 10px;
    border-radius: 5px;
    border: 1px solid #e1e1e8;
    background-color: #f7f7f9;
    box-shadow: rgba(0,0,0,0.075) 2px 3px 7px;
}

#div3{
 float:reghit;
 width:180px;
 height:40px;
 text-align:center;
 background-color:#8DD5EB;
}

#div4{
  float:left;
  width:180px;
  height:40px;
  text-align:center;
  background-color:#9C8DEB;
}
#tab1 {
    width: 400px;
    margin: auto;
    padding: 20px 20px 10px;
    border-radius: 5px;
    border: 1px solid #e1e1e8;
    background-color: #f7f7f9;
    box-shadow: rgba(0,0,0,0.075) 2px 3px 7px;
}
#podval {
    width: 200px;
    margin: auto auto 10px auto;
	position: absolute; bottom: 0;
}

br {
line-height: 1em;
}

div.red {
background: #FF6666;
border: 1px dotted #FF6666; 
color:  #FFFFFF;
padding: 2px 5px; 
line-height: 0.9em;
}
div.green {
background: #00CC66;
border: 1px dotted #00CC66; 
color:  #FFFFFF;
padding: 2px 5px; 
color: #eee;
line-height: 0.9em;
}

.radios-as-buttons div {
    float: left;
}
.radios-as-buttons input {
    position: absolute;
    left: -9999px;
}
.radios-as-buttons label {
    display: block;
    margin: 0 0 0 -1px;
    padding: 5px 10px;
    border: 1px solid #BBBBBB;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .12);
    cursor: pointer;
}
.radios-as-buttons input:checked + label {
    background: white;
    box-shadow: inset 0 3px 6px rgba(0, 0, 0, .2);
}
.radios-as-buttons div:first-child label {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.radios-as-buttons div:last-child label {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.search_result {
	position: absolute;
	top: 100%;
	left: 0;
	border: 1px solid #ddd;
	background: #fff;
	padding: 10px;
	z-index: 9999;
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}