/*
#r1,#r2,#profile input{
	visibility:hidden;
	width: 1px;
	padding: 0;
	margin:0;
}*/
.btn-raschet{
	padding: 8px 18px;
	margin-top:12px;
	margin-bottom:12px;
	font-weight :bold;
	color: #FFF;
	background: #394;
	border: 1px solid #090;
	font-size: 22px;
}
#sqfeett_t{
	color: #900;
	font-size: 22px;
}
#sqq,#sqq2{
	float: left;
	width: 49%;
}
#sqfeet{
	padding-left: 10px;	
}
#sqfeett,#sqfeett_t,#sqfeett_r{
	font-weight: bold;
	padding-left: 10px;	
}
#raschet{
	text-align: center;
}
#profile,#tiknessTabel,#formTabel{
	text-align :center;
}
#virez .asas{
	float: left;
	width: 49%;
}
#virez,#overstia{
	/*width:25%;
	float: left;
	*/
	text-align: center;
}
#overstia .asas{
	margin: 60px 0 40px 0;
}
#virez .asas{
	margin: 40px 0 30px 0;
}
#plintus{
	float: none;
	width: 100%;
	text-align: center;
}
#plintus  input:checked+img,#profile input:checked+img,#plintus  input:checked~img,#profile input:checked~img{
	outline: 1px solid #666;
}
#plintus img:HOVER,#profile img:HOVER{
	outline: 1px solid #CCC;
}
#plintus img,#profile img{
	max-width: 100%;
	display: block;
	margin: 0 auto 6px auto;
	cursor: hand;
	cursor: pointer;
	
	outline: 1px solid #FFF;
	
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
/*
#plTwo input,#plOne input,#plTwo label,#plOne label,#plTwo p,#plOne p{
	float: left;
	text-align: right;
}
#plTwo label,#plOne label{
	width: 50%;
}*/
.asasa label, .asasa2 label, .asasa3 label{
	margin-bottom: 4px;
	display:inline-block;
}
#plTwo,#plOne,#plTwo p,#plOne p{
	display: inline;
}
.clearfix{
	clear: both;
}
.size_otv{
	padding: 2px;
	width:50px;	
}
.asas{
	display :block;
}
.asasa{
	width: 33%;
	display: block;		
	text-align: center;
	float: left;
}
.asasa2{	
	width: 24%;
	display: block;		
	text-align: center;
	float: left;
}
.asasa3{	
	width: 49%;
	display: block;		
	text-align: center;
	float: left;
}
fieldset{
	margin-bottom: 30px;	
}
legend{
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 6px;
	font-weight: bold;
	background: #FFF;
	color: #000;
	font-size: 20px;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#one {
    width: 510px;
    height: 186px;
    margin: 20px auto;
    background-image: url("../images/line.png");
}

#two {
    width: 530px;
    height: 330px;
    margin: 20px auto;
    background-image: url("../images/angleLeft.png");
}

#three {
    width: 575px;
    height: 330px;
    margin: 20px auto;
    background-image: url("../images/angleP.png");
}


/* ---------Прямая-----------------------------------*/
#one #size1 {
    position: absolute;
    margin-left: 265px;
    margin-top: 10px;
    width: 50px;
    background: transparent;
    border: none;
}

#one #size2 {
    position: absolute;
    margin-left: 7px;
    margin-top: 96px;
    width: 50px;
    background: transparent;
    border: none;
}

#one #check0:checked + span  	{
 background-position: 0 -16px;
}

#one #check0 + span{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 283px;
    top: 51px;
    background:url("../images/check.png") no-repeat;
    cursor: pointer;
}

#one #check1:checked + span  	{
 background-position: 0 -16px;
}

#one #check1 + span{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 99px;
    top: 75px;
    background:url("../images/check.png") no-repeat;
    cursor: pointer;
}

#one #check2:checked + span  	{
 background-position: 0 -16px;
}

#one #check2 + span{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 284px;
    top: 107px;
    background:url("../images/check.png") no-repeat;
    cursor: pointer;
}

#one #check3:checked + span  	{
 background-position: 0 -16px;
}

#one #check3 + span{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 463px;
    top: 42px;
    background:url("../images/check.png") no-repeat;
    cursor: pointer;
}
/* ------------------Г-Образная----------------------------- */
#two #size1 {
    position: absolute;
    margin-left: 251px;
    margin-top: 9px;
    width: 50px;
    background: transparent;
    border: none;
}

#two #size2 {
    position: absolute;
    margin-left: 36px;
    margin-top: 156px;
    width: 50px;
    background: transparent;
    border: none;
}

#two #size3 {
    position: absolute;
    margin-left: 131px;
    margin-top: 298px;
    width: 50px;
    background: transparent;
    border: none;
}

#two #size4 {
    position: absolute;
    margin-left: 458px;
    margin-top: 107px;
    width: 50px;
    background: transparent;
    border: none;
}

#two #check0:checked + span  	{
 background-position: 0 -16px;
}

#two #check0 + span{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 265px;
    top: 59px;
    background:url("../images/check.png") no-repeat;
    cursor: pointer;
}

#two #check1:checked + span  	{
 background-position: 0 -16px;
}

#two #check1 + span{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 117px;
    top: 142px;
    background:url("../images/check.png") no-repeat;
    cursor: pointer;
}

#two #check2:checked + span  	{
 background-position: 0 -16px;
}

#two #check2 + span{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 161px;
    top: 219px;
    background:url("../images/check.png") no-repeat;
    cursor: pointer;
}

#two #check3:checked + span  	{
 background-position: 0 -16px;
}

#two #check3 + span{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 207px;
    top: 173px;
    background:url("../images/check.png") no-repeat;
    cursor: pointer;
}

#two #check4:checked + span  	{
 background-position: 0 -16px;
}

#two #check4 + span{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 324px;
    top: 89px;
    background:url("../images/check.png") no-repeat;
    cursor: pointer;
}

#two #check5:checked + span  	{
 background-position: 0 -16px;
}

#two #check5 + span{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 415px;
    top: 20px;
    background:url("../images/check.png") no-repeat;
    cursor: pointer;
}

/*   --------------П-Образная--------------------------------------------- */
#three #size1 {
    position: absolute;
    margin-left: 229px;
    margin-top: 14px;
    width: 50px;
    background: transparent;
    border: none;
}

#three #size5 {
    position: absolute;
    margin-left: 505px;
    margin-top: 156px;
    width: 50px;
    background: transparent;
    border: none;
}
#three #size6 {
    position: absolute;
    margin-left: 256px;
    margin-top: 103px;
    width: 50px;
    background: transparent;
    border: none;
}

#three #size2 {
    position: absolute;
    margin-left: 15px;
    margin-top: 155px;
    width: 50px;
    background: transparent;
    border: none;
}

#three #size3 {
    position: absolute;
    margin-left: 127px;
    margin-top: 302px;
    width: 50px;
    background: transparent;
    border: none;
}

#three #size4 {
    position: absolute;
    margin-left: 365px;
    margin-top: 302px;
    width: 50px;
    background: transparent;
    border: none;
}

.label {
    width: 16px; /* Ширина рисунка */
    height: 16px; /* Высота рисунка */
    display: block; /* Блочный элемент */
    position: relative;
}

#one input[type="checkbox"], #two input[type="checkbox"], #three input[type="checkbox"] {
    display: none;
}

#three #check0:checked + span  	{
 background-position: 0 -16px;
}

#three #check0 + span{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 273px;
    top: 63px;
    background:url("../images/check.png") no-repeat;
    cursor: pointer;
}

#three #check4:checked + span  	{
 background-position: 0 -16px;
}

#three #check4 + span{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 273px;
    top: 126px;
    background:url("../images/check.png") no-repeat;
    cursor: pointer;
}

#three #check1:checked + span  	{
 background-position: 0 -16px;
}

#three #check1 + span{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 108px;
    top: 121px;
    background:url("../images/check.png") no-repeat;
    cursor: pointer;
}

#three #check7:checked + span  	{
 background-position: 0 -16px;
}

#three #check7 + span{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 448px;
    top: 105px;
    background:url("../images/check.png") no-repeat;
    cursor: pointer;
}

#three #check5:checked + span  	{
 background-position: 0 -16px;
}

#three #check5 + span{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 344px;
    top: 149px;
    background:url("../images/check.png") no-repeat;
    cursor: pointer;
}

#three #check3:checked + span  	{
 background-position: 0 -16px;
}

#three #check3 + span{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 207px;
    top: 133px;
    background:url("../images/check.png") no-repeat;
    cursor: pointer;
}

#three #check2:checked + span  	{
 background-position: 0 -16px;
}

#three #check2 + span{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 154px;
    top: 162px;
    background:url("../images/check.png") no-repeat;
    cursor: pointer;
}

#three #check6:checked + span  	{
 background-position: 0 -16px;
}

#three #check6 + span{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 391px;
    top: 146px;
    background:url("../images/check.png") no-repeat;
    cursor: pointer;
}


@media screen and (max-width: 767px) {
	#sizeTabel{
		width: 100%;
		overflow: hidden;
	}
	.asasa,.asasa2,.asasa3{
		float:none;
		width: 95%;
	}
}