*{
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	color: #fff;
	letter-spacing:1px;
	font-size: 14px;
	transition: 0.5s all;
}

body{
	background-color: #000;
}

#response{
	width:50px;
	height:50px;
	position:fixed;
	left:5px;
	top:5px;
	background-color:#FFF;
	display:none;
}

.main_container{
	width: 100%;
	height: auto;
	margin:auto;
}

header{
	width: 100%;
	height: 280px;
	float: left;
	position: relative;
}

.capa{
	position: absolute;
	top: 10px;
	left:50%; 
	margin:10px 0 0 -87px;  
}

header .header_left{
	width: 500px;
	height: 280px;
	float: left;
	background-image: url(../imagens/esquerda.png);
	background-repeat: no-repeat;
}

header .header_right{
	width: 480px;
	height: 280px;
	float: right;
	background-image: url(../imagens/diereita.png);
	background-repeat: no-repeat;
}

.header_left .logo{
	width: 185px;
	height: 65px;
	float: left;
	margin: 150px 0 0 95px;
}

.content{
	width: 100%;
	height: auto;
	float: left;
}

.content .content_left{
	width: 40%;
	height: auto;
	float: left;
	margin: 50px 0 0 75px;
}

.content_left h1{
	font-size: 28px;
	letter-spacing: 0.8px;
	text-indent: 30px;
}

.content_left ul{
	padding-left: 50px;
	color: #fff;
}

.content_left ul li{
	font-size: 18px;
}


.content .content_right{
	width: 540px;
	height: auto;
	float: right;
	margin: 50px 90px 0 0;
}

.content_right table{
	float: left;
	margin-right: 0;
	width:37%;
}

.content_right table tr td{
	font-size: 18px;
}

.content_right input[type="text"], input[type="email"]{
	padding: 10px 10px;
	color: #000;
	width: 170px;
}

.content_right input[type="submit"]{
	width: 90px;
	float: right;
	padding:0;
	color: #000;
	
	font-size: 22px;
	cursor: pointer;
}

.content_right input[type="submit"]:hover{
	background-color: #9b3700;
	color: #fff;
}

.content_right textarea{
	width: 250px;
	height: 153px;
	resize: none;
	color: #000;
	padding: 10px 10px;
}

#contruResponsive{
	opacity:0;
	position:absolute;
	top:100px;
	left:50%; 
	margin: 10px 0 0 -155px; 

}
.mobile_also{
	opacity:0;
	display:none;
	float:left;
	text-align:center;
	width:100%;
	height:auto;
}
@media (min-width:1201px) and (max-width:1400px) {
    #response{ background-color: green;}
}
@media (min-width:768px) and (max-width:1200px) {
   #response{ background-color: blue;}
   
   .content_left, .content_right{
		margin:10px auto !important;
		width:95% !important;		
		float:none !important;
		display:table;
			
	}
	.content_left h1 {
	text-indent: 6px;
	}
	.header_right, .header_left{
		background-image:none !important;	
	}
	.content_right table {
		margin-right: 30px;
		width: 46%;
	}
	
	.header_left .logo {
		height: 65px;
		float: left;
		margin: 205px 0 0 95px;
	}
	.content_right input[type="text"], input[type="email"], .content_right textarea{
		padding: 10px 10px;
		color: #000;
		width: 100%;
	}
	.logo img{
		position: absolute;
		top: 205px;
		left: 50%;
		margin: 0 0 0 -93.5px;	
	}
	.content_right input[type="submit"]{
		width: 102%;
		float: left;
	}
	.content_left ul{
		padding-left: 25px;
	}
	#contruResponsive{
		opacity:0;
		display:none;
	}
	header{
		opacity:0;
		display:none;
	}
	.capa{
	opacity:0; 
	display:none;
	}
	
	.logo img{
		display:none;	
	}
	
	.mobile_also{	
		display:block;
		opacity:1;
	}
}
@media (min-width:768px) and (max-width:979px) {
   #response{ background-color: red;}
   
   #contruResponsive{
	opacity:1;
	position:absolute;
	top:100px;
	left:50%; 
	margin: 10px 0 0 -155px;
	}
	.capa{
	opacity:0; 
	}
	.logo img{
		position: absolute;
		top: 15px;
		left: 50%;
		margin: 0 0 0 -95px;	
	}
	.content_right table {
		width: 45%;
	}
	.content_right input[type="submit"]{
		width: 25%;
		float: right;
		margin: 0px -20px;
	}
	
	#contruResponsive{
		opacity:0;
		display:none;
	}
	header{
		opacity:0;
		display:none;
	}
	.capa{
	opacity:0; 
	display:none;
	}
	
	.logo img{
		display:none;	
	}
	
	.mobile_also{	
		display:block;
		opacity:1;
	}
}
@media (max-width:767px) {
   #response{ background-color: yellow;}
   body{padding: 5px 0 5px 15px;}
   .content_left, .content_right{
		margin:10px auto !important;
		width:100% !important;		
		float:none !important;
		display:table;			
	}
	.content_left h1 {
	text-indent: 6px;
	}
	.content_right input[type="submit"]{
		width: 25%;
	float: right;
	}
	.header_right, .header_left{
		background-image:none !important;	
	}
	.content_right table {
		margin-right: 10px;
		width: 47%;
	}
	
	.header_left .logo {
		height: 65px;
		float: left;
		margin: 205px 0 0 95px;
	}
	.content_right input[type="text"], input[type="email"], .content_right textarea{
		padding: 10px 10px;
		color: #000;
		width: 95%;
	}
	.logo img{
		position: absolute;
		top: 15px;
		left: 50%;
		margin: 0 0 0 -95px;	
	}
	.content_left ul{
		padding-left: 25px;
	}
	
	#contruResponsive{
	opacity:1;
	position:absolute;
	top:100px;
	left:50%; 
	margin: 10px 0 0 -155px; 

}
.capa{
	opacity:0; 
	}
	
	.mobile_also{	
		display:block;
		opacity:1;
	}
	
	.logo img{
		display:none;	
	}
	
	#contruResponsive{
		opacity:0;
		display:none;
	}
	
	header{
		opacity:0;
		display:none;
	}
}
@media (max-width:600px) {
  #response{ background-color: gray;}
  body{padding: 5px 0 5px 15px;}
   .header_left{width:1px !important}
   .header_right{display:none !important}
   .content_right table{
	   width:98%;
   }
   .content_right input[type="text"], input[type="email"], .content_right textarea{
	   width:95%;
   }
   .content_left h1 {
	font-size: 28px;
	letter-spacing: 0.8px;
	text-indent: 7px;
	}
   .content_right input[type="submit"]{
		width: 99%;
		float: left;
	}
	
	#contruResponsive{
		opacity:0;
		display:none;
	}
	header{
		opacity:0;
		display:none;
	}
	.capa{
	opacity:0; 
	display:none;
	}
	
	.logo img{
		display:none;	
	}
	
	.mobile_also{	
		display:block;
		opacity:1;
	}
}