/*
10/04/2016
Theme Name: Vilatec
Theme URI: http://www.url.com.br
Description: Produzido por Filipe Dantas
Version: 2016
Author: Produzido por Filipe Dantas
Author URI: http://www.filipedantas.com
*/

@font-face {
font-family: 'Segoe UI Regular';
font-style: normal;
font-weight: normal;
src: local('Segoe UI Regular'), url('Segoe UI.woff') format('woff');
}

/* default */
*{margin:0; padding:0; outline:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
html {font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
html, button, input, select, textarea, p, h1, h2, h3, h4, h5, h6, li, address, small, td, span {font-family: "Lato", sans-serif;}
html, body, #container {height:90%;}
#container {height: auto; min-height: 90%; width:100%;}

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #000; text-decoration:none }
a:hover { color: #000; text-decoration:underline}
.none{display:none;}
.alignnone, .alignleft{float:left; margin:0 10px 10px 0;}
.alignright{float:right; margin:0 0 10px 10px}
.aligncenter {margin-left: auto; margin-right: auto; clear: both; display: block;}

.progress{ display: none; }
input[type="radio"], label{ cursor: pointer; }
.col-centered{ float: none; margin: 0 auto; }
#status{ position: fixed; background: rgba(255,255,255,0.95); width: 100%; height: 100%; z-index: 99999; display: none; }
#status #msg{ padding-top: 20%; }
#status #progress{ margin-top: 20%; }
#status .close_preview{
	position: absolute;
	top: 10px;
	right: 0;
}
.error_field{ border-color: red !important; }

////////////
// LAYOUT //
////////////
.sprite{background:url(../img/sprite.png) no-repeat}
/* TITULOS */
h1 {font-size: 22px;}
h2 {font-size: 20px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}

#container{
	header{
		width: 100%;
		height: 70px;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 999;

		.bg{
			width: 100%;
			height: 75px;
			background: rgba(148, 148, 148, 0.8);
			display: none;
		}
		.bg_int{
			width: 100%;
			height: 75px;
			background: rgba(148, 148, 148, 0.8);
			display: block;
		}
		.user-welcome{
			position: absolute;
			top: 30px;
			right: 75px;
			ul{
				li{
					list-style: none;
					text-align: right;
					a{
						color: #fff;

					}
					&:hover{
						ul{
							display: block;
						}
					}
					ul{
						background: rgba(148,148,148,0.8);
						li{
							text-align: left;
							padding: 4px 15px;
							margin-bottom: 4px;
							border-bottom: 1px solid #fff;
							a{
								color: #fff;
							}
						}
					}
				}
			}
			a{ color: #d5d5d5; }
		}
		&.topo_int{
			width: 200px;
			right: 0;
			.user-welcome{
				ul{
					li{
						a{
							color: #000;
						}
					}
				}
			}
		}
		nav{
			position: absolute;
			top: 25px;
			left: 50px;
			float: left;
			ul{
				margin: 0;
				padding: 0 50px 0 0;
				li{
					float: left;
					list-style: none;
					text-transform: uppercase;
					margin:0 35px 0 0;
					font-size: 14px;
					a{
						color: #fff;
						border: none;
					}
				}
			}
		}

		.solicita{
			position: absolute;
			top: 25px;
			right:210px;
			a{
				float: left;
				color: #FFF;
			}
			.bt_solicita{
				color: #fff;
				background: #50af2f;
				font-size: 12px;
				padding: 5px 20px;
				-webkit-border-radius: 20px 20px 20px 20px;
				border-radius: 20px 20px 20px 20px;
				margin-right:28px;
			}
			.bt_carrinho{
				display: block;
				margin-right: 15px;
				position: relative;
				color: #fff;
				.badge{
					position: absolute;
					top: -6px;
					right: -9px;
					background: #50af2f !important;
				}
			}
			.bt_login{
				width: 20px;
				height: 24px;
				display: block;
				background-position: -41px 0;
				text-indent: -9999px;
			}
		}
		.mob{display: none;}
	}/* /header */
	.inicio{
		width: 100%;
		height: 1075px;
		padding-top: 140px;
		background:url(../img/inicial.jpg) no-repeat center top;
		position: relative;
		.t_inicio{
			width: 770px;
			margin: 0 auto;
			h1{
				font-size: 20px;
				text-align: center;
				text-transform: uppercase;
				color: #fff;
			}
			p{
				color: #fff;
				font-size: 18px;
				text-align: center;
				font-weight: 300;
				margin-bottom: 70px;
			}
			.placa{
				width: 768px;
				padding: 35px 40px;
				border: 1px solid #fff;
				-webkit-border-radius: 20px 20px 20px 20px;
				border-radius: 20px 20px 20px 20px;
				display: inline-block;
				margin-bottom: 115px;
				.foto{
					width: 169px;
					height: 206px;
					float: left;
					margin-right: 25px;
					img{
						border: 1px solid #fff;
					}
				}
				.dados{
					width: 220px;
					float: left;
					margin-right: 50px;
					h2{
						color: #fff;
						text-transform: uppercase;
						margin: 0 0 8px 0;
					}
					.data{
						color: #fff;
						margin-bottom: 80px;
						.vida, .morte{
							float: left;
							margin-right: 5px;
						}
						.ico_morte{
							width: 13px;
							height: 16px;
							display: block;
							background-position: 0 -68px;
							float: left;
							margin-right: 5px;
						}
					}
					small{
						color: #fffefe;
						font-size: 18px;
					}
				}
				.qrcod{
					width: 207px;
					height: 207px;
					float: right;
				}
			}
			.bt_solicitar{
				width: 218px;
				display: block;
				margin: 0 auto;
				color: #fff;
				background: #50af2f;
				text-align: center;
				-webkit-border-radius: 20px 20px 20px 20px;
				border-radius: 20px 20px 20px 20px;
				padding: 10px 0;
			}
		}/* /t_inicio */
	}/* /inicio */
	.sobre{
		width: 100%;
		height: 770px;
		background: url(../img/sobre.jpg) no-repeat center top;
		padding-top: 170px;
		position: relative;
		.t_sobre{
			width: 1060px;
			margin: 0 auto;
			.cont{
				width: 484px;
				float: right;
				p{
					color: #010101;
					font-size: 18px;
					margin-bottom: 25px;
				}
			}
		}
	}/* /sobre */
	.funciona{
		width: 100%;
		height: 1042px;
		background: #fff;
		padding-top: 110px;
		position: relative;
		.ico_down{
			width: 96px;
			height: 64px;
			position: absolute;
			bottom: -47px;
			left: 50%;
			margin-left: -48px;
			background-position: -71px 0;
			z-index: 99;
		}
		h1{
			color: #50af2f;
			font-size: 30px;
			text-transform: uppercase;
			text-align: center;
		}
		h4{
			color: #828282;
			font-size: 18px;
			text-align: center;
			text-transform: uppercase;
			letter-spacing: 4px;
		}
		.t_funciona{
			width: 1060px;
			margin: 95px auto 0 auto;
			article{
				width: 220px;
				float: left;
				margin-right: 180px;
				position: relative;
				.fa-angle-right{
					position: absolute;
					top: 60px;
					right: -86px;
					color: #979797;
				}
				.ico1{
					width: 216px;
					height: 190px;
					display: block;
					margin: 0 auto 74px auto;
					background-position: 0 -94px;
				}
				.ico2{
					width: 141px;
					height: 195px;
					display: block;
					margin: 0 auto 70px auto;
					background-position: 0 -294px;
				}
				.ico3{
					width: 130px;
					height: 195px;
					display: block;
					margin: 0 auto 70px auto;
					background-position: -151px -294px;
				}
				p{
					font-size: 18px;
					color: #828282;
					text-align: center;
				}
				&.ultimo{
					margin:0;
				}
			}
		}
	}/* /funciona */
	.mod_placa{
		width: 100%;
		height: 772px;
		background: url(../img/placa.jpg) no-repeat top center;
		padding-top: 247px;
		.modelo_placa{
			width: 602px;
			height: 260px;
			margin: 0 auto;
			padding: 40px 36px;
			position: relative;
			background: #50af2f;
			-webkit-border-radius: 20px 20px 20px 20px;
			border-radius: 20px 20px 20px 20px;
			-webkit-box-shadow: 1px 1px 18px 0 #000;
			box-shadow: 1px 1px 18px 0 #000;
			position: relative;
			figure{
				width: 132px;
				height: 180px;
				background: #67c347;
				float: left;
				margin-right: 36px;
			}
			.linhas{
				width: 149px;
				height: 177px;
				float: left;
				background: url(../img/text.gif) no-repeat;
				margin-right: 36px;
			}
			.linha1, .linha2, .linha3, .linha4{
				position: absolute;
				z-index: 9;
				h4{
					color: #fff;
					text-transform: uppercase;
					font-size: 18px;
				}
				p{
					color: #fff;
					font-size: 18px;
				}
			}
			.linha1{
				width: 385px;
				height: 170px;
				top: -133px;
				left: -180px;
				background: url(../img/linha1.png) no-repeat 0 32px;
				p{
					width: 180px;
				}
			}
			.linha2{
				width: 307px;
				height: 124px;
				top: 82px;
				left: -252px;
				background: url(../img/linha2.png) no-repeat 0 32px;
				p{
					width: 180px;
				}
			}
			.linha3{
				width: 366px;
				height: 132px;
				top: -80px;
				right: -282px;
				background: url(../img/linha3.png) no-repeat 0 32px;
				h4{
					float: right;
					margin-right: 100px;
				}
				p{
					width: 132px;
					float: right;
					margin-right: 48px;
					clear: both;
				}
			}
			.linha4{
				width: 395px;
				height: 170px;
				top: 110px;
				right: -292px;
				background: url(../img/linha4.png) no-repeat 0 32px;
				h4{
					float: right;
					margin-right: 15px;
				}
				p{
					width: 132px;
					float: right;
					margin-right: 48px;
					clear: both;
				}
			}
		}
	}/* /placa */
	.quantocusta{
		width: 100%;
		height: 850px;
		background: #50af2f;
		padding-top: 80px;
		position: relative;
		h1{
			color: #fff;
			font-size: 30px;
			text-transform: uppercase;
			text-align: center;
		}
		h4{
			color: #fff;
			font-size: 18px;
			text-align: center;
			text-transform: uppercase;
			letter-spacing: 4px;
			margin-bottom: 90px;
		}
		.t_quantocusta{
			width: 685px;
			margin: 0 auto;
			.valor{
				width: 100%;
				display:inline-block;
				margin-bottom: 45px;
				.placa1{
					width: 157px;
					height: 68px;
					background: url(../img/mod_placa1.png) no-repeat;
					display: block;
					float: left;
					margin:20px 70px 0 0;
				}
				.placa2{
					width:113px;
					height: 148px;
					background: url(../img/mod_placa2.png) no-repeat;
					display: block;
					float: left;
					margin:0 115px 0 0;
				}
				.placa3{
					width:123px;
					height: 157px;
					background: url(../img/mod_placa3.png) no-repeat;
					display: block;
					float: left;
					margin:0 115px 0 0;
				}
				ul{
					margin: 0;
					padding: 0;
					list-style: none;
					&.l2{
						margin-top: 50px;
					}
					li{
						color: #fff;
						text-transform: uppercase;
						font-size: 18px;
						margin: 0 0 10px 0;
						span{
							width: 105px;
							float: left;
						}
					}
				}
			}
		}/* /t_quantocusta */
	}/* /quantocusta */
	.num_etapas{
		width: 360px;
		margin: 0 auto;
		li{
			list-style: none;
			float: left;
			margin-right: 100px;
			background: #adadad;
			color: #fff;
			font-size: 26px;
			width: 40px;
			height: 40px;
			position: relative;
			text-align: center;
			-webkit-border-radius: 20px 20px 20px 20px;
			border-radius: 20px 20px 20px 20px;
			margin-bottom: 20px;
			&.ativo{
				background: #50af2f;
			}
			.linha{
				width: 100px;
				height: 4px;
				background: #adadad;
				position: absolute;
				top: 18px;
				right: -100px;
			}
			&.ultimo{
				margin: 0;
			}
		}
	}/* /num_etapas */
	.selecionar_placa{
		width: 100%;
		height: 1300px;
		padding-top: 80px;
		position: relative;
		background: url(../img/bg_solicitacao.jpg) no-repeat;
		.montar_placa{
			width: 845px;
			margin: 80px auto 20px auto;
			position: relative;
			form{
				position: relative;
				.img_placa{
					margin: 0;
					padding:0;
					list-style: none;
					li{
						width: 245px;
						height: 245px;
						float: left;
						margin: 0 55px 40px 0;
						border: 5px solid #fff;
						text-align: center;
						&:last-child{
							margin-right: 0px;
						}
						&.ativo{
							border: 5px solid #50af2f;
							background: #50af2f;
							height: 269px;
						}
						&.p1{padding-top: 80px;}
						&.p2{padding-top: 35px;}
						&.p3{padding-top: 35px;}
						&:hover{
							cursor: pointer;
						}
					}
				}/* /img_placa */
				.tamanho_placa{
					margin: 0;
					padding:0;
					list-style: none;
					background: #50af2f;
			    height: 165px;
			    width: 100%;
			    display: inline-block;
			    padding-top: 35px;
			    margin-top: -40px;
					li{
						width: 234px;
						height: 92px;
						float: left;
						margin: 0 23px;
						span{
							width: 92px;
							height: 92px;
							background: #50af2f;
							color: #fff;
							float: left;
							text-align: center;
							font-size: 48px;
							font-weight: bold;
							padding-top: 10px;
							margin-right: 15px;
						}
						color: #fff;
						font-size: 18px;
						font-weight: bold;
						&.ativo{
							span{
								background: #fff;
								color: #adadad;
							}
						}
						&.oval,&.quadrada{
							display: none;
						}
						&:hover{
							cursor: pointer;
						}
					}
				}/* /tamanho_placa */
				.decoracao_placa{
					width: 100%;
					display: inline-block;
					margin: 30px 0;
					border: 1px solid #fff;
					padding: 10px;
					position: relative;
					.decoracao{
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 120px;
						background: #FFF;
						z-index: 999;
						.bt_ok{
							position: absolute;
							bottom: 45px;
							right: 50px;
							background: #50af2f;
							color: #fff;
							padding: 5px 8px;
							text-transform: uppercase;
							text-decoration: none;
							-webkit-border-radius: 20px 20px 20px 20px;
							border-radius: 20px 20px 20px 20px;
						}
						.escolha{
							float: left;
							width: 80px;
							height: 80px;
							margin:10px 0 0 10px;
							background: #fff;
							border: 3px solid #FFF;
							cursor:pointer;
							&.ativo{
								border-color: #50af2f;
								.modelo{
									border: 1px solid #FFF !important;
								}
							}
							.modelo{
								width:70px;
								height:70px;
								float: left;
								border: 1px solid #000;
								img{
									width:65px;
									height:65px;
								}
							}
							span{
								width: 20%;
								float: left;
								text-align: center;
								padding-top: 50px;
							}
							label{ margin: 0 !important; display: inline; }
							.cor{
								width: 80%;
								height: 100%;
								float: right;
								display: block;
							}
						}
					}
					figure{
						width: 90px;
						height: 90px;
						float: left;
						margin-right: 15px;
						img{
							width: 100%;
							height: auto;
						}
					}
					h4{
						width: 300px;
						color: #fff;
						margin: 0;
						float: left;
					}
					.bt_decoracao{
						width: 220px;
						background: #fff;
						text-align: center;
						padding: 8px 0;
						float: right;
						color: #7e7e7e;
						font-size: 18px;
						margin: 25px 30px 0 0;
						-webkit-border-radius: 30px 30px 30px 30px;
						border-radius: 30px 30px 30px 30px;
						&:hover{
							background: #50af2f;
							color: #fff;
							text-decoration: none;
						}
					}
				}/* /decoracao_placa */
				.dados_placa{
					width: 100%;
					display: inline-block;
					margin: 30px 0;
					border: 1px solid #fff;
					padding: 40px 30px 20px 30px;
					.in_file{
						width: 192px;
						height: 238px;
						background: url(../img/bg_mod2.jpg) no-repeat;
						background-size: 100%;
						position: relative;
						overflow: hidden;
						float: left;
						margin-right: 18px;
						-webkit-border-radius: 50%;
					  	border-radius: 50%;
						input{
							width: 100%;
							height: 238px;
							position: absolute;
							top: 0;
							left: 0;
							opacity: 0;
							filter: alpha(opacity=0);
							cursor: pointer;
						}
					}
					.in_file2{
						width: 192px;
						height: 238px;
						background: url(../img/bg_mod3.jpg) no-repeat;
						background-size: 100%;
						position: relative;
						overflow: hidden;
						float: left;
						margin-right: 18px;
						-webkit-border-radius: 50%;
					  	border-radius: 50%;
						input{
							width: 0px;
							height: 0px;
							position: absolute;
							top: 0;
							left: 0;
							opacity: 0;
							filter: alpha(opacity=0);
							cursor: pointer;
						}
					}
					.dir{
						width: 540px;
						float: right;
						input, textarea{
							width: 100%;
							padding: 10px 5px;
							font-size: 18px;
							color: #7e7e7e;
							/* text-transform: uppercase; */
							margin-bottom: 28px;
							border: 1px solid #b6b6b6;
							float: left;

						}
						.in_metade{
							width: 48%;
							float: left;
						}
						.in_dir{
							float: right;
						}
						textarea{
							padding: 10px 5px 5px 5px;
						}
					}
				}/* /dados_placa */
				.bt_switch_logo{
					margin-top: 10px;
					width: 190px;
					padding: 10px 0;
					color: #fff;
					background: #238900;
					text-align: center;
					font-size: 18px;
					float: left;
					-webkit-border-radius: 30px 30px 30px 30px;
					border-radius: 30px 30px 30px 30px;
					&:hover{
						color: #238900;
						background: #fff;
						text-decoration: none;
					}
				}
				.bt_visualizar, .bt_prosseguir{
					width: 220px;
					padding: 10px 0;
					color: #fff;
					background: #238900;
					text-align: center;
					font-size: 18px;
					float: left;
					-webkit-border-radius: 30px 30px 30px 30px;
					border-radius: 30px 30px 30px 30px;
					&:hover{
						color: #238900;
						background: #fff;
						text-decoration: none;
					}
				}
				.bt_desativar{
					display: flex;
					align-items: center;
				  text-transform: uppercase;
					justify-content: center;
					padding: 10px 0;
					color: #fff;
					background: #d61414;
					font-size: 18px;
					-webkit-border-radius: 30px;
					border-radius: 30px;
				}
				.bt_prosseguir{
					position: absolute;
					bottom: 0;
					right: 0;
					background: #50af2f;
					border: 0;
				}
			}
		}/* /montar_placa */
		.g_scroll_placa{
			width: 926px;
			height: 553px;
			margin:0 auto;
			position: relative;
			.bt_next{
				width: 158px;
				background: #50af2f;
				color: #fff;
				font-size: 14px;
				text-transform: uppercase;
				position: absolute;
				top: 320px;
				right: -158px;
				padding: 5px 5px 5px 8px;
				-webkit-border-radius: 0 20px 20px 0;
				border-radius: 0 20px 20px 0;
				text-decoration: none;
				span{
					font-size: 18px;
				}
			}
			.scroll{
				width: 100%;
				height: 553px;
				float: left;
				margin-bottom: 30px;
				.slide{
					width: 100%;
					height: 553px;
					float: left;
					background: none !important;
					.mod1{
						width: 865px;
						height: 350px;
						float: right;
						margin-top: 100px;
						-webkit-border-radius: 20px 20px 20px 20px;
						border-radius: 20px 20px 20px 20px;
						-webkit-box-shadow: 1px 1px 18px 0 #000;
						box-shadow: 1px 1px 18px 0 #000;
						padding: 5px 30px 0 20px;
						background: #fff;
						position: relative;
						.in_file{
							width: 260px;
							height: 355px;
							float: left;
							margin:0;
							position: relative;
							background: url(../img/clique_foto.png) no-repeat center center;
							.img_oval{
								width: 247px;
								height: 318px;
								position: absolute;
								top: 10px;
								left: 10px;
								z-index: 99;
								background: url(../img/bg_oval.png) no-repeat;
							}
							#foto_oval{
								width: 140px;
							    height: 207px;
							    margin: 82px 0 0 60px;
							    float: left;
							    overflow: hidden;
							}
							#open_upload_file{
								width: 178px;
								height: 219px;
							    position: absolute;
							    display: block;
							    top: 68px;
								left: 42px;
							    cursor: pointer;
							    z-index: 9999;
							}
						}
						.in{
							width: 290px;
							float: left;
							margin: 18px 0 0 30px;
							input, textarea{
								width: 100%;
								padding: 10px 5px;
								font-size: 18px;
								color: #7e7e7e;
								/* text-transform: uppercase; */
								margin-bottom: 10px;
								border: 1px solid #b6b6b6;
							}
							input[type="radio"]{
								width: auto;
							}
							textarea{
								padding:5px 5px 5px 5px;
							}
							small{
								font-size: 14px;
								color: #7e7e7e;
							}
						}
						.dir{
							width: 210px;
							float: right;
							margin-top: 60px;
							figure{
								margin-bottom: 15px;
							}
						}
					}/* /mod1 */
					.mod2{
						width: 865px;
						height: 350px;
						float: right;
						margin-top: 100px;
						-webkit-border-radius: 20px 20px 20px 20px;
						border-radius: 20px 20px 20px 20px;
						-webkit-box-shadow: 1px 1px 18px 0 #000;
						box-shadow: 1px 1px 18px 0 #000;
						padding: 60px 65px 0 65px;
						form{
							position: relative;
							.decoracao{
								position: relative;
								position: absolute;
								top: 0;
								left: 0;
								width: 100%;
								height: 100%;
								background: rgba(0, 0, 0, 0.5);
								z-index: 999;
								.bt_ok{
									position: absolute;
									bottom: -32px;
									right: 0;
									background: #50af2f;
									color: #fff;
									padding: 5px 8px;
									text-transform: uppercase;
									text-decoration: none;
									-webkit-border-radius: 20px 20px 20px 20px;
									border-radius: 20px 20px 20px 20px;
								}
								.escolha{
									float: left;
									width: 24%;
									height: 45%;
									margin:5px 0;
									span{
										width: 20%;
										float: left;
										text-align: center;
										padding-top: 50px;
									}
									label{ margin: 0 !important; display: inline; }
									.cor{
										width: 80%;
										height: 100%;
										float: right;
										display: block;
									}
								}
							}
							.in_file{
								width: 192px;
								height: 238px;
								background: url(../img/bg_mod2.jpg) no-repeat;
								position: relative;
								overflow: hidden;
								float: left;
								margin-right: 18px;
								input{
									width: 100%;
									height: 238px;
									position: absolute;
									top: 0;
									left: 0;
									opacity: 0;
									filter: alpha(opacity=0);
									cursor: pointer;
								}
							}
							.in{
								width: 290px;
								float: left;
								input, textarea{
									width: 100%;
									padding: 10px 5px;
									font-size: 18px;
									color: #7e7e7e;
									/* text-transform: uppercase; */
									margin-bottom: 10px;
									border: 1px solid #b6b6b6;
								}
								textarea{
									padding: 10px 5px 5px 5px;
								}
							}
							.dir{
								width: 210px;
								float: right;
								figure{
									margin-bottom: 15px;
								}
								.bt_decoracao{
									width: 100%;
									padding: 7px 0 5px 0;
									background: #e5e5e5;
									text-align: center;
									display: block;
									-webkit-border-radius: 20px 20px 20px 20px;
									border-radius: 20px 20px 20px 20px;
									font-size: 12px;
								}
							}
							ul{
								width: 590px;
								position: absolute;
								bottom: -100px;
								left: 50%;
								margin-left: -295px;
								li{
									float: left;
									color: #fff;
									margin-right: 35px;
									list-style: none;
									font-size: 18px;
									label{
										margin-left: 10px;
									}
									&.ultimo{
										margin: 0;
									}
								}
							}
						}
					}
				}
			}/* /scroll */
		}/* /g_scroll_placa */
		.bt_prosseguir{
			width: 220px;
			height: 45px;
			padding: 10px 0;
			text-align: center;
			display: block;
			margin: 0 auto;
			color: #fff;
			background: #50af2f;
			clear: both;
			font-size: 18px;
			-webkit-border-radius: 20px 20px 20px 20px;
			border-radius: 20px 20px 20px 20px;
			&:hover{
				text-decoration: none;
			}
		}
	}/* /selecionar_placa */
	.login_cadastro{
		width: 100%;
		background: #fff;
		padding: 130px 0;
		position: relative;
		.bt_voltar{
			width: 220px;
			padding: 10px 0;
			text-align: center;
			-webkit-border-radius: 20px 20px 20px 20px;
			border-radius: 20px 20px 20px 20px;
			position: absolute;
			left: 0;
			top: 0;
			background: #adadad;
			color: #fff;
			text-transform: uppercase;
			font-size: 18px;
			&:hover{
				text-decoration: none;
			}
		}
		.login{
			width: 925px;
			margin: 0 auto;
			h1{
				font-size: 30px;
				text-transform: uppercase;
				color: #50af2f;
				text-align: center;
				margin-bottom: 50px;
			}
			form{
				width: 100%;
				border: 1px solid #828282;
				padding: 90px 45px 80px 45px;
				input{
					width: 280px;
					border: 1px solid #b6b6b6;
					float: left;
					padding: 8px 5px;
					color: #7e7e7e;
					font-size: 18px;
					/* text-transform: uppercase; */
					margin-right: 25px;
					&.bt_entrar{
						width: 220px;
						margin: 0;
						background: #50af2f;
						color: #fff;
						border: none;
						-webkit-border-radius: 20px 20px 20px 20px;
						border-radius: 20px 20px 20px 20px;
					}
				}
				a{
					float: left;
					margin:15px 0 0 305px;
					clear: both;
					font-size: 12px;
				}
			}
			#nova_senha{
				.bt_entrar{
					margin-top: 18px;
				}
			}
		}/* /login */
		.cadastro{
			width: 925px;
			margin: 0 auto;
			padding-top: 130px;
			h1{
				font-size: 30px;
				text-transform: uppercase;
				color: #50af2f;
				text-align: center;
				margin-bottom: 50px;
			}
			form{
				width: 100%;
				border: 1px solid #828282;
				padding: 90px 45px 80px 45px;
				.in{
					width: 386px;
					margin:0 30px 10px 0;
					float: left;
					input{
						width: 100%;
						border: 1px solid #b6b6b6;
						float: left;
						padding: 8px 10px;
						color: #7e7e7e;
						font-size: 18px;
						/* text-transform: uppercase; */
					}
					&.cpf_{
						a{
							color: #fff;
						}
					}
					&.cpf{
						input{
							width: 312px;
							margin: 0;
						}
						a{
							font-size: 20px;
							width: 64px;
							background: #50af2f;
							color: #fff;
							float: right;
							-webkit-border-radius: 20px 20px 20px 20px;
							border-radius: 20px 20px 20px 20px;
							text-align: center;
							padding: 7px 0;
							text-transform: uppercase;

						}
					}
					&.pass{
						input{
							width: 312px;
							margin: 0;
						}
						a{
							font-size: 20px;
							width: 64px;
							background: #50af2f;
							color: #fff;
							float: right;
							-webkit-border-radius: 20px 20px 20px 20px;
							border-radius: 20px 20px 20px 20px;
							text-align: center;
							padding: 7px 0;
							text-transform: uppercase;
						}
					}
					&.cep{
						input{
							width: 252px;
							margin: 0;
						}
						a{
							width: 114px;
							background: #50af2f;
							color: #fff;
							float: right;
							-webkit-border-radius: 20px 20px 20px 20px;
							border-radius: 20px 20px 20px 20px;
							text-align: center;
							padding: 10px 0;
							text-transform: uppercase;
						}
					}
					&.num_com, &.cid_est{
						.num, .comp, .cidade, .estado{
							select{
								width:186px;
								padding: 5px 0;
								color: #7e7e7e;
								font-size: 18px;
								/* text-transform: uppercase; */
								height: 44px;
							}
							input{
								width: 186px;
								margin: 0;
							}
							&.comp, &.estado{
								float: right;
							}
						}
					}
					&.sexo_idade{
						.sexo, .idade{
							width: 186px;
							float: left;
							select{
								width: 100%;
								padding: 5px 0;
								color: #7e7e7e;
								font-size: 18px;
								/* text-transform: uppercase; */
								height: 44px;
							}
							&.idade{
								float: right;
							}
						}
					}
					&.ddd_telefone{
						.ddd{
							width: 70px;
							float: left;
						}
						.telefone{
							width: 300px;
							float: right;
						}
					}
				}
				.bt_prosseguir{
					width: 220px;
					margin: 30px 30px 0 0;
					background: #50af2f;
					color: #fff;
					border: none;
					-webkit-border-radius: 20px 20px 20px 20px;
					border-radius: 20px 20px 20px 20px;
					float: right;
					padding: 8px 5px;
					font-size: 18px;
				}
				.bt_desativar{
			    display: inline-block;
					margin-top: 35px;
					text-align: center;
				  text-transform: uppercase;
					text-decoration: none;
					cursor: pointer;
					padding: 10px 15px;
					color: #fff;
					background: #d61414;
					font-size: 18px;
					-webkit-border-radius: 30px;
					border-radius: 30px;
				}
			}
		}/* /cadastro */
	}/* /login_cadastro */
	.conferir{
		width: 100%;
		padding: 130px 0;
		&.carrinho_vazio{
			h3{ margin-bottom: 80px;}
			padding-bottom: 0px !important;
		}
		.centraliza{
			width: 1200px;
			margin: 0 auto;
			position: relative;
			.bt_solicitar{
				width: 218px;
				display: block;
				margin: 0 auto;
				color: #fff;
				background: #50af2f;
				text-align: center;
				-webkit-border-radius: 20px 20px 20px 20px;
				border-radius: 20px 20px 20px 20px;
				padding: 10px 0;
			}
			.bt_voltar{
				width: 220px;
				padding: 10px 0;
				text-align: center;
				-webkit-border-radius: 20px 20px 20px 20px;
				border-radius: 20px 20px 20px 20px;
				position: absolute;
				left: 0;
				top: 0;
				background: #adadad;
				color: #fff;
				text-transform: uppercase;
				font-size: 14px;
				&:hover{
					text-decoration: none;
				}
			}
			.meio_carrinho{
				width: 400px;
				margin: 0 auto;
				padding-top: 100px;
			}
			form{
				width: 924px;
				margin: 0 auto;
				padding-top: 70px;
				clear: both;
				.dados{
					width: 100%;
					position: relative;
					h1{
						font-size: 30px;
						text-transform: uppercase;
						color: #50af2f;
						text-align: center;
						margin-bottom: 50px;
					}
					.ico{
						width: 54px;
						height: 46px;
						display: block;
						position: absolute;
						top: 100px;
						right: 20px;
						background-position: -227px -102px;
						z-index: 9;
					}
					table{
						width:100%;
						border: 1px solid #828282;
						tr{
							width: 100%;
							float: left;
							padding: 0 50px;
							td{
								padding:10px 0;
								font-size: 18px;
								color: #828282;
								&.tit{
									width: 175px;
									font-weight: bold;
									float: left;
									margin-right: 60px;
								}
							}
						}
					}
				}/* /dados */
				.confir_end{
					width: 100%;
					background: #50af2f url(../img/carro.jpg) no-repeat 800px 40px;
					display: inline-block;
					margin: 20px 0 50px 0;
					padding-bottom:20px;
					.chekbox{
						width: 100%;
						display: inline-block;
						margin-bottom: 40px;
						span{
							float: left;
							margin: 55px 0 0 56px;
							input{
								margin: 8px 10px 0 0;
								float: left;
							}
							label{
								color: #fff;
								font-size: 18px;
							}
						}
					}
					.mudanca_endereco{
						display: none;
						width:840px;
						margin: 0 auto;
						.in{
							width: 386px;
							margin:0 30px 10px 0;
							float: left;
							input{
								width: 100%;
								border: 1px solid #b6b6b6;
								float: left;
								padding: 8px 10px;
								color: #7e7e7e;
								font-size: 18px;
								/* text-transform: uppercase; */
							}
							&.cep{
								width: 100%;
								input{
									width: 252px;
									margin: 0;
								}
								a{
									width: 114px;
									background: #fff;
									color: #50af2f;
									float: left;
									-webkit-border-radius: 20px 20px 20px 20px;
									border-radius: 20px 20px 20px 20px;
									text-align: center;
									padding: 10px 0;
									text-transform: uppercase;
									margin-left: 20px;
								}
								span{
									color: #fff;
									font-size: 18px;
									margin: 3px 0 0 28px;
									display: inline-block;
								}
							}
							&.num_com, &.cid_est{
								.num, .comp, .cidade, .estado{
									select{
										width:186px;
										padding: 5px 0;
										color: #7e7e7e;
										font-size: 18px;
										/* text-transform: uppercase; */
										height: 44px;
									}
									input{
										width: 186px;
										margin: 0;
									}
									&.comp, &.estado{
										float: right;
									}
								}
							}
						}
					}
				}/* /confir_end */
				.ver_placa{
					width: 100%;
					display: inline-block;
					margin-bottom: 50px;
					position: relative;
					overflow: hidden;
					.tam_horizontal{
						width: 858px;
						height: 24px;
						background: url(../img/tam_horizintal.gif) no-repeat;
						display: block;
						float: right;
						text-align: center;
					}
					.tam_vertical{
						width: 359px;
						height: 24px;
						background: url(../img/tam_vertical.jpg) no-repeat;
						display: block;
						text-align: center;
						-webkit-transform:rotate(270deg); //tente 90 no lugar de 270
						-moz-transform:rotate(270deg);
						-o-transform: rotate(270deg);
						position: absolute;
						top: 195px;
						left:-140px;
					}
					.placa_final{
						width: 858px;
						height: 355px;
						border: 1px solid #adadad;
						float: right;
						margin-top: 10px;
						-webkit-border-radius: 20px 20px 20px 20px;
						border-radius: 20px 20px 20px 20px;
						padding: 50px 60px 0 60px;
						.foto{
							width: 169px;
							height: 206px;
							float: left;
							margin-right: 25px;
							overflow: hidden;
							img{
								width: 100%;
								height: auto;
							}
						}
						.dados{
							width: 220px;
							height: 206px;
							position: relative;
							float: left;
							margin-right: 50px;
							h2{
								color: #000;
								text-transform: uppercase;
								margin: 0 0 8px 0;
								font-size: 30px;
							}
							small{
								color: #000;
								font-size: 18px;
								position: absolute;
								bottom: 0;
								left: 0;
							}
						}
						.qrcod{
							width: 208px;
							height: 280px;
							float: right;
							position: relative;
							small{
								font-size: 12px;
								color: #000;
								text-transform: uppercase;
								display: block;
								margin-bottom: 5px;
							}
							.tec{
								position: absolute;
								bottom: 0;
								left: 0;
							}
							.ico_vilatec{
								position: absolute;
								bottom: 0;
								right: 0;
							}
						}
					}
				}/* /ver_placa */
				.valores{
					width: 100%;
					display: inline-block;
					h1{
						font-size: 30px;
						text-transform: uppercase;
						color: #50af2f;
						text-align: center;
						margin-bottom: 50px;
					}
					ul{
						width: 100%;
						display: inline-block;
						padding-bottom: 10px;
						list-style: none;
						li{
							width: 100%;
							display: inline-block;
							padding-bottom: 10px;
							margin-bottom: 10px;
							border-bottom: 1px solid #adadad;
							figure{
								width: 60px;
								float: left;
								margin-right: 15px;
								text-align: center;
							}
							h4{
								float: left;
								font-size: 18px;
								margin: 0;
								line-height: 25px;
								color: #000;
							}
							h6{
								width: 150px;
								float: right;
								font-size: 24px;
								margin: 0;
								&.frete{
									font-size: 18px;
								}
								&.p_fim{
									color: #50af2f;
									font-size: 30px;
									font-weight: 700;
								}
							}
							&.linha{
								border-bottom: 1px solid #adadad;
								margin-bottom: 35px;
							}
						}
					}
				}/* /valores */
				.bt_pagar{
					width: 220px;
					margin: 30px 0 0 0;
					background: #50af2f;
					color: #fff;
					border: none;
					-webkit-border-radius: 20px 20px 20px 20px;
					border-radius: 20px 20px 20px 20px;
					float: right;
					padding: 8px 5px;
					font-size: 18px;
					text-transform: uppercase;
					text-align: center;
				}
				.pagamento{
					width: 100%;
					position: relative;
					display: inline-block;
					h1{
						font-size: 30px;
						text-transform: uppercase;
						color: #50af2f;
						text-align: center;
						margin-bottom: 50px;
					}
					.tab{
						width: 100%;
						display: inline-block;
						margin:0 0 30px 0;
						padding:0;
						li{
							float: left;
							list-style: none;
							margin-right: 20px;
							a{
								padding: 5px 10px;
								text-decoration: none;
								outline: none;
							}
							&.active{
								a{
									background: #50af2f;
									color: #fff;
								}
							}
						}
					}
					#tab{
						.cartao{
							width:100%;
							height: 700px;
							display: inline-block;
							background: #f4f4f4;
							padding: 30px 45px 0 45px;
							margin-bottom: 80px;
							display: none;
							.form_cartao{
								width: 350px;
								float: left;
								span{
									display: block;
									margin-bottom: 30px;
									color: #7e7e7e;
								}
								.in_cartao, .in_data{
									width: 100%;
									display: inline-block;
									margin-bottom: 10px;
									input{
										width: 100%;
										border: 1px solid #b6b6b6;
										float: left;
										padding: 8px 10px;
										color: #7e7e7e;
										font-size: 18px;
										text-transform: uppercase;
										background: none;
									}
									&.in_data{
										width: 220px;
									}
								}
								#show_valor_parcela{
									margin-top: 5px;
									padding: 0 !important;
								}
								#show_valor{
									h2{font-weight: bold !important;}
								}
								img{
									margin-top: 35px;
								}
							}
							figure{
								float: right;
								position: relative;
								span{
									display: block;
									position: absolute;
									color: #FFF;
									&.numero_cartao{
										top: 126px;
										left: 45px;
										font-size: 33px;
									}
									&.data_cartao{
										top: 172px;
								    left: 191px;
								    font-size: 24px;
									}
									&.nome_cartao{
										top: 211px;
								    left: 48px;
								    font-size: 24px;
								    text-transform: uppercase;
									}
									&.cod_cartao{
										top: 433px;
								    left: 335px;
								    font-size: 18px;
								    color: #000;
									}
								}
							}
							&.active{
								display: block;
							}
						}/* /cartao */
						.juridico{
							width:100%;
							height: 120px;
							background: #f1f1f1 url(../img/imprimir.jpg) no-repeat 820px 30px;
							padding:50px 45px 0 45px;
							display: inline-block;
							margin-bottom: 30px;
							display: none;
							&.active{
								display: block;
							}
							span{
								color: #7e7e7e;
							}
						}/* /juridico */
					}/* /tabs */
					.text{
						width: 450px;
						float: left;
						font-size: 18px;
					}
					.bt_finalizar{
						width: 220px;
						background: #50af2f;
						color: #fff;
						border: none;
						-webkit-border-radius: 20px 20px 20px 20px;
						border-radius: 20px 20px 20px 20px;
						float: right;
						padding: 8px 5px;
						font-size: 18px;
						text-transform: uppercase;
						text-align: center;
					}
				}/* /pagamento */
			}/* /form */
		}/* /centraliza */
	}/* /conferir */
	.finalizado{
		width: 100%;
		height: 1100px;
		background: url(../img/bg_finalizado.jpg) no-repeat center top;
		position: relative;
		padding-top: 185px;
		.text_finalizado{
			width: 850px;
			margin: 0 auto;
			.ico_nuvem{
				width: 88px;
				height: 74px;
				display: block;
				margin: 0 auto;
				background-position: 0 -496px;
			}
			.ico_nuvem_erro{
				width: 88px;
				height: 74px;
				display: block;
				margin: 0 auto;
				background-position: -92px -496px;
			}
			h3{
				font-size: 30px;
				text-align: center;
				text-transform: uppercase;
				line-height: 40px;
				margin-bottom: 150px;
				span{
					color: #50af2f;
				}
			}
			.bt_inicial{
				width: 220px;
				display: block;
				text-align: center;
				margin: 0 auto;
				background: #adadad;
				color: #fff;
				-webkit-border-radius: 20px 20px 20px 20px;
				border-radius: 20px 20px 20px 20px;
				padding: 8px 5px;
				font-size: 18px;
				text-transform: uppercase;
			}
		}
	}/* /finalizado */
	.admin{
		.row{
			margin: 0;
		}
		.selecione{
			margin-top: 25px;
			.row{
				margin: 0;
				.home{
					float: left;
					margin: 6px 0 0px 30px;
					color: #50af2f;
				}
				select{
					border: 1px solid #8f8f8f;
					color: #8f8f8f;
					font-size: 16px;
					/* text-transform: uppercase; */
				}
				.m_admin{
					margin: 0;
					padding:0;
					list-style: none;
					float: left;
					li{
						font-size: 16px;
						text-transform: uppercase;
						float: left;
						margin:5px 0px 0 0;
						a{
							color: #878787;
							padding: 7px 15px;
							&.menuActive{
								background: #5cb85c;
								color: #FFF;
							}
						}
					}
				}
			}
		}
		.timeline_form{
			margin-top: 90px;
			input{margin-bottom: 10px;}
		}
		.lista_timeline{ margin-top: 30px;}
		.menu-painel{
			padding-top: 35px;
			clear: both;
		}
		.comentarios{
			width: 100%;
			display: inline-block;
			margin-top: 100px;
			padding-bottom: 30px;
			h3{
				color: #7e7e7e;
				font-size: 18px;
				text-transform: uppercase;
				margin-left: 2%;
			}
			.bt_aceitar{
				display: block;
				margin-bottom: 5px;
			}
			article{
				width: 29%;
				height: 230px;
				background: #f4f4f4;
				float: left;
				margin: 0 2% 10px 2%;
				padding: 0 20px;
				.topo{
					width: 100%;
					display: inline-block;
					margin: 20px 0;
					position: relative;
					.vela{
						width: 30px;
						height: 50px;
						background: url(../img/vela.gif) no-repeat;
						float: left;
						margin-right: 10px;
					}
					.brilho{
						width: 30px;
						height: 50px;
						background: url(../img/brilho.gif) no-repeat;
						float: left;
						margin: 10px 10px 0 0;
					}
					h4{
						float: left;
						margin-top: 14px;
						font-size: 14px;
					}
					ul{
						position: absolute;
						top: 15px;
						right: 0;
						margin: 0;
						padding: 0;
						li{
							list-style: none;
							float: left;
							margin-left: 10px;
							.bt_aceitar{
								width: 29px;
								height: 29px;
								display: block;
								color: #5cb85c;
							}
							.bt_bloquear{
								width: 29px;
								height: 29px;
								display: block;
								color: #c4170c;
							}
							.bt_delete{
								width: 22px;
								height: 29px;
								display: block;
							}
						}
					}
				}
			}
		}
		.mensagem{ margin-top: 150px; }
		.galeria{
			form{
				margin: 50px 0;
				h3{
					margin-bottom: 60px;
				}
			}
			#fileuploadGaleria{ opacity: 0; }
			.files{
				li{
					list-style: none;
					canvas, img{
						margin-bottom: 5px;
					}
				}
			}
		}
		.informacoes{
			.in_file,.foto_padrao{
				width: 192px;
				height: 260px;
				-webkit-border-radius: 50%;
				border-radius: 50%;
				img{
					-webkit-border-radius: 50%;
					border-radius: 50%;
				}
			}
		}
	}/* /admin */

}/* /container */

footer{
  margin-top: 60px;
  background: #647E65;
  padding: 50px 0;
  color: #FFF;
  a.bt{
    color: #647E65;
    background: #FFF;
    border-radius: 35px;
    height: 47px;
    width: 207px;
    display: flex;
  	align-items: center;
    text-transform: uppercase;
  	justify-content: center;
    position: absolute;
    right: 0;
  }
}/* /footer */
/* media queries mobile */
@media only screen and (max-width: 767px) {
	#container{
		header{
			width: 100%;
			height: 70px;
			position: relative;
			position: absolute;
			top: 0;
			left: 0;
			&.topo_int, .bg, .bg_int{
				display: none;
			}
			.user-welcome{
				top: 8px;
				left: 30px;
				z-index: 999;
				ul{
					li{
						list-style: none;
						text-align: right;
						a{
							color: #000;
						}
						&:hover{
							ul{
								display: block;
							}
						}
						ul{
							background: rgba(0,0,0,0.7);
							li{
								padding: 4px 15px;
								margin-bottom: 4px;
								border-bottom: 1px solid #ADADAD;
								text-align: right;
								a{
									color: #fff;
								}
							}
						}
					}
				}
				a{ color: #d5d5d5; }
			}
			nav, .solicita{
				display: none;
			}
			.mob{
				width: 100%;
				height: 40px;
				float: left;
				display: block;
				position: relative;
				position: fixed;
				top: 0;
				left: 0;
				z-index: 99;
				h2{
					width: 20px;
					height: 17px;
					float: right;
					background:url(../img/bt_menu.png) no-repeat;
					text-indent: -9999px;
					margin:0;
					cursor: pointer;
					position: absolute;
					top: 10px;
					right: 10px;
					z-index: 9;
				}
				.list_menu{
					width: 100%;
					display: none;
					position: absolute;
					top:0;
					left: 0;
					padding-bottom: 10px;
					background: rgba(0, 0, 0, 0.5);
					padding-top: 40px;
					li{
						width: 100%;
						text-align: right;
						margin-bottom: 8px;
						font-size: 16px;
						text-transform: uppercase;
						padding: 5px 10px 5px 0;
						list-style: none;
						a{
							color: #fff;
						}
					}
				}
			}
		}/* /header */
		.inicio{
			height: 1075px;
			padding-top: 50px;
			background:url(../img/inicial_mob.jpg) no-repeat center top;
			.t_inicio{
				width: 96%;
				margin: 0 auto;
				p{
					font-size: 18px;
					margin-bottom: 30px;
				}
				.placa{
					width: 100%;
					padding: 35px 20px;
					margin-bottom:50px;
					.foto{
						float: none;
						margin: 0 auto 20px auto;
					}
					.dados{
						float: none;
						margin: 0 auto 20px auto;
						h2{
							text-align: center;
						}
						small{
							text-align: center;
							display: block;
						}
					}
					.qrcod{
						display: none;
					}
				}
			}/* /t_inicio */
		}/* /inicio */
		.sobre{
			height: 700px;
			padding-top: 100px;
			.t_sobre{
				width: 96%;
				margin: 0 auto;
				.cont{
					width: 100%;
					float: right;
					p{
						padding: 0 4%;
						font-size: 16px;
						text-align: center;
					}
				}
			}
		}/* /sobre */
		.funciona{
			height: 1700px;
			padding-top: 60px;
			.ico_down{
				width: 96px;
				height: 64px;
				position: absolute;
				bottom: -47px;
				left: 50%;
				margin-left: -48px;
				background-position: -71px 0;
				z-index: 99;
			}
			.t_funciona{
				width: 96%;
				margin: 60px auto 0 auto;
				article{
					float: none;
					margin: 0 auto 50px auto;
					.fa-angle-right{
						display: none;
					}
					.ico1{
						margin: 0 auto 54px auto;
					}
					.ico2, .ico3, &.ultimo{
						margin: 0 auto 50px auto;
					}
				}
			}
		}/* /funciona */
		.mod_placa{
			display: none;
		}
		.quantocusta{
			height: 1480px;
			h4{
				margin-bottom: 50px;
			}
			.t_quantocusta{
				width: 96%;
				.valor{
					.placa1{
						float: none;
						margin:20px auto 20px auto;
					}
					.placa2{
						float: none;
						margin:20px auto 20px auto;
					}
					.placa3{
						float: none;
						margin:20px auto 20px auto;
					}
					ul{
						li{
							text-align: center;
							span{
								width: 100%;
								float: left;
								margin-bottom: 5px;
							}
						}
					}
				}
			}/* /t_quantocusta */
		}/* /quantocusta */
		.num_etapas{
			width: 96%;
			li{
				margin:0 28px;
				&.ultimo{
					margin:0 31px;
				}
			}
		}/* /num_etapas */
		.selecionar_placa{
			width: 100%;
			height: 2450px;
			padding-top: 100px;
			background: url(../img/bg_solicitacao.jpg) repeat-y;
			.montar_placa{
				width: 100%;
				form{
					.img_placa{
						li{
							float: none;
							display: block;
							margin: 0 auto 20px auto;
							&:last-child{
								margin:0 auto;
							}
						}
					}/* /img_placa */
					.tamanho_placa{
						height: 320px;
					    margin-top: 20px;
						li{
							float: none;
							margin: 0 auto;
						}
					}/* /tamanho_placa */
					.decoracao_placa{
						width: 96%;
						margin: 30px auto;
						display: block;
						height: 250px;
						.decoracao{
							height:335px;
							.bt_ok{
								bottom: 10px;
								right: 5px;
								font-size:11px;
							}
						}
						figure{
							margin-bottom: 10px;
						}
						h4{
							width: 100%;
						}

					}/* /decoracao_placa */
					.dados_placa{
						width: 96%;
						height: 620px;
						display: block;
						margin: 30px auto;
						padding: 40px 0 20px 0;
						.in_file{
							float: none;
							margin:0 auto 20px auto;
						}
						.dir{
							width: 100%;
							input, textarea{
								width: 96%;
								margin-bottom: 20px;
								margin-left:2%;
							}
							.in_metade{
								width: 96%;
								margin-left:2%;
							}
							.in_dir{
								margin-right:2%;
							}
							textarea{
								margin-left:2%;
							}
						}
					}/* /dados_placa */
					.bt_visualizar{
						display: none;
					}
					.bt_prosseguir{
						bottom: -60px;
						float: right;
						margin-right: 10px;
						z-index: 99;
					}
				}
			}
			.g_scroll_placa{
				width:100%;
				height:900px;
				margin:0 auto;
				position: relative;
				.bt_next{
					width: 170px;
					text-align: center;
					top: 80px;
					right: 10px;
					padding: 5px;
					-webkit-border-radius: 20px 20px 20px 20px;
					border-radius: 20px 20px 20px 20px;
				}
				.scroll{
					width: 100%;
					height: 900px;
					margin:100px 0 0 0;
					.slide{
						width: 100%;
						height:900px;
						float: left;
						background: none !important;
						.mod1{
							width: 94%;
							height: 900px;
							float: none;
							margin: 0 auto;
							position: relative;
							.in_file{
								height: 330px;
							}
							.in{
								width: 100%;
								margin: 10px 0 0 0;
							}
							.dir{
								width: 210px;
								float: none;
								margin: 0 auto;
							}
						}/* /mod1 */
						.mod2{
							width: 94%;
							height: 820px;
							float: none;
							margin:0 auto;
							padding: 30px 20px 0 20px;
							form{
								position: relative;
								.decoracao{

									.escolha{
										width: 45%;
										height: 23%;
										margin:5px 0;
									}
								}
								.in_file{
									float: none;
									margin: 0 auto 20px auto;
								}
								.in{
									width: 100%;
									float: none;
									margin: 0 auto;
								}
								.dir{
									width: 210px;
									float: none;
									margin: 0 auto;
								}
								ul{
									width: 100%;
									position: absolute;
									bottom: -100px;
									left: 0;
									margin-left: 0;
									li{
										float: left;
										color: #fff;
										margin-right: 10px;
										list-style: none;
										font-size: 14px;
										label{
											margin-left: 10px;
										}
										&.ultimo{
											margin: 0;
										}
									}
								}
							}
						}
					}
				}/* /scroll */
			}/* /g_scroll_placa */
			.bt_prosseguir{
				width: 220px;
				height: 45px;
				padding: 10px 0;
				text-align: center;
				display: block;
				margin: 0 auto;
				color: #fff;
				background: #50af2f;
				clear: both;
				font-size: 18px;
				-webkit-border-radius: 20px 20px 20px 20px;
				border-radius: 20px 20px 20px 20px;
				&:hover{
					text-decoration: none;
				}
			}
		}/* /selecionar_placa */
		.login_cadastro{
			width: 100%;
			background: #fff;
			padding: 30px 0;
			position: relative;
			.login{
				width: 94%;
				form{
					padding: 30px 10px 30px 10px;
					input{
						width: 100%;
						margin:0 0 10px 0;
						font-size: 14px;
					}
					a{
						margin:15px 0 0 0;
					}
				}
			}/* /login */
			.cadastro{
				width: 94%;
				padding-top: 60px;
				h1{
					font-size: 30px;
					text-transform: uppercase;
					color: #50af2f;
					text-align: center;
					margin-bottom: 50px;
				}
				form{
					padding: 30px 10px 30px 10px;
					.in{
						width: 100%;
						margin:0 0 10px 0;
						float: left;
						input{
							width: 100%;
							border: 1px solid #b6b6b6;
							float: left;
							padding: 8px 10px;
							color: #7e7e7e;
							font-size: 14px;
							/* text-transform: uppercase; */
						}
						&.cep{
							input{
								width: 150px;
							}
						}
						&.num_com, &.cid_est{
							.num, .comp, .cidade, .estado{
								select{
									width:130px;
									padding: 5px 0;
									color: #7e7e7e;
									font-size: 18px;
									/* text-transform: uppercase; */
									height: 40px;
								}
								input{
									width: 130px;
									margin: 0;
								}
								&.comp, &.estado{
									float: right;
								}
							}
						}
						&.sexo_idade{
							.sexo, .idade{
								width: 130px;
								select{
									font-size: 14px;
								}
							}
						}
						&.ddd_telefone{
							.ddd{
								width: 70px;
							}
							.telefone{
								width: 190px;
							}
						}
					}
				}
			}/* /cadastro */
		}/* /login_cadastro */
		.conferir{
			width: 100%;
			padding: 80px 0;
			.centraliza{
				width: 100%;
				margin: 0 auto;
				position: relative;
				.bt_voltar{
					display: none;
				}
				form{
					width: 96%;
					padding-top: 50px;
					.dados{
						.ico{
						 	display: none;
						}
						table{
							tr{
								padding: 0 10px;
								td{
									width: 100%;
									padding:5px 0;
									&.tit{
										width: 100%;
										margin-right: 0;
									}
								}
							}
						}
					}/* /dados */
					.confir_end{
						height: 80px;
						display: block;
						.chekbox{
							span{
								float: left;
								margin: 26px 0 0 20px;
							}
						}
						.mudanca_endereco{
							display: none;
							width:100%;
							.in{
								width: 100%;
								margin:0 0 10px 0;
								input{
									font-size: 16px;
								}
								&.cep{
									input{
										width: 170px;
									}
									a{
										width: 80px;
									}
									span{
										font-size: 16px;
										margin: 3px 0 0 0;
									}
								}
								&.num_com, &.cid_est{
									.num, .comp, .cidade, .estado{
										select{
											width:145px;
											font-size: 16px;
										}
										input{
											width: 145px;
										}
									}
								}
							}
						}
					}/* /confir_end */
					.ver_placa{
						.tam_horizontal, .tam_vertical{
							display: none;
						}
						.placa_final{
							width: 100%;
							height:800px;
							padding: 50px 20px 0 20px;
							.foto{
								float: none;
								margin: 0 auto 20px auto;
							}
							.dados{
								height: 180px;
								float: none;
								margin: 0 auto 20px auto;
								h2{
									font-size: 25px;
									text-align: center;
								}
								small{
									color: #000;
									font-size: 18px;
									position: absolute;
									bottom: 0;
									left: 0;
								}
							}
							.qrcod{
								float: none;
								margin: 0 auto 20px auto;
							}
						}
					}/* /ver_placa */
					.valores{
						ul{
							li{
								h4{
									font-size: 16px;
									margin: 0 0 5px 0;
								}
								h6{
									width: 100%;
									margin: 0 0 20px 0;
								}
							}
						}
					}/* /valores */
					.bt_pagar{
						margin: 0;
						float: left;
					}
					.pagamento{
						.tab{
							width: 100%;
							display: inline-block;
							margin:0 0 30px 0;
							padding:0;
							li{
								float: left;
								list-style: none;
								margin:0 0 10px 0;
								a{
									padding: 5px 10px;
									text-decoration: none;
									outline: none;
								}
								&.active{
									a{
										background: #50af2f;
										color: #fff;
									}
								}
							}
						}
						#tab{
							.cartao{
								height: 810px;
								padding: 30px 20px 0 20px;
								margin-bottom: 40px;
								.form_cartao{
									width: 100%;
									.in_cartao, .in_data{
										input{
											font-size: 16px;
										}
										&.in_data{
											width: 220px;
										}
										.form-control{padding:6px 14px;}
									}
									img{
										margin: 35px 0 30px 0;
										width: 100%;
										height: auto;
									}
								}
								figure{
									float: right;
									img{
										width: 100%;
										height: auto;
									}
									span{
										display: block;
										position: absolute;
										color: #FFF;
										&.numero_cartao{
											top: 76px;
											left: 30px;
											font-size: 16px;
										}
										&.data_cartao{
											top: 98px;
										    left: 115px;
										    font-size: 16px;
										}
										&.nome_cartao{
											top: 125px;
										    left: 32px;
										    font-size: 16px;
										    text-transform: uppercase;
										}
										&.cod_cartao{
											top: 250px;
										    left: 190px;
										    font-size: 16px;
										    color: #000;
										}
									}
								}
							}/* /cartao */
							.juridico{
								height: 80px;
								padding:30px 20px 0 20px;
							}
						}
						.text{
							width: 100%;;
						}
						.bt_finalizar{
							float: left;
							margin-top: 20px;
						}
					}/* /pagamento */
				}/* /form */
			}/* /centraliza */
		}/* /conferir */
		.finalizado{
			height:800px;
			background: url(../img/bg_finalizado_mob.jpg) no-repeat center top;
			padding-top: 80px;
			.text_finalizado{
				width: 96%;
				h3{
					font-size: 25px;
				}
			}
		}/* /finalizado */
		.admin{
			.selecione{
				width: 100%;
				display: inline-block;
				margin-bottom: 20px;

				.home{
					margin: 6px 0 0 0 !important;
				}
				.m_admin{
					padding:5px 0;
					margin-top: 20px !important;
					li{
						width: 100%;
						margin:0 0 10px 0;
						text-align: center;
					}
				}
			}
			.menu-painel{
				padding-top: 35px;
				clear: both;
				.btn{
					font-size: 10px;
				}
			}
			.comentarios{
				width:96%;
				display:block;
				margin: 0 auto;
				h3{
					margin-left: 2%;
					clear: both;
				}
				article{
					width: 100%;
					height: 230px;
					background: #f4f4f4;
					float: left;
					margin: 10px 0;
					padding: 0 20px;
					.topo{
						width: 100%;
						display: inline-block;
						margin: 40px 0;
						position: relative;
						.vela{
							width: 30px;
							height: 50px;
							background: url(../img/vela.gif) no-repeat;
							float: left;
							margin-right: 10px;
						}
						h4{
							float: left;
							margin-top: 14px;
							font-size: 14px;
						}
						ul{
							position: absolute;
							top: -20px;
							right: 0;
							margin: 0;
							padding: 0;
							li{
								list-style: none;
								float: left;
								margin-left: 10px;
								.bt_aceitar{
									width: 29px;
									height: 29px;
									display: block;
								}
								.bt_delete{
									width: 22px;
									height: 29px;
									display: block;
								}
							}
						}
					}
				}
			}

			.informacoes{
				width: 100%;
				overflow: hidden;
				h1{
					margin-top: 20px !important;
				}
				textarea{
					margin-bottom: 20px;
				}
				input{
					display: block;
					margin: 30px auto;
				}
				.in_file{
					margin: 0 auto;
					display: block;
				}

			}
		}/* /admin */
		.form-horizontal{
			margin-bottom: 20px;
		}
		.files{
			img{
				width: 100%;
				height: auto;
			}
		}
	}/* /container */

	footer {
		height:650px;
		.f_cima{
			width: 98%;
			height: 520px;
			border-bottom:none;
			margin: 0 auto;
			padding-top: 45px;
			h1{
				float: none;
				margin: 0 auto 0 auto;
			}
			nav{
				width: 100%;
				float: left;
				margin-top: 40px;
				ul{
					list-style: none;
					li{
						width: 100%;
						text-align: center;
						float: left;
						font-size: 18px;
						margin-right: 0;
						padding: 10px 0;
						border-top: 1px solid #767676;
						a{
							color: #fff;
							text-decoration: none;
							&:hover{
								color: #50af2f;
							}
						}
					}
				}
			}
			.end_contato{
				width: 100%;
				float: right;
				border-top: 1px solid #767676;
				address{
					width:100%;
					border-left:none;
					font-size: 14px;
					height: 120px;
					.ico{
						margin:0 10px 20px 10px;
					}
				}
				.f_contato{
					width: 100%;
					border-left:none;
					padding-top: 0;
					font-size: 14px;
					margin-left: 0;
					height: 100px;
					a{
						color: #fff;
					}
					.ico{
						margin:0 10px 20px 10px;
					}
				}
			}
		}/* /f_cima */
		.redes{
			width: 100px;
			margin: 0 auto;
			padding:0;
			float: none;
			li{
				list-style: none;
				float: left;
				margin-left: 25px;
				a{
					color: #fff;
				}
			}
		}
		.abmb{
			width:18px;
			height:18px;
			float: right;
			position: absolute;
			bottom: 10px;
			right: 10px;
			clear: both;
			background:url(../img/abmb.png) no-repeat;
			text-indent: -9999px;
			z-index: 999;
		}
	}/* /footer */
}/* /fim mobile */
/* All Mobile Sizes (devices and browser) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	#container{
		header{
			.user-welcome{
				right: 50px;
			}
			nav{
				ul{
					li{
						margin:0 20px 0 0;
					}
				}
			}
			.solicita{
				right:50px;
			}
			.mob{display: none;}
		}/* /header */
		.sobre{
			.t_sobre{
				width: 96%;
			}
		}/* /sobre */
		.funciona{
			.t_funciona{
				width: 96%;
				article{
					margin-right: 140px;
				}
			}
		}/* /funciona */
		.mod_placa{
			.modelo_placa{
				.linha2{
					left: -180px;
				}
				.linha3{
					right: -190px;
				}
				.linha4{
					right: -200px;
				}
			}
		}/* /placa */
		.quantocusta{
			.t_quantocusta{
				width: 96%;
				.valor{
					.placa1{
						margin-right: 30px;
					}
					.placa2{
						margin:0 70px 0 60px;
					}
				}
			}/* /t_quantocusta */
		}/* /quantocusta */
		.selecionar_placa{
			.g_scroll_placa{
				width: 880px;
				.bt_next{
					top: 80px;
					right: 0;
					padding: 5px;
					-webkit-border-radius:20px 20px 20px 20px;
					border-radius: 20px 20px 20px 20px;
					text-decoration: none;
					z-index: 99;
					text-align: center;
					span{
						font-size: 18px;
					}
				}
				.scroll{
					.slide{
						.mod1{
							.in_file{
								left: -180px;
							}
						}/* /mod1 */
					}
				}/* /scroll */
			}/* /g_scroll_placa */
		}/* /selecionar_placa */
		.conferir{
			.centraliza{
				width:96%;
			}/* /centraliza */
		}/* /conferir */
		.admin{
			.selecione{
				.home{
					margin: 6px 0 0 20px;
				}
			}
			.comentarios{
				article{
					width: 29%;
					height: 250px;
					padding: 0 20px;
					.topo{
						margin: 40px 0 20px 0;
						ul{
							top: -20px;
						}
					}
				}
			}
		}/* /admin */
	}/* /container */
	footer {
		.f_cima{
			padding-top: 5px;
			nav{
				margin-top: 50px;
				ul{
					li{
						font-size: 14px;
						margin-right: 5px;
					}
				}
			}
			.end_contato{
				address{
					width:245px;
					font-size: 14px;
					.ico{
						margin:0 10px 20px 5px;
					}
				}
				.f_contato{
					width: 245px;
					font-size: 14px;
					.ico{
						margin:0 10px 20px 5px;
					}
				}
			}
		}/* /f_cima */
	}/* /footer */
}/* /fim tablet */