@charset "utf-8";
html,body{margin:0px; padding:0px;font-family:'Regular';}
html > body > div#body {position:fixed; overflow-x:hidden; overflow-y:scroll; width:100%; height:100%; padding:0px; margin:0px;} /*Div principal - Tudo fica dentro dela*/
html,body,section,div,li,button,textarea,input,p{font-family:'Regular'; font-size:13px; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
/*DEFAULTS*/
a{}
a:hover{}
h1,h2,h3,h4,h5,h6{}
h3{text-transform:uppercase; font-size:12px; margin:10px 0px; padding:12px 10px; color:#666; background:url(../img/pontilhado.png); }
section{position:relative; width:100%;}
section h1{color:#fff; font-size:30px;}
section h2{color:#fff; font-size:14px;}
section.seta:after{content:""; position:absolute; width:80px; height:80px; bottom:-40px; left:50%; margin-left:-42px; background:url(../img/icones/section_seta.png) center no-repeat; background-size:100%; z-index:9;}
hr {display: block;border:none;border-top:1px solid #bbb;border-bottom:1px solid #fff;}
hr.pontilhado{border:none; background:url(../img/pontilhado.png) top; height:4px;}
.btnPadrao{display:inline-block; text-transform:uppercase; box-sizing:border-box; color:#fff; text-decoration:none; padding:15px 30px; border-radius:5px; background:none; border:2px solid #fff; cursor:pointer;}
/************************************************/
/* LAYOUT RESPONSIVO - 3 NÍVEIS DE RESOLUÇÃO */
/************************************************/
/* 1) PARA PC, NOTES e Computadores */
@media screen and (max-width: 8000px)
{
/*CENTRALIZADO*/
.centralizado
{
width:1000px;
position:relative;
margin:0px auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/*HEADER*/
section#header { height:100px; background:#1d2122;}
section#header .menu {}
section#header .menu .logo{position:absolute; top:35px; left:20px; display:block; width:270px;}
section#header .menu .logo img{width:100%;}
section#header .menu nav{ position:absolute; top:40px; right:150px;}
section#header .menu nav a{display:inline-block; font-size:15px; font-family:"Bold"; margin-right:40px; text-decoration:none; color:#fffefe;}
section#header .menu .login{ position:absolute; top:40px; right:10px;}
section#header .menu .login .botoes a{ background:#ee1e24 url(../img/icones/person.png) 11px 7px no-repeat; border-radius:18px; padding:10px 18px 10px 38px; box-sizing:border-box; color:#fff; text-decoration:none;}
section#header .menu .login .botoes a:hover{background-color:#f43e43;}
.tooltip
{
/*Posicao*/
z-index:10;
position:absolute;
top:70px;
right:0px;
}
/*INDEX*/
/*1) home_video*/
section#home_video {background:#26292a url(../img/layout/home_video.jpg) no-repeat; background-size:cover 100%; text-align:center; padding-top:50px;}
section#home_video h1{color:#fff; font-family:"Light"; font-size:24px;}
section#home_video h1 strong{font-family:"Bold";}
section#home_video .botoes a{ margin:30px 15px;}
section#home_video .botoes a:first-child{ background:#ee1e24; border:2px solid transparent;}
section#home_video .botoes a:hover{ background:#1d2122;}
/*2) home_inscrevase*/
section#home_inscrevase{background:#ee1e24; padding:25px;}
section#home_inscrevase h1{font-family:"Light"; margin:0px;}
section#home_inscrevase h2{font-size:16px; font-family:"Light"; margin-top:10px;}
section#home_inscrevase form{position:absolute; right:0px; top:10px; width:70%; margin:0px; padding:0px !important;}
section#home_inscrevase form input{background:#c4161b url(../img/icones/form_input_placeholder.png) no-repeat 12px 15px; border:none; color:#fff; padding:15px 20px 16px 50px; width:80%; font-size:18px; border-radius:5px; outline:none; margin-right:15px; }
section#home_inscrevase form input::-webkit-input-placeholder {font-size:18px;}
section#home_inscrevase form input::-moz-placeholder {font-size:18px}
section#home_inscrevase form button{top:-3px; position:relative;}
section#home_inscrevase form button:hover{ background:#f43e43;}
/*3) home_diferenciais*/
section#home_diferenciais{background:#fff url(../img/layout/home_diferenciais.jpg) no-repeat left top; background-size:50% auto; padding:0px; border-bottom:1px solid #d3dce7;}
section#home_diferenciais ul{margin:0px; padding:25px 0px; list-style:none; position:relative; left:50%; width:50%; box-sizing:border-box; }
section#home_diferenciais ul li{position:relative; padding-left:40px; width:480px; color:#787878; font-size:13px; margin-bottom:50px;}
section#home_diferenciais ul li img{background:#ee1e24; border-radius:100%; padding:10px; position:absolute; left:-30px;}
section#home_diferenciais ul li h1{color:#ee1e24; font-family:"Thin"; font-size:25px;}
/*4) home_planejado*/
section#home_planejado{background:#fff; padding:70px 0px; border-bottom:1px solid #d3dce7;}
section#home_planejado .coluna{width:50%; padding:20px; color:#787878; font-size:13px; line-height:2em;}
section#home_planejado img{width:80%;}
section#home_planejado h1{color:#ee1e24; font-family:"Thin"; font-size:30px;}
section#home_planejado a{background:#ee1e24; color:#fff; border-radius:20px; font-family:"Bold"; font-size:11px; display:block; width:80px; padding:3px 8px; margin-top:10px; text-align:center; text-decoration:none;}
section#home_planejado a:hover{background:#f85e63;}
/*5) home_depoimentos*/
section#home_depoimentos{background:#ee1e24; padding:70px 0px;}
section#home_depoimentos h1{text-align:center; }
section#home_depoimentos .depoimento .texto{background:#fff; border-radius:5px; box-shadow:5px 5px 2px 0px rgba(0,0,0,0.2); box-sizing:border-box; padding:20px; margin-bottom:25px;}
section#home_depoimentos .depoimento img{width:60px; height:60px; border-radius:100%; float:left; margin-right:15px;}
section#home_depoimentos .depoimento h1{ text-transform:uppercase; font-size:18px; font-family:"Regular"; text-align:left; margin:0px; padding-top:15px;}
section#home_depoimentos .depoimento h2{ font-size:11px; font-family:"Thin"; margin:0px;}
/* THUMB-LIST */
.thumbs {padding:0px; margin:0px; list-style:none; position:relative; text-align:center; }
.thumbs li
{
margin:5px 10px;
padding:0px;
display:inline-block;
position:relative;
text-align:center;
height:180px;
width:240px;
overflow:hidden !important;
cursor:pointer;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-repeat:no-repeat;
background-position:center;
background-size:105%;
-webkit-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0);
-moz-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0);
box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0);
}
.thumbs li a{border:none; display:block; height:100%; width:100%;position:absolute;} /*Faz do link a area total para o click - Pensando no Lightbox*/
.thumbs li label{position:absolute; bottom:0px; left:0px; z-index:2; width:100%; margin:0px; background:rgba(243,244,245,1); padding:15px 5px; color:#555; font-size:14px; cursor:pointer;}
.thumbs li label:after
{
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid rgba(243,244,245,1);
border-left: 8px solid transparent;
border-right: 8px solid transparent;
content:" ";
position:absolute;
left:50%;
margin-left:-16px;
top:-16px;
}
.thumbs li .descricao
{
position:absolute;
bottom:0px;
left:0px;
z-index:1;
width:100%;
height:0%;
overflow:hidden;
margin:0px;
background:rgba(255,255,255,0.7);
padding:20px;
text-align:center;
color:#333;
font-size:11px;
display:block;
box-sizing:border-box;
}
.thumbs li .descricao .data{font-size:20px; font-weight:bold; display:block; margin-bottom:10px;text-transform:uppercase;}
.thumbs li:last-child {margin-right:0px;}
.thumbs li:hover {-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.5); background-size:115%;}
.thumbs li:hover .descricao{height:70%; !important;}
.thumbs li:hover label{background: #fb7456; color:#fff;}
.thumbs li:hover label:after {border-bottom: 8px solid #fb7456;}
/*
NAO TEM MAIS IMAGEM, Agora é tudo no background do */
.thumbs li img{width:100%;position:absolute;left:0px;top:0px;}
.thumbs li:hover > img
{
-moz-transform: scale(1.05) ;
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=2, M12=-0, M21=0, M22=2);
}
/*transitions Gerais*/
.thumbs li,
.thumbs li label,
.thumbs li label:after,
.thumbs li .descricao,
.thumbs li img
{
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
}
/*Thumbs Mini*/
.thumbs.mini {padding:0px; margin:0px; list-style:none; position:relative; }
.thumbs.mini li
{
margin:5px 5px 5px 0px;
padding:0px;
display:inline-block;
position:relative;
text-align:center;
height:150px;
width:180px;
overflow:hidden !important;
cursor:pointer;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-repeat:no-repeat;
background-position:center;
background-size:105%;
-webkit-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0);
-moz-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0);
box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0);
}
.thumbs.mini li label{position:absolute; bottom:0px; left:0px; z-index:2; width:100%; margin:0px; background:rgba(243,244,245,1); padding:8px 5px; color:#555; font-size:12px; cursor:pointer;}
.thumbs.mini li label:after
{
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid rgba(243,244,245,1);
border-left: 8px solid transparent;
border-right: 8px solid transparent;
content:" ";
position:absolute;
left:50%;
margin-left:-16px;
top:-16px;
}
.thumbs.mini li .descricao
{
position:absolute;
bottom:0px;
left:0px;
z-index:1;
width:100%;
height:0%;
overflow:hidden;
margin:0px;
background:rgba(255,255,255,0.7);
padding:15px;
text-align:center;
color:#333;
font-size:11px;
display:block;
box-sizing:border-box;
}
.thumbs.mini li .descricao .data{font-size:15px; font-weight:bold; display:block; margin-bottom:10px;text-transform:uppercase;}
.thumbs.mini li:hover {-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.5);-moz-box-shadow:0px 0px 8px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.5); background-size:115%;}
.thumbs.mini li:hover .descricao{height:70%; !important;}
.thumbs.mini li:hover label{background: #fb7456; color:#fff;}
.thumbs.mini li:hover label:after {border-bottom: 8px solid #fb7456;}
}
@media screen and (min-width : 320px) and (max-width : 980px) {
/*CENTRALIZADO*/
.centralizado
{
width:90%;
position:relative;
margin:0px auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/*FORMULARIO*/
section#formulario form{display:block;}
section#formulario form div.coluna{display:block;}
.tooltip
{
/*Posicao*/
z-index:10;
position:absolute;
top:45px;
left:auto;
margin:auto;
right:0px;
}
}
@media screen and (max-width: 640px),
@media screen (min-device-width : 320px) and (max-device-width : 480px){ /* carona smartphone */
}
/***********************************************************/
/* SÓ SMARTPHONES (portrait and landscape) */
/***********************************************************/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
}
/***********************************************************/
/* SÓ TABLETS (portrait and landscape) */
/***********************************************************/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
}