@charset "UTF-8";


/*@import url(http://fonts.googleapis.com/css?family=Bitter);*/
@import url(http://fonts.googleapis.com/css?family=Bitter:400,700);
/*@import url(http://fonts.googleapis.com/css?family=PT+Serif);*/
@import url(http://fonts.googleapis.com/css?family=PT+Serif:400,700);
/*@import url(http://fonts.googleapis.com/css?family=Hind);*/
@import url(http://fonts.googleapis.com/css?family=Hind:400,700);

* {
    margin:  0;
    padding: 0;
    border:  0; 
    outline: 0; 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
/*-----------------------------------------------------------------*/
body
{
    background-color: rgb(239, 239, 239);
}


/* ############################################################### */
/* #                      Menu Cabecalho                         # */
/* ############################################################### */

#cabecalho
{
    /*border: 1px solid pink;*/
    width: 100% /*!important;*/
    margin: auto;
    
    background-color: rgb(255, 255, 255); /*rgb(255, 132, 56);*/
    border-top: 2px solid rgb(255, 106, 0);
    border-bottom: 1px solid rgb(227, 227, 227);
}
/*-----------------------------------------------------------------*/
nav#menu
{
    /*position: static;*/
    /*display: none;*/
}

/*-----------------------------------------------------------------*/
#menu ul
{
    /*border: 1px solid red;*/
    font-family: 'PT Serif', serif;/*font-family: 'Oswald', sans-serif;*/
    font-size: 20pt;
    /*font-weight: bold;*/
    text-align: center;
    
    list-style:none;
    margin: 0 auto;
    padding: 0;
    display: block;
    width: 1000px;
    background-color: rgb(255, 255, 255); /*rgb(255, 168, 90);*/
}

/*-----------------------------------------------------------------*/
nav#menu li
{
    /*border: 1px solid blue;*/
    display: inline-block;
    
    margin-top: 20px; /*espaco entre os itens do menu*/
    margin-bottom: 20px; /*espao entre os itens do menu*/
    margin-right: 20px; /*espaco entre os itens do menu*/
    margin-left: 20px; /*espaco entre os itens do menu*/
    
}
/*-----------------------------------------------------------------*/
nav#menu a:link
{
    text-decoration: none;
}
/*-----------------------------------------------------------------*/
nav#menu a
{
    /*border: 1px solid black;*/
    color: rgb(51, 51, 51);
    
    padding-top: 3px;
    padding-bottom: 4px;
    padding-left: 15px;
    padding-right: 15px;
    
}
/*-----------------------------------------------------------------*/
nav#menu a:hover
{
    border-radius: 5px;
    color: rgb(255, 106, 0); /*rgb(255, 168, 90);*/
    background-color: rgb(255, 255, 255);
    /*color: rgb(0, 0, 0); !important;*/
    /*border-bottom: 3px solid rgb(253, 236, 207);*/
    
    /*transition: 0.1s ease;*/
}
/*-----------------------------------------------------------------*/
/*
nav#menu a:visited
{
    color: rgb(37, 37, 37);
}
*/
/*-----------------------------------------------------------------*/


/* ############################################################### */
/* #                         Separador                           # */
/* ############################################################### */

#separador
{
    /*border: 1px solid rgb(255, 112, 101);*/
    width: 1000px; /*!important;*/
    margin: auto;
    height: auto;
}

/* ############################################################### */
/* #                     Menu Apartamentos                       # */
/* ############################################################### */


.relative
{
    /*border: 1px solid black;*/
    position: relative;
    
    width: 1000px;
    margin: auto;
    height: 66px;
    /*
    width: auto;
    margin: auto;
    height: auto;
    */
}
/*-----------------------------------------------------------------*/
.quartos
{
    /*border: 1px solid red;*/
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /*
    width: 1000px;
    margin: auto;
    height: auto;
    */
}
/*-----------------------------------------------------------------*/
nav#menu_apes
{
    /*border: 1px solid black;*/
    /*position: static;*/
    /*display: none;*/
    z-index: 50;
}
/*-----------------------------------------------------------------*/
#menu_apes ul
{
    /*border: 1px solid red;*/
    font-family: 'Bitter', serif;
    font-size: 14pt;
    /*font-weight: bold;*/
    text-align: center;
    
    list-style:none;
    display: block;
    
    width: 1000px;
    margin: 0 auto;
    padding: 0;
    
    background-color: rgb(239, 239, 239);
}

/*-----------------------------------------------------------------*/
nav#menu_apes li
{
    /*border: 1px solid blue;*/
    display: inline-block;
    
    margin-top: 20px; /*espaco entre os itens do menu*/
    margin-bottom: 20px; /*espao entre os itens do menu*/
    margin-right: 20px; /*espaco entre os itens do menu*/
    margin-left: 20px; /*espaco entre os itens do menu*/
    
}
/*-----------------------------------------------------------------*/
nav#menu_apes a:link
{
    text-decoration: none;
}
/*-----------------------------------------------------------------*/
nav#menu_apes a
{
    /*border: 1px solid black;*/
    border: 1px solid rgb(255, 112, 101);
    border-radius: 5px;
    color: rgb(238, 66, 72);
    
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
}
/*-----------------------------------------------------------------*/
nav#menu_apes a:hover
{
    color: rgb(250, 250, 250);
    background-color: rgb(255, 112, 101);
    transition: 0.6s ease;
}
nav#menu_apes a.active
{
    color: rgb(250, 250, 250);
    background-color: rgb(255, 112, 101);
}


/* ############################################################### */
/* #                        Apartamentos                         # */
/* ############################################################### */

#apes
{
    /*border: 1px solid pink;*/
    width: 100%;
    margin: auto;
    height: auto;
    
    background-color: rgb(239, 239, 239);
}
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
#ape_escolha
{
    /*border: 1px solid orange;*/
    width: 1000px; /*!important;*/
    margin: auto;
    height: auto;
    
    background-color: rgb(239, 239, 239);
}
/*-----------------------------------------------------------------*/
p#ape_titulo
{
    /*border: 1px solid blue;*/
    font-family: 'Bitter', serif;
    font-size: 15pt;
    color: rgb(71, 71, 71); /*rgb(80, 82, 84);*/ /*rgb(37, 37, 37);*/
    text-align: left;
    
    width: 1000px;
    margin: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    background-color: /*rgb(240, 240, 240);*/ /*rgb(231, 76, 60);*/ rgb(239, 239, 239);
    border-left: 5px solid rgb(255, 106, 0); /*rgb(231, 76, 60);*/
}
/*-----------------------------------------------------------------*/
#imagens
{
    /*border: 1px solid red;*/
    width:1000px;
    margin: auto;
}
/*-----------------------------------------------------------------*/
#galeria img#foto
{
    /*border: 1px solid black;*/
    /*
    border-radius: 5px;
    border: 1px solid rgb(51, 51, 51);
    */
    width:262px;
    height:auto;
}
/*-----------------------------------------------------------------*/
ul#galeria
{
    /*border: 1px solid yellow;*/
    list-style:none;
    margin: 0 auto;
    padding: 0;
    display: block;
    width:920px;
    text-align: center;
}
/*-----------------------------------------------------------------*/
ul#galeria li
{
    /*border: 1px solid blue;*/
    display: inline-block;
    margin: 10px; /*espaco entre o ul*/
    /*
    padding: 5px;
    border-radius: 5px;
    border: 1px solid /*rgb(231, 76, 60);*/rgb(51, 51, 51);
    */
}
/*-----------------------------------------------------------------*/
ul#galeria li:hover
{
    background-color: rgb(255, 112, 101);
}
img#foto:hover
{
    opacity: 0.8;
}
/*-----------------------------------------------------------------*/
ul#galeria li img
{
    display: block;
}
/*-----------------------------------------------------------------*/
#galeria a
{
    text-decoration: none;
}
/*-----------------------------------------------------------------*/
/*
@mixin transition($speed:500ms)
{
    -webkit-transition: all $speed ease;
    -moz-transition: all $speed ease;
    -ms-transition: all $speed ease;
    -o-transition: all $speed ease;
    transition: all $speed ease; 
}

img
{
    vertical-align:top;
}

.foto
{
    opacity:0.0;
    @include transition;
}

.foto-ok
{
    opacity:1;
}
*/
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
#descricao
{
    /*border: 1px solid blue;*/
    width:1000px;
    height: auto;
    margin: auto;
    display: table;
}
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
#lista_desc
{
    /*border: 1px solid black;*/
    width: 400px;
    height: auto;
    float: left;
    margin: auto 2.5em;
}
/*-----------------------------------------------------------------*/
#lista_desc p#titulo
{
    /*border: 1px solid blue;*/
    font-family: 'Hind', sans-serif;
    font-size: 12pt;
    font-weight: bold;
    color: rgb(80, 82, 84); /*rgb(51, 51, 51);*/
    
    text-align: left;
    
    margin-top: 20px;
    margin-bottom: 10px;
}
/*-----------------------------------------------------------------*/
#lista_desc p#texto
{
    /*border: 1px solid grey;*/
    font-family: 'Hind', sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: rgb(80, 82, 84); /*rgb(51, 51, 51);*/

    text-align: left;
    
    margin-top: 5px;
}
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
#lista_itens
{
    /*border: 1px solid black;*/
    width: 300px;
    height: auto;
    
    float: right;
    margin: auto 2.5em;
    margin-bottom: 59px;
}
/*-----------------------------------------------------------------*/
#lista_itens p#titulo
{
    /*border: 1px solid blue;*/
    font-family: 'Hind', sans-serif;
    font-size: 12pt;
    font-weight: bold;
    color: rgb(80, 82, 84);
    
    text-align: left;
    
    margin-top: 20px;
    margin-bottom: 20px;
}
/*-----------------------------------------------------------------*/
img#item
{
    /*border: 1px solid gray;*/
    /*
    width: 24px;
    height: auto;
    */
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 10px;
}
/*-----------------------------------------------------------------*/
.tooltip
{
    display: inline-block;
    position: relative;
    cursor: help;
    padding: 4px;
}  
/*-----------------------------------------------------------------*/
.tooltip:after
{
    content: '';
    display: none;
    
    position: absolute;
    width: 0;
    height: 0;
    
    border-color: transparent;
    border-style: solid;
    
    left: 50%;
    margin-left: -10px;
    bottom: 100%;
    border-width: 6px 6px 0;
    border-top-color: rgb(240, 240, 240); /*seta rgb(251, 133, 33);*/ 
    
    margin-bottom: 5px; /*seta*/
}
/*-----------------------------------------------------------------*/
.tooltip:before
{
    content: attr(data-title);
    display: none;
    
    background: rgb(239, 239, 239); /*cor fundo texto rgb(248, 248, 248);*/
    
    position: absolute;
    bottom: 100%;
    left: 50%;
    
    font-family: 'Hind', sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: rgb(51, 51, 51);
    
    padding: 4px 8px;
    line-height: 1.4;
    min-width: 150px;
    text-align: center;
    transform: translateX(-50%);
    
    margin-bottom: 10px; /*texto*/
    border-radius: 10%;
    border: 1px solid rgb(240, 240, 240); /* cor borda rgb(251, 133, 33);*/
    /*opacity: 0.6;*/
}
/*-----------------------------------------------------------------*/
.tooltip:hover:before, .tooltip:hover:after
{
    visibility: visible;
    display: block;
    /*z-index: 50;*/
}

/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
#lista_pay
{
    /*border: 1px solid black;*/
    width: 300px;
    height: auto;

    float: right;
    margin: auto 2.5em;
}
/*-----------------------------------------------------------------*/
#lista_pay p#titulo
{
    /*border: 1px solid blue;*/
    font-family: 'Hind', sans-serif;
    font-size: 12pt;
    font-weight: bold;
    color: rgb(80, 82, 84);
    
    text-align: left;
    
    margin-top: 14px;
    margin-bottom: 10px;
}
/*-----------------------------------------------------------------*/
#lista_pay p#texto
{
    /*border: 1px solid grey;*/
    /*font-family: 'Hind', sans-serif;*/
    font-family: 'Arial', sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: rgb(80, 82, 84); /*rgb(51, 51, 51);*/
    
    text-align: left;
    
    margin-top: 8px;
}
/*-----------------------------------------------------------------*/
img#cartoes
{
    /*border: 1px solid gray;*/
    /*
    width: 32px;
    height: auto;
    */
    margin-right: 10px;
    margin-bottom: 10px;
}


/* ############################################################### */
/* #                           Rodape                            # */
/* ############################################################### */

#rodape
{
    /*border: 1px solid pink;*/
    width: 100%;
    height: auto;
    background-color: rgb(255, 255, 255); /*rgb(255, 106, 0);*/
    
    border-top: 2px solid rgb(227, 227, 227); /*rgb(255, 106, 0);*/
    /*border-bottom: 1px solid rgb(227, 227, 227);*/
}
/*-----------------------------------------------------------------*/
#rodape_infos
{
    /*border: 1px solid blue;*/
    width: 1000px;
    height: auto; /*150px;*/
    margin: auto;
    background-color: rgb(255, 255, 255); /*rgb(255, 106, 0);*/
}
/*-----------------------------------------------------------------*/
#rodape p
{
    /*border: 1px solid red;*/
    /*font-family: 'Myriad Pro', sans-serif;*/
    font-family: 'Arial', sans-serif;
    font-size: 9pt;
    color: rgb(71, 71, 71); /*rgb(255, 255, 255);*/
    text-align: center;
    
    width: 340px;
    margin: 50px auto;
}


/* ############################################################### */
/* #                         Whatever                            # */
/* ############################################################### */

.clear
{
    clear: both;
    overflow: auto;
}

.clearfix:before, .clearfix:after {
    content: "";    
    display: table;
}
.clearfix:after {
    clear: both;
}


/* -------------------------------------------------------- */
/* -------------------------------------------------------- */
/* -------------------------------------------------------- */