html, body  {
	height: 100%;
	FONT-SIZE: 13px; FONT-FAMILY: Arial; color:#800000 background: #ffffff;} 

.form_table
{
    height: 100%;
	width: 100%;
	text-align:   center; 
	
}

.yachraz {
    text-align: center;
    float: left;
    margin: 50px;
    padding: 7px 5px 1px 5px;

}

.centerblock{	width:100%;	float:left;
	}
.leftblock{	width:60%;	float:left;
	}	

.tab{
/*	font-family: 'KlyaksonRegular','Open Sans', sans-serif;  */
/*	src: url(/css/Klyakson.ttf); */
/*	font-family: 'Open Sans', sans-serif; */
    font-size:14px;
/*    color:#800000;*/
}

.impf {
/*    width: 80%; */
	height:99%;
    font-size:16px;
    color:#5e5d5d;
	border-radius: 4px;
/*  background: #748293;  */
	border-style: solid;
	border: 1px;
	border-color: #bcbcbd;
    box-shadow: 0 2px 7px rgba(233, 233, 233, 0.25), 0 2px 7px rgba(52, 52, 52, 0.22);
}
	
.radius {
  border: 0px solid CornflowerBlue;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.radius2 {
  border: 0px solid CornflowerBlue;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  
}

.tz {Z-INDEX: 5; MARGIN: 1px 0px 0px; POSITION: relative}
.tz B {text-align: left; FONT-WEIGHT: normal; CURSOR: pointer; COLOR: #cd0000; BORDER-BOTTOM: #cd0000 0px dotted}
.tz B SPAN {DISPLAY: none}
.tz B:hover SPAN {  DISPLAY: block;  width: 240px;  height: 400px;  BACKGROUND: #ffffff;  z-index: 888;  position: absolute;  right: 10px;  top: 20px;  TEXT-ALIGN: center;}

  
/* Поле сообщения */
textarea{
    background: rgba(255, 255, 255, 0.4); 
	width: 90%;
    max-width: 400px;
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
    color:#800000;
    padding-left:14px;
    padding-right:14px;
    padding-top:8px;
    margin-bottom:14px;
	border-radius: 4px;

}
/* Форм?*/
name{
  background: rgba(255, 255, 255, 0.4); 
  padding-left:14px;
  padding-right:14px;
  padding-top:5px;
  padding-bottom:8px;
  font-size: 110%; 
  border-radius: 4px;
/*  background: #748293;  */
  border-style: solid;
  border: 1px;
  border-color: #656d77;
  box-shadow: 0 2px 7px rgba(233, 233, 233, 0.25), 0 2px 7px rgba(52, 52, 52, 0.22);
}

input {
/*  width: 80%; */
/*  height: 20px; */
  background: rgba(255, 255, 255, 0.4); 
  padding-left:14px;
  padding-right:14px;
  padding-top:5px;
  padding-bottom:8px;
  font-size: 110%; 
  border-radius: 4px;
/*  background: #748293;  */
  border-style: solid;
  border: 1px;
  border-color: #bcbcbd;
}

/* Поле ввода 
input[type=submit] {
    cursor:pointer;
/*	width: 80px;  */
/*	height: 40px;
}
*/

.cnv {
  width: 270px;
  height: 290px;
  background-image: url(img/selfy.jpg); 
  border-radius: 4px;
  cursor: pointer;
  box-shadow: 0 2px 7px rgba(233, 233, 233, 0.25), 0 2px 7px rgba(52, 52, 52, 0.22);
}

.imgmessage {
  width: 60%;
  border-radius: 4px;
  cursor: pointer;
  box-shadow: 0 2px 7px rgba(233, 233, 233, 0.25), 0 2px 7px rgba(52, 52, 52, 0.22);
}

.icon {
  width: 60px;
  cursor: pointer;
  box-shadow: 0 2px 7px rgba(233, 233, 233, 0.25), 0 2px 7px rgba(52, 52, 52, 0.22);
}

.kk {
  padding-left: 4px;
  width: 21px;
  height: 20px;
  text-decoration: none;
  vertical-align: middle;
}

.kupit {
/*  text-align: center; */
  color: #fff;
  font-size: 1em;
  width: 300px;
/*  height: 40px; */
  padding: 9px;
  border-radius: 4px;
  cursor: pointer;
  background: #748293;
  border-style: solid;
  border: 1px;
  border-color: #656d77;
  box-shadow: 0 2px 7px rgba(233, 233, 233, 0.25), 0 2px 7px rgba(52, 52, 52, 0.22);
}

.knser {
  color: #fff;
  font-size: 1em;
  width: 80%;
  height: 40px;
  padding: 5px;
  border-radius: 4px;
  cursor: pointer;
  background: #748293;
  border-style: solid;
  border: 1px;
  border-color: #656d77;
  box-shadow: 0 2px 7px rgba(233, 233, 233, 0.25), 0 2px 7px rgba(52, 52, 52, 0.22);
}



@media screen and (max-width: 420px) {
	
.yachraz {
    text-align: center;
    float: left;
    margin: 7px;
    padding: 7px 5px 1px 5px;

}	

.cnv {
  width: 300px;
  border-radius: 4px;
  cursor: pointer;
  box-shadow: 0 2px 7px rgba(233, 233, 233, 0.25), 0 2px 7px rgba(52, 52, 52, 0.22);
}

.imgmessage {
  width: 90%;
  border-radius: 4px;
  cursor: pointer;
  box-shadow: 0 2px 7px rgba(233, 233, 233, 0.25), 0 2px 7px rgba(52, 52, 52, 0.22);
}

.icon {
  width: 45px;
  cursor: pointer;
  box-shadow: 0 2px 7px rgba(233, 233, 233, 0.25), 0 2px 7px rgba(52, 52, 52, 0.22);
}

}