/*************************/
/*html elements customization*/
/*
cinza claro: #d7d7d7 (font) #e7e7e7(backgr)
cinza (topmenu): #b0acaa
cinza escuro: #908e8e
verde: #98e150	>escuro> #72c321
azul: #55c9cb   >escuro> #32a0a2

img original banner: 720 x 293 -> 697,5 x 283
*/
/*************************/
/* .modal-fullscreen */


.navbar-default .navbar-nav>li>a.login {
transition: background-color 400ms ease;
background-color:#e7e7e7; 
color:#908e8e;
}
.navbar-default .navbar-nav>li>a.login:visited {
transition: background-color 400ms ease;
background-color:#e7e7e7; 
color:#908e8e;
}
.navbar-default .navbar-nav>li>a.login:link {
transition: background-color 400ms ease;
background-color:#e7e7e7; 
color:#908e8e;
}

.navbar-default .navbar-nav>li>a.login:hover {
transition: background-color 400ms ease;
background: #98e150;
color:white;
}


.modal-fullscreen {
  background: transparent;
}
.modal-fullscreen .modal-content {
  background: #000000;
  color:white;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modal-backdrop.modal-backdrop-fullscreen {
  background: #000000;
}
.modal-backdrop.modal-backdrop-fullscreen.in {
  opacity: .07;
  filter: alpha(opacity=.07);
  
}
.modal-body {
    position: relative;
    padding: 0px;
}
/* .modal-fullscreen size: we use Bootstrap media query breakpoints */

.modal-fullscreen .modal-dialog {
  margin: 0;
  margin-right: 0;
  margin-left: 0;
  width: 100%;
}

@media (min-width: 1200px) {
  .modal-fullscreen .modal-dialog {
     width: 100%;
	 height:100%;
  }
}



div.painel.container {
    max-width: 1920px;
    /*margin: 0;*/
}
div.painel div.col-sm-12.col-md-6 div{
	margin-bottom:0px;
}
div.painel .row {
    margin-right: 0px;
    margin-left: 0px;
}

div.painel .panel{
	margin-bottom:0px;
}
div.painel .panel-heading {
	margin-top: 10px;
	margin-bottom: 10px;
}
div.painel .row-hr {
    margin-bottom: 0px;
    margin-top: 0px;
}
div.painel div.panel-heading {
    margin-top: 10px;
	margin-bottom: 0px;
}
div.painel .panel-body {
    padding: 10px;
	padding-top:0px;
	height:200px;
}
div.painel article {
	height: 420px;
	font-size:125%
}



div.painel p.book {
    margin-top: 7px;
    text-align: center;
    font-size: 80%;
    color: #908e8e;
    height: 30px;
}
@media (min-width: 1200px){
	.painel.container {
		width: 1220px;
	}
	div.painel .sugestao {
		height:auto;
		max-height:200px;
		overflow: hidden;
		
	}
	div.painel .sugestao h1{
		font-size:100%;
	}
	div.painel .sugestao h2{
		font-size:90%;
	}
	div.painel div.book a img {
		max-height:95%;
	}
}
@media (min-width: 992px){
	div.painel .sugestao {
		height: auto;
		overflow: hidden;
	}
}
body.painel {
    min-height: 720px;
    padding-top: 0px; 
    padding-bottom: 0px; 
    color: #5b5756;
    font-family: arial;
}
/*And then change */


div.col-sm-12.col-md-6 div{
	margin-bottom:20px;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group{
	margin-left:0px;
}

.sugestao .img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
	
}  

h1.h4 a.btn-{
color:#5b5756;
}

/*To */
@media(min-width:992px) {
		.sugestao {
		height: 274px;
		overflow:hidden;
		}

		.sugestao  .img-responsive {
			display: block;
			width: auto;
			max-height: 66%;
			margin-bottom:10px;
		}
}
.navbar-nav  li:focus {
      color: #000;
      background-color: #000;
 }
.clearfix {
}



div.item a img{

	-webkit-filter: brightness(98%); 
}

@media (max-width: 767px){
	.media-768-margin-top{
		margin-top:40px;
	}

}
 p {
	 margin-bottom:0px;
	 margin-top:10px;
 } 
 a.h5{
 color:#908e8e;
 text-decoration:none;
 }

  a.h5:hover{
 color: #5b5756;
 text-decoration:none;
 }
 
 h1.h4{
	 margin-top:10px;
 }
 h2.h5{
	 margin-top:5px;
 }
 img.img.img-responsive{
	 margin-top:10px;
 }
 div.panel-heading{
	 margin-top:10px; 
 }
label {
	margin-top: 5px;
}

.btn{
    padding: 0px 10px;
}
body {
  min-height: 1000px;
  padding-top: 30px;
  padding-bottom: 30px;
  color: #5b5756;
  font-family:arial;
}
p, label, input.form-control {
    font-size: 85%;
	font-weight:normal;
}
.form-control {
	height: auto;
	border-radius:0px;
}
.form-control:focus {
    border-color:#98e150;
	
}
h4 {
    margin-top: 0;
}
hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #eee;
}

/*************************/
/*bootstrap customization*/
/************************
.form-control{
display:block;
width:100%;
height:33px;
padding:4px 12px;
font-size:14px;
line-height:1.42857143;
color:#555;
background-color:#fff;
background-image:none;
border:1px solid #ccc;
border-radius:4px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}*/

/* overwrite bootstrap*/
.nav > li > a:focus {
    background-color: transparent;
}
.small-padding {
    padding-left: 5px;
    padding-right: 5px;
}
.text-big{
font-size:110%;
}
.text-medium{
font-size:100%;
}
.text-small{
font-size:75%;
}


.fa, .glyphicon{
padding-top:6px;
}
.navbar{
border-radius:0px;
}
.panel-heading{
border-top-right-radius:0px;
border-top-left-radius:0px;
padding: 7px 15px;
}
i.fa.fa-search {
	padding-top: 3px;
	padding-bottom: 3px;
}
/* fim overwrite bootstrap*/


.btn-primary {
  transition: background-color 400ms ease;
  color: #fff;
  background-color: #98e150;
  border-color: #98e150;
}
.btn-primary:hover, .btn-primary:focus, .focus.btn-primary, .btn-primary:active, .active.btn-primary{
border-color:#b0acaa;
background-color:  #908e8e;
}
.h4{
margin:0px;
margin-bottom: 5px;
}
.h5{
margin:0px;
margin-bottom: 10px;
color:#908e8e;
}
.container {
  max-width: 970px;
  margin: 0 auto;
}
.navbar li a {
    line-height: 30px;
    height: 30px;
    padding-top: 0;
}

.navbar-default .navbar-nav>li>a {
transition: color 0.4s ease;
transition: background-color 400ms ease;
color:#d7d7d7;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
color: white;
text-rendering:auto;
}
/*fixed width icon navbar*/
.fw{
    width: 30px;
}
.dropdown-menu{
background-color:#E7E7E7;
}
.dropdown-menu>li>a{
transition: color 0.4s ease;
background-color:#E7E7E7;
color:#908e8e;
font-size:85%;
font-weight:bold;
}
.dropdown-menu >li>a:hover, .dropdown-menu >li >a:focus{
color: white;
background-color: #b0acaa;
text-rendering:auto;
}
.btn-default{
transition: color 0.2s ease;
/*background-color:#E7E7E7;
color:#908e8e;*/
background-color:#b0acaa;
color:#d7d7d7;
border-color:#b0acaa;
opacity:1;
}

a.btn-{
text-decoration:none;
}
 
.btn-default a{
transition: color 0.4s ease;
/*background-color:#E7E7E7;
color:#908e8e;*/
color:white;
}

.btn-default:hover, .btn-default:focus{
opacity:1;
color: white;
background-color:  #b0acaa;
text-rendering:auto;

}
.navbar {
min-height: 10px;
margin-bottom: 3px;
margin-top: 0px;
border: 1px solid transparent;
}
.navbar-default {
background-color: #b0acaa;
border-color: #d7d7d7;
padding-right:0px;
}

.panel {
border: 0px;
box-shadow: 0 0px 0px rgba(0,0,0,0)
}
.panel-default>.panel-heading{
background: #98e150;
color:white;
font-weight:600;
}
.panel-heading{
border: 0px;
background: #98e150;
color:white;
font-weight:600;
height: 34px;
}
.panel-body a{
color:#5b5756;
}

.text-green{
color: #98e150;
}
.text-blue{
color:  #55c9cb;
}
.text-gray{
color:  #908e8e;
}
.text-red {color:red;}

.navbar-green {
background-color: #98e150;

}
.navbar-blue {
background-color:  #55c9cb;

}
.navbar-gray {
background-color:  #b0acaa;

}
.navbar-singlepage {
margin-top:3px;
border:0px;

}

.navbar-singlepage a{
color:white;

}
.navbar-singlepage li a:hover{
    -webkit-transition: background-color 400ms ease;
    -moz-transition: background-color 400ms ease;
    -o-transition: background-color 400ms ease;
    -ms-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
color: white;
background-color: #908e8e;
text-rendering:auto;
}


.hidden-xs .container-fluid {
 padding-left: 0px; 
}
.hidden-xs  .navbar-collapse{
 padding-right: 0px; 
 padding-left: 0px; 
}
.navbar-fixed-top {
margin-top: 0px;
}

.panel-body a:hover { text-decoration: none; }
@media only screen and (min-width : 768px) {
    /* Make Navigation Toggle on Desktop Hover */
    .dropdown:hover .dropdown-menu {
        display: block;
    }
	.dropup:hover .dropdown-menu {
        display: block;
    }
}
.left.carousel-control{ 
	background-image:none;
}
 .right.carousel-control { 
	background-image:none;	
}

.no-padding{
padding-left:0;
padding-right:0;
}

.navbar-header.no-margin{
margin-left:0;
margin-right:0;
}
.container.no-margin{
margin-left:0;
margin-right:0;
}
.container>.navbar-collapse.no-margin{
margin-left:0;
margin-right:0;
}

.no-margin{
margin-left:0;
margin-right:0;
}

.navbar-singlepage div.container{
padding-left:0;
margin-left: 0;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 480px;
}
.navbar-toggle {
  border-color: #ddd;}
  
.navbar-toggle .icon-bar {
  background-color: #888;
}
/*************************/
/* elements customization*/
/*************************/
/* OPCAO1 cinza hover cores invertidas 
p  .btn-link{
background-color:#e7e7e7 ;
color:#908e8e;
transition: color 400ms ease;
border-radius:1px;
font-size:100%;
text-decoration:none;
font-weight:600;
padding: 4px 12px 4px 12px;
margin: 10px 0px 10px 0px;
}
p  .btn-link:hover{
background-color:#908e8e ;
color:white;

}
 OPCAO2 cinza hover branco */


p.btn-botao-largo, p a.btn-botao, p button.btn-botao{
background-color:#908e8e;
color:#d7d7d7;
transition: all 300ms ease;
border-radius:1px;
border:0px;
text-decoration:none;
font-weight:600;
padding: 4px 12px 4px 12px;
margin: 10px 0px 10px 0px;
}
p a.btn-botao{
padding: 6px 12px 6px 12px;
}
p a.btn-botao-largo {
background-color:#908e8e;
color:#d7d7d7;
transition: all 300ms ease;
border-radius:1px;
border:0px;
font-size:100%;
text-decoration:none;
font-weight:600;
}
p a.btn-botao:hover,p button.btn-botao:hover, p a.btn-botao-largo:hover{
background-color:#908e8e;
color:white;
text-decoration:none;
}
p .btn-pdf , p .btn- {
color: #5b5756;
transition: all 300ms ease;
border-radius:1px;
font-size:100%;
text-decoration:none;
font-weight:600;
border:0px;
padding: 4px 0px 4px 0px;
margin: 10px 0px 10px 0px;
}

p .btn-.text-green{
color: #98e150;
}

p .btn-pdf:before{
content: url("/img/arrow.svg")}

p .btn-pdf:after {
white-space: pre;
content: '\a' url("/img/pdf.svg");
}


p  a.btn-pdf:hover, p  a.btn-:hover{
/*background-color:#b0acaa;*/
color: #2b2726;
text-decoration:none;
}

/*
a[href$='.doc'], a[href$='.docx'] {
    background: transparent url(/images/content/icon_word.gif) center right no-repeat;
    padding-right: 18px;
}
a[href$='.xls'], a[href$='.xlsx'] {
    background: transparent url(/images/content/icon_excel.gif) center right no-repeat;
    padding-right: 18px;
}
a[href$='.pdf'] {
    background: transparent url(/images/content/icon_pdf.gif) center left no-repeat;
    padding-left: 18px;
}
a[href$='.zip'] {
    background: transparent url(/images/content/icon_zip.gif) center left no-repeat;
    padding-left: 18px;
}*/


.navbar-default .navbar-nav > .active > a {
transition: background-color 400ms ease;
background-color:#e7e7e7; 
color:#908e8e;
}
.navbar-default .navbar-nav > .active > a:focus {
transition: background-color 400ms ease;
background-color:#e7e7e7; 
color:#908e8e;
}
.navbar-default .navbar-nav > .active > a:link {
background-color:#e7e7e7; 
color:#908e8e;
}
.navbar-default .navbar-nav > .active > a:visited {
background-color:#e7e7e7; 
color:#908e8e;
}
.navbar-default .navbar-nav > .active > a:hover {
transition: background-color 400ms ease;
background: #98e150;
color:white;
}

.navbar-default .navbar-nav > .active > a:active {
background-color:#e7e7e7; 
color:#908e8e;
}



.navbar-menu > li {
padding:0px;
margin-top:5px;
margin-bottom:5px;
font-size:200%;
}

.navbar-menu > li.nav-divider {
padding:0px;
}

#navigation-blue a:hover {
transition: background-color 400ms ease;
background-color: #55c9cb;
}
#navigation li{
border-right:0px solid white;
}
#navigation{
background: #908e8e;
}
#icon i{
color:#d7d7d7;
font-size:120%;
}
#icon i:hover, i:focus{
color:white;
font-size:140%;
-webkit-transition:0.2s ease all;
-webkit-font-smoothing:antialiased;
text-rendering:auto;
}
#icon span{
color:#d7d7d7;
font-size:100%;
}
#icon span:hover, #icon span:focus{
color:white;
font-size:120%;
-webkit-transition:0.2s ease all;
-webkit-font-smoothing:antialiased;
text-rendering:auto;
}

#top-s-btn.btn-link{
transition: color 400ms ease;
color:#d7d7d7;
font-size:110%;
}
#top-s-btn.btn-link:hover, #top-s-btn.btn-link:focus{
color:white;
}
#top-s{margin-bottom:0px;}

.simple-link{
transition: all 400ms ease;
opacity:0.7;
}
.simple-link:hover{
opacity:1;
text-decoration: none;
}

.searchbar  {
   height: 20px;
   font-size: 10px;
   line-height: 20px;
   margin-top:5px;
   display:inline;
   width:150px;
}
.text-menu{
font-size:85%;
font-weight:700;
}
.text-menu-s{
font-size:80%;
font-weight:700;
}
.valign-bottom{
display: inline-block;
vertical-align: bottom;
float: none;
}
.top-buffer { 
margin-top:5px; 
}
.bottom-buffer { 
margin-bottom:10px; 
}
.row-hr{
margin-bottom:10px;
margin-top: 40px
}
.zeropadding{
padding:0px;
}

.btn-img {
   opacity: 0.9;
   transition: all 0.3s linear;
   border-color:white;
   border-style: solid;
   border-width: 0px;
   border-radius:2px;
}
.btn-img:hover {  
   opacity:1;
   border-style: inset;
}

a.darken {
    display: inline-block;
    background: black;
    padding: 0;
}

a.darken img {
    display: block;
    -webkit-transition: all 0.2s linear;
       -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
         -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
}

a.darken:hover img {
    opacity: 0.8;

}

.carousel-control:focus, .carousel-control:hover {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: 0.5;
}
.carousel-control:hover {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: 0.9;
}

div.small a.carousel-control {
	height:148px;
    top: 0px;
    bottom: 0px;
    font-size: 20px;  
    text-align: center;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.6);
	margin:15px;
}

div.book {
    height:160px;
	/*width:104px;
	background: #eeeeee;*/
	margin-top:0px;
	text-align: center;
	white-space: nowrap;
}
p.book{
	margin-top:7px;
	text-align: center;

	font-size:80%;
	color:#908e8e;
	height:50px;*/
	
}
p.book.simple-link{
	text-align: left;
	margin-top:15px;
	margin-left:65px;
	margin-bottom:0px;
	font-weight:700;
	color:#908e8e;
	height:auto;
}
p.book.simple-link a{
	text-decoration:none;
	color:#908e8e;
	font-weight:700;
	font-size:120%;

	}
p.center{
text-align: center;
}
div.panel p.center a.btn-link{
margin-top:0px;
}
div.book a img{
   background: #3A6F9A;
   text-align: center;
   vertical-align: middle;
   display: inline-block;
   max-width:100%;
   max-height:100%;
}
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.panel-body a.left, .panel-body a.right {
    color:#908e8e;
}



/*
 * Style tweaks
 * --------------------------------------------------
 */
html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
body {
  padding-top: 30px;
}
footer {
  padding: 30px 0;
}
/*remove yellow from autofill chrome
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}*/
/*
 * Off Canvas
 * --------------------------------------------------
 */
/* Toggle Styles */
.panel-heading a:after {
    font-family:'Glyphicons Halflings';
    content:"\e260";
    float: right;
    color: white;
	
}
div.panel-heading.hip {
    margin-top: 0px;
}

.panel-heading a.collapsed:after {
    content:"\e259";
}


#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#wrapper.toggled {
    padding-left: 150px;
}
#sidebar-wrapper {
	margin-top:60px;/*20*/
    z-index: 1000;
    position: fixed;
    left: 120px;/*150*/
    width: 0;
    height: 400px;
    margin-left: -120px;/*-150*/
    overflow-y: auto;
	overflow-x: hidden;
    background: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#wrapper.toggled #sidebar-wrapper {
    width: 150px;
}
#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 0px;
}
#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -150px;
}
/* Sidebar Styles */
a#menu-toggle{
transition: color 400ms ease;
color: #98e150;
/*background-color:#e7e7e7;*/
}
a#menu-toggle:hover{
color: #908e8e;
}
.sidebar-nav {
    position: absolute;
    top: 0;
    width: 150px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.sidebar-nav li {
    text-indent: 20px;
    line-height: 34px;
}
.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999999;
}
.sidebar-nav li a:hover {
    text-decoration: none;
}
.sidebar-nav li a:active {
    text-decoration: none;
}
@media(min-width:1px) {
    #wrapper {
        padding-left: 100px;/*150*/
    }
    #wrapper.toggled {
        padding-left: 0;
    }
    #sidebar-wrapper {
        width: 110px;/*150*/
    }
    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }
    #page-content-wrapper {
        padding: 0px;
        position: relative;
    }
    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}