@charset "utf-8";
/* css document */
.calc h1 {
	font-family: Arial, Helvetica, sans-serif;
	background: #999;
	font-weight: bold;
	color: #fff;
	text-indent: 15px;
	padding: 5px 0 5px 0;
	margin-bottom: 20px;
	font-size: 18px;
}
.war p { 
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
    text-transform: none;
	text-align:left;
	color: #000;
	font-weight: 400;
}
.calc { 
    position: relative;
    width: 710px;
	margin: 0 auto;
}
.war {
	background: #fff4c6;
	border: solid 1px #fccb04;
	margin-bottom: 20px;
	margin-top: 30px;
	padding: 10px 10px 10px 15px;

}

.err p {
    
    color: red;
    font-weight: bold;
    border: 1px red solid;
    padding: 2px;  
}


fieldset { 
    border: none;
}
label {	
    float: left;
    font-size: 20px;
    color: #666; 
	font-weight: normal;
	text-indent: 20px;
}
.war img {
	float: right;
	padding-left: 20px;
	
}
a.ii{
	background-image: url(../img/ikona_s.gif) repeat;
	width: 340px;
	height: 175px;
}
.ii a:hover{
	background: url(../img/ikona_sh.gif) repeat;
	width: 340px;
	height: 175px;
}
select {
    float: right;
	width: 402px;
	padding: 5px;
    font-size: 16px; 
    color: #666;
    border: 1px #ddd solid;
	margin-bottom: 20px;	
	font-weight:bold;
    text-transform: uppercase; 

}
.button{ 
    float: right; 
    color: #000;
	height: 40px;
	font-weight: bold;
    text-transform: uppercase; 
    margin-top: 20px;
    margin-left: 10px;
    background-color: #18a5cc;
    border: none;
   /* -- CSS3 Shadow - create a shadow around each input element -- */ 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f2df86), to(#fccb04)); 
    background:  -moz-linear-gradient(25% 75% 90deg,#fccb04, #f2df86); 
   	background-color: #fccb04 center center repeat-x;
	background-image: -moz-linear-gradient(#f2df86,#fccb04);
	background-image: -o-linear-gradient(#f2df86,#fccb04);
	background-image: -ms-linear-gradient(#f2df86,#fccb04);
	background-image: linear-gradient(#f2df86,#fccb04);
    background-image: -moz-linear-gradient(top, #f2df86, #fccb04); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f2df86),color-stop(1, #fccb04)); /* Saf4+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f2df86', EndColorStr='#fccb04'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f2df86', EndColorStr='#fccb04')"; /* IE8 */
	zoom: 1;
   /* -- CSS3 - Rounded Corners -- */
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px; 
    border-radius: 4px;
}
input {
    background: #fff; 
    width: 230px;
    font-size: 16px; 
    color: #555; 
    border: 1px #ddd solid; 
    /* -- CSS3 Transition - define what the transition will be applied to (i.e. the background) -- */		
    -webkit-transition: background 0.3s linear;
}
.button:hover, select:hover {
	cursor:  pointer; 
}
input:hover, textarea:hover { 
    background: #eee; 
	border: 1px #ddd solid; 
 
}
input:required:invalid, input:focus:invalid {
  background-image: url(../img/invalid.png);
  background-position: right center;
  background-repeat: no-repeat;
}
input:required:valid {
  background-image: url(../img/valid.png);
  background-position: right center;
  background-repeat: no-repeat;
}
.table_calc {
	font-size: 15px;
	border-spacing: 0;
	border-collapse: collapse;
    width: 714px;
}
th {
	background: none;
	border: solid 1px #666;
	padding: 10px;
	text-align: right;
}
td {
	padding: 5px;
	border: solid 1px #ececec;
}
tr:nth-child(2n+1) {
	background: #E4E4E4;
}
tr:nth-child(2n) {
	background: #fff;
}