@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'ralewayregular';
    src: url('../font/raleway-webfont.woff2') format('woff2'),
         url('../font/raleway-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'ralewayextrabold';
    src: url('../font/raleway-extrabold-webfont.woff2') format('woff2'),
         url('../font/raleway-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



body {
	background: url(../imagens/bg.jpg) no-repeat top;
}




@media only screen and (min-width: 990px) {

#principal {
	position:relative;
	margin:auto;
	width: 960px;
	height:560px;
}


#logo {
	position:absolute;
	background: url(../imagens/logotipo.png) no-repeat;
	width:197px;
	height:90px;
	left: -60px;
	top: 46px;
}

#headline {
	position:absolute;
	font-family: 'ralewayextrabold';
	font-size:34px;
	color:#353132;
	left: 175px;
	top: 30px;
	width: 704px;
	height: 109px;
}

#sub-headline{
    font-family: 'ralewayregular';
	font-size:18px;
	text-transform:uppercase;
	padding-top:15px;
}

#img-conceito {
	position:absolute;
	background:url(../imagens/conceito.png) no-repeat;
	width:553px;
	height:357px;
	left: -84px;
	top: 203px;
}

#formulario {
    position: absolute;
    width: 460px;
    height: 340px;
    background: #0f9b75;
    left: 477px;
    top: 165px;
    padding: 20px;
}

.calltoaction {
	width:100%;
	font-family: 'ralewayextrabold';
	font-size:20px;
	color:#FFF;
	text-align:center;
	text-transform:uppercase;
	line-height:normal;
	margin-bottom:10px;
}

.calltoaction span{
    font-family: 'ralewayregular';
}

.label {
    width: 207px;
    float: left;
    margin-bottom: 11px;
    margin-left: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
}

.label-box{
    width: 434px;
    float: left;
    margin-bottom: 11px;
    margin-left: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
}
input {
	width:100%;
	height:28px;
	margin-top:5px;
	padding-left: 2px;
}

select {
	width:100%;
	height:28px;
	margin-top:5px;
	padding-left: 2px;
}

#btn_submit {
	background: url(../imagens/bt.png) top no-repeat;
	width: 284px;
	height:62px;
	border:0px;
	margin-left:90px;
	cursor:pointer;
	margin-bottom:5px;
}

#btn_submit:hover{
	background: url(../imagens/bt.png) bottom no-repeat;
}


#content {
	width: 100%;
	height:300px;
	background: #ef3135;
}

.content {
	position:relative;
	margin:auto;
	width:970px;
	height:300px;
}

.box {
	width: 319px;
	height: 280px;
    font-family: 'ralewayextrabold';
	font-size:20px;
	color: #FFF;
	float:left;
	margin-top:25px;
	text-align:center;
}

.line {
	background:url(../imagens/line.png) no-repeat;
	width:2px;
	height:236px;
	float:left;
	margin-top:25px;
}

.txt {
    font-family: 'ralewayregular';
	font-size:14px;
	padding:15px;
	line-height:normal;
}

#rodape {
	background: #252525;
	width:100%;
	height:70px;
}

.rodape {
	position:relative;
	margin:auto;
	width: 960px;
	height:50px;
	padding-top:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#9a9a9a;
}

}















@media only screen and (min-width: 0) and (max-width: 990px) {
	
	
#principal {
	position:relative;
	margin:auto;
	width: 100%;
	max-width: 960px;
	height:520px;
}


#logo {
	background: url(../imagens/logotipo.png) top no-repeat;
	width:100%;
	height:90px;
	left: 17px;
	top: 46px;
	margin-top:20px;
	margin-bottom:20px;
}

#headline {
	font-family: 'ralewayextrabold';
	font-size:34px;
	color:#353132;
	left: 175px;
	top: 30px;
	width: 100%;
	height: auto;
	text-align:center;
}

#sub-headline{
    font-family: 'ralewayregular';
	font-size:18px;
	text-transform:uppercase;
	padding-top:10px;
}

#img-conceito {
	background:url(../imagens/conceito.png) top no-repeat;
	width:100%;
	height:357px;
	margin-top:20px;
}

#formulario {
	width:95%;
    height: auto;
	background: #0f9b75;
	left: 477px;
	top: 174px;
	padding:20px;
}

.calltoaction {
	width:100%;
	font-family: 'ralewayextrabold';
	font-size:20px;
	color:#FFF;
	text-align:center;
	text-transform:uppercase;
	line-height:normal;
	margin-bottom:10px;
	
}

.calltoaction span{
    font-family: 'ralewayregular';
}

.label {
	width:100%;
    float: left;
    margin-bottom: 11px;
    margin-left: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
}
.label-box{
    width: 90%;
    float: left;
    margin-bottom: 11px;
    margin-left: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
}

select {
	width:100%;
	height:28px;
	margin-top:5px;
	padding-left: 2px;
}

input {
	width:90%;
	height:28px;
	margin-top:5px;
	padding-left: 2px;
}

#btn_submit {
	background: url(../imagens/bt.png) top no-repeat;
	width: 284px;
	height:62px;
	border:0px;
	cursor:pointer;
	margin-bottom:5px;
    margin-left: 15px;

}

#btn_submit:hover{
	background: url(../imagens/bt.png) bottom no-repeat;
}


#content {
	width: 100%;
	height:300px;
	background: #ef3135;
	display:none;
}

.content {
	position:relative;
	margin:auto;
	width:970px;
	height:300px;
}

.box {
	width: 319px;
	height: 280px;
    font-family: 'ralewayextrabold';
	font-size:20px;
	color: #FFF;
	float:left;
	margin-top:25px;
	text-align:center;
}

.line {
	background:url(../imagens/line.png) no-repeat;
	width:2px;
	height:236px;
	float:left;
	margin-top:25px;
}

.txt {
    font-family: 'ralewayregular';
	font-size:14px;
	padding:15px;
	line-height:normal;
}

#rodape {
	background: #252525;
	width:100%;
	height:70px;
	display:none;
}

.rodape {
	width: 960px;
	height:50px;
	padding-top:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#9a9a9a;
}

}