#calc {
	width:720px;
	margin:0 auto;

}

.type-of-roof {
	width:120px;
	
	float:left;
	background:url(../image/roof_types.jpg);
	background-repeat:no-repeat;
	padding-top:94px;
	margin-bottom:15px;
	text-align:center;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000;
	cursor:pointer;
}

.type-of-mat {
	width:180px;
	height:60px;
	float:left;
}

#calc-main, #calc-main-pic {
	width:720px;
	height:600px;
    position:absolute;
	
}
#calc-main {
	
	background:url(../image/a0.jpg);
	background-repeat:no-repeat;
	z-index:1;
}

#calc-main-pic {
	/*background:url(../image/a0.jpg);*/
	background-repeat:no-repeat;
	padding: 20px 0 0 20px;
	z-index:999;
}
.calc-title {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #000;
	border-bottom: solid 2px #000000;
	margin-bottom:5px;
}

.parameter-of-roof {
	height:30px;
}

.parameters-title {
	display:inline-block;
	width:70px;
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #03F;
}

.parameters-val {
	width:60px;
	text-align: center;
}

.calc-button {
	font-family: Helvetica, Arial, sans-serif;
text-align: center;
font-weight: bold;
display: inline-block;
border: none;
padding: 9px 25px;
font-size: 16px;
line-height: 16px;
color: #FFF !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
white-space: nowrap;
cursor: pointer;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
background-color: #784B46;
background: -moz-linear-gradient(top, #784B46 2%, #2280c9 5%, #085895 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#784B46), color-stop(5%,#2280c9), color-stop(100%,#085895));
background: -webkit-linear-gradient(top, #784B46 2%,#2280c9 5%,#085895 100%);
background: -o-linear-gradient(top, #784B46 2%,#2280c9 5%,#085895 100%);
background: -ms-linear-gradient(top, #784B46 2%,#2280c9 5%,#085895 100%);
background: linear-gradient(top, #784B46 2%,#2280c9 5%,#085895 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#784B46', endColorstr='#085895',GradientType=0 );
}

.calc-button:hover {
background-color: #54b0e3;
background: -moz-linear-gradient(top, #1c73b7 2%, #1666a5 5%, #03406e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#40a7f7), color-stop(5%,#1666a5), color-stop(100%,#03406e));
background: -webkit-linear-gradient(top, #1c73b7 2%,#1666a5 5%,#03406e 100%);
background: -o-linear-gradient(top, #1c73b7 2%,#1666a5 5%,#03406e 100%);
background: -ms-linear-gradient(top, #1c73b7 2%,#1666a5 5%,#03406e 100%);
background: linear-gradient(top, #1c73b7 2%,#1666a5 5%,#03406e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c73b7', endColorstr='#03406e',GradientType=0 );
}
.calc-button:active {
	background-color: #126695;
	background: -moz-linear-gradient(top, #03406e 0%, #1c73b7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#03406e), color-stop(100%,#1c73b7));
	background: -webkit-linear-gradient(top, #03406e 0%,#1c73b7 100%);
	background: -o-linear-gradient(top, #03406e 0%,#1c73b7 100%);
	background: -ms-linear-gradient(top, #03406e 0%,#1c73b7 100%);
	background: linear-gradient(top, #03406e 0%,#1c73b7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03406e', endColorstr='#1c73b7',GradientType=0 );
}



#calc_loading{
	width:100px;
	height:40px;
	position:absolute;
	margin-top: 250px;	
	margin-left: 350px;
	padding-top:20px;
    float: left;	
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #999;
	background-image:url(../image/loading.gif);
	background-repeat:no-repeat;
	background-position:20px 0px;	
	vertical-align:super; 
	display:block;  
	z-index:2;

}

#calc_result {
	position:absolute;
	left: 20px;
	top: 20px;
/*	top:900px; */
	width:660px;
	height:460px;
	background-color:#FFF;
	z-index:1000;
	border :1px solid  #000000;
	padding:20px 10px 10px 10px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #999;
	display:none;  
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:5px; 
	-khtml-border-radius:10px;	
}

#calc_result_close {
	position:absolute;
	width:15px;
	height:15px;
	top:5px;
	right:5px;
	cursor:pointer;
/*	background:url(../image/result-close-btn.jpg); */

}
.result-list {
	color: #000000;
	font-weight: 550;
}

.result-descr {
	color: #0d0d0d;
	font-style: italic;
}
#calc_result td.result-list-td {
	border-bottom: #000000 1px solid;
	width: 350px;
	height:25px;
	
}
#calc_result td.result-list-td2 {
	border-bottom: #000000 1px solid;
	width: 300px;
}

.button_raschet{ font-size:14px; color:#FFF; line-height: 40px; font-weight:bold; text-decoration:none;}
.btn_raschet{ background-image:url(../image/btn_zakaz.png); background-repeat:no-repeat; padding: 7px 0px 12px 15px; cursor:pointer;}
.btn_m_raschet{ background-image:url(../image/btn_m_zakaz.png); background-repeat:repeat-x; padding: 7px 5px 12px 5px; color:#000;}
.btn_r_raschet{ background-image:url(../image/btn_r_zakaz.png); background-repeat:no-repeat; padding: 7px 0 12px 10px; width:6px;}
.button_raschet:hover .btn_raschet {background-image:url(../image/btn_zakaz_on.png);}
.button_raschet:hover .btn_m_raschet {background-image:url(../image/btn_m_zakaz_on.png);}
.button_raschet:hover .btn_r_raschet {background-image:url(../image/btn_r_zakaz_on.png);}


@charset "utf-8";