#login{margin:100px auto; width:400px;}
#login input[type=text],#login input[type=password]{border-radius:20px; padding-left:50px;}

#login input[type=submit]{border-radius:5px; width:400px; height:50px; background:#575757; border:1px solid black; color:white; font-weight:bold; cursor:pointer;}
#conta input[type=submit]{border-radius:5px; width:250px; height:50px; background:#575757; border:1px solid black; color:white; font-weight:bold; cursor:pointer;}
#login input[type=submit]:hover{opacity:0.8;}


#conta{width:75%; padding:0px 14% 50px 14%;  color:#575757; font-size:14px;}
#cont{width:86%;  padding:100px 7% 50px 7%;  color:#575757; font-size:14px;}
#cont h2,#conta h2{color:white; margin-bottom:60px; background:#339999; display:block; line-height:150px; text-align:center;}
#cont input[type=text],#conta input[type=text],#cont input[type=password]{width:400px; height:50px; background-color:#DADADA; border:1px solid #DADADA; margin-bottom:30px;margin-top:3px; padding-left:20px;}
#cont textarea{width:400px; height:200px; border:1px solid white; margin-bottom:30px; margin-top:3px; }
#cont textarea{width:400px; height:200px; border:1px solid white; margin-bottom:30px; margin-top:3px; }
#conta textarea{width:400px; height:300px; border:1px solid white; margin-bottom:30px; margin-top:3px; background-color:#F4F4F4;}
#cont p{margin-bottom:40px;}
#conta .fir{float:left;}
#conta .sec{float:right;}

#article{width:82%; padding:120px 7% 50px 7%;  margin:0px auto 50px auto; height:auto; } 
#article h1{margin-bottom:30px;} 
#article img{float:right; width:44%;border-radius:20px;} 
#article .conty{float:left; width:48%; padding:50px 0px; color:#575757; font-size:14px;} 
#article a{display:block;  width:180px; background:#f4672b; color:white; font-size:16px; line-height:50px; margin:30px 0px; text-align:center;text-decoration:none; border-radius:25px;}

#faq .conty{float:right; width:48%; padding:50px 0px; color:#575757; font-size:14px;} 
#faq{width:82%; padding:120px 7%;  border-top:1px solid #E6E6E6; margin:0px auto 50px auto; height:auto; }
#faq img{float:left; width:46%;border-radius:20px;}
#faq span a{display:block;  padding:0px 4px; margin:-2px 10px 0px 0px ; border:2px solid #f4672b; color:#f4672b; float:left; border-radius:20px; font-weight:bold;} 
#faq span{
-webkit-user-select:none;-moz-user-select:none; 
	cursor:pointer;display:block; margin:25px 0px 10px 0px; padding:20px; background:#E6E6E6; border-radius:20px;}
#faq p{display:block; margin:0px 0px 0px 30px; display:none;}
	a{-webkit-user-select:none;-moz-user-select:none;}
#sect{width:100%; padding:100px 0; text-align:center; background:#F1F1F1;}
#sect img{width:70%; }

#section{width:86%; padding:100px 7% 100px 7%; text-align:center; background:#E2E2E2; }
#section  h2{margin:10px 0px 70px 0px; color:#f4672b; font-weight:normal; }

#section b{margin:30px auto; display:block; color:#f4672b;}
#section a{display:block;  width:180px; background:#f4672b; color:white; font-size:16px; line-height:50px; margin:30px auto; text-decoration:none; border-radius:25px;}
#section img{width:100%;  border-radius:20px 20px  0px 0px;}
#section .box{width:22%; display:inline-block; vertical-align:top; background:white; text-align:center; font-size:17px; border-radius:20px; cursor:pointer;}
#section .box:hover{margin-top:-10px;}
#section .ox{margin:0px 10%;}


@media (max-width:500px){
#conta .sec, #conta .fir{float:none;}

	#cont h2{ line-height:100px;}
#login input[type=submit]{width:100%;}
	#section  h1{font-size:21px;}
	#section  h2{font-size:18px;}
	#login{width:100%;}
	#serv{width:80%; padding:30px 5%;  } 
	#section .box{width:100%; display:block; padding-bottom:20px;}
#section .ox{margin:50px 0px;}
#cont input[type=text],#cont input[type=password],#conta input[type=text],#conta textarea{width:100%; }

#cont textarea{width:100%; }
#cont{width:90%; padding:100px 5% 50px 5%;}
#article img, #faq img{float:none; width:100%; border:0px;} 
#article .conty, #faq .conty{float:none;  width:94%; padding:10px 3%; } 
}