/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
input{
	border:none;
	background:#fff; 
	padding:15px 10px 15px 10px;
	color:#b6b8ba;
	font-size: 16px;
	margin: 15px auto 15px auto; 
	width: 98%;
	font-family:'AvenirLTStd-Light', Helvetica, Arial, "sans-serif";
	
}
textarea {
	border:none;
	background:#fff; 
	padding:15px 10px 15px 10px;
	color:#808285;
	font-size: 16px;
	margin: 15px auto 15px auto; 
	width: 98%;
	font-family:'AvenirLTStd-Light', Helvetica, Arial, "sans-serif";
}
input.button { width: auto; background: #f67d30; color: #fff; text-transform: uppercase; padding: 15px 50px; margin: 20px auto; font-family:'AvenirLTStd-Roman', Helvetica, Arial, "sans-serif"; font-weight: 500; }
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* General Demo Style */
body{
    font-family:'AvenirLTStd-Light', Helvetica, Arial, "sans-serif";
	font-size: 15px;
	color: #808285;
	overflow-y: scroll;
	overflow-x: hidden;
	background: url(../images/bk.png) fixed center top;
}
.logo {width: 70%; float: left; }
.ie7 body{
	overflow:hidden;
}
a{
	color: #808285;
	text-decoration: none;
}
.container{
	position: relative;
	text-align: center;
}
.clr{
	clear: both; margin:0; padding:0; height:1px;
}
.hide {display: block;}
.showm {display: none;}
.img { width: 100%; height: auto}
.menu_topo { width: auto; border-left:1px solid #e2e2e3; padding: 20px; color: #808285; float: right; font-size: 22px; margin-top: 30px; line-height: 32px;}
.menu_topo a {color: #808285;}
.menu_topo a:hover {color: #f67d30; text-decoration: none;}
.row { width: 835px; max-width: 100%; margin: 40px auto; padding:20px 0;}
.col-1 {width: 70%; float: left;}
.col-2 {width: 27%; float: left;}
.col-3 {width: 80%; float: left;}
.col-4 {width: 100%; float: left;}
.col-5 {width: auto; float: left;}

.logo {padding: 10px 0 0 0;}
.space { width: 100%; clear: both; height: 120px;}
.space_linha { width: 20%; clear: both; height: 6px; background: #bdbdbd; margin-top: 5px;}
.box_texto { width: 100%; font-size:17px; line-height: 25px; text-align: justify; margin-top: 20px; }
.box_form { width: 100%; background-color: rgba(0,0,0,0.07); margin-top: 20px;}
.copyright { font-size: 14px; margin: 20px auto 20px auto; width: 30%; text-align: center; color:#bdbdbd; border-top:1px solid #e2e2e3; padding: 10px;} 
h1{ font-size: 48px; color: #f67d30; padding: 0; margin: 0 0 0 -2px;}
h2{ font-size: 24px; color: #808285; padding: 0; margin: -10px 0 0 0;}
h3{ font-size: 18px; color: #808285; padding: 0; margin: -5px 0 0 0;}
h4{ font-size: 26px; color: #f67d30; padding: 0; text-transform: uppercase;}

.box { width: 100%; margin:60px auto 0 auto; padding: 40px 0 20px 0; text-align: center; background: rgba(193,193,193,0.2)}


/* Media Queries */

@media screen and (max-width: 800px) {
	.row { width: 90%; margin: auto;}
	.logo {width: 65%;}
	.logo img {width: 80%; height: auto; margin-top: 10px;}
	.menu_topo { width: 45%;}
	
}



@media screen and (max-width: 400px) {
	.row { width: 90%; margin: auto;}
	.col-1 {width: 100% !important;}
    .col-2 {width: 100% !important;}
    .col-3 {width: 100%;}
    .col-4 {width: 100% !important;}
    .col-5 {width: 100%; padding: 0; margin:0;}
	.col-7 {width: 100%!important; margin: auto!important; padding: 0;}
	.logo {width: 100%;}
	.logo img {width: 90%; height: auto;}
	.menu_topo { width: 80%; line-height: 50px; margin: 50px 0;}
	.box_texto {text-align: left; font-size:18px; line-height: 26px; }
	.space {height: 40px;}
	input { width:85%; padding:10px; margin:10px 0;}
	textarea { width:85%; padding:10px; margin:10px 0;}
	input.button {width:92%; padding: 15px 0!important; background: #f67d30; -webkit-appearance: none;}
	.copyright {margin-bottom: 20px}
	body { background: url(../images/bk_mobile.png) bottom center; }
	form { width: 100%!important; padding: 10px 0; margin: 0;}
	h3{ font-size: 17px;}
	.hide {display: none;}
	img { width: 100%; height: auto; margin: 15px 0;}
	.showm {display: block;}
}