body,
html {
width: 100%;
height: 100%;
}
body,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 700;
}
.navbar-brand {
font-size: 14px !important;
}
.panel-body {
font-weight: 300;
}
.topnav {
font-size: 14px ;
}
.panel-green {
border-color: #5cb85c;
}
.panel-green > .panel-heading {
border-color: #5cb85c;
color: #fff;
background-color: #5cb85c;
}
.panel-green > a {
color: #5cb85c;
}
.panel-green > a:hover {
color: #3d8b3d;
}
.panel-red {
border-color: #d9534f;
}
.panel-red > .panel-heading {
border-color: #d9534f;
color: #fff;
background-color: #d9534f;
}
.panel-red > a {
color: #d9534f;
}
.panel-red > a:hover {
color: #b52b27;
}
.panel-yellow {
border-color: #f0ad4e;
}
.panel-yellow > .panel-heading {
border-color: #f0ad4e;
color: #fff;
background-color: #f0ad4e;
}
.panel-yellow > a {
color: #f0ad4e;
}
.panel-yellow > a:hover {
color: #df8a13;
}
.scroll-top {
position: fixed;
display: none;
z-index: 2000;
bottom: 2em;
right: 2em;
}
.scroll-top a {
background-color: rgba(135, 135, 135, 0.5);
display: block;
width: 35px;
height: 35px;
text-align: center;
font-size: 15px;
line-height: 30px;
}
.scroll-top a:hover,
.scroll-top a:active {
background-color: rgba(235, 235, 235, .8);
}
#custom-bootstrap-menu.navbar-default .navbar-brand {
color: rgba(238, 162, 54, 1);
}
#custom-bootstrap-menu.navbar-default {
font-size: 24px;
background-color: rgba(248, 248, 248, 1);
border-width: 1px;
border-radius: 4px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
color: rgba(119, 119, 119, 1);
background-color: rgba(248, 248, 248, 0);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
color: rgba(173, 114, 24, 1);
background-color: rgba(248, 248, 248, 0);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
color: rgba(85, 85, 85, 1);
background-color: rgba(231, 231, 231, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
border-color: #ddd;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
background-color: #ddd;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
background-color: #888;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
background-color: #888;
}
section {
padding: 60px 20px;
}
table {
font-size: 0.7em;
}
#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
/* Negative indent footer by it's height */
margin: 0 auto -40px;
}
#page-top {
margin-top:-30px;padding-left:15px;margin-bottom:-100px;
}
#logos_sggq img{
margin-top:30px;
max-height:50px;
}
#page-top h1{
font-size: 2em;
}
footer {
margin-top:500px;
background-color: #f8f8f8;
height: 50px;
z-index:5000;
}
p.copyright {
padding-top:10px;
font-size: 10px;
text-align: right;
}
@media(min-width:768px) {
#wrapper {
padding-left: 220px;
background-color: #fff;
}
/* Top Navigation */
.top-nav {
padding: 0 15px;
}
.top-nav>li {
display: inline-block;
float: left;
}
.top-nav>li>a:hover,
.top-nav>li>a:focus,
.top-nav>.open>a,
.top-nav>.open>a:hover,
.top-nav>.open>a:focus {
color: #fff;
}
.side-nav {
position: fixed;
top: 70px;
left: 0px;
font-size: 11px;
width: 220px;
border: none;
border-radius: 0;
overflow-y: auto;
background-color: #fff;
bottom: 0;
overflow-x: hidden;
}
.side-nav>li>a {
width: 230px;
line-height: 10px;
margin-top: -16px;
}
.side-nav li a:hover,
.side-nav li a:focus {
outline: none;
}
.side-nav>li>ul {
padding: 0;
}
.side-nav>li>ul>li>a {
display: block;
text-decoration: none;
color: #999;
}
.side-nav>li>ul>li>a:hover {
color: #fff;
}
}
@media (max-width: 768px) {
#logos_sggq img{
margin-top:30px;
max-height:40px;
}
/* Force table to not be like tables anymore */
table,
thead,
tbody,
th,
td,
tr {
display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
tr { border: 1px solid #ccc; }
td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
white-space: normal;
text-align:left;
}
td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 35%;
padding-right: 10px;
white-space: nowrap;
text-align:left;
font-weight: bold;
content: attr(data-title);
}
}
.panel-body .imagem_sggq {
display: inline-block;
background-size: 100% 100%;
height: 760px;
width: 100%;
background-repeat: no-repeat;
background-image: url(../imgs/SGQ_h.png) ;
/* background: url('../imgs/SGQ.png') no-repeat center center; */
z-index: 1;
}
@media only screen and (min-width: 980px) and (max-width: 1250px) and (orientation: landscape) {
.panel-body .imagem_sggq {
height: 760px;
background-image: url(../imgs/SGQ_h.png) ;
}
}
@media only screen and (max-width: 980px) and (min-width: 728px) and (orientation: landscape) {
.panel-body .imagem_sggq {
height: 546px;
background-image: url(../imgs/SGQ_h.png);
}
}
@media only screen and (max-width: 728px) and (min-width: 520px) and (orientation: landscape) {
.panel-body .imagem_sggq {
height: 420px;
background-image: url(../imgs/SGQ_h.png);
}
}
@media only screen and (max-width: 520px) and (min-width: 320px) and (orientation: landscape) {
.panel-body .imagem_sggq {
height: 300px;
background-image: url(../imgs/SGQ_h.png);
}
}
@media only screen and (max-width: 320px) and (orientation: landscape) {
.panel-body .imagem_sggq {
height: 200px;
background-image: url(../imgs/SGQ_h.png);
}
}
@media only screen and (max-width: 728px) and (orientation: portrait) {
.panel-body .imagem_sggq {
height: 500px;
background-image: url(../imgs/SGQ_Vertical.png);
}
}
@media only screen and (max-width: 728px) and (min-width: 360px) and (orientation: portrait) {
.panel-body .imagem_sggq {
height: 400px;
background-image: url(../imgs/SGQ_Vertical.png);
}
}
@media only screen and (max-width: 320px) and (orientation: portrait) {
.panel-body .imagem_sggq {
height: 300px;
background-image: url(../imgs/SGQ_Vertical.png);
}
}