@charset "utf-8";

* {
  box-sizing: border-box;
}  

body {
  font-size: 24px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
  margin: 0px; 
  padding:0px;
  text-align:center;
  align:center;
}


.headertop {
  background-color:  #FFFEFC;
  padding: 17px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  vertical-align: middle;
  height: 240px;
}	


img.logo {	
	/* border: 1px solid #766C6C;
	 border-radius: 3%;*/
	 float: left;
	 width: 300px;
	 height: auto;
	 /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/	    
	}

#address{
	margin-top: 50px;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
}

p.chamadas {
		font-weight: 400;
	    font-size: 20px;
	    text-shadow: 5px 5px 1 #FF0000;
	    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
	
	.parte1 {
	padding-top: 0px;	
	float: left;
	width: 33%;
	text-align: center;}

	.parte2 {
	padding-top: 0px;
	float: left;
	width: 33%;
	text-align: center;}

	.parte3 {
	padding-top: 0px;
	float: left;
	width: 33%;
	text-align: center;}

		
    .imagface{
	width: 18.5%;
           }
    .imaginst{	
	width: 19%;
           }
    .imagolx{
	width: 31%;
           }




.error {color: #FF0000;
	    font-size: 15px}

input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}

label {
  padding: 12px 12px 12px 0;
  display: inline-block;
}

input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
}

input[type=submit]:hover {
  background-color: #45a049;
}

.container{
	width: 100%;
	display:block;
}

.capsule{
	width: 33%;
	display:block;
	float: left;
	margin: 0px 0px 0px 1px
}


.row {
  float: left;
  width: 97%;
  margin-top: 2px;
  padding: 0px;
  
}
.rowbutton {
  float: left;
  width: 97%;
  margin-top: 6px;
  padding: 0px;
  
}
.footer{
	width: 100%;
	background-color:#1B1B1A;
	height: 450px;
	padding: 15px;
	align-content: center;
	margin-top: 10px;
}


/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) { 
	
	
#address{
	display: none;
}	

.row{	
	width: 100%;
	margin-top: 3px;
	float: center;
	}
.capsule{
	width: 100%;
	margin-top: 0px;	
	}
	
.rowbutton {
  float: left;
  width: 100%;
  margin-top: 6px;
  
}
input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
  width: 100%;
}
	
.container{
	 width: 100%;
	 margin-top: 0px;
	}

.footer{
	width: 100%;
	background-color:#1B1B1A;
	height: 300px;
	padding: 15px;
	align-content: center;
	margin-top: 0px;
		
}
.parte1 {
	padding-top: 0px;	
	float: left;
	width: 100%;
	text-align: center;}

	.parte2 {
	padding-top: 15px;
	float: left;
	width: 100%;
	text-align: center;}

	.parte3 {
	padding-top: 15px;
	float: left;
	width: 100%;
	text-align: center;}
	 
	
.address{
	display: none;
}
	
}