* {
	padding: 0;
	 	margin: 0;
	border: 0;
}

body {
	color: #fff;
}

.box {
	height: 320px;
	width: 220px;
	text-align: center;
	font-family: 'Roboto', sans-serif;
}

#box-front {
	background-color: #017D47;
}

#box-back {
	background-color: #3B5065;
}

.titulo {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 400;
	display: block;
	height: 45px;
	font-size: 21px;
}

#titulo-front {
	padding-bottom: 21px;
	padding-top: 24px;
}

#titulo-back {
	padding-top: 34px;
}

.botoes {
	height: 36px;
	background: #FFB129;
	border-radius: 5px;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
}

#botao-precos {
	width: 97px;
	margin-bottom: 19px;
}

#busca-seguro {
	margin-top: 14px;
	margin-bottom: 19px;
	width: 192px;
}

#logo-seguros {
	height: 19px;
	width: 101px;
}

.campos {
	border-radius: 4px;
	height: 36px;
	text-indent: 10px;
	font-size: 14px;
	color: #000;
	font-weight: 700;
	width: 192px;
}

.campos::placeholder {
	color: #B3B3B3;
}

#destino {
	margin-bottom: 9px;
}

.campos-frame {
	width: 192px;
}

#campos-datas {
	margin: 0 auto;
	display: inline-block;
}

#campo-partida {
	margin-bottom: 9px;
}

.campo-data {
	position: relative;
	width: 192px;
}

.fa-calendar {
	color: #3B5065;
	position: absolute;
	top: 10px;
	left: 166px;
	pointer-events: none;
}

.campos-back {
	position: relative;
	margin: 0 auto;
}

.fa-user, .fa-envelope, .fa-phone {
	color: #3B5065;
	position: absolute;
	top: 10px;
}

.fa-envelope {
	left: 180px;
}

.fa-phone {
	left: 183px;
}

.fa-user {
	left: 185px;
}

.back-input {
	margin-bottom: 9px;
}

.back-inputs {
	margin-top: 11px;
	margin-bottom: 5px;
}

#voltar-frame {
	display: inline-block;
}

.fa-arrow-circle-left, #voltar-frame {
	color: black;
	margin-right: 29px;
}

.fa-arrow-circle-left {
	margin-right: 6px;
}

/*DataPicker*/
.ui-datepicker .ui-datepicker-header {
	background: #F8BF32;
	color: #fff;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
	background: #fff;
	border: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	background-image: linear-gradient(to bottom,#08c,#04c);
	color: #fff;
}

.ui-datepicker td span, .ui-datepicker td a {
	padding: 0.7em;
}