body{
		background-image:url('../imagens/fundo.png');
	padding: 20px;
	font-family: 'Source Sans Pro', sans-serif;
	padding-top:50px;
}

audio{

	width: 100%;
	
	
}

span{
	font-weight:bold;
	color:red;
	font-size: 1em;
}
.cabeca{
	border-radius: 40px;
	border: 20px solid gray;
	border-style: groove;
	width: 95%;
	margin:auto auto 10px auto;
	background-attachment: fixed;
background: rgb(211,211,211);
	background-size: 13%;
	background-position: center center;
}

hr{
	border-top: 10px solid black;
	border-bottom: 1px solid black;
}

h1{
	text-align: center;
	font-family: "Century Gothic";
	text-transform: uppercase;
	box-shadow: 10px 15px 10px #888888, 10px 10px 10px grey;
}

h1#cabecalho{
	width: 40%;
	margin: 0 auto 0 auto;
	margin-top: 0px;
	box-shadow:none;
}

img#cabecalho{
	width: 100%;
}


h1#cabecalho_popup{
	width: 30%;
	margin: -50px auto 0 auto;
	box-shadow:none;
}


h2{
	font-family: "Century Gothic";
	text-transform: uppercase;
	box-shadow: 10px 15px 10px;
	/*adiciona uma sombra a borda: negativos ficam acima do conteudo
	10px (horizontal)10px (vertical)10px 
	(largura do esmaecimento – opicional) #888888 9 (cor – opcional) */
	text-shadow: 15px 5px 10px grey;
}

h2#preco{
	margin-bottom: 0.7em;
	font-size: 200%;
	color: blue;
}

#conteudo{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
}

#voltar1{
	text-align: right;
	margin-left: 20%;
	font-size: 25px;
	color: black;
}

#voltar2{

	margin-left: 19%;
	font-size: 1.5em;
	color: black;
	text-align: center;
}

#voltar3{
	float: right;
	font-size: 25px;
	color: black;
	margin-bottom: 1em;
	margin-right: 10px;
}

.voltar3{
	margin-bottom: 50px;
}

#obs{
	font-size: 1.2em;
	margin-left: 1%;
}

div#galeria_salinas{
	text-align: center;
}
img#galeria{
	width: 10.7%;
}

img#imagem1{
	float:left;
	width: 30%;
	margin-bottom: 20px;
	margin-right: 20px;
	margin-left: 20px;
}

.paragrafo{
	margin-top: 30px;
	padding: 3px;
	font-size: 1.8em;
	text-align: justify;
	color: black;
}

#rodape{
	margin: 10px auto 20px auto; 
	padding: 3px;	 	 	
	background: rgb(211,211,211);
	line-height: 0.8em;
	box-shadow: 10px 10px 30px;
	width: 95%;
	border: 20px solid gray;
	border-style: groove;
	border-radius: 40px;
}

#rodape_conversao{
	margin: 10px auto 20px auto; 
	padding: 0px;	 	 	
	background: rgb(211,211,211);
	line-height: 0.3em;
	box-shadow: 10px 10px 30px;
	width: 95%;
	border: 20px solid gray;
	border-style: groove;
		border-radius: 40px;
}

/* texto: Escolha uma cidade*/
#texto{
	color:yellow;
	font-size: 1.5rem;
	margin-top: 15px;
	margin-left: 10px;
}


#valor{
	border-width: 3px;
	border-color: red;
	margin-left: 2%;
	margin-right:0;
	margin-top: 10px;
	height: 35px;
	color: black;
	background: yellow;
	font-weight:bold;
}

#simulador{
	height: 45px;
	margin-top:-20px;
	margin-bottom: 1.2px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: yellow;
	color:black;
	border-radius: 50%;
	border-width: 3px;
	padding-bottom: 35px;
}

#botaoEnviar2{
background: transparent;
border: none;
}

#saudacao3{
	color:white;
	margin-top: -5px;
}

#calculadora{
	margin-top: -20px;
}
#exemplo-navbar-collapse{
	margin-top: 5px;
}

button#senha	{
	width: 50%;
	height: 45px;
	background-color: yellow;
	color:black;
	border-radius: 50%;
	border-width: 3px;
	padding-bottom: 35px;
}

div#senha{
	text-align: center;
	margin-bottom: 20px;
}


iframe#iframe{
	width: 40%;
	height: 29em;
	
}

div.iframe{
	text-align: center;
}
hr#hr2 {
    background-image: radial-gradient(
     								50% 40% at center, 
    								yellow, red, black );
    height: 15px;
    width: 100%;
    }


/* ===========================================*/

/*configuração botoes*/
.show-comments {

	background: red;
	color: white;
	font-size: 100%;
	padding: 0.5% 2% 0.5% 2%;
	cursor: pointer;
	margin: 0 1% 3% 5%;
	border: solid black #ccc 4px;
	border-width: 8px;

}
/*configuração botoes*/
.show-comments2 {
	
	background: #00c400;
	color: white;
	font-size: 100%;
	padding: 0.5% 2% 0.5% 2%;
	cursor: pointer;
	margin: 0 1% 1em 5%;
	border: solid black #ccc 4px;
	border-width: 8px;
}

/* Configurações campo formulário para contato*/
#contato{
	clear: right;
	margin-bottom: 30px;
	text-align: left;


}
h2#contato{
	font-size: 170%;
	margin-bottom: 20px;
}
h2#contato_contato{

	margin-top: 0px;
	font-size: 1.5em;
}
#contato{
	margin-bottom: 50px;
	text-align: left;
}

.contato3{
	width: 100%; 

}

.contato fieldset {
	border: 2px solid black;
	width: 90%;
	padding:1%;
	padding-right: 10%;
	text-align: left;
	margin: 0px auto 10px auto;
	margin: -10px auto 10px auto;
}
/*configurar "Deixe aqui suas dúvidas/comentários"*/
.contato fieldset legend {
	font-size: 1.3em;
	font-weight:bold;
	width: 100%;
	text-align: center;
	padding: 0 1%;
	margin-bottom:0%;	
	margin-top: 1%;
	color: black;
	border: solid;
	border-width: 2px; 
	background-color: rgb(211,211,211);
}

.contato fieldset input:not([type='text']),.contato fieldset input:not([#sexo])
.contato fieldset textarea{
	display: block;
	font-size: 0.8em;
	margin: 0 0 0.5em 0;
	/*comprimento das caixas*/
	width: 100%;
	border: 1px solid #999;
	padding: 0.2em;
}
/*altura do tamanho da caixa de texto*/
.contato fieldset textarea {
	height: 3em;
	width: 100%;
}

/*configuração botoes*/


/* Configuração do botao enviar para verde*/
.contato fieldset button {

	background: #00c425;
	color: white;
	font-size: 1em;
	padding: 0.3em 0.5em;
	height: 2em;
	width: 5em;
	cursor: pointer;
}

.contato fieldset input[type='text'], .contato fieldset input[type='email'] {
	width: 100%;

}

h2.relatorio1{
    font-size: 20px;
    color: red;
    margin-bottom: 9px;
    margin-top: 0px;
}

h2.relatorio2{
    font-size: 20px;
    color: green;
    margin-bottom:9px;
    margin-top:0px;
}

h3.relatorio{
   padding:5px;
   color: blue;
   line-height: 1.6em;
   background-color:  rgba(150,187,255,0.5);
}

h1.relatorio1{
margin-top: 0px;
font-size: 1.5em;
}
h1.relatorio2{
margin-top: 0px;
font-size: 1.5em;
}

h1#cabecalho_relatorio{
	width: 30%;
	margin: -60px auto 0 auto;
	box-shadow:none;
}

img#cabecalho_relatorio{
	width: 100%;
}

/*---------------------------------------*/
#rodape_relatorio{
	border-radius: 40px;
	margin: 10px auto 10px auto; 
	background: rgb(211,211,211);
	line-height: 0.3em;
	box-shadow: 10px 10px 30px;
	width: 95%;
	border: 20px solid gray;
	border-style: groove;
}


/*---------------------------------------------------*/

input#radio-choice-1[type=radio]{
width:15px;
height:15px;
cursor: pointer;}

input#radio-choice-2[type=radio]{
width:15px;
height:15px;
cursor: pointer;}
 
input#radio-choice-2[type=radio]:checked{
 box-shadow:0px 0px 7px 4px green;}

input#radio-choice-1[type=radio]:checked{
}


input[type=checkbox] {
-webkit-appearance:checked;
 box-shadow:0px 0px 6px 3px red;
 background-color:yellow;
 border: double 5px #00F;
width:15px;
height:15px;
cursor: pointer;
}
 

input[type=checkbox]:checked {
   background-color: orange;
   border-left-color:red;
   border-right-color:red;
   color:yellow;
   box-shadow:0px 0px 10px 7px green;
}
 
input[type=radio]:hover,
input[type=checkbox]:hover {
   box-shadow:0px 0px 10px 7px orange;

}


input.conversao{
	font-size: 1em;
	background-color: yellow;
	width: 100px;
}