@import url(https://fonts.googleapis.com/css?family=Oxygen:400,300,700);
/*============================ PADROES ============================*/
header {
background: #cfcfcf;
}
.float-right{
	float: right;	
}

body{
	font-family: 'Oxygen', sans-serif;
	font-weight: 300;
	width: 100%;
	/* overflow: hidden; */
}

.row{
	margin: 20px 0;
}
.conteudo-principal{
	padding: 20px;	
}


.box-resumo {
	z-index: 10000;
	right: 24px;
	background: #e0e0e0;
	position: fixed;
	width: 300px
}
/*	
.projeto-admin .edicao{
display: none; 
}
.projeto-admin table tr th:last-child, .projeto-admin table tr td:last-child{
	display: none
}
*/

.form table{
	min-width: 80%; 
}

h4 > div{
	width: 250px;
	color: red;
	float: left;
	margin-left: 10px;
	text-align: right;
	margin-right: 10px;
}

.header-area{
	background: #3baae1;
	padding: 10px;
	margin: 20px 0 -10px 0;
	float: left;
	width: 100%;
	clear: both;
	font-size: 18px;
	border-radius: 10px;
	color: rgb(252, 252, 185);
}

h2.header-area strong {
  float: right;
  width: 200px;
  color: yellow;
  font-weight: 700;
}
h2.header-area strong span{
	float: right;
}

.header-area img{
	margin-right: 10px 
}

.header-area .maismenos{
/* 	float: right; */
	color: rgb(252, 252, 185);
}
.header-proj{
	margin: 0;
	padding: 0
}

.center{
  text-align: center;
  margin-left: auto;
  float: none;
  margin-right: auto;
}


#resumo-projeto{
	margin: 20px;
	clear: both;
	padding: 0;
	border: 5px solid #3baae1;
	border-radius: 10px;
	float: right;
  	width: 50%;
}

#resumo-projeto table{
  	float: left;
	padding: 0;
	margin: 0;
}

#resumo-projeto table thead{
	display: none;
}

#resumo-projeto .summary{
	display: none;
}

.col-imagem{
	width: 30%	
}

#resumo-projeto-header table{
	width: 100%;
	margin-top: 50px;
}

#resumo-projeto td, #resumo-projeto th {
	text-align: right;
}

.header-proj label {
	font-size: 18px;
	margin-top: 5px; 
	margin-right: 5px;
	font-style: normal;
}

textarea.full {
	width: 100%;
	height: 100%;
}

.tabela-imagens img{
	clip: rect(0px,250px,250px,0px);
	width: 250px;
}

table {
	background: #e3e3e3;
}
table th, #resumo-projeto table tr td:first-child {
 	text-transform: uppercase;
 }
table td, table th{
	border: 2px solid #f0f0f0;
	padding: 2px 5px;
}
.botoes{
	text-align: left;
	margin-left: 20px
}

.sidebar{
	float: left;
	width: 100%;
	min-height: 100px;
	margin: 0;
	position: absolute;
	bottom: 0;
	display: none;
}

.conteudo-principal{
	float: left;
	margin: 0;
	width: 100%;
	min-height: 100px;
}

h2.secao-titulo.titulo-linhas-laterais, .secao-subtitulo {
	padding: 10px;
}

.form .row{
	width: 100%;
	float: left;
	margin: 0 10px;
}
.filtro .botoes{
	text-align: right;
	margin: 20px;
	float: left;
}

.form .botoes{
	margin: 20px;
	float: left;
	width: 100%;
	text-align: center;
}

.medium{
	width: 400px;
}
.large{
	width: 70%;
}

.filtros {
border: 1px solid #cecece;
padding: 20px;
margin: 10px;
width: 70%;
}
.form.no-line{
	border: 0;
}

.funcao {
background: rgb(248, 245, 245);
padding: 10px;
border: 1px solid #cfcfcf;
float: left;
clear: both;
}

.box-plano {
	width: 27%;
	float: left;
	padding: 20px;
	margin: 10px;
	border: 1px solid #cfcfcf;
	text-align: center;
}
.box-plano .desc{
	text-align: left;
}
.w100{
	width: 100%;
	float: left;
	clear: both;
}

.resumo-plano a{
	font-size: 14px
}
.box-plano .w100{
	width: 100%;
	text-align: right;
	margin-bottom: 20px; 
}
.box-plano h2 {
	font-size: 18px;
}
.box-plano h4, .box-plano .btn{
	
}
.smaller{
 width: 60px;	
}
.form {
/*	border: 1px solid #cfcfcf;*/
	float: left;
	width: 100%;
	
}
h1, h2, h3, h4, h5, h6, label{
	font-family: 'Oxygen', sans-serif;
	font-weight: 700	
}

h1 {
	font-size: 34px;
}


label{
	font-weight: 300;
	font-size: 15px;
	margin-top: 10px;
	margin-right: 15px;
	font-style: normal;
}


label.label-destaque{
	font-weight: 700;
}

/*
input[type="text"], input[type="password"], input[type="text"], input[type="email"], select, textarea{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 8px 5px;
	border: 1px solid #c0c0c0; 
	color: black;
}
*/

textarea{
	min-height: 150px;	
}

input.date{
	margin-right: 10px;
	width: 120px;
}

input.date img{
	margin-right: 20px;
}

section#header {
	text-align: center;
	color: #fff;
	background-attachment: scroll;
	background-position: center center;
	background-repeat: none;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	position: relative;
}
/*.pag-interna{
 	float: left;	
}
*/
.p404 img{
	width: 100%;
}
.p404 .texto{
	margin-top: 5%;
}
.pag-interna section#header {
	background: #fff;
}

#side-left{
	background: #3e7c89;
	color: #fff;
	margin-right: 15px;
}
#side-left h1{
	font-size: 26px
}

#side-left input.date{
	width: 85px;
}

#side-left .form-w50.form-w50-right{
	padding-left: 5px; 
}

.pag-interna section#header .formulario-busca {
	background: #3e7c89
}

section#hoteis{
	padding-top: 30px
}

.form-w50 {
	width: 48%;
	float: left;
	margin-left: 0;
	margin-right: 0;
}

.w50{
	width: 50%;
	margin: 20px 0;
	float: left;
}
.dados-reserva .w50{
	height: 27px;
}
.dados-reserva .desc{
	text-align: center;
}
.dados-reserva .total{
	font-weight: 700;
	font-size: 15px;
}
.dados-reserva .margin-top, .margin-top{
	margin-top: 25px;
}
.dados-reserva .label{
	text-align: left;
	color: #000;
	font-size: 14px;
	
}
.dados-reserva p{
	margin: 0;
}
.dados-reserva .titulo{
	margin-top: 15px;
}
.form-w50.form-w50-right{
	width: 50%;
	padding-left: 42px;
}
.form-w50.form-w50-right label, .form-w50.form-w50-right div{
}

footer{
/*	min-height: 200px; */
	padding-top: 20px;
	padding-bottom: 0px;
	background-size: 100% 100%;
	color: #fff;
	float: left;
	width: 100%;
	/*margin-top: 30px; */
}
.form .row {
	float: left;
	margin: 0 10px;
	/* min-height: 80px; */
	height: auto;
	width: 100%;
	clear: both;
}

.form.horizontal .row {
	clear: none;
	width: auto;	
}
.form .row.radio-values{
	padding-top: 30px
}
footer a{
	color: #fff;
}
footer a:hover{
	color: #fff;
	text-decoration: underline;
}
footer .row{
	margin-top: 10px;
	margin-bottom: 10px
}
footer span{
	margin-right: 10px;
}
footer #form-newsletter input[type="text"]{
	width: 100%;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
}
.copyright{
	background: #393939;
	margin-top: 0px;
	margin-bottom: 0;
	color: #fff;
	padding: 20px;
	font-size: 12px;
	float: left;
	width: 100%;
}

#main-content{
	float: left;
	min-height: 500px;
	padding: 0	
}

.breadcrumb{
	background: #fff;
	color: black;	
	margin: 20px 0;
	padding: 0;
}

.breadcrumb .active{
	font-size: 14px;
	font-weight: 700;	
}

.breadcrumb>li+li:before {
	padding: 0 5px;
	color: #ccc;
	content: ">\00a0";
}
.filtros-consolidados{
	margin: 0;
	padding: 0;
	color: #4b4b4b
	
}
.filtros-consolidados>li{
	float: left;
	list-style: none;
}
.filtros-consolidados a{
	color: #4b4b4b
}
.filtros-consolidados>li+li:before{
	padding: 0 5px;
	color: #ccc;
	content: "|\00a0";
}

.main-title span{
	font-weight: 300;
	font-size: 120%
}

/* // ============================ PADROES ============================*/

/*  ============================ TOOLTIP ============================*/
[data-tooltip]{
	float: left;
	text-align: center;
}
/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
  position: relative;
  cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 
	  opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		-webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	-moz-transition:    
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		-moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	transition:         
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 8px;
  width: 160px;
  background-color: #dedede;
  /* background-color: hsla(0, 0%, 20%, 0.9); */
  color: #2a5d69;
  -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
  content: attr(data-tooltip);
  font-size: 14px;
  line-height: 1.2;
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: 100%;
  left: 50%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #dedede;
  /*border-top-color: hsla(0, 0%, 20%, 0.9);*/
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left: -80px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform:    translateY(-12px);
  transform:         translateY(-12px); 
}

/* Bottom */
[data-tooltip]:before,
[data-tooltip]:after {
  top: 100%;
  bottom: auto;
  left: 50%;
}

[data-tooltip]:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #dedede;
  /* border-bottom-color: hsla(0, 0%, 20%, 0.9); */
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after {
  -webkit-transform: translateY(12px);
  -moz-transform:    translateY(12px);
  transform:         translateY(12px); 
}

/* // ============================ TOOLTIP ============================*/

/*============================ BOTOES ============================*/
.btn, .paginacao a{
	background-image: none;
	border: 2px solid transparent;
	border-radius: 0px;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	/* padding: 10px 12px; */
	padding: 5px 10px;
	position: relative;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
}
.formulario-busca .btn{
	margin: 30px 0 30px -50%; 
}
.btn:hover, .paginacao a:hover{
	opacity: 0.96;
}
.btn-azul:hover{
	color: #fff;
}
.btn-azul{
	border: #017189;
	background: #017189;
}

.btn-azul-simples{
	border: #cfcfcf;
	background: #cfcfcf;
}

.btn-cinza, .paginacao a{
	border: #dbdada;
	background: #dbdada;
	color: #017189;
	margin: 30px auto;
}

.btn-branco:hover{
	color: #fff;
	text-decoration: underline;
}
.btn-branco{
	border: 0;
	background: transparent;
	color: #fff;
	float: right;
	margin: 5px;
}


.btn-branco-bg{
	border: #fff;
	background: #fff;
	color: #3d90a2;
	margin: 30px auto;
	opacity: 1.0;
}

.btn-branco-bg:hover{
	opacity: 1.0;
	text-decoration: underline;
}


.formulario-busca .botoes{
	text-align: right;
	clear: both;
}
.formulario-busca select{
	min-width: 100px;
}
.text-right{
	text-align: right;
}
#btn-pesquisar{
}
/* // ============================ BOTOES ============================*/


/* ============================ TITULO COM LINHAS LATERAIS ============================*/
.titulo-linhas-laterais {
  position: relative;
  text-align: center;
}

.titulo-linhas-laterais span {
  background: #fff;
  padding: 0 15px;
  position: relative;
  z-index: 1;
}

.titulo-linhas-laterais:before {
  background: #ddd;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
    top: 50%;
  width: 100%;
}
.titulo-linhas-laterais:before {
  left: 0;
}
/* ============================ TITULO COM LINHAS LATERAIS ============================*/

/* ============================ MENU ============================*/


.navbar-default img{
}
.navbar-default {
    border-color: transparent;
    background-color: #222;
    position: relative;
    background-image: none;
    background: #fff;
    -webkit-box-shadow: none; 
	box-shadow: none;
	border: 0;
}
nav.navbar.navbar-default.navbar-fixed-top {
	border-bottom: 1px solid #ccc;
}
.navbar-default .navbar-brand {
    font-family: "Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive;
    color: #fed136;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
    color: #fec503;
}

.navbar-default .navbar-collapse {
    border-color: rgba(255,255,255,.02);
    margin-top: 5px;
}

.navbar-default .navbar-toggle {
  border-color: #fff;
  background-color: transparent;
  margin-top: 20px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #fed136;
}

.navbar-default .nav li a {
    text-transform: uppercase;
    font-weight: 400;
    color: #101010;
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
    color: #fed136;
}

.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    color: #fff;
    background-color: #fed136;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #fec503;
}


.td_nome{
	width: 35%
}
.td_nome_{
	width: 20%
}
.td_duracao{
	width: 5%
}

.td_input{
	width: 22%
}

.td_horario {
	width: 20%
}

.td_categoria{
	width: 15%;
	text-align: center;
}

.td_categoria select{
	width: 90%;
  float: left;
}
.td_idade{
	width: 10%
}

.td_quantidade{
	width: 10%;
	max-width: 100px;
}
.valor-unitario, .valor-total{
	text-align: right;
}
.td_quantidade input, .td_valor input {
	width: 90%;
}

.td_nome_material{
 width: 30%	
}

.td_categoria{
 width: 20%	
}

.valor-total, .valor-unitario{
 width: 15%	
}


.td_valor {
	width: 20%;
	max-width: 180px;
}

.sl-funcoesProjeto{
	width: 95%;
}

.td_turma{
	width: 7%
}
.td_total{
	width: 22%
}

.td_semana{
	width: 20%
}

.td_semana table{
	padding: 0;
  	margin: 0;
}

select.funcoesProjeto-grade {
  width: 100%;
}

.row.header-projeto {
  border: 5px solid #3baae1;
  padding: 10px;
  background: #F9FDFF;
  border-radius: 10px;
}

.button-area{
  border-top: 2px solid #15B358;
  border-bottom: 2px solid #15B358;
  padding: 10px;
  text-align: center;
}

.items tfoot td {
	text-align: right;
	font-weight: 700;
	font-size: 18px;
	font-style: normal;
}

.items {
	
}

.items tbody tr:nth-child(even) {background: #E5F1F4}
.items tbody tr:nth-child(odd) {background: #F8F8F8}

.local-execucao .radio {
  float: left;
   margin: 0;
}
td.text-center.td_duracao:after {
  content: " meses";
}

.td_acao{
	width: 30px;
	text-align: center;
}


.desc-localidade, .conteudo-step {
	/* background: #F9FDFF;*/
	background: #ECF8FD;
	font-style: italic;
	padding: 10px;
}

.formulario-registro h3{
	color: #3baae1;
}

.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}

.beneficiarios{
	 		
}
.beneficiarios h3 {
  margin: 0 20px 0 0;
  text-align: right;
  font-weight: 700;
  font-size: 16px;
  color: #333333;
}

.xs-show {
	display: none;
}


@media(min-width:768px) {
	.xs-show {
		display: block;
	}
	
    .navbar-default {
        padding: 0 ;
        border: 0;
        margin: 0;
        background-color: transparent;
        
    }

    .navbar-default .navbar-brand {
        font-size: 2em;
    }

    .navbar-default .navbar-nav>.active>a {
        border-radius: 3px;
    }

    .navbar-default.navbar-shrink {
        padding: 10px 0;
        background-color: #222;
    }

    .navbar-default.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }
}
/* // ============================ MENU ============================*/

/* ============================ HEADER ============================*/
#main-content-area {
	float: left;
}
.secao-titulo{
	font-size: 30px;
	font-weight: 700
}
.secao-subtitulo{
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 50px;
	margin-top: 5px;
}

.formulario-busca h1 {
	margin-bottom: 20px;
}
.formulario-busca h4{
	margin-bottom: 0px;
	margin-top: 30px;
}
.formulario-busca h1 .detalhe{
	font-size: 16px;
	font-weight: normal;	
}
.formulario-busca form div{
	padding-left: 0;
	padding-right: 0;
}

.datepicker.dropdown-menu{
	margin-top: 25px;
}
.formulario-busca input.full{
	width: 100%;	
}
.navbar-brand{
	height: auto;
}


.login{
	min-height: 80px;
	background: #4b4b4b;
	color: #fff;
}

.login div {
	margin-bottom: 5px;
	margin-top: 5px;
}

.login .btn-branco{
	margin: -3px 0 0 0;
	float: left;
}
.login img {
	margin-right: 7px;
	margin-top: -5px;
}
.login input[type="text"], .login input[type="password"]{
	padding: 3px 5px;
}

.formulario-busca .area-form{
	height: 100%;
	text-align: left;
}

.pag-interna .botoes .btn{ 
	background: #fc8f10;
}



/* ============================ LISTA HOTEIS HOME ============================*/
.hotel{
	float: left;
	background: #f0f0f0;
}
.hoteis{
	width: 100%;
}
.hotel{
	float: left;
	border: 1px solid #fff;
}

.hotel h2 {
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 22px;
	color: #017189;
}

.hotel img{
	float: left;
	margin: 0;
}

.hotel .desc{
	float: left;
	padding: 15px;
	font-size: 17px;
	min-height: 150px;
	padding-top: 15%;
}
.hotel {
	position: relative;
}
.hotel .hover{
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	color: #fff;
	background: #3d90a2;
	text-align: center;
	padding-top: 120px;
	display: none;
}

.hotel.relacionado .hover{
	padding-top: 100px;
} 

.hotel:hover  .hover{ 
    display: block;
   
    
}
.hotel .hover, .css_opacity {
    opacity: 0.95;
    -khtml-opacity: 0.95;
    -moz-opacity: 0.95;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0.95);
    filter: progid:DXImageTransform.Microsoft:Alpha(opacity=0.95);
    filter:alpha(opacity=0.95);
}

	
/* // ============================ LISTA HOTEIS HOME ============================*/
/* ============================ widgets - filtro ============================*/
#widgets{
	float: left;
	width: 100%;
}
.float-rigth{
	float: right;
}
.zero-space{
	padding: 0
}

#widgets h3{
	font-size: 22px;
	color: #4b4b4b;
	cursor: pointer;
}
#widgets h3{
	background: #dbdada;
	padding: 10px;
	font-size: 14px;
	color: #4b4b4b;
	margin-top: 5px;
	margin-bottom: 3px;
}

#widgets .filtro div{
	background: #f0f0f0;
	padding: 10px;
	font-size: 14px;
	color: #4b4b4b;
}
#widgets .filtro ul {
	padding: 0
}
#widgets .filtro li {
	list-style: none;
}

#widgets .filtro .arrow{
	float: right;
	
}

.arrow-active{
	transform: rotate(90deg) ;
	-webkit-transform: rotate(90deg) ;
	-moz-transform: rotate(90deg) ;
	-o-transform: rotate(90deg) ;
	-ms-transform: rotate(90deg) ;
}

#widgets .filtro label {
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
}

#widgets .filtro li input {
	float: left;
	margin-right: 10px;
}

/* // ============================ widgets - filtro ============================*/

/* ============================ RESULTADO CONSULTA ============================*/
.paginacao a {
	border-radius: 0px;
	color: #000;
	font-size: 15px;
}
.ordenacao{
	font-size: 14px;
	font-weight: 300;
	float: left;
	clear: both;
	width: 100%;
	margin: 40px 0 10px 0;
}

.ordenacao select{
	background: #f4f4f4;
	padding: 4px;
	margin-left: 10px;
}

.hotel-content 	input[type="text"], .hotel-content 	input[type="email"], .hotel-content input[type="password"], .hotel-content input[type="text"], select{
	border: 1px solid #c0c0c0;	
}
.hotel-item {
	background: #f0f0f0;
	float: left;
	width: 100%;
	clear: both;
	margin: 20px 0;
/*	height: 290px; */
}

.hotel-header h2 {
	color: #017189;
	font-size: 20px;
	margin: 5px 10px 5px 0;
	font-weight: 400;
	float: left;
}
a.ver-mapa{
	font-weight: 700;
	color: #017189;
	text-decoration: underline;
}

.hotel-header {
	background: #e3e3e3;
	float: left;
	width: 100%;
	padding-bottom: 5px;
}
.hotel-item .hotel-name {
	float: left;
	width: 100%;
}
.tabela-tarifas{
	float: left;
	width: 100%;
}
.hotel-item .img{
	height: 190px;
	width: 190px;
	float: left;	
}

.hotel-item .options {
	float: left;
	width: 100%;
	margin: 10px 0;
}

.hotel-item .options .btn{
	margin: 5px;
}
.hotel-item label{
	margin: 0;
	color: #017189;
	font-weight: 400
}

.hotel-item .hotel-desc{
	padding-top: 15px;
	padding-bottom: 15px;
	font-weight: 400
}

.hotel-item .check{
	margin-top: 5px;
}
.hotel-item select{
	padding: 4px;
}

.hotel-item .img img{
	clip: rect(0px,190px,190px,0px);
	width: 190px;
	height: 190px;
}

.avaliacao h2{
	float: right;
}

.avaliacao {
	margin-top: 8px;
}
.tabela-tarifas table {
	width: 100%;
	background: #e3e3e3;
}
 .tabela-tarifas table th{
 	text-transform: uppercase;
 }
.tabela-tarifas table td, .tabela-tarifas table th{
	border: 2px solid #f0f0f0;
	padding: 2px 5px;
}
/* // ============================ RESULTADO CONSULTA ============================*/

/* ============================ DETALHE ============================*/
.detalhe-hotel .servicos img{
	margin: 3px;
}
.detalhe-hotel .hotel-item {
	background: #fff;
}
.detalhe-hotel .hotel-header {
	background: #fff;
}

.hotel-share {
	min-height: 40px;
	float: left;
	width: 100%;
	padding: 10px 0px;
}
.hotel-descricao-livre{
	margin: 20px 0;
}

.hotel-detalhes section{
	float: left;
	width: 100%;
}
.hotel-detalhes h4{
	text-decoration: underline;
}

.hotel-detalhes section.detalhes-lista {
	margin-top: 20px;
	margin-bottom: 20px;
}
.hotel-detalhes section.detalhes-lista div{
	float: left;
	width: 100%;
	margin-top: 2px;
	margin-bottom: 2px;
	 
}

.hotel-detalhes section.detalhes-lista label{
	font-weight: bold;
	margin-right: 10px;
}

.hotel-detalhes section.formas-pagamento, .hotel-detalhes section.quartos{
	margin-top: 10px;
	margin-bottom: 10px;	
}
.hotel-detalhes section.servicos, .hotel-detalhes section.detalhes-lista{
	
}
.disponibilidade{
	margin-top: 30px;
	float: left;
	width: 100%;
}
.hotel-detalhes .tipos-acomodacao, .disponibilidade .box, .box-cinza-border {
	background: #f1f1f1;
	margin-top: 25px;
	margin-bottom: 25px;
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
	width: 100%;
}
.box-cinza-border{
	border: 1px solid #cfcfcf;
}

#valores-reserva div{
	padding-left: 5%;
}
#valores-reserva, #valores-reserva label{
	font-size: 18px;
}

.disponibilidade .btn{
	margin-top: 15px;	
	margin-bottom: 15px;
}

.disponibilidade .box label{
	font-weight: 700;
	color: #000;
}

.hotel-detalhes .tipos-acomodacao label{
}
.mapa{
	height: 400px;
	width: 100%;
	float: left;
	display: block;
}

#map-canvas {
    height: 300px;
    margin: 0px;
    padding: 0px;
    width: 100%
}

.mapa .endereco{
	margin-bottom: 10px;
}

.hotel-item h3{
	font-weight: 700 
}

.politica{
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
	width: 100%;
}

.politica .box{
	border: 1px solid #000;
	margin-bottom: 10px;
	padding: 10px 20px;
	float: left;
	width: 100%;
}
input[type='checkbox'], input[type='radio']{
	float: left;
	margin-right: 10px;
}

.similares{
	margin-top: 30px;
	float: left;
	width: 100%;	
}

/* // ============================ DETALHE ============================*/
.dialog h1{
	font-size: 28px
}
.dialog {
	background-color: #fff;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 0 0 25px 5px #999;
	color: #111;
	display: none;
	min-width: 450px;
	padding: 25px;
	width: 80%;
	min-width: 80%;
	min-height: 450px;
	height: 450px;
}
.dialog .comandos{
	position: absolute;
	bottom: 16px;
	left: 0;
}

#dialog-mapa{
	height: 530px;
}

.button.b-close, .button.bClose {
	border-radius: 7px 7px 7px 7px;
	box-shadow: none;
	font: bold 131% sans-serif;
	padding: 0 6px 2px;
	position: absolute;
	right: -7px;
	top: -7px;
	background-color: #2b91af;
	border-radius: 10px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.3);
	color: #fff;
	cursor: pointer;
	display: inline-block;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
}

#termo-uso .text-scroll, #condicoes-reserva .text-scroll{
	overflow-y: scroll;
	height: 280px;
	border: 1px solid #f3f3f3;
	padding: 20px 10px;
}

.text-right{
	text-align: right;
}

/* ============================ formulario NRH ============================*/
#fnrh{
	background: #f9f9f9;
	padding-bottom: 30px;
	margin-top: 20px;
}

#fnrh .formulario label{
	width: 100%;
	font-weight: 700
}

#fnrh .formulario select, #fnrh .formulario textarea, #fnrh .formulario input{
	width: 100%;
	background: #e8eae9;
}

#fnrh .formulario input.date {
	width: 180px;
}

#fnrh .formulario input.ddd {
	width: 20%;
	margin-right: 10px;
}

#fnrh .formulario input.tel {
	width: 70%;
}
#pagina-fnrh .options{
	margin: 20px 15px;
}
/* // ============================ formulario NRH ============================*/
/* .hotel-header */
.reserva-hotel .hotel-item, .reserva-hotel .hotel-header  {
	background: #fff;	
}

.reserva-hotel .hotel-header h1 {
	color: #0000;
	font-size: 33px;
	margin: 5px 0px;
}

.reserva-hotel .hotel-header{
	margin-bottom: 25px;
}

.reserva-hotel .hotel-item  .hotel-header div{
	float: left;
	clear: both;
}

.reserva-hotel .infos {
	margin: 0;
}
.reserva-hotel .infos label{
	float: left;
	margin-right: 10px;
}
.reserva-hotel .valor{
	float: left;
	margin-left: 10px;
	margin-right: 20px;
} 

.reserva-hotel #alterar-data{
	ma
}
.reserva-hotel .hotel-detalhes .edit label{
	float: left;
	margin-right: 5px;
	margin-top: 15px;
	margin-left: 10px;
}
.reserva-hotel .input-append.date{
	float: left;
	margin: 20px 10px
}


.reserva-hotel section{
	float: left;
	clear: both;
}

.reserva-hotel .edit {
	background: #f3f3f3;
	padding: 5px 0;
	float: left;
	width: 100%;
	margin: 0;
}

.reserva-hotel .tipos-acomodacao label{
	color: #000;
	font-weight: 700;
	margin-right: 5px;
}

.reserva-hotel .hotel-item .check{
	margin-top: 0;
}
.reserva-hotel .tipos-acomodacao .options label{
	color: #337ab7;
}

.reserva-hotel .tipos-acomodacao .resumo{
	margin-top: 15px;
	margin-bottom: 0;
}

.reserva-hotel .tipos-acomodacao{
	background: #f3f3f3;
	padding-bottom: 20px;
}
.reserva-hotel .edit .input-append {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
}

.reserva-hotel .edit .btn{
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
	padding: 5px 10px;
}

.reserva-hotel .no-edit{
	float: left;
	width: 100%;
	padding: 0;
}

.hotel-detalhes a {	
	float: left;
	text-decoration: underline;
	font-weight: 700
}

.hotel-detalhes label{
	font-weight: 700;
	color: #000
}

.reserva-hotel .hotel-detalhes{
	float: left;
	clear: both;
	margin-bottom: 20px;
}
/* ============================ FORM ============================*/
.formulario-reserva  label{
	font-weight: 700;
	margin-top: 2px;
	margin-bottom: 2px;
}
.formulario-reserva  .options{
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 10px;
}
.formulario-reserva  div.col-md-12, .formulario-reserva  div.col-md-12.linha{
	float: left;
	margin: 10px 0;
	width: 100%;
}

.formulario-reserva  .right .ddd, .formulario-reserva  .right label{
	margin-left: 3%;
}


.formulario-reserva  input , .formulario-reserva  select, .formulario-reserva  textarea {
	float: left;
	background: #f3f3f3;
}
.formulario-reserva  input[type='radio']{
	margin-right: 10px;
}

.formulario-reserva  .nome,.formulario-reserva  .email, .formulario-reserva  .endereco, .formulario-reserva .motivo, .formulario-reserva textarea, .numero-cartao{
	width: 100%;
} 
.formulario-reserva  .ddd {
	width: 20%;
	margin-right: 10px;
}

.formulario-reserva .tel {
	width: 70%;
}

.formulario-reserva .cep, .formulario-reserva .cidade, .formulario-reserva .estado {
	width: 100%;
}


.aceites{
	margin-top: 20px;
}
.aceites label{
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
}
/* voucher */
#voucher{
	border: 2px solid #868686;
	padding: 0;
	margin: 30px 0 0px;	
}

.line-top{
	border-top: 2px solid #868686;
	margin-top: 15px;
	margin-bottom: 15px;
}
#voucher label{
	color: #000;
}
#voucher .titulo, #voucher .titulo label{
	font-weight: 700;
	font-size: 18px;
	color: #000;
}
#voucher .titulo.nome-empresa{
	text-transform: uppercase;
}
#voucher-header label{
	margin-right: 5px;
}
#voucher-header img{
	width: 100%;
	max-width: 300px;
	margin: 0; 
}

#voucher .data{
	margin-bottom: 15px;
}

#voucher-header .logo, #voucher-header .empresa, #voucher-header .reserva{
	padding: 20px;
}
#voucher-content{
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
	width: 100%;
}
#voucher-content-header label{
	font-weight: 700;
	margin-right: 10px;
}

.tabela-hospedes table{
	width: 100%;
}
.tabela-hospedes th:first-child{
	padding-left: 20px;
}

.tabela-hospedes td:first-child, .tabela-hospedes th:first-child{
	text-align: left;
}
.tabela-hospedes td, .tabela-hospedes th{
	border: 1px solid #eee;
	padding: 5px 10px;
	text-align: center;
}

#voucher-content .data-entrada, #voucher-content .data-saida, #voucher-content .prazo-cancelamento{
	margin-left: 10px;
	
}

#voucher-content-extra label{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	font-weight: 700;
}

#voucher-content-extra .titulo{
}

#direitos{
	font-weight: 700;
	text-decoration: underline;
}

/* // ============================ FORM ============================*/

/* ============================ RESPONSIVE TABLE ============================*/
@media only screen and (max-width: 800px) {
	
    
    /* Force table to not be like tables anymore */
	.responsive-table table, 
	.responsive-table thead, 
	.responsive-table tbody, 
	.responsive-table th, 
	.responsive-table td, 
	.responsive-table tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	.responsive-table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	.responsive-table tr { border: 1px solid #ccc; }
 
	.responsive-table td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	.responsive-table td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	.responsive-table td:before { content: attr(data-title); }
}
/* // ============================ RESPONSIVE TABLE ============================*/

/* ============================ rating ============================*/


.stars {
  margin-top: 6px;
  display: block;
  height: 20px;
  overflow: hidden;}
  
  .rate0 {
  background-position: 0 0;}
.rate1 {
  background-position: 0 -20px;}
.rate2 {
  background-position: 0 -60px;}
.rate3 {
  background-position: 0 -100px;}
.rate4 {
  background-position: 0 -140px;}
.rate5 {
  background-position: 0 -180px;}
.rate1.5 {
  background-position: 0 -40px;}
.rate2.5 {
  background-position: 0 -80px;}
.rate3.5 {
  background-position: 0 -120px;}
.rate4.5 {
  background-position: 0 -160px;}
/* // ============================ rating ============================*/


#home .formulario-busca{
}

.planos-area {
		float: left;
	}

.hotel-content {
	float: left;
	width: 100%;
}

@media (min-width: 1025px){
	.navbar-header {
		margin-left: 14%;
	}
	
	.area-form{
		/*margin-left: 12%; */
		float: right;
	}
}

@media (min-width: 1024px){
	
	/* tipo 1 */
	.hotel {
		height: 392px;
		max-height: 392px;
	}
	.hotel.tipo-1 {
		width: 30%;		
	}
	.hotel.tipo-1 .img, .hotel.relacionado .img{
		height: 100%;
	}
	.hotel.tipo-1 img, .hotel.relacionado img{
		width: 100%;
		height: 50%;
		clip: rect(0px,480px,196px,0px);
	}

	.hotel.tipo-1 .desc, .hotel.relacionado .desc{
		width: 100%;
	}
	
	
	/* tipo 2 */
	.hotel.tipo-2 {
		width: 70%;		
	}
	.hotel.tipo-2 .img{
		width: 70%;
		height: 100%;
		float: left;
		overflow: hidden;
	}
	.hotel.tipo-2 img{
		width: 100%;
		height: 100%;
		clip: rect(0px,480px,392px,0px);
	}

	.hotel.tipo-2 .desc{
		width: 30%;
	}
	/* tipo 3 */
	.hotel.tipo-3 {
		width: 70%;	
	}
	.hotel.tipo-3 .img{
		width: 70%;
		height: 100%;
		float: right;
		overflow: hidden;
	}
	.hotel.tipo-3 img{
		width: 100%;
		height: 100%;
		clip: rect(0px,480px,392px,0px);
	}

	.hotel.tipo-3 .desc{
		width: 30%;
		
	}
}

@media(max-width:1024px) {
	
	#widgets .float-rigth{
		float: left;
		width: 100%
	}
	/* outros */
	
	
	.col-md-12 {
		clear: both;
		float: none;
		width: 100%
	}
}



@media(max-width:768px) {
	
	.navbar-default {
    	background: transparent;
	}
	
	.navbar-default .navbar-toggle {
		  margin-top: 8px;
	}
.navbar-nav .open .dropdown-menu {
  background-color: #C1D1D7;
}
	.navbar {
	  margin-bottom: 0px;
	  margin-top: 5px;
	}
	.container{
		width: 100%;
	}
	#main-content{
		padding: 0;
	}
	.linha{
		float: left;
		width: 100%;
	}
	.hotel-content .desc{
		float: left;
		width: 60%;
	}
	
	.hotel-item .img{
		margin-right: 10px;
	}
	
	
	#main-content-area, #main-content{
		max-width: 768px;
		width: 100%;
	}
	#main-content{
		float: left;
		padding: 15px;	
	}

	.hotel{
		height: 212px;
		width: 100%;
		margin: 5px 0 5px 0;
		
	}
	.hotel img{
		width: 50%;
		height: 210px;
		float: left;
	}
	
	.hotel .desc{
		width: 50%;
		padding-top: 5%
	}
	
	.hotel .hover{
		display: none;
	}
	
	section#header{
		margin-top: -20px 
	}
	
	section#header .area-form{
		padding-top: 30px;
		padding-bottom: 20px;
	}
	
	.navbar-right {
		margin-top: 20px;
	}
	
	.login h5{
		padding-top: 10px;
	}
	
	.login{
		float: left;
		width: 100%;
	}
	
	.login div{
		float: left;
	}
	
	
	.hotel .hover {
		padding-top: 20px;
	}
	
	.planos-area {
		float: none;
	}
}

@media(max-width:640px) {
	
	
	.xs-hide {
		display: none;
	}
	
	#main-content-area, #main-content{
		max-width: 640px;
		width: 100%;
	}
	
	.login input{
		width: 100%
	}
	
	.hotel-content .desc{
		width: 100%;
	}
	
	.hotel-item .img{
		margin: 0 auto;
		float: none;
		width: 80%;
		height: auto;
	}
	
	.hotel-item .img img{
		width: 100%;
	}
	
	 .hotel-item .img img{
		margin-right: 0px;
		width: 100%;
		height: auto;
		float: left;
	}
	
}
@media(max-width:480px) {
	.hotel .hover {
		padding-top: 120px;
	}
	.hotel-item .img{
		margin: 0 auto;
		width: 100%;
	}
	
	.hotel-item .img img{
		width: 100%;
	}
	
	
	#main-content-area, #main-content{
		max-width: 480px;
		width: 100%;
	}
	
	.login div{
		float: none;
	}
	.hotel{
		height: auto;
		width: 100%;
	}
	
	.hotel .img{
		width: 100%;
		height: 250px;
	}
	
	.hotel img{
		width: 432px;
		clip: rect(0px,480px,250px,0px);
		height: auto;
		float: left;
		width: 100%;
	}
	
	.hotel .desc{
		width: 100%;
	}
	
	.col-md-12 {
		clear: both;
		float: none;
		width: 100%
	}
}

@media(max-width:320px) {
		.form-w50, .form-w50.form-w50-right{
		width: 100%;
		margin: 0;
		float: left;
		text-align: left;
		clear: both;
		padding-left: 0;
	}
	
	#main-content-area, #main-content{
		max-width: 320px;
	}
	.hotel .img{
		height: 200px;
	}
	
	.hotel img{
		width: 300px;
		clip: rect(0px,273px,200px,0px);
		height: auto;
		
	}
	
}

/* ************************************************************************ */
.imprimir-area {
 margin-top: 0px;
 margin-bottom: 20px;
}
.imprimir-area a {
	margin-right: 15px;
	margin-top: 5px;
	text-decoration: underline;
}
.imprimir-area img {
	margin-right: 7px;
	margin-top: -3px;
}
.step {
	padding: 20px 45px;
	margin: 0;
	font-size: 14px;
}
.step h3{
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 18px;
	font-style: normal;
}
.checkout_progress .linha{
	margin: 10px 0;
	padding: 0;
	float: left;
	width: 100%;
}
.checkout_progress {
  clear: both;
  float: left;
  width: 100%;
  margin: 20px auto 40px auto;
}
.checkout_progress .progress_bar {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.checkout_progress .progress_bar li {
  color: #bbbfbf;
  position: relative;
  float: left;
  background: #eee;
  border-left: 1px solid #fff;
  margin-right: 0px;
  height: 80px;
  width: 20%;
}

.formulario-registro{
/*	border: 1px solid #cfcfcf;*/
	float: left;
	width: 100%;
	padding: 0 0 40px 0;
}

.btn-add {
  margin-left: 20px;
  font-size: 16px;
  background-color: rgb(27, 189, 27);
}

.btn-add:hover {
	background-color: rgb(27, 189, 27);
}

.lista-add {
  padding: 8px 10px;
  font-size: 16px;
  line-height: 1.42857143;
  background-color: #F8F8F8;
}

.aba {
  border: 1px solid #cfcfcf;
  padding: 20px 40px 0 40px;
  overflow: hidden;
  border-radius: 0px 0px 10px 10px;
/*  display: none;*/
}

.checkout_progress .progress_bar li .triangle,
.checkout_progress .progress_bar li .triangle2 {
  display: block;
  position: absolute;
  top: 0;
  right: -30px;
  height: 0;
  width: 0;
  border-top: 40px solid transparent;
  border-left: 30px solid #eee;
  border-bottom: 40px solid transparent;
  z-index: 1;
}

.checkout_progress .progress_bar li .triangle2 {
 /* border-left-color: white;
  left: 0; */
}

.checkout_progress .progress_bar li.current-step {
  background: #1c6575;
}
li.current-step h3, li.current-step .step div{
	color: #fff;
} 
.checkout_progress .progress_bar li.current-step .triangle {
  border-left: 30px solid #1c6575;
}

.checkout_progress .progress_bar li.current-step a {
  color: white;
}
.checkout_progress .progress_bar li.visited-step {
  background: #e1e1e1;
}

.checkout_progress .progress_bar li.visited-step .triangle {
  border-left: 30px solid #e1e1e1;
}

li.visited-step .step h3, li.visited-step .step {
	color: #bbbfbf;
}

.checkout_progress .progress_bar li.visited-step-odd {
	  background: #d9d9d9;
}
.checkout_progress .progress_bar li.visited-step-odd .triangle {
  border-left: 30px solid #d9d9d9;
}

.checkout_progress .progress_bar li.visited-step-even {
	  background: #f9f9f9;
}
.checkout_progress .progress_bar li.visited-step-even .triangle {
  border-left: 30px solid #f9f9f9;
}

.checkout_progress .progress_bar li a {
  display: block;
  line-height: 30px;
  padding: 0 20px 0 30px;
  color: green;
  text-decoration: none;
  cursor: default;
}
.checkout_progress .progress_bar li a em {
  display: inline-block;
  border-radius: 50%;
  background: none;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  margin-right: 14px;
  border: 1px solid #999;
  font-size: 13px;
  font-style: normal;
}

.ui-dialog table td{
	background: #fff;
}

.full-height {
  height: 80vh !important;
}

.full-height .content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
}	
ul.documentos-anexar li {
    font-size: 17px;
    margin-bottom: 10px;
	list-style: none;
}

ul.documentos-anexar li a{
	font-weight: 800;
	white-space:nowrap;
}

div#grid_declaracoes select{
	max-width: 90%;
	font-size: 20px;
	
}

div#anexos .qq-upload-button >div {
    font-size: 0;
}

div#anexos .qq-upload-button >div:before {
    content: "ADICIONAR PDF";
    font-size: 20px;
}

td.td_dias input {
    width: 100%;
}


@media (max-width: 768px){
	#side-left{
		width: 100%
	}
	.tabela-hospedes table tr:first-child {
		display: none;
	}
	.checkout_progress .progress_bar li:first-child .step{
	padding-left: 15px;
	}
	
	.checkout_progress .progress_bar .step {
		font-size: 11px;
	}
	.checkout_progress .progress_bar .step h3{
		font-size: 13px;
	}
	.checkout_progress .progress_bar li {
	  	width: 33%;
	  	font-size: 20px;
	}
	
	.formulario-reserva .right label{
		width: 100%
	}
	.formulario-reserva .right .ddd, .formulario-reserva .right label{
		float: left;
		margin-left: 0
	}
}

@media (max-width: 640px){
	.checkout_progress .progress_bar .step {
		font-size: 13px;
	}
	.checkout_progress .progress_bar .step h3{
		font-size: 15px;
	}
	.checkout_progress .progress_bar li {
	  	width: 100%;
	}
	
	
}