/*============INDÍCE:==================
  1: IMPORT'S
  2: PADRÕES
  3: CONFIGURAÇÕES DE FORMS PADRÃO
  4: LOGO DO TOPO
  5: MENU TOPO LADO ESQUERDO
  6: FORM DE LOGIN TOPO
  7: BANNER PRINCIPAL
  8: FORM HOME PARA CADASTRO
  9: ESTILOS PARA A LISTAGEM DE SALAS
  10: COMO FUNCIONA
  11: RODAPÉ
  12: FORMULÁRIO
  13: CONFIRMACAO DE CADASTRO
  14: CONTATO
  15: GOOGLE MAPS
  16: PERFIL
  17: MODAL
  18: SALAS
  19: RESERVAS
  20: ESTILOS ESPECIFICOS
  21: CENTRALIZAR
  22: CENTRALIZAR SLIDER SALAS
  23: TABELA SALAS
  24: RESERVAS
====================================*/

/*CÓDIGOS*/
  /*====================================
    1 IMPORT'S
  ====================================*/
    @import url("font/stylesheet.css");
    /*@import url("font/stylesheet.css");*/
  /*==================
    2 PADRÕES
  ==================*/
    body, html  {
      width: 100%;
      height: 100%;
      max-height: 100%;
    }
    body{
       background-color: #f0f0f0 ;
    }

    body, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
      font: 14px 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
      /*font: 14px 'Times New Roman';*/
      text-align: justify;
    }
    h1{
        font-family: 'Times New Roman';
        font-style: italic;
        font-weight: bold;
        font-size: 18px;
        margin: 12px 0 5px 0;
        line-height: 24px;
    }
    h2{
        color: #000000;
        font-size: 18px;
        font-style: italic;
        margin-bottom: 10px;
        font-family: 'Times New Roman';
      font-weight: bold;
    }
    h3{
      font-family: 'Times New Roman'; 
    }
    p{
        color: #000;
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 10px;
        font-family: 'Source Sans Pro', sans-serif;

    }
    .container_24 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .container_25 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .content{
        width: 100%;
    }

    .background-full-bordo{
        background: #281314;
    }
    .background-full-bege{
        background: #80672c;
        border-top: 1px solid #FFFFFF;
    }
  /*=================================
    3 CONFIGURAÇÕES DE FORMS PADRÃO
  =================================*/
    .dropdown-menu>li
    { position:relative;
      -webkit-user-select: none; /* Chrome/Safari */        
      -moz-user-select: none; /* Firefox */
      -ms-user-select: none; /* IE10+ */
      /* Rules below not implemented in browsers yet */
      -o-user-select: none;
      user-select: none;
      cursor:pointer;
    }
    .dropdown-menu .sub-menu {
        left: 100%;
        position: absolute;
        top: 0;
        display:none;
        margin-top: -1px;
      border-top-left-radius:0;
      border-bottom-left-radius:0;
      border-left-color:#fff;
      box-shadow:none;
    }
    .right-caret:after,.left-caret:after
     {  content:"";
        border-bottom: 5px solid transparent;
        border-top: 5px solid transparent;
        display: inline-block;
        height: 0;
        vertical-align: middle;
        width: 0;
      margin-left:5px;
    }
    .right-caret:after
    { border-left: 5px solid #653454;
    }
    .left-caret:after
    { border-right: 5px solid #653454;
    }
    input {
        padding: 5px 10px;
        border: 1px solid #d6d5d4;
        background-color: #f0f0f0;
        font-style: italic;
        color: #4f4f4f;
        font-family: 'Times New Roman'; 
        /*text-align: center;*/
    }
    textarea{
      background-color:#f0f0f0;
      border:1px solid #d6d5d4;
    }
    /*botoes areas sistema (Agenda, cancelamento etc..)*/
      .nav > li > a:hover, .nav > li > a:focus{
        color: #4a213b;
        background-color: #7B1D59;
        border-color: #4a213b;
      }
      .nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
        background-color: #907B47;
        color: #fff;
      }
      
      .dropdown-menu{
        margin: 0;
        top: 78%;
      }
      .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
        color: #fff;
        background-color: #907B47;
      }
    /*fim*/
    .input-large{
        height: 30px;
        font-size: 16px;
        border-radius: 6px;
    }
    .input-medium{
      font-size: 13px;
        border-radius: 6px;
    }
    .input-xxlarge{
      width: 90%;
    }
    .input-430{
      width:430px;
    }
    .input-310{
      width:310px;
    }
    .input-190{
      width:190px;
    }
    .input-80{
      width:80px;
    }
    .btn{
        display: inline-block;
        margin-bottom: 5px;
        font-weight: 400;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        background-image: none;
        border: 1px solid rgba(0, 0, 0, 0);
        white-space: nowrap;
        padding: 6px 12px;
        font-size: 12px;
        line-height: 1.42857143;
        border-radius: 2px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-family: 'Times New Roman';
    }
    .btn-primary{
        color: #FFF;
        background-color: #653353;
        border-color: #653353;
    }
    .btn-primary:hover{
        color: #FFF;
        background-color: #4a213b;
        border-color: #4a213b;
    }
    .btn-primary.active{
        background-color: #80672C;
        border-color: #80672C;
    }

    .btn-default{
        color: #747474;
        background-color: #fff;
        border-color: #747474;
    }
    .btn-primary:hover{
        color: #FFF;
        background-color: #4a213b;
        border-color: #4a213b;
    }
    .btn-primary.active{
        background-color: #80672C;
        border-color: #80672C;
    }

    .btnGeral{
      /*border-radius:4px;*/
      float:right;
      text-transform:uppercase;
      /*letter-spacing:1px;*/
      height:43px;
      width:190px;
      margin:10px;
      font-size:13px;
    }
  /*================
    4 LOGO DO TOPO
  ================*/
    .logo-topo{
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        height: 110px;
        padding-top: 10px;
    }
    .logo-topo img {
        vertical-align: middle;
    }
  /*===========================
    5 MENU TOPO LADO ESQUERDO
  ===========================*/
    .menu-topo{
        width: 100%;
        height: 68px;
        margin-top: 50px;
        border-top: 2px solid #80672c;
    }
    .menu-topo ul{
        width: 100%;
    }
    .menu-topo ul li{
        display: inline-block;
        text-align: center;
        text-transform: uppercase;
        font-size: 12px;
        line-height: 65px;
        color: #653353;
        padding: 0 14px;
        font-family: 'Source Sans Pro', sans-serif;
        height: 70px;
    }
    .menu-topo ul li:hover{
        background-color: #FFFFFF;
        border-bottom: 4px solid #653353;
        cursor: pointer;
        color: #653353;
    }
    .menu-topo ul li a{
        text-decoration: none;
        color: #80672c;
    }
    .menu-topo ul li:hover a:hover,
    .menu-topo ul li:hover a{
        color: #653353;
    }
  /*======================
    6 FORM DE LOGIN TOPO
  ======================*/
    .form-login-topo{
        float: right;
        padding: 5px 0px 0 18px
    }
    .form-login-topo .form-group{
        margin-bottom: 0;
        vertical-align: middle;
    }
    .form-login-topo button{
        margin-top: 14px;
    }
  /*====================
    7 BANNER PRINCIPAL
  ====================*/
    .background-full-bordo img{
         width: 100%;
    }
  /*===========================
    8 FORM HOME PARA CADASTRO
  ===========================*/
    .form-home-cadastro{
        padding: 25px 0;
        display: table;
    }
    .form-home-cadastro .btn-primary{
        height: 43px;
        font-size: 13px;
    }
  /*====================================
    9 ESTILOS PARA A LISTAGEM DE SALAS
  ====================================*/
    .detalhes-sala {
      margin-bottom: 20px;
      display: table;
      border-bottom: 1px dashed #653353;
      padding-bottom: 20px;
    }
    .detalhes-sala img{
      width: 100%;
    }
    .detalhes-sala .more{
      float: right;
      margin-right: 10px;
      font-size: 14px;
      color: #653353;
      text-decoration: underline;
      font-weight: bold;
      margin-top: 10px;
      font-family: 'Times New Roman';
    }
    .detalhes-sala .more:hover{
        color: #08c;
    }
  /*=================
    10 COMO FUNCIONA
  =================*/
    .como-funciona {
        background-color: #FFFFFF;
        border-radius: 5px;
        padding-bottom: 20px;
    }
    .como-funciona p{
        margin-bottom: 20px;
    }
    .como-funciona-title {
        background-color: #3c332e;
        padding: 10px;
        border-radius: 5px 5px 0 0;
        text-align: center;
        color: #FFFFFF;
        font-family: 'Times New Roman';
        margin-top: 0;
    }
    .passo {
        text-align: center;
        margin: 0 15px 20px ;
        border-bottom: 1px dashed #653353;
    }
    .number {
        color: #FFFFFF;
        background-color: #653353;
        font-size: 18px;
        border-radius: 50%;
        width: 37px;
        height: 28px;
        display: inline-block;
        text-align: center;
        margin-bottom: 10px;
        padding-top: 8px;
    }
    .cadastre-se{
      text-align: center;
    }

    .cadastre-se a{
      width:100%;
      font-size:13px;
      letter-spacing:1px;
    }
  /*==========
    11 RODAPÉ
  ==========*/
    .menu-rodape{
        margin-top: 0;
        text-align: left;
    }
    .menu-rodape ul li{
        color: #FFFFFF;
    }
    .menu-rodape ul li a{
        color: #FFFFFF;
    }
  /*======================
    12 FORMULÁRIO
  ========================*/
    .titulo-formulario{ 
      color:     #4f4f4f;
      margin-bottom:14px;
      margin-left:   5px;
      font-size:    24px;
    }
    .formulario{
      background-color:#FFFFFF; 
      margin-bottom:25px;
    }
    .formulario label{
      margin-left:5px;
      margin-bottom:5px;  
      font-family:Arial;
      float:left;
      font-weight:bold;
      color:#4F4F4F;
    }
    .formulario .form-group{
      margin-left:20px;
      margin-bottom:8px;
      margin-top:7px;
    }
    .formulario input{
      padding:12px;
    }
    .formulario a{
      color:#4F4F4F;
      text-decoration:underline;
      font-style:italic;
    }
    select {
        -moz-appearance: none;
        text-indent: 0.01px;
        text-overflow: '';
    }
    .styled-select {
      padding: 8px 15px;
      font-size: 16px;
      color: #777777;
      line-height: 1;
      border: 0;
      border-radius: 0;
      -webkit-appearance: none;
      height: 40px;
      overflow: hidden;
      background: url("../image/arrow-down.png") no-repeat #f0f0f0;
      background-position: 95%;
      border: 1px solid #d6d5d4;
    }
  /*========================
    13 CONFIRMACAO DE CADASTRO
  ==========================*/
    .confirmacao-cadastro h1{
      text-transform:uppercase;
      font-size:26px;
    }
    .confirmacao-cadastro p{
      font-size:14px;
      color:#4F4F4F;
      font-family:Arial, Helvetica, sans-serif;
      font-weight:bold;
    }
    .agradecimento{
      font-size:18px!important;
      margin-bottom:30px;
      margin-top: 30px;
    }
  /*===============
    14 CONTATO
  =================*/
    #txtMensagem{
      height:200px;
      width:448px;
    }
    .formulario p{
      font-size:14px;
      color:#8F8F8F;
      font-family:Arial, Helvetica, sans-serif;
      text-align: right;
    }
    .contato.linha-superior{
      padding:0;
      padding-top:13px;
    }
    .contato.formulario .form-group{
      margin-left:5px!important;
    }
  /*===============
    15 GOOGLE MAPS
  =================*/

    .flx-gooogle-map {
        background: none repeat scroll 0 0 #CCCCCC;
        margin-bottom: 20px;
        position: relative;
        width: 100%;
        z-index: 1;
        margin-top:14px;
    }
    #map_canvas {
        height: 367px;
        overflow: auto;
        position: relative;
        width: 100%;
    }
  /*===============
    16 PERFIL
  =================*/
    .perfil table{
      width:100%;
    }
    .perfil td {
      background-color:#fff;
      font-size:12px;
    }
    .perfil th{
      background-color:#FFFFFF;
      border:1px solid #ABB8BE;
      border-bottom: 2px solid #653353 !important;
      color: #653353;
      font-size:14px;
      text-transform:uppercase;
      font-weight:700;
    }
    .perfil td,th{
      height:42px;
      border:1px solid #ABB8BE;
      font-family:Arial, Helvetica, sans-serif;
      text-align:center;
      vertical-align: middle;
    }
    .perfil p{
      color:#2F2F2F;
      font-family:Arial, Helvetica, sans-serif;
      font-size:14px; 
    }

    #btnNovaReserva {
      height: 29px;
      width: 164px;
        line-height:30px;
    }
    .btnPerfil{ 
      font-size:13px;
      font-weight:bold;  
      margin:20px 0 20px;
      width: 100%;
    }
    .perfil .altera-senha{
      color:#4F4F4F;
      font-style:italic;
    }
  /*=======================
    17 MODAL
  =======================*/
    .titulo-modal{
      color:#FFFFFF;
      font-size:30px;
      font-family:Arial, Helvetica, sans-serif;
      font-style:normal;
    }
    .semantic-content .modal-inner{
      width:870px;
      top:150px;
      height:660px;
      margin-left:-460px;
      background-color:#EDEEEE;
    }
    .modal-inner p{
      font-family:Arial, Helvetica, sans-serif;
      color:#4F4F4F;
      padding-left:20px;
      padding-right:10px;
      margin-bottom:8px;
    }
    .modal-content{
      border-bottom: 0px!important;
    }
    .semantic-content .modal-close:after{
      background-color:transparent;
      color:transparent;
    }

    .carrosel-lista-salas section {
      height: 150px;
      width: 100%;
    }
  /*=======================
    18 SALAS
  =======================*/
    .salas{
      background-color:#FFFFFF;
      border-radius:3px;
      margin-bottom:20px!important;
      border:1px solid #E2DEDE;
    }
    .text-salas{
      text-align:left;
      padding:10px;
    }
  /*=======================
    19 RESERVAS
  =======================*/
    .reservas{
      background-color:#FFFFFF;
    }
    .reservas p{
      letter-spacing:1px;
      margin-left:1px;
      color: #747474;
      font-size: 16px;
      line-height: 24px;
    }
    .selecao-planos{
      padding:5px;
      margin-left:0px;
      
    }
    .radio-box{
      font-size:18px;
      color: #747474;
      margin-left:5px;
        font-family: 'Times New Roman'; 

    }
    .legenda{
      font-size: 12px;
    }

    .legenda span{
      margin-right: 6px;
    }
  /*=======================
    20 ESTILOS ESPECIFICOS
  =======================*/
    .clear-margin-top{
        margin-top: 0 !important;
    }
    .clear-margin{
        margin: 0 !important;
    }
    .clear-margin-bottom{
        margin-bottom: 0 !important;
    }
    .text-align-justificado{
        text-align: justify;
    }
    .text-align-center{
        text-align: center;
    }
    .text-align-right{
        text-align: right;
    }
    .margin-bottom-20 {
        margin-bottom: 20px!important;
    }
    .margin-right-15 {
        margin-right: 15px!important;
    }
    .margin-top-20 {
        margin-top: 20px!important;
    }
    .margin-top-30 {
        margin-top: 30px!important;
    }
    .height-412{
      height:412px;
    }
    .border-bottom{
      border-bottom:1px solid #ABB8BE;
    }
    .width-100x{
      width:100%; 
    }
    .no-padding{
      padding: 0;
    }
    .linha-superior{
      border-top: 2px solid #653353;
      padding:15px 20px 5px 20px;
    }
    .background-white{
      background-color:#FFFFFF;
    }
    .vermelho{
      background-color:red;
    }
  /*=======================
    21 CENTRALIZAR
  =======================*/
    .block {
      text-align: center;
    }
     
    .block:before {
      content: '';
      display: inline-block;
      height: 100%; 
      vertical-align: middle;
      margin-right: -0.25em; /* Adjusts for spacing */
     }
     
    .centered {
      display: inline-block;
      vertical-align: middle;
       padding: 0px 15px;
     }
  /*==============================
    22 CENTRALIZAR SLIDER SALAS
  ================================*/
   
    .pagina{display:table;overflow:hidden;margin:0px auto;}
    *:first-child+html .pagina {position:relative;}/*ie7*/
    * html .pagina{position:relative;}/*ie6*/

    .conteudo{display:table-cell!important;vertical-align: middle!important;float:none;}
    *:first-child+html .conteudo{position:absolute;top:50%;}/*ie7*/
    * html .conteudo{position:absolute;top:50%;}/*ie6*/

    *:first-child+html .conteudo_ie{position:relative;top:-50%;}/*ie7*/
    * html .conteudo_ie{position:relative;top:-50%;}/*ie6*/
    .pagina {
      height: 100%;
    }
    .rotacao {
      /* Safari */
      -webkit-transform: rotate(-90deg);

      /* Opera */
      -o-transform: rotate(-90deg);
       
      /* Firefox */
      -moz-transform: rotate(-90deg);
       
      /* Internet Explorer */
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }


    .tipo-plano{
        background-color: #F6F6F6;
        padding: 5px;
        border-bottom: 1px solid #BBB;
        -webkit-box-shadow: 0 0 20px rgba(100, 100, 100, 0.2);
        box-shadow: 0 0 20px rgba(100, 100, 100, 0.2);
    }

    .titulo-plano{
        color: #FFF;
        margin: -1px -1px 0 -1px;
        padding: 25px 5px 20px;
        border: 1px solid #DDD;
        background-color: #F6F6F6;
        padding: 20px;
        min-height: 60px;
    }

    .titulo-plano h3{
        color: #747474;
        font-weight: 600;
        margin-bottom: 0;
        font-weight: 200;
        text-transform: none;
        font-size: 26px;
        line-height: 45px;
        text-align: center;
    }


    .plano-info{
        padding: 20px;
        min-height: 323px !important;
    }

    .plano-info h6{
        color: #000;
        font-weight: 200;
        margin: 4px 0 0;
        min-height: 321px;
        font-size: 14px;
        text-transform: none;
        margin-bottom: 5px;
        line-height: 22px;
    }

    .plano-info p{
        font-size: 12px;    
    }

    .table-bordered>thead>tr>th, 
    .table-bordered>tbody>tr>th, 
    .table-bordered>tfoot>tr>th, 
    .table-bordered>thead>tr>td, 
    .table-bordered>tbody>tr>td, 
    .table-bordered>tfoot>tr>td{
        font-size: 12px;
        text-align: center;
    }

    .tab-content>.active{
        display: table;
    }

    .has-error .help-block,
    .has-error .control-label,
    .has-error .radio,
    .has-error .checkbox,
    .has-error .radio-inline,
    .has-error .checkbox-inline {
      color: #a94442;
    }
    .has-error .form-control {
      border-color: #a94442;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    }
    .has-error .form-control:focus {
      border-color: #843534;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    }
    .has-error .input-group-addon {
      color: #a94442;
      border-color: #a94442;
      background-color: #f2dede;
    }
    .has-success .help-block,
    .has-success .control-label,
    .has-success .radio,
    .has-success .checkbox,
    .has-success .radio-inline,
    .has-success .checkbox-inline {
      color: #3c763d;
    }
    .has-success .form-control {
      border-color: #3c763d;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    }
    .has-success .form-control:focus {
      border-color: #2b542c;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    }
    .has-success .input-group-addon {
      color: #3c763d;
      border-color: #3c763d;
      background-color: #dff0d8;
    }

    .alert {
      padding: 15px;
      margin-bottom: 18px;
      border: 1px solid transparent;
      border-radius: 4px;
    }
    .alert h4 {
      margin-top: 0;
      color: inherit;
    }
    .alert .alert-link {
      font-weight: bold;
    }
    .alert > p,
    .alert > ul {
      margin-bottom: 0;
    }
    .alert > p + p {
      margin-top: 5px;
    }
    .alert-dismissable {
      padding-right: 35px;
    }
    .alert-dismissable .close {
      position: relative;
      top: -2px;
      right: -21px;
      color: inherit;
    }
    .alert-success {
      background-color: #dff0d8;
      border-color: #d6e9c6;
      color: #3c763d;
    }
    .alert-success hr {
      border-top-color: #c9e2b3;
    }
    .alert-success .alert-link {
      color: #2b542c;
    }
    .alert-info {
      background-color: #d9edf7;
      border-color: #bce8f1;
      color: #31708f;
    }
    .alert-info hr {
      border-top-color: #a6e1ec;
    }
    .alert-info .alert-link {
      color: #245269;
    }
    .alert-warning {
      background-color: #fcf8e3;
      border-color: #faebcc;
      color: #8a6d3b;
    }
    .alert-warning hr {
      border-top-color: #f7e1b5;
    }
    .alert-warning .alert-link {
      color: #66512c;
    }
    .alert-danger {
      background-color: #f2dede;
      border-color: #ebccd1;
      color: #a94442;
    }
    .alert-danger hr {
      border-top-color: #e4b9c0;
    }
    .alert-danger .alert-link {
      color: #843534;
    }
    .close {
      float: right;
      font-size: 19.5px;
      font-weight: bold;
      line-height: 1;
      color: #000000;
      text-shadow: 0 1px 0 #ffffff;
      opacity: 0.2;
      filter: alpha(opacity=20);
    }
    .close:hover,
    .close:focus {
      color: #000000;
      text-decoration: none;
      cursor: pointer;
      opacity: 0.5;
      filter: alpha(opacity=50);
    }
    button.close {
      padding: 0;
      cursor: pointer;
      background: transparent;
      border: 0;
      -webkit-appearance: none;
    }
  /*==============================
    23 TABELA SALAS
  ================================*/
    .sala01{
      background-color: #117BA0;
    }
    .sala02{
      background-color: #F20058;
    }
    .sala03{
      background-color: #68C639;
    }
    .sala04{
      background-color: #F9893E;
    }
    .sala05{
      background-color: #66893E;
    }
    .sala06{
      background-color: #FF8999;
    }

    .btn-sala01{
      color: #fff !important;
      background-color: #117BA0 !important;
      border: 1px solid #fff !important;
      border-radius: 0 !important;
    }
    .btn-sala02{
      background-color: #F20058 !important; 
      border: 1px solid #fff !important;
      color: #fff !important;
      border-radius: 0 !important;
    }
    .btn-sala03{
      background-color: #68C639 !important; 
      border: 1px solid #fff !important;
      color: #fff !important;
      border-radius: 0 !important;
    }
    .btn-sala04{
      background-color: #F9893E !important; 
      border: 1px solid #fff !important;
      color: #fff !important;
      border-radius: 0 !important;
    }
    .btn-sala05{
      background-color: #66893E !important; 
      border: 1px solid #fff !important;
      color: #fff !important;
      border-radius: 0 !important;
    }
    .btn-sala06{
      background-color: #FF8999 !important; 
      border: 1px solid #fff !important;
      color: #fff !important;
      border-radius: 0 !important;
    }

    .titulo-sala01{
      color: #117BA0;
    }
    .titulo-sala02{
      color: #F20058; 
    }
    .titulo-sala03{
      color: #68C639; 
    }
    .titulo-sala04{
      color: #F9893E; 
    }

    .titulo-sala01, .titulo-sala02, .titulo-sala03, .titulo-sala04 span{
      display: inline-block;
      margin-bottom: 5px;
      font-size:18px;
      text-align: center;
      vertical-align: middle;
      background-image: none;
      border: 1px solid rgba(0, 0, 0, 0);
      white-space: nowrap;
      padding: 6px 8px;
      line-height: 1.42857143;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
    .titulo-reserva{
      margin-top:25px;
    }
  /*==============================
    24 RESERVAS
  ================================*/
    .plano-info{
          padding: 20px;
          min-height: 943px !important;
      }
      /*avulso*/
        .tipo-plano_rh{
          background-color: #fff;
            border-bottom: 1px solid #35b5dc;
            box-shadow: 0 0 20px rgba(100, 100, 100, 0.2);
            padding: 5px;
            min-height: 1109px;
        }
        .titulo-plano_rh{
          background-color: #fff;
          border: 1px solid #35B5D7;
          color: #fff;
          margin: 4px 2px 0;
          min-height: 50px;
          /*padding: 20px;*/
        }
        .titulo-plano_rh h3{
          color: #35b5d7;
          font-size: 26px;
          font-weight: 200;
          line-height: 28px;
          margin-bottom: 7px;
          text-align: center;
          text-transform: none;
        }
        .btn_rh{
          background-color: #35B5D7 !important;
            border-color: #35B5D7 !important;
            color: #fff !important;
        }
      /*fim*/

      /*periodo*/
        .tipo-plano_pr{
          background-color: #fff;
            border-bottom: 1px solid #6DB54B;
            box-shadow: 0 0 20px rgba(100, 100, 100, 0.2);
            padding: 5px;
            min-height: 1109px;

        }
        .titulo-plano_pr{
          background-color: #fff;
          border: 1px solid #6DB54B;
          color: #fff;
          margin: 4px 2px 0;
          min-height: 50px;
          /*padding: 20px;*/
        }
        .titulo-plano_pr h3{
          color: #6DB54B;
          font-size: 26px;
          font-weight: 200;
          line-height: 28px;
          margin-bottom: 7px;
          text-align: center;
          text-transform: none;
        }
        .btn_pr{
          background-color: #6DB54B !important;
            border-color: #6DB54B !important;
            color: #fff !important;
        }
      /*fim*/
      
      /*extra*/
        .tipo-plano_ae{
          background-color: #fff;
            border-bottom: 1px solid #777777;
            box-shadow: 0 0 20px rgba(100, 100, 100, 0.2);
            padding: 5px;
            min-height: 1109px
            
        }
        .titulo-plano_ae{
          background-color: #fff;
          border: 1px solid #777777;
          color: #fff;
          margin: 4px 2px 0;
          min-height: 50px;
          /*padding: 20px;*/
        }
        .titulo-plano_ae h3{
          color: #777777;
            font-size: 26px;
            padding: 10px 0;
            font-weight: 200;
            line-height: 45px;
            margin-bottom: 0;
            text-align: center;
            text-transform: none;
        }
        .btn_ae{
          background-color: #777777 !important;
            border-color: #777777 !important;
            color: #fff !important;
        }

        .titulo-paginas{
        font-size: 36px;
        padding-top: 30px;
        border-bottom: 1px solid #999;
        padding-bottom: 20px;
        }

.default-font{ 
    font-size: 14px !important;
    font-style: italic !important;
    color: #4f4f4f !important;
    font-family: 'Times New Roman' !important;
  }


      /*fim*/
  /*FIM CÓDIGOS*/