html {
position: relative;
min-height: 100%;
}
body {
height: 100%;
}
footer {
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
}
.wrapper{
margin-top: -15px;
padding-bottom: 8px;
}
/*
==============
[3. NAVBAR]
==============
*/
#brand{
left: 50%;
margin: -60px auto 0 -140px;
width: 280px;
height: 215px;
border-radius: 100%;
position: absolute;
z-index: -1;
}
.navbar{
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
padding-right: 20px;
padding-left: 20px;
padding-top: 7px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.navbar-inner {
min-height: 60px;
padding-right: 20px;
padding-left: 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
*zoom: 1;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.navbar-brand{
margin-right: 0px;
margin-left: -5px;
height: 40px;
}
.navbar .brand {
display: block;
float: left;
padding: 18px 45px 20px 0;
margin-left: -20px;
font-size: 24px;
font-weight: 600;
text-transform: uppercase;
transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
.navbar .logo{
position: fixed;
/*left: 50%;*/
margin: 0 auto 0 -120px;
}
.navbar .nav-left{
float: left;
margin-left: 5px;
}
.navbar .nav-right{
float: right;
}
.navbar .nav > li > a {
float: none;
padding: 10px 5px;
margin-top: 2px;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
text-shadow: none;
transition: color 0.1s ease-in-out;
-o-transition: color 0.1s ease-in-out;
-moz-transition: color 0.1s ease-in-out;
-webkit-transition: color 0.1s ease-in-out;
font-size: 14px;
margin: 0px 15px;
border-radius: 4px;
}
.navbar .nav {
padding-left: 0;
}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
text-decoration: none;
background-color: transparent;
transition: color 0.1s ease-in-out;
-o-transition: color 0.1s ease-in-out;
-moz-transition: color 0.1s ease-in-out;
-webkit-transition: color 0.1s ease-in-out;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
text-decoration: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.navbar-toggle{
position: relative;
/*top: 12px;*/
right: 10px;
/*width: 48px;
height: 32px;*/
padding: 8px 12px;
border-radius: 4px;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
background: none;
}
.navbar-nav>li>.dropdown-menu {
margin-left: -5px;}
/*
==================
[4. SLIDER]
==================
*/
#masthead .carousel {
margin-bottom: 0px;
}
#masthead:after{
clear: both;
}
#masthead .carousel .container {
position: relative;
z-index: 3;
}
#masthead .carousel-control {
height: 32px;
margin-top: 0;
font-size: 30px;
text-shadow: 0 1px 1px rgba(0,0,0,.4);
background-color: rgba(0,0,0,0.9);
padding: 4px 0;
border-radius: 0px;
-o-border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
font-weight: 300;
border: 0;
z-index: 10;
}
#masthead .carousel .item {
height: 500px;
}
#masthead .carousel .item img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
}
#masthead .carousel-caption {
background-color: rgba(0,0,0,0.3);
border-radius: 4px;
-o-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
position: static;
max-width: 450px;
padding: 20px;
margin-top: 200px;
}
#masthead .carousel-caption h2{
font-weight: 600;
margin: 0;
font-size: 32px;
line-height: 36px;
color: #fff;
text-shadow: none;
padding-bottom: 15px;
text-transform: capitalize;
}
#masthead .carousel-caption .lead {
font-size: 14px;
line-height: 22px;
font-weight: 300;
color: #fff;
}
#masthead .carousel-caption .btn {
margin-top: 10px;
}
#masthead .carousel-fadein .item {
-webkit-transition: opacity 2s ease-in-out;
-moz-transition: opacity 2s ease-in-out;
-ms-transition: opacity 2s ease-in-out;
-o-transition: opacity 2s ease-in-out;
transition: opacity 2s ease-in-out;
}
#masthead .carousel-fadein .active.left,
#masthead .carousel-fadein .active.right {
left: 0;
z-index: 2;
opacity: 0;
filter: alpha(opacity=0);
}
#masthead .carousel-fadein .next,
#masthead .carousel-fadein .prev {
left: 0;
z-index: 1;
}
#masthead .carousel-fadein .carousel-control {
z-index: 3;
}
/* CÓDIGO PARA CENTRALIZAR O MENU */
.navbar-collapse{
padding-left: 0;
/*padding-right: 0;*/
}
@media (min-width: 768px){
.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;
}
}
@media (max-width: 800px){
.container-destaque {
margin-top: 30px;
}
}
@media (max-width: 767px){
.container-destaque {
margin-top: 50px;
}
.navbar-nav>li {
width: 100% !important;
}
}
/* CÓDIGO PARA INPUT de AREA RESTRITA */
.loginTopo input {
border-radius: 3px;
height: 30px;
}
#user{
background: #FFF;
width: 90px;
}
#pass{
background: #FFF;
width: 90px;
}
.tp-bullets {bottom: -35px !important;}
/* TIRANDO SETA E BARRA DE TEMPO CARROSSEL */
.tparrows,
.tp-bannertimer {display: none;}
/* EXIBINDO SETA PERSONALIZADA */
.seta.tparrows {display: block;}
.seta {
top: 50% !important;
text-align: center;
line-height: 38px;
font-size: 25px;
margin-left: -5px;}
.seta .fa {
font-size: 25px;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;}
.seta.tp-leftarrow .fa{margin-left: -5px;}
.seta.tp-rightarrow .fa{margin-right: -5px;}
/*MENU DROP UP*/
.bottom-up .dropdown-menu {top: auto; bottom: 100%; }
/* SLIDE */
.slide {
display: block;
clear: both;
width: 100%;
height: auto !important;
margin-top: 10%;
}
.slide.interna {position: relative;}
.tp-bullets {bottom: -35px !important;}
.slide h1 {
/*font-family: Oswald;*/
font-size: 60px;
line-height: 70px;
margin: 0 0 20px;
}
.slide p {
font-size: 18px;}
.slide .button {
padding: 18px;
font: 16px 'Oswald', sans-serif;
line-height: 14px;
font-weight: normal;
display: inline-block;
cursor: pointer;
position: relative;
text-decoration: none;
text-transform: uppercase;}
.slide .button:hover {
background-color: rgba(0, 0, 0, 0.5);
text-decoration: none;
outline: 0;
-webkit-transition: color 0.2s ease-out, background 0.2s ease-out;
-moz-transition: color 0.2s ease-out, background 0.2s ease-out;
-o-transition: color 0.2s ease-out, background 0.2s ease-out;
-ms-transition: color 0.2s ease-out, background 0.2s ease-out;
transition: color 0.2s ease-out, background 0.2s ease-out;
}
.slide .img-slide {
width: 100% !important;
height: auto !important;}