@charset "utf-8";
/* CSS Document */

*{
    box-sizing: border-box;
    margin: auto;
}

h3.titulo-calculadora{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 24px;
	/*line-height:36px;*/
	/*color: #00699B;*/
	color: white;
	margin:18px 0px 18px 20px;
	text-shadow:#000 1px 1px;
	text-align:center;
}

h6.titulo-calculadora-rodape{
	/*font-size: 18px;*/
	font-weight:bold;
	text-align:center;
	/*color:#fff;*/
	/*background:black;*/
	background:#636363;
	/*background:rgba(43,124,180,0.8);*/
	color:transparent;
	text-shadow: rgba(245, 245, 245, 0.4) 2px 2px 1px;
	-webkit-background-clip:text;
	-moz-background-clip:text;
	background-clip:text;
	margin:20px 0px 0px 0px;
	
}

section#calculadora-retangulo{
	/*width: 95%*/;
	width: 550px;
	/*width: auto;*/
	height: auto;
	/*margin: 0px 5px 50px 5px ;*/
	margin: auto;
	padding: 5px;
	background-color:rgba(43,124,180,0.8);
	border-radius: 10px;
}


div#fundo-calculadora-terno-pitagorico{
	width: 350px;
	/*width: 270px;*/
	/*width: 70%;*/
	height: auto;
    margin: 50px auto 50px auto;
	padding: 10px;
	background-color: #E0E0E0;
	border-radius: 10px;
	box-shadow:4px 4px 3px  #333333;	
    /*text-align: center;*/
	background-image: linear-gradient(-45deg, gray, gray, lightgray, gray, lightgray, gray,lightgray, gray, gray);
}

p.fundo-calculadora{
	font-weight:bold;
	margin: 0px 0px 0px -10px ;
}

input#raiz_quadrada{
	width: 320px;
	height: 30px;
	border-radius: 5px;
	border:none;
	font-size:16px;
	/*margin-left:0px;*/
	/*margin-right:20px;*/
	padding: 5px;
	box-shadow:2px 2px 2px  #333333;
	text-align:center;
	
}

button.btn{
	width: 320px;
	height: 30px;
    padding: 5px;
    border-radius: 5px;
	border:none;
    /*background-color: #005C8F;*/
	/*background-color: #79D3FF;*/
	background-color: #005C8F;
    /* color: aliceblue;*/
    /* font-weight: bold;*/
    font-size:16px;
	font-weight:bold;
	color:white;
    /*margin: 0px 0px 0px -500px;*/
    box-shadow:2px 2px 2px  #333333;
}

button.btn:hover{
	background-color: #999;
	
}

div.caixa_numero{
	width: 320px;
	height: 30px;
	margin: 10px 0px 10px 0px ;
	background-color: yellow;
	border-radius: 5px;
	box-shadow:2px 2px 2px  #333333;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	text-align:center;
	
}

/*div#consecutivo_1{
	width: 320px;
	height: 30px;
	margin: 10px 0px 10px 0px ;
	background-color: yellow;
	border-radius: 5px;
	box-shadow:2px 2px 2px  #333333;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	text-align:center;
	
}*/


/*div#consecutivo_2{
	width: 320px;
	height: 30px;
	margin: 10px 0px 10px 0px ;
	background-color: yellow;
	border-radius: 5px;
	box-shadow:2px 2px 2px  #333333;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	text-align:center;
	
}*/



/*div#fator_1{
	width: 320px;
	height: 30px;
	margin: 10px 0px 10px 0px ;
	background-color: yellow;
	border-radius: 5px;
	box-shadow:2px 2px 2px  #333333;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	text-align:center;
}*/


/*div#fator_2{
	width: 320px;
	height: 30px;
	margin: 10px 0px 10px 0px ;
	background-color: yellow;
	border-radius: 5px;
	box-shadow:2px 2px 2px  #333333;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	text-align:center;
}*/




div#quadrado_fator_1{
	width: 320px;
	height: 30px;
	margin: 10px 0px 10px 0px ;
	/*background-color: yellow;*/
	background-color: #FC0 ;
	border-radius: 5px;
	box-shadow:2px 2px 2px  #333333;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	text-align:center;
}

div#quadrado_fator_2{
	width: 320px;
	height: 30px;
	margin: 10px 0px 10px 0px ;
	/*background-color: yellow;*/
	background-color: #FC0  ;
	border-radius: 5px;
	box-shadow:2px 2px 2px  #333333;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	text-align:center;
}

div#soma_quadrados_fatores{
	width: 320px;
	height: 30px;
	margin: 10px 0px 10px 0px ;
	/*background-color: yellow;*/
	background-color: #6F9;
	border-radius: 5px;
	box-shadow:2px 2px 2px  #333333;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	text-align:center;
}