/*
Cor padrao: Verde : #00AEEE
azul : 00AEEE
azul escuro : 2679B3
WIDTH PAGE
-------------------------------------------------- */
@media (min-width: 1170px) {
.container {
width: 1000px;
padding: 0 }
}
.snap-scrolling-example .content{max-width:1000px;}
@media (min-width: 768px) and (max-width: 949px) {
.container { padding: 0 20px }
}
/*================================ Box horizontal ================================*/
@media (max-width: 992px) and (min-width: 768px){
.brand img {height: 45px;}
.horizontal-box{display:none;}
.horizontal-box.visible-xs{display:block !important;}
.horizontal-box.visible-xs .list-xs .pull-left{
display:inline-block;
width: 39%;
margin-right: 10px;
vertical-align:top;
}
.horizontal-box.visible-xs .list-xs .media-body{
display:inline-block;
width:55%;
vertical-align:top;
}
.horizontal-box.visible-xs .row.list > div {
width:100%;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #CCC;
}
.navbar-nav > li > a {
font-size: 11px !important;
}
}
@media (max-width: 1096px) and (min-width: 992px){
.snap-scrolling-example .content{width: 930px !important;}
#myCarousel_depoimento .carousel-control.right{right:-5% !important;}
#myCarousel_depoimento .carousel-control.left{left:-5% !important;}
#myCarousel_depoimento, #myCarousel_depoimento .item{width: 95%;margin: 0 auto;}
}
/*================================ FIM Box horizontal ================================*/
/*================================ FIM Box horizontal ================================*/
/*================================ FIM Box horizontal ================================*/
.bg-black{background:url(img/gb-preto.jpg) top center repeat-x; background-size:cover;}
.bg-azul{
background:url(img/gb-azul.jpg) top center repeat-x;
background-size:cover;
padding-top: 40px;
padding-bottom: 49px;
}
a:hover, a:focus{text-decoration:none !important;}
.bg-cinza {
background: #eaeaea;
}
#error404 h1{background:none !important;}
.no-padding{padding:0 !important;}
.no-margin{margin:0 !important;}
.nav>li>a:hover, .nav>li>a:focus{background:none !important;}
/* FIX RENDER MOBILE
-------------------------------------------------- */
.row img{width:100%;}
.wrapper,
header,
section,
footer {
width: 100%;
display: table }
/* GLOBAL CONFIG
-------------------------------------------------- */
* { font-family: Arial, Sans-serif }
/*font: 400 35px Arial, Sans-serif;*/
body {
background: #fff;
font-size: 14px "Advent Pro", Sans-serif;
color: #666 }
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {height: 40px;}
.navbar-collapse {max-height:none !important;}
/*========================= BOTOES =========================
--------------------------------------------------------------*/
.btn:hover{
-webkit-filter: grayscale(0.2);
filter: grayscale(0.2);
}
.btn-branco{
background-color: #fff;
border-color: #ccc;
}
/*------------------------------------------------------------*/
.more{font-weight:900;font-size:13px !important;}
input.error,
textarea.error,
select.error { background: #FFDFDF url(img/ico-required.png) no-repeat right 13px }
/*body.inner { background: #EAEAEA url(img/bgheader-inner.jpg) repeat-x top center }
@media (max-width: 767px) {
body.inner { background: #EAEAEA url(img/bgheader-mob.jpg) repeat-x top center }
}*/
/* Atualizações 12/09/2014
-------------------------------------------------- */
/*-------------------> Alinhamento vertical das imagens que rodam */
.innerScrollArea li{height:120px; width:136px;display: table; position: relative;}
.innerScrollArea li div{height:120px; width:136px; display: table-cell; vertical-align: middle;}
.innerScrollArea li div img{vertical-align:middle;max-height:120px;max-width:100%;}
/*-------------------> Efeito Fade do Slider */
.carousel-fade .item {
webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
-ms-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;}
.carousel-fade .active.left {left:0;opacity:0;z-index:2;}
.carousel-fade .next {left:0;opacity:1;z-index:1;}
/*-------------------------------------------------- */
h2.page-header{
font-size: 26px !important;
font-weight: 900 !important;
margin: 0 !important;
}
.inner section { margin-top: 10px }
.inner section p {
line-height: 1.6em;
margin-bottom: 10px;
font-size: 14px }
.inner section { padding-bottom: 50px;margin-top: -21px;}
section h1 {
letter-spacing: -1px;
margin-bottom: 20px;
font: 300 30px Arial, Sans-serif}
.home section h1 {
padding-bottom: 10px;
border-bottom: 3px solid #CCC }
.inner section h1.page-header {
/*
background: url(img/bgh1-2.png) no-repeat center center;
text-shadow:0px 0px 25px #fff,0px 0px 25px #fff,0px 0px 25px #fff,0px 0px 25px #fff,0px 0px 25px #fff,0px 0px 25px #fff,0px 0px 25px #fff,0px 0px 25px #fff,0px 0px 25px #fff,0px 0px 25px #fff,0px 0px 25px #fff,0px 0px 25px #fff,0px 0px 25px #fff,0px 0px 25px #fff,0px 0px 25px #fff,0px 0px 25px #fff,0px 0px 25px #fff,0px 0px 25px #fff,0px 0px 25px #fff;
*/
background:none;
font-size: 30px;
letter-spacing: -2px;
color: #000;
text-align: center;
border-bottom: 0;
margin: 20px 0 20px;
}
.inner section h1 {
font-size: 35px;
font-weight: 900;
text-align: left;
border-bottom: none !important;
letter-spacing: -1px;
text-align: center;
margin-bottom: 30px;
}
@media (max-width: 768px) {
.inner section h1.page-header {
font-size: 30px;
letter-spacing: -1px;
text-align: center;
margin: 30px 0 30px }
}
.post h2 {
border-bottom: 0;
padding: 0;
color: #333;
margin: 0 0 20px;
font:300 35px Arial, Sans-serif}
.inner h2 {
border-bottom:none;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
font:700 25px Arial, Sans-serif;
color:#000;
}
@media (max-width: 768px) {
.post h2 { font:300 30px Arial, Sans-serif}
}
.btn-default {
color: #FFF !important;
border: 1px solid rgba(0,0,0,0.2) }
.btn-default:hover { border: 1px solid rgba(0,0,0,0.4) }
.form-control {
font-size: 16px;
height: 40px }
textarea.form-control {
padding-top: 10px;
padding-bottom: 10px }
/* BRAND COLORS
-------------------------------------------------- */
a,
section h1,
header .contato p,
.inner .list div h2,
ul.pagination li a,
h4.title.media-heading{
color: #00AEEE }
a:hover { color: #2679B3 }
.navbar-nav,
.navbar-toggle,
.home #servicos,
.btn-default,
.btn-default:hover,
.drop_pai > ul,
.dropdown:hover .dropdown-menu,
.navbar-nav>li>.dropdown-menu li{
background: #00AEEE }
.btn-default:hover {
-webkit-filter: grayscale(.3);
filter: grayscale(.3);
}
.panel-default>.panel-heading {
color: #fff;
background-color: #00AEEE;
border-color: #2679B3;
}
.panel-default,
.list-group-item{
border-color: #2679B3;
}
#cursos .panel-default>.panel-heading {background-color:#428bca;}
/* HEADER
-------------------------------------------------- */
@media (max-width: 767px) {
header {
height: auto;
}
}
header .container { position: relative }
header .contato {
position: absolute;
top: 25px;
right: 0px;
width:520px;
}
header .contato p {
font:300 20px Arial, Sans-serif;
line-height: 50px }
header .contato .glyphicon:before{font-family: 'Glyphicons Halflings' !important;}
header .contato strong { font-family: Arial, Sans-serif }
header.areacliente {
height: 216px;
position: relative;
background: url(img/bg-header.jpg) no-repeat center center }
header.areacliente .brand {
position: absolute;
top: 20px;
left: 50%;
margin-left: -142px }
/* BRAND
-------------------------------------------------- */
.brand { margin: 43px 0 55px -1px}
.navbar-brand img {
margin: 10px 0 0 -10px;
max-height: 35px }
/* NAVBAR
-------------------------------------------------- */
.navbar-nav {
overflow: hidden;
border-radius: 7px }
.navbar-toggle:hover { background-color: #AAA }
.navbar-toggle {
margin-top: 25px;
margin-right: 0 }
.navbar-toggle .icon-bar { background: #FFF }
.navbar-nav > li > a,
.navbar-nav>li>.dropdown-menu a {
color: #FFF;
font-weight: bold;
padding: 15px 0 !important }
.navbar-nav > li.active > a,
.navbar-nav > li > a:hover,
#sidebarmenu1 > .drop_pai:hover > a,
.drop_pai > ul li:hover,
.dropdown:hover > a,
.dropdown > ul li:hover,
.navbar-nav>li>.dropdown-menu li:hover{
background: #2679B3 !important;
}
@media (max-width: 767px) {
.navbar-nav { border: 1px solid rgba(0,0,0,0.2) }
.navbar-nav { border-bottom: 0 }
.navbar-nav > li { border-bottom: 1px solid rgba(0,0,0,0.2) }
.navbar-nav > li > a {
font-size: 18px;
line-height: 50px }
.navbar-nav > li > a:hover { background: rgba(0,0,0,0.2) }
.navbar-collapse {
z-index: 100;
width: 100%;
position: absolute;
top: auto }
}
@media (min-width: 768px) {
header > .container { padding: 0 }
.navbar-collapse { padding: 0 }
.navbar-nav li a {
padding-top: 15px;
padding-bottom: 15px }
.navbar-nav li {
background-image: url(img/navbar-li-divider.png);
background-repeat: no-repeat;
background-position: center right }
.navbar-nav li:last-child { background-image: none }
.navbar-nav {
margin: 0 auto;
display: table;
table-layout: auto;
float: none;
width: 100% }
.navbar-nav > li {
display: table-cell;
float: none;
text-align: center }
}
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/* SUBMENU
-------------------------------------------------- */
.navbar-nav{overflow:visible;}
.drop_pai > *{position:relative;z-index:999;}
.drop_pai > ul{
position: absolute;
left: 0px !important;
right: 26% !important;
padding: 0;
margin: 0;
border-radius:5px;
display: table;
min-width: 100%;
margin-top: -8px;
z-index:9999;
}
.drop_pai:last-child > ul{
/*left: -120% !important;
left: -20px !important;*/
}
/*.drop_pai > ul::before {
content: "";
background: url(../css/loja/img/arrow.png) no-repeat center bottom;
height: 9px;
display: block;
position: relative;
margin-left: auto;
margin-right: auto;
}*/
.drop_pai > ul li {
position: relative;
display: block !important;
margin: 0 auto;
}
.drop_pai > ul li{
border-bottom:1px solid rgba(255,255,255,.2);
box-shadow:0px 1px 0px rgba(000,000,000,.1);
background-image:none;
padding:0 10px !important;
}
.drop_pai > ul li a{
text-decoration:none !important;
white-space: pre;
}
.drop_pai > ul li:first-child,.drop_pai > ul li:first-child a{padding-top:2px;border-radius: 4px 4px 0 0;}
.drop_pai > ul li:last-child, .drop_pai > ul li:last-child a{
border-radius: 0 0 4px 4px;
padding-bottom:2px;
border-bottom:none !important;
box-shadow:none !important;
}
.drop_pai > ul li a{
line-height: 30px !important;
font-size: 14px !important;
background: none;
margin: 0;
padding: 0;
color: #fff;
font-weight: bold;
}
@media (max-width: 767px) {
.drop_pai > ul{
position:relative !important;
display:block !important;
border-radius: 0 !important;
}
.drop_pai > ul li,
.drop_pai > ul li a{
border-radius: 0 !important;
box-shadow:none !important;
padding-left: 25px !important;
}
.drop_pai:last-child > ul{
left:0 !important
}
}
/*============== SUBMENU Only Mobile Page ==============*/
@media (max-width: 768px) {
.navbar-nav { border: 1px solid rgba(0,0,0,0.2) }
.navbar-nav { border-bottom: 0 }
.navbar-nav > li > a {
font-size: 18px;
line-height: 50px }
.navbar-nav > li > a:hover { background: rgba(0,0,0,0.2) }
.navbar-collapse {
z-index: 100;
width: 100%;
position: absolute;
top: auto }
.boxes .box > div{margin-bottom: 15px;}
.sac_cursos2 a{padding: 9.5px 0 !important;}
.sac_cursos2 > div {height: 391px !important;}
.sac_cursos2 {height: 391px !important;}
.drop_pai > ul li a::before{
content:"\e095";
position:relative;
top:1px;
display:inline-block;
font-family:'Glyphicons Halflings';
font-style:normal;
font-weight:normal;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
color:#fff;
transform: rotate(270deg);
font-size: 10px;
margin-left: -20px;
margin-right: 10px;
}
.navbar-nav > li:first-child a{border-radius: 7px 7px 0 0;}
.navbar-nav > li:last-child ul > li:last-child,
.navbar-nav > li:last-child ul{border-radius: 0 0 7px 7px !important;}
.drop_pai > ul{margin-top:0px !important;margin-right: -1px !important;}
}
/*============== SUBMENU Only Normal Page ==============*/
@media (min-width: 768px) {
header > .container { padding: 0 }
.navbar-collapse { padding: 0 }
.drop_pai:last-child > ul{margin-top: -15px !important;}
.navbar-nav li a {
padding-top: 15px;
padding-bottom: 15px }
.navbar-nav li {
background-image: url(img/navbar-li-divider.png);
background-repeat: no-repeat;
background-position: center right }
.navbar-nav li:last-child { background-image: none }
.navbar-nav {
margin: 0 auto;
display: table;
table-layout: auto;
float: none;
width: 100% }
.navbar-nav > li {
display: table-cell;
float: none;
text-align: center }
.boxes .box:first-child .body .link-btn{margin-top:-10px;}
.drop_pai > ul{
-moz-box-shadow: 0 0 10px #000;
-webkit-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
border: 3px solid rgba(0,0,0,0.7);
}
.navbar-nav > li:first-child a{border-radius: 7px 0 0 7px;}
.navbar-nav > li:last-child a{border-radius: 0 7px 7px 0;}
}
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/* CAROUSEL-SLIDESHOW
-------------------------------------------------- */
.carousel {
margin-bottom: 20px;
height: 375px }
.carousel .item { height: 375px }
.carrousel .carousel-indicators { display: none }
.carousel.c-fade .item {
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out }
.carousel.c-fade .active.left,
.carousel.c-fade .active.right {
left: 0;
z-index: 2;
opacity: 0;
filter: alpha(opacity=0) }
.carousel.c-fade .next,
.carousel.c-fade .prev {
left: 0;
z-index: 1 }
.carousel.c-fade .carousel-control { z-index: 3 }
.carousel-control.left,
.carousel-control.right {
width: 39px;
z-index: 30;
background-repeat: no-repeat;
background-position: center center }
.carousel-control.left { background-image: url(img/ico-left.png) !important;}
.carousel-control.right { background-image: url(img/ico-right.png) !important;}
.slide_full .carousel-control.left {left:10%;}
.slide_full .carousel-control.right {right:10%;}
.carousel-indicators li {
width: 12px;
height: 12px;
margin: 4px 2px;
border:none;
background:rgba(255,255,255,0.40);
vertical-align: middle;
}
.carousel-indicators .active {
width: 16px;
height: 16px;
}
@media (min-width: 768px) {
.carousel-inner > .item > img {
border-radius: 7px;
margin: 0 auto;
width: 1000px;
height: 375px }
.slide_full .carousel-inner .item{
width: 100%;
height: 520px;
overflow: hidden;
}
.slide_full .carousel-inner .item img {
position: absolute;
left: 50%;
top: 50%;
height: 100%;
max-width: inherit !important;
width: auto;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
}
@media (max-width: 767px) {
.carousel { padding-top: 0 }
.carousel,
.carousel .item { height: auto; padding:0; }
}
/* MODULES
-------------------------------------------------- */
.home #servicos {
padding: 30px 0;
margin-bottom: 5px }
.home #servicos h1 {
font:300 40px Arial, Sans-serif;
background: url(img/bgh1.png) no-repeat center center;
margin: 0 0 20px;
padding-bottom: 0;
border-bottom: 0;
letter-spacing: -2px;
text-align: center;
color: #00AEEE }
.list div h2 {
background:none;
padding-bottom:0px;
margin-bottom: 10px;
color: #00AEEE;
font-weight: bold;
font-size: 18px;
letter-spacing: -1px }
@media (min-width: 768px) {
.home #servicos h2 { height: 80px }
.inner .row.list {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #CCC }
}
@media (max-width: 767px) {
.row.list > div {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #CCC;
}
.inner .row.list > div img {
height: auto;
max-height: 170px;
}
}
.inner #servicos .row:last-child { border-bottom: 0 }
.inner #servicos h2 { border: 0 }
#servicos .row.list > div img {margin-bottom: 15px }
.home #servicos .row > div p {color: rgba(255,255,255,0.4) }
#noticias ul.media-list li.media .date,
#blog ul.media-list li.media .date{ font-size: 11px }
#noticias ul.media-list li.media .pull-left,
#blog ul.media-list li.media .pull-left{
margin-right:15px;
width:20%;
}
#noticias ul.media-list li.media .title,
#blog ul.media-list li.media .title {
line-height: normal;
font-weight: bold;
font-size: 15px }
.inner #noticias ul.media-list li.media p,
.inner #blog ul.media-list li.media p{ line-height: normal }
#parceiros { margin-bottom: 35px }
#parceiros .row { margin-bottom: 15px }
#parceiros .row:last-child { margin-bottom: 0 }
#facebook h1 { display: none }
#facebook > div {
background: #FFF;
border: 1px solid #DDD;
overflow: hidden;
width: 100%;
min-height: 214px }
iframe.fb {
margin:-26px -1px -1px -1px;
width: calc(100% + 2px);
height: 226px }
#parceiros img { margin-bottom: 30px }
.post .file {
margin-bottom: 15px;
border-radius: 7px;
display: inline-block;
background: #FFF;
padding: 15px }
.post .file .thumbs {
border-radius: 5px;
float: left;
background: #EEE }
.post .file .thumbs > div { padding: 10px }
.post .file img.large { margin-bottom: 15px }
@media (min-width: 768px) {
.post .file.pull-right { margin-left: 15px }
.post .file.pull-left { margin-right: 15px }
}
#contato{margin-bottom:20px;}
#contato .endereco .media { margin-bottom: 15px }
#contato .endereco img.map { margin-bottom: 15px }
/* FOOTER
-------------------------------------------------- */
footer {
padding: 46px 0;
margin-bottom: -12px;
background: #EEE }
footer *{font-family:Arial, Sans-serif;font-weight:400 !important;color:#333;}
footer strong{font-weight:900 !important;padding:0 10px;}
footer .copy { font-size: 16px;line-height:25px;}
footer.areacliente { background: url(img/bg-footer.jpg) repeat-x center center;}
footer.areacliente * { color: #FFF }
footer a.fm,
footer a.fp,
footer a.ere {
display: inline-block;
text-indent: -1000000px }
footer a.fm {
margin-right: 10px;
background: url(img/brand-faturemais.png) no-repeat top;
width: 42px;
height: 25px }
footer a.fp {
background: url(img/brand-flexpoint.png) top;
width: 25px;
height: 25px }
footer a.ere{
background: url(img/erechim.png) top;
width: 156px;
height: 19px;
}
/*=================== PROD =================*/
.prod .title{font-weight:bold; color:#000;}
.prod .more{font-size:13px; color:#00AEEE;margin-bottom: 30px;}
.prod h2{text-align:center;}
.price{
color:#00AEEE;
font-size:14px;
margin-top: -15px !important;
}
.price span {
display: block;
}
.old-price{
text-decoration:line-through;
color:#ccc;
font-weight:bold;
font-size:13px;
}
.new-price{
font-weight:bold;
}
.parcela{
font-size:12px;
}
a.sub-item {
padding: 10px;
background: rgba(0,0,0,.08);
}
a.sub-item::before{
display: block;
content: "";
position: absolute;
left: 20px;
right: 0;
z-index: 0;
}
/*=========================================
=========================================*/
/*============== Only Normal Page ==============*/
@media (min-width: 768px) {
.thumbnail-2 {
position: relative;
/*width: 200px;*/
height: 250px;
overflow: hidden;
}
.thumbnail-2 img {
position: absolute;
left: 50%;
top: 50%;
height: 100%;
width: auto;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.thumbnail-2 img.portrait {
width: 100%;
height: auto;
}
}
/**========================================== ATUALIZAÇÕES 09/03/2015 ========================================**/
.bg-azul h1.page-header{
font-size:30px !important;
color:#fff;
text-shadow: 2px 2px 2px rgba(0,0,0,0.40);
}
h1.page-header{
font-size:35px;
font-weight:900;
text-align:left;
border-bottom:none !important;
letter-spacing:-1px;
}
.home .produtos h1,
.home .produtos h2,
.home .produtos .more{color:#00AEEE;}
.home .produtos h2{
font-size:21px;
font-weight:900;
}
.home .produtos strong{font-weight:900;}
.home .produtos p{
font-size:13px;
color:#333;
}
.home .noticias{padding-bottom: 50px;}
.home .noticias h1,
.home .noticias h2,
.home .noticias .more{color:#00AEEE;}
.home .noticias > div .title{
font-size:14px;
font-weight:900;
color:#00AEEE;
margin-top: 13px;
margin-bottom: 9px;
text-transform:uppercase;
}
.home .noticias > div .date{
color:#999;
font-size:12px;
font-weight:normal;
margin-left:10px;
float: right;
}
.home .noticias > div .desc{
font-size:13px;
font-weight:normal;
color:#444;
margin-bottom:0;
}
.home .noticias .row > div:last-child .title{
margin-top:0;
margin-bottom:5px;
}
.home .noticias .row > div:last-child li,
#noticias .media,
#blog .media{
border-bottom: 2px solid rgba(0,0,0,0.08);
margin-top: 0;
padding: 17px 15px;
}
.home .noticias .row > div:last-child li:last-child,
#noticias .media:last-child,
#blog .media:last-child{
border-bottom:none;
}
.home .noticias .row > div:last-child li:hover,
#noticias .media:hover,
#blog .media:hover{
background:rgba(0,0,0,0.05);
}
.home .noticias {
padding-bottom:40px;
}
#noticias .media .title,
#blog .media .title{
font-size: 14px;
font-weight: bold;
color: #00AEEE;
margin-top: 0px;
margin-bottom: 5px;
}
#noticias .media .date,
#blog .media .date{
color: #999;
font-size: 12px;
font-weight: normal;
margin-left: 10px;
float:right;
}
#noticias .media .desc,
#blog .media .desc{
font-size: 13px;
font-weight: normal;
color: #444;
margin-bottom: 0;
}
/*=============== DEPOIMENTOS ===============*/
#depoimentos{background:#006DAE;padding-bottom:30px;}
#depoimentos h1{color:#fff !important;}
#myCarousel_depoimento,
#myCarousel_depoimento .item{height:150px;}
#myCarousel_depoimento h3{
font: 700 18px Arial, Sans-serif;
color:#fff;
margin: 0;
margin-bottom: 10px;
}
#myCarousel_depoimento p{
color:rgba(255,255,255,0.70) !important;
line-height: 19px;
}
#myCarousel_depoimento .carousel-indicators{display:none;}
#myCarousel_depoimento .carousel-control.left { background-image: url(img/ico-left.png); background-repeat:no-repeat; left:-60px;}
#myCarousel_depoimento .carousel-control.right { background-image: url(img/ico-right.png); right:-60px;}
#myCarousel_depoimento .col-xs-8 {height: 160px;}
/*=============== FIM DEPOIMENTOS ===============*/
.glyphicon:before{
position:relative;
bottom:-3px;
font-size:15px;
margin-right:10px;
}
h4.title.media-heading{
font-weight:900;
margin-bottom:10px;
}
.carousel-bg {
position: fixed;
top: 0;
z-index: 0;
height: 100%;
width: 100%;
}
.carousel-bg .carousel-control,
.carousel-bg .carousel-indicators{display:none;}
.carousel-bg .carousel-inner .item img{width:100%;border-radius:0;margin-left:-1px;margin-top:-1px;}
.carousel-bg div{height:100% !important;}
h2.title{
font-weight:400;
margin:0;
padding:0;
border-bottom:none;
}
.list-sm > div{
float:none !important;
display:inline-block;
width:100%;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #CCC;
}
.list-sm .pull-left{
display:inline-block !important;
width: 39% !important;
margin-right: 10px;
vertical-align:top;
}
.list-sm .media-body{
display:inline-block;
width:55% !important;
vertical-align:top;
}
/*============== Only Normal Page ==============*/
@media (min-width: 768px) {
.list-xs .pull-left{float:none !important;}
}
/*============== Only Mobile Page ==============*/
@media (max-width: 768px) {
.list-xs .pull-left{
display:inline-block;
width: 39%;
margin-right: 10px;
vertical-align:top;
}
.list-xs .media-body{
display:inline-block;
width:55%;
vertical-align:top;
}
#myCarousel_depoimento .carousel-control.left{left:-15px;}
#myCarousel_depoimento .carousel-control.right{right:-15px;}
#myCarousel_depoimento .item{width:80%;margin:0 auto;}
.carousel-bg .carousel-inner .item img {
width: 100%;
height: 100%;
}
}
.drop_categorias .badge{float:right !important;top:0;background-color:rgba(0,0,0,.4);}
.drop_categorias .panel-heading{
background-color: #00AEEE;
color:#fff;
}
.drop_categorias .panel-collapse .panel-body{
padding: 0 !important;
margin: 0 !important;
}
.drop_categorias .list-group-item:first-child,
.drop_categorias .list-group-item:last-child{border-radius:0;}
.drop_categorias a.list-group-item:last-child{border-bottom:none;}
.drop_categorias a.list-group-item{border-left:none;border-right:none;}
#produtos .prod > div *,
#produtos .prod .media-body{text-align:left !important;}
#blog .breadcrumb{
background:none;
padding-left: 0;
}
#blog .media-blog .media{
background: rgba(0,0,0,.1);
padding: 10px;
border-radius: 4px;
border: 1px solid rgba(0,0,0,.05)
}
#blog .media-blog .media-left,
#blog .media-blog .media-right,
#blog .media-blog .media-body {
display: table-cell;
vertical-align: top;
}
#blog .media-blog .media-left,
#blog .media-blog .media>.pull-left {
padding-right: 10px;
}
#blog .media-blog .media-left,
#blog .media-blog .media-right,
#blog .media-blog .media-body {
display: table-cell;
vertical-align: top;
}
#blog .media-blog .media-heading {
margin-top: 0;
margin-bottom: 5px;
}
#blog .media-blog .media-left img{
width:64px;
height: 64px;
border-radius: 100%;
box-shadow: 0px 1px 3px rgba(0,0,0,.3);
}
#blog .media-blog {margin-top:10px;}
#blog .media-blog *{color:#000 !important;}
#blog p{margin-bottom:0 !important;}
#blog .media-blog .media-body{
padding-bottom: 0 !important;
margin-bottom: 0 !important;
vertical-align: middle;
}
#noticias .list-sm .pull-left,
#blog .list-sm .pull-left{width:20% !important;}
#noticias .list-sm .media-body,
#blog .list-sm .media-body {width: 75% !important;}
#noticias .date,
#blog .date {
color: #999;
font-size: 12px;
font-weight: normal;
margin-left: 10px;
float: right;
}
#noticias .title,
#blog .title {
font-size: 15px;
font-weight: bold;
line-height:normal;
color: #00AEEE;
margin-top: 0px;
margin-bottom: 5px;
}
#noticias p,
#blog p{line-height:normal;}
.list-sm > div{
border-bottom: 2px solid rgba(0,0,0,0.08);
margin-top: 0 !important;
margin-bottom:0 !important;
padding: 17px 15px;
}
.list-sm > div:last-child{border-bottom: none;}
.list-sm > div:hover{background: rgba(0,0,0,0.05);}
.home .noticias .list-sm .media-body{width:100% !important;}
#box-intern .box-slide{width:220px;}
.media-object {width: 100%;}
#tabs, #tabs-2, #accordion {
width:100% !important;
max-width:100% !important;
}
#input-img .user{background-image:url(img/ico_login_1.png);}
#input-img .password{background-image: url(img/ico_login_2.png);}
#input-img input{
background-position: 10px center;
background-repeat: no-repeat;
padding: 10px 15px;
text-indent: 20px;
-webkit-transition: all 0.2s;
-moz-transition: all 2s;
transition: all 0.2s;
}
#input-img input:focus {
background-position: -20px center;
text-indent: 0;
}
/**===========================================================================================================
=============================================== FIM ATUALIZAÇÃO ============================================
===========================================================================================================**/
header{
background:url(img/gb-branco.jpg) top center repeat-x;
}
.btn-cinza{
background:#ddd;
color:#000;
font-size:13px;
font-weight:900;
}
.btn-cinza:hover{background:#CCC}
header .contato h2{
font-size:16px;
color:#00AEEE;
font-weight:900;
margin: 10px 0;
padding:0;
border:none;
}
.inner header .contato h2{
margin-top: 3px !important;
margin-bottom: 12px !important;
}
header .contato .form-group{padding: 0 5px;}
header .contato .icon-socials{text-align:right;margin-top: 44px;}
header .contato .icon-socials li{padding:0;}
header .contato .icon-socials img{
width:29px;
opacity: 0.3;
filter: alpha(opacity=30);
}
header .contato .icon-socials img:hover{
opacity: 0.9;
filter: alpha(opacity=90);
}
header .contato .icon-socials li:first-child:hover .input-group {
opacity:1;
transition-duration:0.2s;
z-index:2;
}
header .contato .icon-socials .input-group {
position: absolute;
top: -6px;
left: -141px;
transition-duration:0.2s;
opacity:0;
z-index:-1;
}
header .contato .icon-socials .input-group-btn:first-child>.btn{
height: 34px;
padding: 6px 0 6px 8px;
}
header .contato .row > div:first-child h2{
margin-left:-10px;
margin-top: 6px;
margin-bottom: 15px;
}
header .contato .row > div:first-child a{font-size:12px;}
.agenda{
/* background: url(img/agenda_bg.png)bottom center repeat-x;
height: 286px;*/
background:#fff;
border:6px solid #000;
border-radius:10px;
margin-top: 82px;
}
.agenda:before{
content:"";
width:30px;
position:absolute;
top:0;
background: url(img/agenda_left.png) top left repeat-y;
left: 0px;
height:100%;
border-radius:4px 0 0 4px;
}
/*
.agenda:before,
.agenda:after{
content:"";
height: 286px;
width: 30px;
position: absolute;
top:0;
}
.agenda:after{
background: url(img/agenda_right.png)bottom left no-repeat;
right: -25px;
}*/
.agenda .nav-tabs{
text-align:center;
border-bottom:none;
position: relative;
top:-30px;
}
.agenda .nav-tabs>li {
display: inline-block;
float:none;
margin: 0 7px;
}
.agenda .nav-tabs>li>a{
font-size:13px;
font-weight:900;
}
.agenda .nav-tabs>li.active>a,
.agenda .nav-tabs>li.active>a:hover,
.agenda .nav-tabs>li.active>a:focus,
.agenda .nav-tabs>li>a:hover{
color:#00AEEE !important;
background:#fff !important;
border-color:#fff;
box-shadow:none;
}
.agenda .nav>li>a{
color:#777;
padding: 5px 19px;
text-transform:uppercase;
margin-right:0;
box-shadow: inset 0px -14px 6px -17px;
}
.agenda .nav-tabs>li:nth-child(1) > a{background:#EEE;}
.agenda .nav-tabs>li:nth-child(2) > a{background:#DDD;}
.agenda .nav-tabs>li:nth-child(3) > a{background:#CCC;}
.agenda .nav-tabs>li:nth-child(4) > a{background:#BBB;}
.agenda .tab-content{
margin-top: -15px;
margin-left:20px;
}
.agenda .tab-pane .media{
border-bottom:1px solid rgba(0,0,0,0.15);
margin-top: 3px;
}
.agenda .tab-pane .media p{
font-size:13px;
font-weight:900;
margin: 4px 0;
}
.agenda .tab-pane .media .date{color:#00AEEE;}
.agenda .tab-pane .media .title a{color:#000;}
.agenda .tab-pane li:nth-last-child(2){
border-bottom:none !important;
margin-bottom:17px;
}
.agenda .tab-pane li:last-child{padding-bottom: 9px;}
.agenda h1{
position: absolute;
top: -88px;
}
.bg-azul h1{margin-top:0;}
.area-atuacao .icon-area{
width: 88px !important;
height: 74px;
border-radius: 0 !important;
box-shadow: none !important;
background-position: 0 -74px !important;
padding: 0 !important;
display: inline-block !important;
}
.area-atuacao .row .col-sm-6:first-child a:nth-child(1) .icon-area{background:url(img/cat4.png) no-repeat;}
.area-atuacao .row .col-sm-6:first-child a:nth-child(2) .icon-area{background:url(img/cat5.png) no-repeat;}
.area-atuacao .row .col-sm-6:first-child a:nth-child(3) .icon-area{background:url(img/cat3.png) no-repeat;}
.area-atuacao .row .col-sm-6:last-child a:nth-child(1) .icon-area{background:url(img/cat1.png) no-repeat;}
.area-atuacao .row .col-sm-6:last-child a:nth-child(2) .icon-area{background:url(img/cat2.png) no-repeat;}
.area-atuacao .row .col-sm-6{padding:0 5px;}
.area-atuacao .icon-area:hover,
.area-atuacao .row a:hover .icon-area{background-position:0px 0px !important;}
.area-atuacao > .row > a > div{
padding: 0 10px;
margin-bottom:20px;
}
.area-atuacao .row a{width:100%;}
.area-atuacao .row li{
background:rgba(255,255,255,0.55);
box-shadow:2px 2px 2px rgba(0,0,0,0.40);
border-radius:8px;
padding: 3px 5px;
width:100%;
margin: 4px 0;
}
.area-atuacao .row li:hover{background:rgba(255,255,255,0.70);}
.area-atuacao .row div *{
display:inline-block;
vertical-align:middle;
}
.area-atuacao .row div p{
width:47%;
font-size:13px;
font-weight:900;
color:#000;
margin-left: 12px;
margin-bottom:0;
}
.home .noticias h1{text-shadow:none;}
.clientes h1.page-header{color:#000;}
.boxes{padding: 40px 0 45px;}
.boxes .row > div > div{
border-radius:6px;
padding:25px;
}
.boxes .div-azul{background:#00AEEE;}
.boxes .div-azul .btn-default{background:#333;}
.boxes .div-cinza{background:#EEE;}
.boxes .div-cinza h1{color:#00AEEE;}
.boxes .row > div:last-child h1{font-size:18px;margin-bottom: -3px;margin-top: -4px;}
.boxes .row > div:last-child p{font-size:11px;margin-bottom: 9px;}
.boxes .row > div:last-child > div:first-child{margin-bottom:25px;}
div.btn-file{
width: 100%;
background: #fff;
overflow: hidden;
padding: 0 !important;
height: 34px;
border-radius: 4px !important;
cursor: pointer !important;
}
div.btn-file span{
color: #00AEEE;
font-weight: 900;
font-size: 13px;
line-height: 31px;
position:relative;
top:-32px;
z-index:1;
}
div.btn-file input {
display: block !important;
width: 100% !important;
height: 34px !important;
opacity: 0 !important;
overflow: hidden !important;
cursor: pointer !important;
position:relative;
z-index:99;
}
.boxes p{
font-size:14px;
color:#444;
margin-bottom: 36px;
}
.boxes h1{
font-size:20px;
font-weight:900;
color:#fff;
margin: 1px 0 6px;
}
#btn-orcamento {
position: fixed;
right: 10px;
bottom: 10px;
z-index:1;
}
.ico-social{
width:30px;
height:30px;
opacity:0.2;
}
.ico-social:hover{
opacity:1;
background-position:top;
}
.ico-face{background:url(img/ico2.png) no-repeat bottom;}
.ico-you{background:url(img/ico4.png) no-repeat bottom;}
.modal-dialog .modal-header{border-radius:4px 4px 0 0;}
.modal-dialog .modal-footer{border-radius:0 0 4px 4px;}
.btn-primary,
.modal-dialog .modal-header,
#cursos .panel.panel-default{
background-color:#2679B3;
background:#2679B3;
}
.modal-dialog .modal-footer{
background:rgba(0,0,0,.1);
}
.modal-dialog .modal-header,
.list-group-item.sub-item,
.list-group-item.cat{color:#fff;}
.list-group-item.cat{background:none;}
.list-group-item.sub-item{background:rgba(255,255,255,0.2);}
.list-group-item.cat:hover,
.list-group-item.sub-item:hover,
#cursos a.list-group-item.active{background:rgba(0,0,0,0.08) !important;}
#cursos .list-group-item{font-size:12px !important;}
#cursos .col-sm-3 .row{margin-left:0 !important;}
.vcenter{
display: inline-block;
vertical-align: middle;
height:100%;
}
#clientes .vcenter{
height:100px;
position:relative;
margin-bottom:10px;
}
#clientes .vcenter img{
max-height: 100%;
max-width: 100%;
width: 50%;
height: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.title-question{
font-size: 16px !important;
font-weight: 900;
color: #000;
}
tr > td > div > span{
margin: 0;
display: block;
width: 100%;
float: left;
margin: 5px 0;
padding: 0;
float: left;
color: #444;
}
tr > td > div > span > input[type='radio']{
opacity: 0;
float: left;
width: 18px;
height: 100% !important;
}
tr > td > div > span > input[type='radio']:checked + label {
background-image: url(img/check.png);
}
tr > td > div > span > input[type='radio'] + label{
margin: 0;
clear: none;
padding: 5px 0 4px 26px;
cursor: pointer;
background: url(img/off.png) left center no-repeat;
}
input.radio {
display: block;
margin: 4px 0 0 0;
padding: 0;
width: 13px;
height: 13px;
}
/*label.choice {
display: block;
cursor: pointer;
line-height: 150%;
width: 88%;
font-size: 100%;
font-family: inherit;
font-style: normal;
font-weight: normal;
}*/
label.choice{
display: block;
cursor: pointer;
width: 88%;
font-size: 13px;
font-weight: 600;
}
/*============== Only Normal Page ==============*/
@media (min-width: 768px) {
.navbar-nav > li:first-child{left:-1px;}
.navbar-nav > li:last-child{right:-2px;}
.navbar-nav > li:nth-last-child(2){background: none;}
.navbar-nav > li:nth-last-child(2) a{border-radius: 0 6px 6px 0;margin-right: -2px;}
.navbar {margin-top: -23px;}
header{height:192px;}
.carousel-indicators {bottom: -55px;}
.carousel-control.left{left:-60px;}
.carousel-control.right{right:-60px;}
.agenda li .row > div:last-child{margin-top: 8px;}
.agenda .tab-pane .media .title{margin-bottom: 9px;}
.agenda{
width: 48%;
margin-right: 2%;
}
.agenda h1{margin-left:-15px;}
.bg-slider{
padding:77px 0 50px;
margin-top:-68px;
}
.boxes .row,
.boxes .row .col-sm-4:nth-child(1),
.boxes .row .col-sm-4:nth-child(2){display:flex;}
#cursos .list-group-item{font-size:12px !important;}
#cursos .col-sm-3 .row{margin-left:0 !important;}
}
/*============== Only Mobile Page ==============*/
@media (max-width: 768px) {
footer{text-align:center;}
footer .copy {margin-top: -25px;}
.pull-right,.pull-left {
float: none !important;
position: relative;
}
footer{padding: 50px 0;}
footer .dev {
margin-top: -20px;
margin-bottom: -8px;
top: 20px;
}
ul.media-list li.media .pull-left{
width:20%;
display:inline-block;
vertical-align:top;
}
ul.media-list li.media .media-body{
width:70%;
display:inline-block;
vertical-align:top;
}
.pull-left img{width:100%;}
footer * {
display: block;
text-align: center;
}
#contato .pull-left{float:left !important;}
/*============== Carousel responsive img zoom ==============*/
.carousel-indicators{display:none;}
.carousel-inner>.item>img{
width: 200%;
max-width: initial;
left: -50%;
position: relative;
vertical-align: middle;
display: inline-table;
}
.carousel .item{
height: 200px;
line-height: 200px;
overflow: hidden;
text-align: center;
width: 100%;
}
.carousel-control.left{left:0%;}
.carousel-control.right{right:0%;}
.nav .input-img .form-group {margin: 3px 0;}
.nav li.visible-xs{
padding: 0 20px;
border-radius: 0 0 6px 6px;
background: #2679B3;
padding-top: 1px;
}
.nav .visible-xs h2{
font-size:16px;
color:#fff;
font-weight:900;
margin: 10px 0;
}
.nav .visible-xs a{color:#fff;top: 7px;position: relative;}
.agenda ul.media-list li.media .media-body{
width:100%;
display:inline-block;
vertical-align:top;
padding-bottom: 12px;
}
.agenda{
margin: 65px auto;
margin-bottom: 30px;
}
.bg-slider{padding:25px 0 10px;}
.boxes .row > div > div{margin-bottom:20px;}
.home .clientes {margin-bottom:40px;}
.boxes{padding-bottom:17px;}
.area-atuacao > .row > a > div{
text-align:center;
padding:0 15px;
float: none;
display: inline-block;
width: 49%;
vertical-align: top;
}
#cursos .list-group-item{font-size:14px !important;}
#cursos .col-sm-3 .row{margin-left:0 !important;margin-right:0 !important;}
}
@media (max-width: 1170px){
.area-atuacao .row div > div{text-align:center;width:100%;}
.area-atuacao .row div p{width:100%;margin:0;}
}
@media (min-width: 768px) and (max-width: 991px) {
.agenda {margin-top: 136px;}
.agenda h1 {top: -142px;}
.agenda .nav-tabs>li {margin: 0 1px;}
.boxes .col-sm-5{padding:0;}
}
@media (min-width: 768px) and (max-width: 886px) {
.carousel-control.left{left:3%;}
.carousel-control.right{right:3%;}
header .contato {right: 15px;}
}
@media (max-width: 451px) {
.agenda h1 {top: -115px;}
.agenda .nav-tabs>li {margin: 0 -3px;}
}
/*============== Only Phone Page ==============*/
@media (max-width: 480px) {
.produtos_list li{display:block;width:inherit !important;}
}
/* Menu DropDown */
.navbar-nav>li>.dropdown-menu a{
line-height:normal !important;
font-weight: normal
}
.navbar-nav>li>.dropdown-menu li{
padding:5px 0;
}
/*============== Only Normal Page ==============*/
@media (min-width: 768px) {
.dropdown:hover .dropdown-menu {
display: block;
width:300px;
padding:0;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.dropdown:hover .dropdown-menu.ddservicos { width: 600px }
.navbar-nav>li>.dropdown-menu li{
padding: 0;
margin: 0;
text-align: left !important
}
.navbar-nav>li>.dropdown-menu a {
line-height: normal !important;
padding: 10px 15px !important;
display: block
}
.area-atuacao .row .col-sm-6:last-child li{padding: 25px 5px;}
}
/*============== Only Mobile Page ==============*/
@media (max-width: 768px) {
.navbar-nav>li>.dropdown-menu {
display: block;
width: 100%;
padding:0;
position: relative;
background: #00AEEE;
}
.navbar-nav>li>.dropdown-menu li{
padding:5px 15px;
padding-left:25px;
background:rgba(0,0,0,0.10);
}
.dropdown-menu{box-shadow:none !important;}
.area-atuacao .row .col-sm-6 ul{
width:100%;
text-align:center;
margin-bottom:0;
}
.area-atuacao .row li{padding: 10px 5px !important;}
.area-atuacao .row div p {height: 35px;}
}
@media (max-width: 1170px) {
.area-atuacao .row li{text-align:center;}
.area-atuacao .row .col-sm-6:last-child li{padding: 3px 5px;}
.area-atuacao .row div p {height: auto;}
}
/*============== Only Phone Page ==============*/
@media (max-width: 480px) {
.area-atuacao .row .col-sm-6{width:100%;}
.area-atuacao .row div p {height: initial;}
}
#consulta {
color: #000;
margin-bottom: 0;
padding-bottom: 50px;
background: url(img/bg-areacliente.jpg) no-repeat center center fixed;
background-size: 100% auto }
@media (max-width: 767px) {
#consulta { background-size: cover !important }
}
#consulta .well {
margin-bottom: 10px;
padding: 5px 10px;
border: 3px solid rgba(0,0,0,0.3);
background: rgba(255,255,255,0.85) }
#consulta .well > a { display: block }
#consulta .well .glyphicon {
position: relative;
top: -1px }
.thumbs img {
margin-bottom: 20px;
object-fit: cover;
height: 150px }
