/*
	99Lime.com HTML KickStart by Joshua Gatcke
	style.css

*/


/*---------------------------------
	OVERRIDES
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
font-family: "verdana",  arimo, arial, sans-serif;
font-weight:normal;
}

thead th,
tbody th{
font-family: "verdana",  arimo, arial, sans-serif;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: "verdana",  arimo, arial, sans-serif;
}

.menu{
font-family: "verdana",  arimo, arial, sans-serif;
}

blockquote{
font-family: "verdana",  arimo, arial, sans-serif;
}

/*---------------------------------
	LAYOUT
-----------------------------------*/
body{
margin:0;
padding:0 0 0 0;
color:#032236;
background:#F9F8F6;
font:normal 0.8em/130% 'verdana', arial, arimo, sans-serif;
text-shadow: 0 0 1px transparent; /* google font pixelation fix */
}

.all{
	width:100%;
}

.tarja{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0b291a+0,621212+50,e05454+100 */
	background: linear-gradient(to right,  #0b291a 0%,#621212 50%,#e05454 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	height:20px;

}

.banner{
	height:450px;
	position:relative;
	background-position:center center;
	background-size:cover;
	overflow:hidden;
	z-index:9;
	border-top:5px solid #F3F3F3;
	border-bottom:5px solid #F3F3F3;
}

.banner .dentro{
	padding-top:100px;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	bottom:0px;
	right:0px;
	left:0px;
	z-index:99;
}


.banner b{
	color:#FFF;
	text-transform:uppercase;
}


/* Hero */
.hero {padding: 60px 0px; position: relative; overflow: hidden; }
.hero-content{background-color:#FFF; opacity:0.8; padding:20px 30px;}
.hero-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; position: relative; z-index: 2; }
.badge-topo { background:#E05454; color: #fff; padding: 5px 12px; font-size: 11px; margin-bottom: 15px; display: inline-block; }

.texto-gradiente {
	
	-webkit-text-fill-color: transparent; font-weight: 800; line-height: 1.1; display: inline-block;
	/* O seu gradiente exato */
    background: linear-gradient(to right, #0b291a 0%, #621212 50%, #e05454 100%);
    
    /* Técnicas para "recortar" o fundo no formato das letras */
    -webkit-background-clip: text;
    background-clip: text;
    
    /* Deixa a cor da fonte transparente para o gradiente aparecer */
    -webkit-text-fill-color: transparent;
    color: transparent; /* Fallback para navegadores antigos */

    /* Importante: Para gradientes em texto, o elemento precisa ser inline-block ou block */
    display: block;
}

.atencao {
	background:#E05454; 
	color: #fff; 
	padding: 5px 12px; 
	font-size: 11px; 
	margin-bottom: 15px; 
	display: inline-block;
}

.lados{
	background-color:#F0F0F0;
	width:100%;
	min-height:100px;
	overflow:auto;
	padding:0px !important;
}

.ladoa{
	background-color:#F0F0F0;
	width:30%;
	float:left;
	padding:10px 15px;
	text-align:right;
	min-height:100px;
}

.ladob{
	background-color:#FFF;
	width:70%;
	float:left;
	padding:20px 15px 0px 15px;
	font-size:1.2em;
	line-height:25px;
	min-height:115px;
}

.btn-hibrida {
	background-color: #E05454; 
	color: #ffffff !important; 
	padding: 12px 25px; 
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-decoration: none; 
	font-weight: bold; 
	display: inline-block;
	transition:1s;
	font-size:0.8em; 
}

.btn-hibrida:hover {
	background-color:#621212;
}

.caixa-home{
	background-color:#FFF;
	padding: 20px 10px 30px; 
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	overflow:auto;
}

.btn-hibrida-mini {
	background-color: #E05454; 
	color: #ffffff !important; 
	padding: 5px 10px; 
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-decoration: none; 
	font-size:0.8em; 
	display: inline-block;
	transition:1s;
}

.btn-hibrida-mini:hover {
	background-color:#621212;
}

.todos .secundario{
	position:relative;
	font-family: "verdana", arial, arimo, sans-serif;
	font-size:0.8em;
	transition:1s;
}


.todos .secundario img{
	width:110px;
	height:110px;
	border-radius: 55px;
	-moz-border-radius: 55px;
	-webkit-border-radius: 55px;
	border:1px solid #E05454;	

}


.todos .secundario i{
	position:absolute;
	top:70px;
	left:55%;
	width:50px;
	height:50px;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	background-color:#E05454 !important;
	color:#FFF !important;
	padding-top:12px;
}


.todos a{
	text-decoration:none;
	display:inline-block;
	position:relative;
	bottom:-10px;
	color:#003B0A;
	font-weight:bold;
	font-family: "verdana", arial, arimo, sans-serif;
	font-size:0.99em;
	transition:1s;
}

.todos .secundario a:hover{
	color:#E05454;
}

.escuro{
	min-height:300px;
	position:relative;
	background-position:center center;
	background-size:cover;
	overflow:auto;
	z-index:9;
	border-top:1px solid #F3F3F3;
	border-bottom:1px solid #F3F3F3;
}


.escuro b{
	color:#FFF;
	text-transform:uppercase;
}

.escuro h3{
	margin:50px 0px 30px;
	display:block;
	border-left:5px solid #E05454;
	padding-left:20px;
	color:#003B0A;
	text-transform:uppercase;
	font-weight:bold;
	
}

.escuro b{
	color:#E05454;
	text-transform:uppercase;
}


.boxer{
	text-align:left;
	width:320px;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
    background-color: #FFF;
    box-shadow: 0 8px 30px #00000069;
    padding: 10px;
	margin-bottom:10px;
	overflow:auto;
}

.boxer .um{
	float:left;
	width:15%;
}

.boxer .dois{
	float:left;
	width:85%;
}

.maps{
	min-height:10px;
	overflow:auto;
	border-top:5px solid #f6f6f6;
}

.maps iframe{
	width:100% !important;
}

.rodape{
	padding-top:5px !important;
	background-color:#f4f8fb;
	overflow:auto;
	min-height:120px;
	overflow:auto;
	color:#333;
	font-size:0.8000em;
}

.rodape .map{
	color:#333;
}


.rodape .mail{
	padding-top:20px;
}

.rodape .mail a{
	color:#333;
	text-decoration:none;
}

.rodape .mail a:hover{
	text-decoration:underline;
}

.rodape .redes{
	padding:20px 0px;
}

.rodape .redes a{
	text-align:center;
	font-size:1.655em !important;
	color:#333;
	padding:11px;
	display:inline-block;
	width:46px;
	height:46px;
	border-radius:23px;
	-moz-border-radius:23px;
	-webkit-border-radius:23px;
	background-color:#f4f8fb;
	border:2px solid #333 !important;
	margin-left:2px;
	transition:1s;
}

.rodape .redes a:hover{
	color:#FFF;
	background-color:#333;
}

.assinatura{
	background-color:#edf2f6;
	min-height:120px;
	padding:30px 0px;
	overflow:auto;
	font-size:0.75555000em !important;
	color:#333;
}

.flutuar{
	z-index:9999;
	background-color:#0DC143;
	width:60px;
	height:60px;
	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	position:fixed;
	bottom:60px;
	right:60px;
	padding:8px 0px 0px 11px;
}

.flutuar a{
	text-decoration:none;
	color:#FFF !important;
}

.contato .texto{
	font-size:0.95555000em !important;
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
	border-radius:0px !important;
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
	border-top:none !important;
	border-left:none !important;
	border-right:none !important;
	background-color:#F3F3F3 !important;
	border-bottom:2px solid #E05454 !important;
	color:#E05454 !important;
	width:100% !important;
	
}

.contato label{
	width:100% !important;
	margin-bottom:10px;
	
}

.contato textarea{
	border-top:none !important;
	border-left:none !important;
	border-bottom:2px solid #E05454 !important;
	border-right:none !important;
	background-color:#F3F3F3 !important;
	color:#E05454 !important;
	width:100% !important;
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
	border-radius:0px !important;
	resize:none;
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
	font-size:0.95555000em !important;
	
}

.contato .botao{
	text-shadow:none !important;
	color:#FFF !important;
	font-size:0.95555000em !important;
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
	border-radius:0px !important;
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
	border:1px solid #E05454 !important;
	background:#E05454 !important;
	margin:2px 0px !important;
	transition:1s;
}

.contato .botao:hover{
	border:1px solid #621212 !important;
	background:#621212 !important;
}

.captcha{
	position:relative;
	width:250px;
	height:80px;
	background-color:#F3F3F3 !important; 
	border-bottom:2px solid #004780 !important;
	color:#004780;
	font-family:"cooper_lt_btbold_italic", Verdana, Geneva, sans-serif;
	font-size:2.8000em;
	font-style:italic;
	background-image:url(img/fundocaptcha.jpg);

}
.captcha span{
	color:#999;
	position:absolute;
	top:30px;
	left:40px;
}

.moca img{
	border-top:1px solid #E05454  !important;
	border-left:1px solid #E05454  !important;
	border-bottom:15px solid #E05454  !important;
	border-right:1px solid #E05454 !important;
	transition:1s;
}

.moca img:hover{
	border-top:1px solid #CCC !important;
	border-left:1px solid #CCC !important;
	border-bottom:15px solid #CCC !important;
	border-right:1px solid #CCC !important;
}

/* Força o fundo escuro do Fancybox a travar na tela do monitor */
#fancybox-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

/* Força a caixa da imagem (loading e conteúdo) a centralizar no monitor, ignorando o tamanho da página */
#fancybox-wrap {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
}