@charset "windows-1251";
/* CSS Document */
/* Базовые стили формы */
#ugolkrug4{
  margin:0 auto;
  max-width:100%; 
  min-width:30%;
/*  max-width:80%; */
  box-sizing:border-box;
  padding:7px;
  border-radius:5px; 
  background:RGBA(255,255,255,1);
  -webkit-box-shadow:  0px 0px 15px 0px rgba(0, 0, 0, .45);        
  box-shadow:  0px 0px 15px 0px rgba(0, 0, 0, .45);  
}

#formkrug{
  margin:0 auto;
  max-width:90%; 
  min-width:30%;
/*  max-width:80%; */
  box-sizing:border-box;
  padding:20px;
  border-radius:5px; 
  background:RGBA(255,255,255,1);
  -webkit-box-shadow:  0px 0px 15px 0px rgba(0, 0, 0, .45);        
  box-shadow:  0px 0px 15px 0px rgba(0, 0, 0, .45);  
}
/* Стили полей ввода */
.textbox{
  height:25px;
  width:80%;
  border-radius:3px;
  border:rgba(0,0,0,.3) 1px solid;
  box-sizing:border-box;
  font-family: 'Arial', sans-serif;
  font-size:14px; 
  color:rgba(0,51,153,1);
  padding:1px;
  margin-bottom:10px;  
}
.textname{
  height:25px;
  width:150px;
  border-radius:3px;
  border:rgba(0,0,0,.3) 1px solid;
  box-sizing:border-box;
  font-family: 'Arial', sans-serif;
  font-size:14px; 
  color:rgba(0,51,153,1);
  padding:1px;
  margin-bottom:10px;  
}
.texttel{
  height:25px;
  width:150px;
  border-radius:3px;
  border:rgba(0,0,0,.3) 1px solid;
  box-sizing:border-box;
  font-family: 'Arial', sans-serif;
  font-size:14px; 
  color:rgba(0,51,153,1);
  padding:1px;
  margin-bottom:10px;  
}
.textemail{
  height:25px;
  width:300px;
  border-radius:3px;
  border:rgba(0,0,0,.3) 1px solid;
  box-sizing:border-box;
  font-family: 'Arial', sans-serif;
  font-size:14px; 
  color:rgba(0,51,153,1);
  padding:1px;
  margin-bottom:10px;  
}
.textnum{
  height:25px;
  width:45px;
  border-radius:3px;
  border:rgba(0,0,0,.3) 1px solid;
  box-sizing:border-box;
  font-family: 'Arial', sans-serif;
  font-size:14px; 
  color:rgba(0,51,153,1);
  padding:1px;
  margin-bottom:10px;  
}
#textdate{
  height:25px;
  width:135px;
  border-radius:3px;
  border:rgba(0,0,0,.3) 1px solid;
  box-sizing:border-box;
  font-family: 'Arial', sans-serif;
  font-size:14px; 
  color:rgba(0,51,153,1);
  padding:1px;
  margin-bottom:10px;  
}
.textmemo{
  height:70px;
  width:80%;
  border-radius:3px;
  border:rgba(0,0,0,.3) 1px solid;
  box-sizing:border-box;
  font-family: 'Arial', sans-serif;
  font-size:14px;
  color:rgba(0,51,153,1);
  padding:1px;
  margin-bottom:10px;  
}
.texttel:focus,
.textdate:focus,
.textnum:focus,
.textname:focus,
.textemail:focus,
.textmemo:focus,
.message:focus,
.select1:focus, 
.textbox:focus{
	outline: none;
	 /* border:rgba(24,149,215,1) 2px solid; 
         color:rgba(24,149,215,1);*/
	border: rgba(255,102,0,1) 1px solid;
	color: rgba(0,51,153,1);
}
/* Стили текстового поля */
.message{
    background: rgba(255, 255, 255, 0.4);    
	width:100%;
    height: 120px;
    border:rgba(0,0,0,.3) 2px solid;
    box-sizing:border-box;
    -moz-border-radius: 3px;
    font-size:18px;
    font-family: 'Arial', sans-serif;
    -webkit-border-radius: 3px;
    border-radius: 3px; 
    display:block;
    padding:10px;
    margin-bottom:30px;
    overflow:hidden;
}
 
 .select1 {
    border-radius: 3px;
	background: rgba(255, 255, 255, 0.4) no-repeat right #DDD;  
/*	background: url(http://wpandyou.ru/wp-content/uploads/2013/01/down_arrow_select.jpg) no-repeat right #DDD;
 /*   background: transparent;*/
    height: 25px;
    padding: 2px;
    border:rgba(0,0,0,.3) 2px solid;
    font-size: 14px;
    line-height: 1;
    -webkit-appearance: none;
    width: 268px;
   }
 

/* Базовые стили кнопки  сам*/
.button{
  height:30px;
  width:150px;
  border-radius:3px;
  border:rgba(0,0,0,.3) 0px solid;
  box-sizing:border-box;
  padding:2px;
  background:#3465a4 ;
  color:#FFF;
  font-family: 'Arial', sans-serif;  
  font-weight:400;  
  font-size: 11pt;
  text-decoration:none;
  transition:background .4s;
  cursor:pointer;
}
/* Изменение фона кнопки при наведении */
.button:hover{
  background:#6b8fbd;
}





/*	=	CheckBox */
/* Стилизируем чекбокс, точнее скрываем его */
.check input[type=checkbox] {
	position: absolute;
	left: -10000px;
}
.check {
	background-position: 0 3px;
	padding-left: 25px;
	cursor: pointer;
	position: relative;
}
.check.active {
	background-position: 0 -27px;
}