/* 
    Created on : 24/10/2015, 23:06:31
    Author     : WCT
*/

/*reset*/
*, *:before, *:after{ margin: 0; padding: 0;font-family: 'Lato', sans-serif; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

/*Box Geral*/
.container{float: left; width: 100%;}
.content{width: 80%;margin: 0 10%;padding: 10px 0;}
.fontzero{font-size: 0em;}
.clear{clear: both;}
.texto{float:left; width:50%; margin-top:10px;}
.imgpadrao{float:right; max-width:300px;}
.tagline{margin-bottom:10px;}
/*Midias*/
img,
object,
embed,
video,
iframe,
iframe[style]{max-width:100%;height:auto;}
fieldset{border:0; padding:0;}
label{width:100%; margin-bottom:20px; display:block;}
label span{display:block; margin-bottom:10px;}
input,
select,
textarea{padding:5px; width:90%;}
input.btn{width:auto; cursor:pointer;}
/*ratio*/
.ratio{	position:relative;	padding-bottom:56.25%;	float:left;	width:100%;	height:0;}
.media{	width:100%;	height:100%; position:absolute;	left:0;	top:0;}
.hidden{ display: none;}
.info_adi{display: none;background-color: #f2f4f8;	width: 100%;}
.btnMore{cursor: pointer;}
.btnLess{display: none;	cursor: pointer;}

/*Cabeçalho*/

.main_header{background: #fff;background-image: url('../images/1.jpg');    background-position: center top;font-size:0.875em;border-bottom: 1px solid #069; }
.main_header .content{  padding: 1px auto;}
.main_header_fixed{position: fixed;   top: 0; left: 0; border-bottom: 1px solid #069;  z-index: 99;}
.main_logo{float:left;margin-top: 2px;margin-bottom: 2px;}
.fone{ float: right; }
/*Menu*/
.main_header_menu{   background: #232b3d;}
.main_header_menu .mobmenu{	display:none;}
.main_header_menu .mobmenu.active{	background:#f00;}
.main_header_menu .content{	padding:0;}
.main_header_menu ul{ margin: 0 auto;  	list-style:none;}
.main_header_menu li{   float: left;}
.main_header_menu a{ float: left;  padding: 15px;  color: #fff; font-size: 0.875em; text-decoration: none;    text-transform: uppercase;}
.main_header_menu a:hover{ background: #738cbf;}

/*DESTAQUE INICIAL*/
.destaque{background-color: #000; background-image: url('../images/2.jpg');  background-size: cover;  background-attachment: fixed;  background-position: center top;  color: #000;}
.destaque header{float:left;width:35%;padding-right:10%;}    
.destaque header h1{font-weight:bold;font-size:2em;margin-top:20px;}
.destaque .tagline{	margin-left; margin-bottom:10px;font-size:1em;}
.destaque_video{float:right;width:50%;	padding:5px;	margin-top:5px;	background:rgba(255,255,255,0.2);}
.destaque .fb-like{	margin-right:10px;}
.destaque h2{font-weight:bold;font-size:1.4em;margin-top:10px; margin-bottom:10px;}
.destaque article{float:left; width:30%; padding:10px; margin-right:15px;background:rgba(255,255,255,0.4);box-shadow:0px 3px 3px 0px rgba(0,0,0,0.1);	-webkit-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.1);	-moz-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.1);	margin-bottom:3%;border-radius:3%;}
.destaque article:hover{	background:#fff;box-shadow:0px 3px 3px 0px rgba(0,0,0,0.3);	-webkit-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.3);-moz-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.3);}
/*Dicas*/


/*Conceito*/
.conceito{ background-color: #ccc;  background-image: url('../images/5.jpg');   background-size: cover;    background-attachment: fixed;background-repeat:repeat-x;  background-position: center top;  color: #000;}
.conceito p{font-size:1.4em;font-style:italic;}
/*citacao destaque*/
.cita p{margin-top:20px;float:left;}
.cita img{float:right;}
/*Citacao*/
.citacao{
    background-color: #333;
    background-size: cover;
    background-attachment: fixed;
	background-repeat:repeat-x;
    background-position: center top;
    color: #000;

}
.citacao{ background-color: #efefef; background-image: url('../images/8.jpg'); background-size: cover;  background-attachment: fixed;background-repeat:repeat-x;    background-position: center top;  color: #000;}
.citacao h1{text-align:center;color:#222;font-size:1.2em;}
.citacao p{	text-align:center;	color:#333;}
.citacao_item{	width:10.41666666666667%;float:left;margin-right:2%;font-size:0;}
.citacao img{	max-height:100px;}


/*versão*/

.versao_img{	width:100%;	max-width:100px;}
.versao_img1{	width:100%;	max-width:120px;}
.versao_img2{	width:100%;	max-width:150px;}
.versao_img3{	width:100%;	max-width:180px;}
/*Modulos*/
.vantagens{
    background-color: #efefef;
    background-image: url('../images/5.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center top;
    color: #000;
}
.vantagens h1{font-weight:bold;margin-top:10px; margin-bottom:10px;color:#036;font-size:1.4em;}
.vantagens_item{
	display:inline-block;
	vertical-align:top;
	width:22.75%;
	margin-right:1%;
	margin-top:3%;
	background:rgba(255,255,255,0.4);
	box-shadow:0px 3px 3px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.1);
	margin-bottom:3%;
	padding:4px;
	border-radius:3%;
}
.vantagens_item:last-of-type{	margin-right:0;}
.vantagens_item:hover{	background:#fff;box-shadow:0px 3px 3px 0px rgba(0,0,0,0.3);	-webkit-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.3);-moz-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.3);}

.vantagens_item h1{margin:5px;	font-size:1.2em;}
.vantagens_item p{	padding:2px;	text-align:justify;}
.vantagens_item img{text-align:center;	margin:10px 10px;}
/*plano*/
.planos{
    background-color: #efefef;
    background-image: url('../images/fundo_planos.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center top;
    color: #000;
}
.plano{height:1000px;}
.planos h1{font-weight:bold;margin-top:10px; margin-bottom:10px;color:#036;	font-size:1.4em;}
.planos h2{	font-size:1em;}
.planos_item{
	display:inline-block;
	vertical-align:top;
	width:22.75%;
	margin-right:1%;
	margin-top:3%;
	background:rgba(255,255,255,0.2);
	box-shadow:0px 3px 3px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.1);
	margin-bottom:3%;
	padding:4px;
	border-radius:3%;
	max-height:380px;
}
.planos_item:last-of-type{	margin-right:0;}
.planos_item:hover{	background:#fff;box-shadow:0px 3px 3px 0px rgba(0,0,0,0.3);	-webkit-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.3);-moz-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.3);}

.planos_item h1{margin:5px;	font-size:1.2em;}
.planos_item h2{margin:5px;	font-size:1em;}
.planos_item p{	padding:2px;	text-align:justify;}
.planos_item img{text-align:center;	margin:10px 10px; max-height:170px;}
/*FAQ*/
.faq{
    background-color: #efefef;
    background-image: url('../images/3.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center top;
    color: #000;
}
.faq h1{font-weight:bold;margin-top:10px; margin-bottom:10px;color:#036;font-size:1.4em;}
.faq h2{	font-size:1em;}
.faq p {background:#069; color:#fff; margin:10px;border-radius:5%; width:80%; padding:20px;}
/*motivos*/
.motivos{
    background-color: #efefef;
    background-image: url('../images/3.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center top;
    color: #000;
}
.motivos h1{font-weight:bold;margin-top:10px; margin-bottom:10px;color:#036;font-size:1.4em;}
.motivos h2{	font-size:1em;}
.motivos_item{
	display:inline-block;
	vertical-align:top;
	width:22.75%;
	margin-right:1%;
	margin-top:3%;
	background:rgba(255,255,255,0.4);
	box-shadow:0px 3px 3px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.1);
	margin-bottom:3%;
	padding:4px;
	border-radius:3%;
}
.motivos_item:last-of-type{	margin-right:0;}
.motivos_item:hover{	background:#fff;box-shadow:0px 3px 3px 0px rgba(0,0,0,0.3);	-webkit-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.3);-moz-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.3);}
.motivos_item h1{margin:5px;	font-size:1.2em;}
.motivos_item h2{margin:5px;	font-size:1em;}
.motivos_item p{	padding:2px;	text-align:justify;}
.motivos_item img{text-align:center;	margin:10px 10px;}
/*Promo*/
.promo{
    background-color: #000;
    background-image: url('images/4.jpg');
    background-size: cover;
    background-attachment: fixed;
	background-repeat:repeat-x;
    background-position: center top;
    color: #000;
}

/*sobre*/
.sobre{
    background-color: #efefef;
    background-image: url('../images/fundo_planos.jpg');
    background-size: cover;
    background-attachment: fixed;
	background-repeat:repeat-x;
    background-position: center top;
    color: #000;
}	

.sobre p{ background:rgba(255,255,255,0.9); box-shadow:0px 3px 3px 0px rgba(0,0,0,0.1);	-webkit-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.1); -moz-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.1); border-radius:8px; padding:20px; margin:10px;}
.sobre h1{font-weight:bold;font-size:1.4em;margin-top:10px; margin-bottom:10px;color:#036;}
.sobre img{float:right;}

/*Demo*/
.demo{
    background-color: #fff;
    background-image: url('../images/6.jpg');
    background-size: cover;
    background-attachment: fixed;
	background-repeat:repeat-x;
    background-position: center top;
    color: #000;
}	
.demo h1{font-weight:bold;margin-top:10px; margin-bottom:10px;color:#036;font-size:1.4em;}
.demo p{margin-bottom:10px;}
/*comprar*/
.comprar{
    background-color: #efefef;
    background-image: url('../images/7.jpg');
    background-size: cover;
    background-attachment: fixed;
	background-repeat:repeat-x;
    background-position: center top;
    color: #000;
}	
.comprar h1{font-weight:bold;margin-top:10px; margin-bottom:10px;color:#036;font-size:1.4em;}
.comprar p{margin-bottom:10px;}
/*forms*/
.dado_cliente{ padding:1%; width:97%; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin-left:15px; margin-bottom:20px;list-style:none; -moz-box-shadow:0 3px 10px 0 #CCC; -webkit-box-shadow:0 3px 10px 0 #333; border:#069; background:#efefef;}
.form_left{	float:left;	width:48%;}
.form_right{float:right;width:48%;}
.form_action{float:left;width:100%;	margin-top:10px;}
.form_action{float:left;width:100%;	margin-top:10px;color:#FFF;}
.input70{width:60%;}
.input50{width:40%;}
.input30{width:20%;}
.input15{width:15%;}
.input10{width:10%;}
.input5{width:5%;}
.check{ vertical-align: middle;  width:auto;  float:left;	 margin:4px 10px 0 0;}
.check_carro{ vertical-align: middle;  width:auto;  float:right;	 margin:4px 10px 0 0;}

.inp_cod{	width:20%;	margin-right:5px;}
/*Social*/
.footer { background-color: #232b3d; color: #fff; }
.footer a{ text-decoration: none; color: #fff; }
.footer a:hover{ color: #ff2200; }
.main_social h1{font-size:1.1em;}


.facepile{float:right; margin-top:0;}

@media (max-width:1120px){
	.content{width:96%;	}

}

@media (max-width:1080px){


}

@media (max-width:540px){
	.content{width:94%;}
	.main_logo{	max-width:90%;}
	.main_header_menu .content{	width:100%;	display:none;}
	.main_header_menu li{width:50%;}
	.main_header_menu a{width:100%;}
	.main_header_menu .mobmenu{	display:block;width:100%;background:#069;}
	.main_header_menu .mobmenu.active{	background:#036;}
	
	.destaque header{width:100%;}
	.destaque_video{float:left;}
	.cita img{float:left;}
	.vantagens_item{width:90%;}
	.conceito p{font-size:1.2em;font-style:italic;	}
	
	.demo form{	float:left;	}
	.demo input{width:80%;}
	.versao_img{width:100%;	max-width:60px;	}
	.versao_img1{width:100%;max-width:90px;}
	.versao_img2{width:100%;max-width:120px;}
	
	.versao_img3{width:100%;max-width:150px;}
	.form_left{float:left;width:100%;}
	.form_right{float:right;width:100%;}	
	.form_action{float:left;width:80%;	margin-top:10px;text-align:center;}

}