@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: 16px;*/
	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{
	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.texto{
	font-weight:bold;
	margin: 0px 0px 0px -10px ;
}

input.caixa-entrada{
	width: 320px;
	height: 50px;
	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: 50px;
    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.resultado{
	width: 320px;
	height: 50px;
	margin: 10px 0px 10px 0px ;
	background-color: yellow;
	border-radius: 5px;
	box-shadow:2px 2px 2px  #333333;
	font-weight:bold;
	line-height:50px;
	text-align:center;
	
}

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