/* CSS Reset */
* {padding:0; margin:0;}
*, *:before, *:after {box-sizing: inherit;}
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, span, label, form {padding:0;margin:0;}
html {box-sizing: border-box;}
a{text-decoration:underline;outline:none;}
a:hover{text-decoration:underline;}
img{border:0;}

/******************************/
/*  GERAL                     */
/******************************/
body { 
    font-family: arial; 
    font-size: 14px;
}

.container {
    width: 970px;
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;
}
p { 
    color: #8E8E8E; 
    margin-bottom: 10px;
    line-height: 20px;
}
a {
    color:#1D4978; 
    text-decoration: none;
}
h1, h2 {
    color: #000; 
    font: 30px 'Poppins',sans-serif; 
    margin: 0 0 30px; 
    /*text-transform: uppercase;*/
}
h3{
    color: #000; 
    font: 20px 'Poppins',sans-serif; 
    margin: 0 0 15px; 
}
h1 small, h2 small, h3 small{ 
    color: #888; 
 /*   display: block;  */
    font-size: 82%; 
    font-weight: 300; 
    padding-top: 5px; 
    text-transform: none;
}

a.botao1 {
    background: #ff6600;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    padding: 7px 25px;
    text-transform: uppercase;
}
a.botao2 { 
	background: #00A6A6; 
	border-radius: 10px; 
	clear: both; 
	color: #fff; 
	display: block; 
	margin: 0 auto; 
	max-width: 400px; 
	overflow: hidden; 
	padding: 20px 0; 
	text-align: center; 
	text-transform: uppercase;
}

a.botao2 small{
	text-transform:none;
	font-size: 14px;
}

a.botao2:hover { color: #fff; opacity: 0.8; text-decoration: none;}

a.webservice{
	background-color: #001DCC;
	color: #ffffff;
	padding: 20px;
	float: left;
	font: 20px 'Poppins',sans-serif; 
	font-size: 20px;
	text-decoration: none;
	line-height: 32px;
}
a.webservice span.icon{	
	float: left;
	margin-right: 20px;
	font-size: 60px;
}
a.webservice:hover span.icon{
	color: #FFff00;
}

/*google translate*/
div#google_translate_element{
	float: right;
	position: absolute;
	top:4px;
	right:4px;
}
body.interna div#google_translate_element{
	float: left;
	right:auto;
	left: 4px;
}
.goog-te-gadget-simple{
	background-color:#4c559e !important;
	border: none !important;
	height:30px !important; 
	padding-top:7px !important;
	padding-left: 6px !important;
}

.goog-te-gadget-simple .goog-te-menu-value{
	color: #fff !important;
}
.goog-te-gadget img{
	display: none;
}
.goog-te-gadget-simple .goog-te-menu-value span{
	padding-right: 5px;
}

ul.ulReset{
	list-style-type: none;
}

ul.ulReset li{
	list-style-type: none;
}

/******************************/
/*  HEADER                    */
/******************************/
div.header{ 
    background-image: url(/~hoteli82/site-lib/img/banner-home2.jpg);
    background-repeat:  no-repeat;
    background-position: center center;
    background-size: cover;
}

div.headerTop { 
    background: rgba(0, 29, 68, 0.9); 
    padding: 40px 0 0 0;
    text-align: center;
    height: 210px;
}


div.headerTop .mblmenu{
    display: none;
    font-size: 32px;
    text-decoration: none;
    line-height: 50px;
}
.menuTop-overlay, 
.left-overlay {
    display: none;
}

div.headerTop .menuTop ul {margin-bottom: 15px; margin-top: 20px;}
div.headerTop .menuTop ul li { display: inline-block;}
div.headerTop .menuTop ul li a { color: #fff; display: block; font: 14px 'Poppins', sans-serif; padding: 20px 15px;}
div.headerTop .menuTop ul li a:hover {background: #233158; text-decoration: none;}
div.headerTop .menuTop ul li a::after {color:#FFF; content:'\edc0'; float:right; font-family: icomoon; margin-left:10px; font-size:10px; margin-top: 4px;}

/*busca*/
div.headerBusca{
    height: 360px;
    text-align: center;
    margin-bottom: 30px;
}
div.headerBusca div.overlayBusca{
    background-color: #000;
    height: 360px;
    width: 100%;
    position: absolute;
    opacity: 0.5;
}
div.headerBusca div.contentBusca{
    padding-top: 45px;
    height: 360px;
    width: 100%;
    position: absolute;
    text-align: center;
}
div.headerBusca p {
    color: #fff; 
    font: 20px 'Poppins', sans-serif; 
    margin: 0 0 20px;
}
div.headerBusca h1 {
    color: #fff; 
	padding-top: 20px;
    font: 28px 'Poppins', sans-serif; 
}

div.headerBusca form{ 

}

div.headerBusca button{ 
    background: none; 
    border: 0; 
    height: 60px; 
    padding: 0; 
    width: 55px;
    float: right;
    text-align: right;
}

div.headerBusca div.campo{
    background-color: #ffffff;
    border: 0; 
    border-radius: 18px; 
    height: 60px;
    opacity: 0.9; 
    width: 610px;
    text-align: left;
    margin: 0 auto;
    margin-bottom: 10px;
}
div.headerBusca div.campo i.icon{ 
    font-size: 22px;
    width: 50px;
    height: 60px;
    line-height: 60px;
    float:left;
    text-align: center;
    color: #8F8F8F;    
}

div.headerBusca input { 
    float:left;
    font-size: 16px;
    width: 80%;
    margin-top: 5px;
    height: 50px;
    line-height: 50px;
    border: 0 solid #ffffff;
    background-color: #ffffff !important;
}
div.headerBusca input:-webkit-autofill {
    background-color: #ffffff !important;
}
div.headerBusca input:focus {
    outline-width: 0;
}

/*internas*/
div.barraTop {
    background: #0A1F54;
    padding: 10px 0;
    text-align: right;
    height: 40px;
}
div.barraTop a {
    color: #ffffff;
    display: block;
    font: 12px 'Lato', sans-serif;
    padding: 0 20px;
    text-transform: uppercase;
}
div.headerInt {
    background: #fff;
    padding: 1px 0;
    position: static;
    text-align: right;
    height: 100px;
}
div.headerInt .logoTop {
    float: left;
}
div.headerInt .logoTop img{
    width: 130px;
}
div.headerTop .menuTop ul {
    margin-bottom: 15px;
    margin-top: 20px;
}
div.headerInt .menuTop ul li a {color: #343434;}
div.headerInt .menuTop ul li a::after {color: #343434;}
div.headerInt .menuTop ul li a:hover {background: #eee;}

/* header interna*/
.headerCat { 
    overflow: hidden; 
    position: relative; 
    text-align: center;
}
.headerCat::after { 
    background: rgba(0, 0, 0, 0.6); 
    bottom: 0; 
    content: ""; 
    left: 0; 
    position: absolute; 
    right: 0; 
    top: 0; 
    z-index: 1;
}
.headerCat img { 
    bottom: 0; 
    left: 0; 
    max-width: none; 
    position: absolute; 
    right: 0; 
    top: 0; 
    width: 100%;
}
.headerCat p { 
    color: #fff; 
    font: 300 25px/28px 'Poppins', sans-serif; 
    margin: 0; 
    padding: 15px 0; 
    position: relative;  
    z-index: 2;
}
.headerCat p span { 
    display: block; 
    font-size: 18px; 
    text-transform: none;
}


/*breadcrumb*/
.breadcrumb {
	list-style: none;
	background: none;
	border-bottom: 1px solid #f0f0f0;
	border-radius: 0;
	color: #9E9E9E;
	font-size: 13px;
	margin-bottom: 40px;
	padding: 15px 0;
	padding-left: 0;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.breadcrumb li {
	display: inline-block;
    font-size: 11px;
    text-transform: uppercase;
}
.breadcrumb > li + li::before {
    color: #A5A5A5;
    padding: 0 10px;
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}

/******************************
 CONTEUDO
*******************************/
div.col-left{
	width:25%;
	float:left;
}

div.sec-main{
    position: relative;
}

div.sec-left{
	width:63%;
}

div.sec-right{
	width:33%;
	float:right;
    position: absolute;
    top:0;
    right: 0;
}

div.col-main{
	width:75%;	
	float:left;
	padding-right: 15px;
	padding-left: 45px;
}

div.box {
    background: #FDFDFD;
    border: 1px solid #F0F0F0;
    margin-bottom: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
}
div.box h2{
    color: #000;
    font: 20px "Poppins",sans-serif;
    margin-bottom: 30px;
	padding-left: 10px;
	padding-right: 10px;
    text-transform: uppercase;
}
div.box p{
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
	line-height: 14px;
}
div.box h2 small {
    color: #000;
    padding-top: 0;
	display: block;
}
div.box ul{
	list-style-type: none;
	margin-left: 0;
}
div.box ul li{
	list-style-type: none;
}
div.box ul li a{
	float:left;
	padding: 10px 4px 10px 10px;
	width: 100%;
	color:#8E8E8E;
	text-decoration: none;
}
div.box ul li a small{
	clear: both;
	font-size: 12px;
	display: block;
}
div.box ul li a:hover{
	background-color: #f5f5f5;
	color:#4faeeb;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #ccc;
    border-radius: 10px;
	margin-left: 5px;
}

div.box-ylw {
    border: 1px solid #ffebb3;
    background-color: #fdfae8;
}

table.hotel-data{
	border-collapse: collapse;
	width: 100%;
	border:1px solid #ECECEC;
}
table.hotel-data tr.destaque td{
	background-color: #eeeeee;
	font-weight: bold;
	text-align: center;
}
table.hotel-data th{
	padding: 12px 10px;
	border:0 solid #f0f0f0;
	background-color: #6CBEB2;
	color:#fff;
	text-align: center;
}
table.hotel-data td{
	padding: 15px 5px;
	color:#8E8E8E;
	border-bottom: 1px solid #ECECEC;	
    margin-bottom: 20px;
}

table.hotel-attrib{
	border-collapse: collapse;
	width: 100%;
	border:0px solid #ffffff;
    margin-bottom: 20px;
}
table.hotel-attrib th{
	padding: 12px 10px;
	border-top:1px solid #ddd;
	background-color: #ffffff;
	color:#000000;
    font-weight: bold;
	text-align: left;
    vertical-align: top;
    width: 25%;
}
table.hotel-attrib td{
	padding: 12px 10px;
	border-top:1px solid #ddd;
	background-color: #ffffff;
	color:#8e8e8e;
	text-align: left;
    vertical-align: top;
    width: 80%;
}

div.box-txt {
    font-size: 13px;
    margin: 50px 0 0;
    padding: 15px;
}
div.box-txt ul {
	margin-left: 20px;
    margin-top: 10px;
}

div.box-txt ul li{
	margin-bottom: 5px;
}
div.box-azul {
	background: #FFF9EF;
    border: 1px solid #FFE7C2;
}

div.box-amarelo {
	background: #FFF9EF;
    border: 1px solid #FFE7C2;
}

div.boxCinza{
    background: #F5F4FA;
    padding: 30px; 
    margin-bottom: 20px;
}
div.boxCinza h3 { border-bottom: 1px solid #E8E8EA; font: 300 20px 'Lato', sans-serif; margin: 0 0 30px; padding-bottom: 15px; text-align: center;}
div.boxCinza h3 small {display: block;clear: both; font-size: 13px;}
div.boxCinza p { font-size: 14px; color: #8E8E8E;}
div.boxCinza p i {margin-right: 10px;}
div.boxCinza p a {color: #8E8E8E;text-decoration: none;}
div.boxCinza p a:hover {text-decoration: underline;}

div.boxCinza.verde{
	background: #e9feef;
}
div.boxCinza.vermelho{
	background: #faf3f7;
}

span.btr{
	background-color: royalblue;
	padding: 5px 10px;
	border-radius: 4px;
	float: left;
	color: #ffffff;
}

div.htdata{padding: 20px; width: 400px;}
div.htdata h3{margin-bottom: 20px;font-size: 18px !important;}
div.htdata p{margin-bottom: 10px;font-size: 16px !important;}

div.info-mapa{
    width: 100%;
    margin-bottom: 20px;
}

/*lista li com link*/
ul.lnkli{
	margin-top: 0;
	margin-left: 0;
}
ul.lnkli li{
	list-style-type: none;
}
ul.lnkli li a{
	padding: 10px;
	float: left;
	width: 100%;
}
ul.lnkli li a:hover{
	background-color: #f5f5f5;
	color:#4faeeb;
	text-decoration: none;
}

/*lista hoteis*/
div.listahoteis { 
	width: 100%;
	border:1px dotted #999;
	display: table;
}

div.listahoteis a.resitm{ 
	display: table-row;
	text-decoration: none;
	width: 100%;
	height: 70px;
}
div.listahoteis a.resitm:hover div{ 
	background-color: #f5f5f5;
	color:#4faeeb;
	text-decoration: none;
}
div.listahoteis div{ 
	padding: 0 10px;
	display: table-cell;
	border-top:1px dotted #999;
	color: #666;
	font-size: 13px;
	vertical-align: middle;
}
div.listahoteis div.tit{ 
	color: #1d4978; 
	font: 16px 'Lato', sans-serif;
}
div.listahoteis div.tit span{ 
	color: #999; 
	font-size: 14px;
	clear: both;
	display: block;
}
div.listahoteis div.img{ 
 	width:60px;
}
div.listahoteis div.img div.img2{ 
 	display: block;
	width:50px;
	height: 50px;
	overflow: hidden;
	padding: 0;
	border: none;
}
div.listahoteis div.img2 img{ 
 	width:100px;
	left: 50%;
	margin-left: -25px;
}
div.listahoteis div.bok { 
	text-align: center;
	font-size: 11px;
	color: #bbb;
	width: 140px;
}
div.listahoteis div.img i.icon{ 
 	color: #FFCC00;
    display: block;
    font-size: 25px;
	margin-left: 20px;
	margin-top: 10px;
}
div.listahoteis div.th{
	display: table-row;
	width: 100%;
	height: 40px;
}
div.listahoteis div.th a{
	height: 40px;
	display: table-cell;
	background-color: #E5E5E5;
	color: #666;
	font-weight: bold;
	padding: 0 10px;
	font-size: 13px;
	vertical-align: middle;	
}
div.listahoteis div.th.order a:hover{
	color:#0000ff;
}
div.listahoteis div.th a.img{
	width:60px;
}

div.listahoteis div.th a.bok{
	width:140px;
}
div.listahoteis div.dtl{
	display: none;
}

/*
table.listahoteis { 
	border-collapse: collapse;
	width: 100%;
	border:1px dotted #999;
	
}
table.listahoteis td { 
	border-top: 1px solid #F0F0F0;
	padding: 10px 5px;
	color: #666;
	font-size: 13px;
}
table.listahoteis td.bok { 
	text-align: center;
	font-size: 12px;
	color: #bbb;
	width: 140px;
}
table.listahoteis td.tit{ 
	color: #1d4978; 
	font: 16px 'Lato', sans-serif;
}
table.listahoteis td.tit span{ 
	color: #999; 
	font-size: 14px;
	clear: both;
	display: block;
}
table.listahoteis td.img{ 
 	width:50px;
}
table.listahoteis td.img div.img{ 
 	width:50px;
	height: 50px;
	overflow: hidden;
	
}

table.listahoteis td.img div.img img{ 
 	width:100px;
	left: 50%;
	margin-left: -25px;
}
table.listahoteis td i.icon{ 
 	color: #FFCC00;
    display: block;
    font-size: 25px;
	margin-left: 13px;
	margin-top: 10px;
}
*/

div.order{
	display: none;
}
ul.listahoteis { 
    clear: both; 
    margin-top: 30px; 
    overflow: hidden;
    list-style-type: none;
    margin-left: 0;
	display: none;
}
ul.listahoteis li { border: 1px solid #F0F0F0; float: left; margin-bottom: 30px; padding: 25px; width: 100%;}
ul.listahoteis li > span { float: left; margin-right: 30px; text-align: center; width: 230px; height: 200px; overflow: hidden;}
ul.listahoteis li > span a { color: #FFCC00; display: block; font-size: 75px; min-height: 153px; padding: 15px 0;}
ul.listahoteis li > span a img {max-width: 230px; max-height: 200px;}
ul.listahoteis li div { float: left; width: calc(100% - 260px);}
ul.listahoteis li div h3 { color: #1d4978; font: 20px 'Lato', sans-serif; margin: 0 0 15px;}
ul.listahoteis li div h3 a:hover { text-decoration: none;}
ul.listahoteis li div p {padding: 0 0; font-size: 12px; margin: 0;}
ul.listahoteis li div a.botao1 {margin-top: 20px;}
ul.listahoteis li div a.botDet:hover { opacity: 0.9; text-decoration: none;}
ul.listahoteis li.anuncio{border: none; padding: 0;}

.paginacaoBottom { margin: 0 auto; text-align:center; overflow: hidden; clear:both;}
.paginacaoBottom .pagList { margin:0 auto;  padding:15px;}
.paginacaoBottom .pagList li { border-radius: 4px; display: inline-block; margin: 5px 5px;}
.paginacaoBottom .pagList li.active, .paginacaoBottom .pagList li a { background: #00aeea; color: #fff; display: inline-block; padding: 8px 10px;}
.paginacaoBottom .pagList li a { background: #e8e8e8; border: 1px solid #ebebeb; border-radius: 4px; color: #747474;}
.paginacaoBottom .pagList li a:hover { background: #00aeea; border: 1px solid #00aeea; color: #fff; text-decoration: none;}

/*order*/
ul.order {list-style-type: none; border-bottom: 1px solid #EAEAEA; border-top: 1px solid #EAEAEA; float: left; margin: 30px 0 50px; width: 100%;}
ul.order li {list-style-type: none; color: #8e8e8e; float: left; width: 20%;}
ul.order li:nth-child(3) a::before, ul.order li:nth-child(4) a::before { font-size: 15px; margin-right: 10px;}
ul.order li a { color: #8e8e8e; display: block; padding: 12px 0; text-align: center;}
ul.order li a:hover { color: #fff; background: #76C1E1; text-decoration: none;} 
ul.order li a.selected { color: #76C1E1; background: #f0f0f0; text-decoration: none;} 
ul.order li span { display: block; padding: 12px 0; font-weight: bold}

div.iconSocial{margin-left: 40px;width: 170px;}
div.iconSocial a{text-decoration: none;}
div.iconSocial a i{font-size: 30px;margin-right: 10px;}

p.detAviso { background: #F5F9FA; border: 1px solid #D6F2F6; color: #687899; margin-top: 10px;margin-bottom: 10px; padding: 15px;}
p.detAviso i { margin-right: 10px;}
p.detAviso a {float:right;margin-top: -5px; color: #687899; border: 1px solid #687899; border-radius: 4px; margin-left: 20px; padding: 5px 20px;}
p.detAviso a:hover { background: #687899; color: #fff; text-decoration: none;}

a.detReservar { background: #033480; border-radius: 20px; color: #fff; display: block; font-size: 14px; padding: 12px; text-align: center; margin-top: 10px;}
a.detReservar span { color: #00A9E2;}
a.detReservar:hover { text-decoration: none; opacity: 0.9;}
span.detReservar { background: #033480; border-radius: 20px; color: #fff; display: block; font-size: 14px; padding: 12px; text-align: center; margin-top: 10px;}
span.detReservar span { color: #00A9E2;}
span.detReservar:hover { text-decoration: none; opacity: 0.9;}

a.boxReservar {text-decoration: none;}
a.boxReservar:hover>div{ filter: brightness(97%);}

ul.fotos{list-style-type: none;display: block;clear: both;}
ul.fotos li{list-style-type: none; display: inline;float:left;margin: 10px;margin-bottom: 20px;}
ul.fotos li a img{height: 140px;}

ul.itens {
	list-style-type: none;
	margin: 0;
    margin-bottom: 50px;
    text-align: left;
}
ul.itens li {
    display: inline-block;
    margin-right: -4px;
    padding-right: 10px;
    width: 50%;
}
ul.itens li a {
    border-bottom: 1px solid #ececec;
    color: #8e8e8e;
    display: block;
    font-size: 17px;
    padding: 10px 5px;
}
ul.itens li a:hover { 
	background: #f1f1f1; 
	text-decoration: none;
}
ul.itens li a span.icon{
	color: #00aeea;
    margin-right: 10px;
	font-size: 14px;
}

div.endereco{
	width: 380px;
}

/******************************
 FORMULARIO
*******************************/
ul.formulario{
	list-style-type: none;
	background-color: #f0f0f0;
	padding: 20px;
}
ul.formulario li{
	list-style-type: none;
	display: block;
	margin-bottom: 10px;
}
ul.formulario li label{
	clear:both;
	display: block;
	margin-bottom: 5px;
}

input[type=text],
select,
textarea{
	font-family: Arial, sans-serif;
	background-color:#fff;
	border:1px solid #CCC;
	width:340px;
	font-size:14px;
	padding:3px;
	color:#333;
	float:left;
	margin-bottom: 14px;
}

input[type=checkbox]{
	float: left;
}

div.botoes{
	margin-top: 20px;
}

/******************************
 COMPONENTES
*******************************/

.fancybox-content{
	padding: 0 !important;
}

/*popups*/
.modalNavEstados .modal-body { padding: 25px 30px; max-width: 600px;border-top: 3px solid #FFCC00;}
.modalNavEstados .modal-body h2, .modalNavTemas .modal-body h2 { font-size: 20px; text-align: center; margin: 0 0 30px; text-transform: initial; padding: 0 15px;}
.modalNavEstados .modal-body h2::after, .modalNavTemas .modal-body h2::after { display: none;}
.modalNavEstados ul { float: left;}
.modalNavEstados ul li { width: 33.3333%; float: left;}
.modalNavEstados ul li a { background: #F5F5F5; border-radius: 8px; color: #6A6A6A; display: inline-block; font-size: 12px; margin: 7px 0; padding: 10px 15px; text-transform: uppercase;}
.modalNavEstados ul li a:hover { background: #FFCC00; color: #11163C; text-decoration: none;}

.modalNavTemas .modal-body { padding: 40px;max-width: 700px;border-top: 3px solid #FFCC00;}
.modalNavTemas ul { float: left;}
.modalNavTemas ul li:nth-child(odd) { margin-right: 25px;}
.modalNavTemas ul li:nth-child(even) { margin-left: 25px;}
.modalNavTemas ul li { float: left; width: calc(50% - 25px);}
.modalNavTemas ul li:nth-child(n+9) a { border-bottom: 0;}
.modalNavTemas ul li a { border-bottom: 1px solid #F1F1F1; color: #6D6D6D; display: block; padding: 15px 7px;}
.modalNavTemas ul li a:hover { background: #f7f7f7; text-decoration: none;}

/*boxlist*/
div.boxList{
    
}

div.boxList .boxItem{
    float: left;
    width: 32%;
}
div.boxList .boxItem ul.boxItens{
    width:100%;
    list-style-type: none;
    margin: 0;
}
div.boxList .boxItem ul.boxItens li{
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    list-style-type: none;
    padding: 20px;
    float:left;
    width: 100%;
}
div.boxList .boxItem ul li div{
    float: left;
    width: calc(100% - 80px);
    color: #8E8E8E;
    font-size: 12px;
    line-height: 24px;
}
div.boxList .boxItem ul li .thumb {
    background: #1d4576;
    margin-right: 20px;
    text-align: center;
    width: 60px;
    height: 40px;
    overflow: hidden;
}
div.boxList .boxItem ul li div a{
    color: #00739a;
    display: block;
    font: 15px 'Poppins', sans-serif;
    margin: 0;
    text-decoration: none;
}
div.boxList .boxItem ul li .thumb a{
    color:#ffffff;
    line-height: 40px;
}
div.boxList .boxItem ul li .thumb a img{
    width: 100%;
}


div.boxList .boxItem.box2{
    margin-left: 2%;
    margin-right: 2%;
}
div.boxList .boxItem h3{
    text-align: center;
    color:#fff;
    font: 18px 'Poppins', sans-serif;
    border: 1px solid #ececec;
    padding: 27px 15px;
	line-height: 18px;
	height: 100px;
    text-transform:uppercase;
}

div.boxList .boxItem h3 small{
    color: #fff;
    display: block;
    font-size: 16px;
    text-transform: none;
}

div.boxList .box1 h3{
    background-color: #1D4576;
    border: 1px solid #1D4576;
}
div.boxList .box2 h3{
    background-color: #0AA2A3;
    border: 1px solid #0AA2A3;
}
div.boxList .box3 h3{
    background-color: #00739A;
    border: 1px solid #00739A;
}


.boxEstados { margin-top: 50px;}
.catTema .item, .catEstados .item { align-items: center; border-radius: 4px; display: flex; justify-content: center; padding: 0 15px; text-align: center;}
.catTema .item:hover::after, .catEstados .item:hover::after { background: rgba(0, 0, 0, 0.2);}
.catTema .item::after, .catEstados .item::after { background: rgba(0, 0, 0, 0.4); border-radius: 10px; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0;}
.catTema .item > a, .catEstados .item > a { border-radius: 10px; bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0;}
.catTema .item > a::after, .catEstados .item > a::after { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 2;}
.catTema .item > a img, .catEstados .item > a img { border-radius: 10px; margin: 0 auto;}
.catTema .item h3, .catEstados .item h3 { font: 300 20px 'Lato', sans-serif; margin: 0; z-index: 1;}
.catTema .item h3 a,.catEstados .item h3 a { color: #fff; display: block; text-transform: uppercase;}

.catTema .item { height: 243px;}
.catEstados .item { height: 209px;}
.catEstados .item h3::after { border-radius: 4px; background: #FF6600; color: #fff; content: "CONFIRA"; display: inline-block; font-size: 12px; margin-top: 15px; padding: 8px 22px;} 

/* COROUSEL HOME */
.owl-carousel .owl-item img { 
	max-width: none; 
	width: auto !important;
}
.owl-dots { text-align: center; margin-top: 10px; }
.owl-dots .owl-dot { display: inline-block;}
.owl-dots .owl-dot span {background: #d6d6d6; border-radius: 30px; display: block; height: 10px; margin: 0 7px;  transition: opacity 200ms ease 0s; width: 10px;}
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span { background: #869791;}
.owl-dots button:focus {outline:0;}

/* BOX UTIL */
.boxUtil { margin-top: 50px;}
.boxUtil .item { background: url(../img/icon-www.png) no-repeat center 20px, #F6F6F6; border: 1px solid #ECECEC; height: 116px; padding: 45px 15px; text-align: center;}
.boxUtil .item a { display: block; font-family: 'Lato', sans-serif;}
.boxUtil .item p { font-size: 12px;}


/* LISTAS */
div.listas h5{
	border-top: 1px dotted #999;
	padding: 10px 0 10px 10px;
	font-size: 15px;
	font-weight: normal;
	font-family: 'Poppins', sans-serif; 
	background-color: #f0f0f0;
}
div.listas h6{
	padding: 10px 0 10px 10px;
	font-size: 14px;
}
div.listas ul{
	margin-left: 40px;
	list-style-type: square;
	margin-top: 10px;
	margin-bottom: 20px;
}
div.listas ol{
	margin-left: 40px;
	margin-top: 10px;
	margin-bottom: 20px;
}

div.listalateralmbl{
	display: none;
	height: 300px;
	overflow: hidden;
}
a.tablemais{
	display: none;
	margin-top: 10px;
	font-size: 12px;
	margin-left: 20px;
	color: #0000ff;
}

a.vertodas{
	float: left;
	margin-top: 10px;
	font-size: 12px;
	margin-left: 20px;
	color: #0000ff;
}

/*===================
  ALERT
=================== */
.alert-body{
	background-color:#f1f1f1;
}
.alert.fancybox-content{
	padding: 20px !important;
}
div.alert h1{
	padding:0;
	font-size:16px;
	margin-bottom: 10px;
	text-align:left;
	font-weight:bold;
}
div.alert-interno{
	padding:10px 0 10px 0;
}
div.alert-interno p{
	color:#6b6b6b;
	line-height:18px;
	font-size:14px;
			
}
div.alert a.botao{
	margin-right:10px;
	margin-top:10px;
	text-align:center;
	color:#ffffff;
	float:right;
}
div.alert a.botao.bok{
	padding: 2px 10px;
	background-color:#3582bc;
}
div.alert a.botao.bno{
	padding: 2px 10px;
	background-color:#7a7979;
}

div.msgConfirm{
	display:none;
	position:absolute;
	right:330px;
	max-width:400px;
	background-color:#093;
	color:#FFF;
	font-size:12px;
	padding:10px;
	-webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0px 4px 10px 0px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 4px 10px 0px rgba(0, 0, 0, 0.3);
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	z-index:2000;
}
div.msgConfirm span.icon{
	float:left;
	font-size:16px;
	margin-right:15px;
	color:#FFF;
}
div.msgConfirm.err{
	background-color:#C93C3E;
}
/******************************/
/*  FOOTER                    */
/******************************/
div.footer { background: #FAFAFA; border-top: 1px solid #EDEDED; margin-top: 50px;}
div.footer h3 { color: #464646; font: 15px 'Poppins', sans-serif; margin: 0 0 30px;}
div.footer .footerContent { padding: 40px 15px;}

div.footerSobre{
    float: left;
    width: 300px;
}

div.footerDest{
    float: left;
    width: 600px;
}

.footerContent .footerSobre p { font-size: 13px;}
.footerContent .footerSobre a { color: #B0B0B0; display: inline-block; margin: 20px 20px 0 0;}
.footerContent .footerSobre a i { font-size: 22px;}

.footerContent .footerHoteis ul { display: inline-block;}
.footerContent .footerHoteis ul:last-child { float: right;}
.footerContent .footerHoteis ul li { line-height: 35px;}
.footerContent .footerHoteis ul li a { color: #8e8e8e;}

.footerContent .footerDest ul {list-style-type: none;margin-left: 0;}
.footerContent .footerDest ul li {margin-left: 0; float: left;}
.footerContent .footerDest ul li a { 
    background: #EBEBEB; 
    border-radius: 8px; 
    color: #6a6a6a;  
    display: inline-block; 
    margin: 0 8px 14px 0; 
    padding: 4px 10px;
}
.footerContent .footerDest ul li a:hover { background: #ffcc00; text-decoration: none;}

.footerRodape { background: rgba(0, 29, 68, 0.9); border-top: 1px solid #EAEAEA; padding: 40px 15px; text-align: center;}
.footerRodape ul li { display: inline-block;}
.footerRodape ul li a { color: #ffffff; display: block; font-size: 12px; margin: 0 10px 20px; text-transform: uppercase;}
.footerRodape p { color:#999999; font-size: 12px; margin: 0;}



/******************************/
/*  ATALHOS                   */
/******************************/
input.date{width:90px;}
input.date2{width:90px;}
input.date3{width:100px;}
input.num{width:80px;}
input.mny{width:80px;}
input.hora{width:80px;}
input.hora2{width:50px;}
input.cep{width:80px;}
input.dec1{width:80px;}
input.dec2{width:80px;}
input.dec3{width:80px;}
input.tel{width:120px;}
input.cel{width:120px}
input.telf{width:120px}
input.cpf{width:100px}
input.cnpj{width:100px}
input.color{width:80px}

.cen{text-align:center !important;}
.dir{text-align:right !important;}
.esq{text-align:left !important;}
.bld{font-weight:bold !important;}
.itl{font-style:italic !important;}
.tch{text-decoration:line-through !important;}
.nolnk{text-decoration:none !important;}
.inv{display:none !important;}
.vis{display:block !important;}
.wrp{white-space:normal !important;}
.nwrp{white-space:nowrap !important;}
.aut{overflow:auto !important;}
.vis{display:block !important;}
.fix{position:fixed !important;}

/*fontes*/
.fs10{font-size:10px !important;}
.fs12{font-size:12px !important;}
.fs14{font-size:14px !important;}
.fs16{font-size:16px !important;}
.fs18{font-size:18px !important;}
.fs20{font-size:20px !important;}

/*lineheight*/
.lh14{line-height:14px !important;}
.lh16{line-height:16px !important;}
.lh18{line-height:18px !important;}
.lh20{line-height:20px !important;}
.lh22{line-height:22px !important;}
.lh24{line-height:24px !important;}

/* quebra geral */
div.brk{clear:both;display:block;}
.sep10{clear:both;display:block;height:10px;}
.sep20{clear:both;display:block;height:20px;}
.sep30{clear:both;display:block;height:30px;}
.sep40{clear:both;display:block;height:40px;}
.sep50{clear:both;display:block;height:50px;}
.sep60{clear:both;display:block;height:60px;}
.sep80{clear:both;display:block;height:80px;}
.sep100{clear:both;display:block;height:100px;}
.div1{clear:both;display:block;border-top:1px solid #999;}
.div2{clear:both;display:block;border-top:1px dashed #999;}
.div3{clear:both;display:block;border-top:1px dotted #999;}

/*cores*/
.c-gr0{color:#fff !important;}
.c-gr1{color:#eee !important;}
.c-gr2{color:#ddd !important;}
.c-gr3{color:#bbb !important;}
.c-gr4{color:#999 !important;}
.c-gr5{color:#777 !important;}
.c-gr6{color:#555 !important;}
.c-gr7{color:#333 !important;}
.c-gr8{color:#222 !important;}
.c-gr9{color:#000 !important;}

.c-gry{color:#888 !important;}
.c-red{color:#f00 !important;}
.c-vrd{color:#0f0 !important;}
.c-gre{color:#090 !important;}
.c-brw{color:#900 !important;}
.c-blu{color:#00f !important;}
.c-wht{color:#fff !important;}
.c-blk{color:#000 !important;}
.c-ylw{color:#ff0 !important;}
.c-ora{color:#f90 !important;}
.c-vio{color:#90f !important;}

.b-gr0{background-color:#fff !important;}
.b-gr1{background-color:#eee !important;}
.b-gr2{background-color:#ddd !important;}
.b-gr3{background-color:#bbb !important;}
.b-gr4{background-color:#999 !important;}
.b-gr5{background-color:#777 !important;}
.b-gr6{background-color:#555 !important;}
.b-gr7{background-color:#333 !important;}
.b-gr8{background-color:#222 !important;}
.b-gr9{background-color:#000 !important;}

.b-gry{background-color:#888 !important;}
.b-red{background-color:#f00 !important;}
.b-vrd{background-color:#0f0 !important;}
.b-gre{background-color:#090 !important;}
.b-brw{background-color:#900 !important;}
.b-blu{background-color:#00f !important;}
.b-wht{background-color:#fff !important;}
.b-blk{background-color:#000 !important;}
.b-ylw{background-color:#ff0 !important;}
.b-ora{background-color:#f90 !important;}
.b-vio{background-color:#90f !important;}

/*alinhamento*/
.fl{float:left !important;}
.fr{float:right !important;}
.vt{vertical-align:top !important;}

/*margens*/
.ml0{margin-left:0 !important;}
.ml1{margin-left:1px !important;}
.ml2{margin-left:2px !important;}
.ml3{margin-left:3px !important;}
.ml4{margin-left:4px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}

.mr0{margin-right:0 !important;}
.mr1{margin-right:1px !important;}
.mr2{margin-right:2px !important;}
.mr3{margin-right:3px !important;}
.mr4{margin-right:4px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}

.mt0{margin-top:0 !important;}
.mt1{margin-top:1px !important;}
.mt2{margin-top:2px !important;}
.mt3{margin-top:3px !important;}
.mt4{margin-top:4px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}

.mb0{margin-bottom:0 !important;}
.mb1{margin-bottom:1px !important;}
.mb2{margin-bottom:2px !important;}
.mb3{margin-bottom:3px !important;}
.mb4{margin-bottom:4px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}

.pd5{padding: 10px !important;}
.pd10{padding: 10px !important;}
.pd20{padding: 20px !important;}
.pd30{padding: 30px !important;}
.pd40{padding: 40px !important;}

/*larguras*/
.l20{width:20px !important;}
.l30{width:30px !important;}
.l40{width:40px !important;}
.l50{width:50px !important;}
.l60{width:60px !important;}
.l70{width:70px !important;}
.l80{width:80px !important;}
.l90{width:90px !important;}
.l100{width:100px !important;}
.l120{width:120px !important;}
.l140{width:140px !important;}
.l160{width:160px !important;}
.l180{width:180px !important;}
.l200{width:200px !important;}
.l230{width:230px !important;}
.l250{width:250px !important;}
.l300{width:300px !important;}
.l350{width:350px !important;}
.l400{width:400px !important;}
.l450{width:450px !important;}
.l500{width:500px !important;}
.l550{width:550px !important;}
.l600{width:600px !important;}

.p100{width:100% !important;}
.p90{width:90% !important;}
.p85{width:85% !important;}
.p80{width:80% !important;}
.p70{width:70% !important;}
.p66{width:66% !important;}
.p60{width:60% !important;}
.p50{width:50% !important;}
.p33{width:33% !important;}
.p25{width:25% !important;}
.p20{width:20% !important;}
.p15{width:15% !important;}
.p10{width:10% !important;}
.p5{width:5% !important;}
.p0{width:0% !important;}

/*alturas*/
.h20{height:20px !important;}
.h40{height:40px !important;}
.h60{height:60px !important;}
.h80{height:80px !important;}
.h100{height:100px !important;}
.h120{height:120px !important;}
.h140{height:140px !important;}
.h160{height:160px !important;}
.h180{height:180px !important;}
.h200{height:200px !important;}
.h250{height:250px !important;}
.h300{height:300px !important;}
.h400{height:400px !important;}