/*

font-family: 'Open Sans', sans-serif;
font-family: 'Ubuntu', sans-serif;

*/
*{
	box-sizing: border-box;
	outline: none;
}
body{
	font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}
a,a:hover,a:focus{
	text-decoration: none
}
#toposuprema{margin-top: -24px;position:relative}
.nostyle{
	padding: 0;
	margin: 0;
	list-style-type: none
}
.full{
	width: 100%!important;
	text-align: center;
}
/*bg e cores*/


.bgdefaut,
.posbgdefaut:after{
	background: #539be6;
}
.bgprimary,
.posbgprimary:after{
	background: #fa00ce;
}
.bgthird,
.posbgthird:after{
	background: #fab500;
}

.posbgthirdmod:after{
	background: #002e5e;
}
.bgfourth,
.posbgfourth:after{
	background: #476da9;
}
.bgfifth,
.posbgfifth:after{
	background: #00ac8d
}
.bgsixth,
.posbgsixth:after{
	background: #3298cb
}
.bgseventh,
.posbgseventh:after{
	background: #32aec6
}
.bt{
	border-radius: 5px;
	display: inline-block;
}
.bt:hover{	
	opacity: .9;
	color: #fff
}
.min{
	padding: .4em 1.8em .7em;
	font-size: inherit;
	color: #fff;
	box-shadow: 0 -5px  rgba(0,0,0,.2) inset;
}
.min:hover{	
	box-shadow: 0 -5px  rgba(0,0,0,.4) inset;
}
.bannerfull img{
	max-width: 100%;
	display: inline-block;
}
.slick-dots{
	position: absolute;
	bottom: 20px;
	width: 100%;
	text-align: center;
	padding: 0
}
.slick-dots li{
	display: inline-block;
	cursor: pointer;
}
.slick-dots li button{
	width: 19px;
	height: 19px;
	border: none;
	background: #fff;
	border-radius: 50%;
	margin: 5px;
	font-size: 0
}
.slick-dots li.slick-active button{
	background: #002e5e;
}
.drop .modal-title{
	color: #fff;
	text-align: center!important;
	text-transform: uppercase;
}
.drop .modal-body a{
	color: #4e5259;
	display: inline-block;
	padding: 5px;
	border-bottom: thin dotted  #4e5259;
	width: 100%;
}
.drop .modal-body a:hover{
	background: #ccc;
	
}
.modal-body a i{
	color: #007BFF
}
.colorblue{
	color: #002e5e;
	font-weight: 600
}

.tbmhou{
    position: relative;
    display: block;
    width: 100%;
    height: 204px;
    background: #666;
    overflow: hidden;
}
.tbmhou figcaption{
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 9;
    padding: 5px 12px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;    
    background: #17a2b8;        
}
.tbmhou:hover img{
    transition: 400ms linear
}
.tbmhou:hover img{
     -moz-transform: scale(1.1);
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
    
}
.tbmhou figcaption small{
       font-size: 0.65em;
    font-weight: 400;
  
}
.tbmhou figcaption.lum{
     line-height: 1;
}
.banner-mobile{
	display:none
}
 @media only screen and (max-width: 500px) {
.banner-mobile{
	display:block!important
}
.bannerfull{
	display:none!important
}
#organiza{
	background: #f0f0f0;
	padding: 44px 0 23px;
	top: -29px;
	position:  relative;
}

 }