﻿body, HTML
{
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    font-family: Arial;
  /*  background: url(../../images/bg.jpg);*/
    
    
    
}

.bgWhite
{
    background-color: #fff;
    border-right: 2px solid #f9f9f9;
    border-left: 2px solid #f9f9f9;
    border-bottom: 2px solid #f9f9f9;
}



.bgHeader
{
    background: #fff url(../../images/bgHeader.gif) repeat-x top;
    /*height: 86px;*/
}

.btSocial
{
    float: right;
    padding: 10px 3px 0px 3px;
}

.paddingRight
{
    padding-right: 5px;
    padding-bottom:0px;
}
/*********background image****************/



img.bg100
{
    /* Set rules to fill background */
    min-height: 100%;
    min-width: 1024px; /* Set up proportionate scaling */
    width: 100%;
    height: auto; /* Set up positioning */
    position: fixed;
    top: 0;
    left: 0;
}

@media screen and (max-width: 1024px)
{
    img.bg100
    {
        left: 50%;
        margin-left: -512px;
    }
    
}


#page-wrap
{
    position: relative;
    width: 100%;
    text-align: center;
     z-index:1000!important;
}




/************************************************/
a:link
{
    text-decoration: none;
}

.contentArea
{
    width: 568px;
}

.content
{
    width: 568px;
    background-color: #ffffff;
}


.white
{
    background-color: #ffffff;
}


.bgDegrade
{
    background-image: url(../../images/degradeFundo.gif);
    background-position: top;
    background-repeat: repeat-x;
}


.sombraTop
{
    padding-top: 20px;
}

.sombraBottom
{
    background-image: url(../../images/bgSombraBottomP.gif);
    background-repeat: repeat-x;
    background-position: left;
    height: 13px;
}

.sombraBarraRf
{
    background:url(../../images/sombraBarraRf.gif) no-repeat left bottom; 
    height:49px
}

.sombraBarraLf
{
    background:url(../../images/sombraBarraLf.gif) no-repeat right bottom; 
    height:49px
}


.sombraEsq
{
    background-image: url(../../images/sombraL.gif);
    background-repeat: repeat-y;
    width: 5px;
}

.sombraDir
{
    background-image: url(../../images/sombraR.gif);
    background-position: top;
    background-repeat: repeat-y;
    width: 15px;
}

.txtj
{
    font-size: 11px;
    color: #3b3b3b;
    text-align: justify;
    line-height: 18px;
}


.date
{
    font-size: 11px;
    color: #3b3b3b;
    text-align: justify;
    line-height: 18px;
}

.txtj p
{
    font-size: 11px;
    color: #3b3b3b;
    text-align: justify;
    line-height: 18px;
}

.txtNewsJ
{
        font-size: 11px;
    color: #3b3b3b;
    text-align: justify;
    line-height: 18px;
}



.txtConfirm
{
    font-size: 10px;
    color: #ffffff;
    background-color: #f59f48;
    padding: 0 3px 3px 3px;
    text-align: center;
}

.legConfirm
{
    background-color: #f59f48;
    width: 10px;
    height: 10px;
    margin: 5px 5px 0px 8px;
}


.txtCriacao
{
    font-size: 10px;
    color: #ffffff;
    background-color: #fbd41a;
    padding: 0 0px 3px 0px;
    text-align: center;
}

.legCriacao
{
    background-color: #fbd41a;
    width: 10px;
    height: 10px;
    margin: 5px 5px 0px 8px;
}

.txtFechado
{
    font-size: 10px;
    color: #ffffff;
    background-color: #ee4035;
    padding: 0 3px 3px 3px;
    text-align: center;
}

.legFechado
{
    background-color: #ee4035;
    width: 10px;
    height: 10px;
    margin: 5px 5px 0px 8px;
}

.txtForm
{
    font-size: 11px;
    color: #3b3b3b;
    text-align: justify;
    line-height: 18px;
    font-weight: bold;
}

.inputForm
{
    font-family: Arial;
    font-size: 11px;
    color: #3b3b3b;
    line-height: 16px;
    border: 1px solid #bbc3c6;
    height:16px;
}

select
{
    font-family: Arial;
    font-size: 11px;
    color: #3b3b3b;
    line-height: 20px;
    border: 1px solid #bbc3c6;
    height:20px!important;
}



.txtLink
{
    font-size: 11px;
    color: #3b3b3b;
    text-align: justify;
    line-height: 18px;
    text-decoration: none;
}

.txtLink:hover
{
    font-size: 11px;
    color: #3b3b3b;
    text-align: justify;
    line-height: 18px;
    text-decoration: underline;
}

.titulo1
{
    font-size: 11px;
    color: #3b3b3b;
    text-align: justify;
    font-weight: bold;
    line-height: 20px;
}

.tituloPublicacoes
{
    font-size: 11px;
    color: #1783af;
    text-align: justify;
    font-weight: bold;
    line-height: 20px;
    padding-left:10px;
}




.titOrange
{
    font-size: 10px;
    color: #ee4035;
    text-align: left;
    font-weight: bold;
    line-height: 14px;
}

/*****************Menu Topo***********************/



.menuTopTable
{
    padding-bottom: 13px;
    padding-left: 14px;
    width:438px;
}



/**********menus sensações*********/


.sensTxt
{
    font-size: 11px;
    color: #ffffff;
    text-decoration: none;
    margin: 0px 0px 2px 5px;
    height: 23px;
    text-align: left;
  
}

.sensTxtBlack
{
    font-size: 11px;
    color: #000;
    text-decoration: none;
    margin: 0px 0px 2px 5px;
    height: 23px;
    text-align: left;
}



.sensRed
{
    background-image: url(../../images/btGourmet.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 171px;
    height: 23px;
    border-bottom: 2px solid #ffffff;
}

.sensRed:hover
{
    background-image: url(../../images/btGourmetOver.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 171px;
    height: 23px;
    cursor: pointer;
    border-bottom: 2px solid #ffffff;
}
/******/


.sensPink
{
    background-image: url(../../images/btRomance.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 171px;
    height: 23px;
    border-bottom: 2px solid #ffffff;
}
.sensPink:hover
{
    background-image: url(../../images/btRomanceOver.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 171px;
    height: 23px;
    cursor: pointer;
    border-bottom: 2px solid #ffffff;
}


/******/

.sensPink2
{
    background-image: url(../../images/btReligiao.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 171px;
    height: 23px;
    border-bottom: 2px solid #ffffff;
}
.sensPink2:hover
{
    background-image: url(../../images/btReligiaoOver.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 171px;
    height: 23px;
    cursor: pointer;
    border-bottom: 2px solid #ffffff;
}
/******/

.sensYellow
{
    background-image: url(../../images/btSaude.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 171px;
    height: 23px;
    border-bottom: 2px solid #ffffff;
}
.sensYellow:hover
{
    background-image: url(../../images/btSaudeOver.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 171px;
    height: 23px;
    cursor: pointer;
    border-bottom: 2px solid #ffffff;
}

/******/

.sensYellow2
{
    background-image: url(../../images/btDesporto.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 171px;
    height: 23px;
    border-bottom: 2px solid #ffffff;
    color: #000;
}
.sensYellow2:hover
{
    background-image: url(../../images/btDesportoOver.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 171px;
    height: 23px;
    cursor: pointer;
    border-bottom: 2px solid #ffffff;
}


/******/
.sensOrange
{
    background-image: url(../../images/btGastronomia.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 171px;
    height: 23px;
    border-bottom: 2px solid #ffffff;
}

.sensOrange:hover
{
    background-image: url(../../images/btGastronomiaOver.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 171px;
    height: 23px;
    cursor: pointer;
    border-bottom: 2px solid #ffffff;
}



/******/


.sensBlue
{
    background-image: url(../../images/btRia.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 171px;
    height: 23px;
    cursor: pointer;
    border-bottom: 2px solid #ffffff;
}


.sensBlue:hover
{
    background-image: url(../../images/btRiaOver.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 171px;
    height: 23px;
    cursor: pointer;
    border-bottom: 2px solid #ffffff;
}

/******/


.sensBlue3
{
    background-image: url(../../images/btArtesLetras.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 171px;
    height: 23px;
    cursor: pointer;
    border-bottom: 2px solid #ffffff;
}


.sensBlue3:hover
{
    background-image: url(../../images/btArtesLetrasOver.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 171px;
    height: 23px;
    cursor: pointer;
    border-bottom: 2px solid #ffffff;
}

/******/

.sensGreen
{
    background-image: url(../../images/btAmbiente.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 171px;
    height: 23px;
    border-bottom: 2px solid #ffffff;
}

.sensGreen:hover
{
    background-image: url(../../images/btAmbienteOver.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 171px;
    height: 23px;
    cursor: pointer;
    border-bottom: 2px solid #ffffff;
}


/******/


.sensGray
{
    background-image: url(../../images/btVoo.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 171px;
    height: 23px;
    border-bottom: 2px solid #ffffff;
}

.sensGray:hover
{
    background-image: url(../../images/btVooOver.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 171px;
    height: 23px;
    cursor: pointer;
    border-bottom: 2px solid #ffffff;
}


/******/


.sensBlue2
{
    background-image: url(../../images/btCorporate.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 171px;
    height: 23px;
    border-bottom: 2px solid #ffffff;
}

.sensBlue2:hover
{
    background-image: url(../../images/btCorporateOver.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 171px;
    height: 23px;
    cursor: pointer;
    border-bottom: 2px solid #ffffff;
}

/******/


.sensOrange2
{
    background-image: url(../../images/btRitmo.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 171px;
    height: 23px;
    border-bottom: 2px solid #ffffff;
}

.sensOrange2:hover
{
    background-image: url(../../images/btRitmoOver.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 171px;
    height: 23px;
    cursor: pointer;
    border-bottom: 2px solid #ffffff;
}

/*******/

.sensBrown
{
    background-image: url(../../images/btTradicao.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 171px;
    height: 23px;
    border-bottom: 2px solid #ffffff;
}

.sensBrown:hover
{
    background-image: url(../../images/btTradicaoOver.gif );
    background-repeat: no-repeat;
    background-position: left top;
    width: 171px;
    height: 23px;
    cursor: pointer;
    border-bottom: 2px solid #ffffff;
}

.logoSensacoesMenu
{
    background:url(../../images/logo_sensacoes_menu.gif) no-repeat;
    width:171px;
    height:45px;
}

/*************Barras Cinza*********************/

.BarraTitLat
{
    background-image: url(../../images/cantoTitBarra.gif);
    background-repeat: no-repeat;
    background-position: right;
    background-color: #ededed;
    height: 20px;
    width: 100%;
    text-indent: 10px;
}
.txtBarraTitLat
{
    color: #545454;
    text-decoration: none;
    text-align: left;
    font-size: 12px;
}

.cursor
{
    cursor: pointer;
}


.BarraTitLatD
{
    background-image: url(../../images/cantoTitBarraR.gif);
    background-repeat: no-repeat;
    background-position: left;
    margin: 0 0px 0 6px;
    background-color: #ededed;
    height: 20px;
    width: 175px;
    text-indent: 16px;
}


/**********Calendario****************/

.calendar
{
    text-decoration: none;
    font-size: 11px;
}

.diasSemana
{
    text-transform: uppercase;
    padding: 6px;
    font-size: 11px;
    text-decoration: none;
}

.calToday
{
    text-decoration: none;
}

.bgPicotado
{
    background-image: url(../../images/bgPicotado.gif);
    background-repeat: repeat-x;
    height: 17px;
    width: 140px;
}

.bgPicotadoD
{
    background-image: url(../../images/bgPicotado.gif);
    background-repeat: repeat-x;
    height: 17px;
    width: 155px;
}


.btCReservas
{
    background-image: url(../../images/bgCentralReservas.gif);
    background-repeat: no-repeat;
    width: 145px;
    height: 20px;
    font-size: 11px;
    color: #272727;
    text-indent: 22px;
    cursor: pointer;
    text-align: left;
    padding-left: 10px;
    padding-top: 2px;
    text-decoration: none;
}

.btCReservas:hover
{
    background-image: url(../../images/bgCentralReservasOver.gif);
    background-repeat: no-repeat;
    width: 145px;
    height: 20px;
    font-size: 11px;
    color: #000000;
    text-indent: 22px;
    cursor: pointer;
    text-align: left;
}

.bgBarraL
{
    background-image: url(../../images/sombraBarraL.gif);
    background-repeat: repeat-y;
    background-position: right;
    width: 172px;
}

.bgBarraR
{
    background-image: url(../../images/sombraBarraR.gif);
    background-repeat: repeat-y;
    background-position: left;
    width: 15px;
}


/*************brochura*************/
.brochura
{
    cursor: pointer;
}

.btBlue
{
    background-color: #1783af;
    font-size: 10px;
    color: #ffffff;
    margin: 0 5px 0 25px;
    padding: 0 0px 0 5px;
    cursor: pointer;
    text-decoration: none;
    text-align: left;
    border: none;
}

.btBlue:hover
{
    background-color: #026f9b;
    color: #ffffff;
    cursor: pointer;
}



.btText
{
    font-size: 11px;
    color: #000;
    cursor: pointer;
    text-decoration: none;
    border: none;
    background-color: transparent;
}

.btText:hover
{
    font-size: 11px;
    color: #000;
    cursor: pointer;
    text-decoration: underline;
    border: none;
    background-color: transparent;
}

.btBlue2
{
    background-color: #1783af;
    font-size: 10px;
    color: #ffffff;
    margin: 0 5px 0 5px;
    cursor: pointer;
    text-decoration: none;
    text-align: left;
    border: none;
    text-align: center;
}

.btBlue2:hover
{
    background-color: #026f9b;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
}

.txtBlue
{
    background-color: #1783af;
    font-size: 10px;
    color: #ffffff;
    margin: 0 5px 0 25px;
    padding: 0 0px 0 5px;
    text-decoration: none;
    text-align: left;
    border: none;
}




.linkBlue
{
    font-size: 10px;
    padding: 0 5px 0 25px;
    color: #1783af;
    text-decoration: none;
    text-align: left;
}

.linkBlue:hover
{
    color: #1783af;
    text-decoration: underline;
    cursor: pointer;
}


.linkBlue2
{
    font-size: 10px;
    color: #1783af;
    text-decoration: none;
    text-align: left;
}

.linkBlue2:hover
{
    color: #1783af;
    text-decoration: underline;
    cursor: pointer;
}



.btCinza
{
    background-color: #6e6e6e;
    font-size: 10px;
    color: #ffffff;
    margin: 5px 5px 0 0;
    padding: 0 5px 0 5px;
    cursor: pointer;
    text-decoration: none;
    border: none;
}

.btCinza:hover
{
    background-color: #555c63;
    color: #ffffff;
    cursor: pointer;
}



.btCinza2
{
    background-color: #6e6e6e;
    font-size: 10px;
    color: #ffffff;
    margin: 0px 5px 0 5px;
    cursor: pointer;
    text-decoration: none;
    border: none;
}

.btCinza2:hover
{
    background-color: #555c63;
    color: #ffffff;
    cursor: pointer;
}


.txtGray
{
    font-size: 10px;
    color: #b9b9b9;
    text-decoration: none;
    text-align: left;
    line-height: 12px;
}

/***********Rodape***********/
.txtRodape
{
    font-size: 11px;
    color: #fff;
    text-decoration: none;
}


.txtRodape2
{
    font-size: 11px;
    color: #fff;
    text-decoration: none;
}

.txtFooter
{
    font-size: 11px;
    color: #AAAAAA;
    text-decoration: none;
}

.txtRodapeLink
{
    font-size: 11px;
    color: #fff;
    text-decoration: none;
}

.txtRodapeLink:hover
{
    font-size: 11px;
    color: #fff;
    text-decoration: underline;
}

/*************Noticias*****************/
.barraCinza
{
    background-color: #6e6e6e;
    font-size: 12px;
    color: #ffffff;
    text-indent: 10px;
    height: 18px;
}

.barraCinza2
{
    background-color: #b9b9b9;
    font-size: 12px;
    color: #ffffff;
    text-indent: 10px;
    height: 18px;
}

.AreaSensacoes
{
    background-color: #f7f7f7; 
    padding: 10px;
    width: 100%;
}


.AreaNoticias
{
    background-color: #eeeeee; /*  padding: 5px;*/
    width: 100%;
}

.AreaNoticias2
{
    padding: 0 0 10px 0px;
    width: 98%;
}


.txtNoticias
{
    font-size: 11px;
    color: #3b3b3b;
    line-height: 16px;
    text-align: justify;
}

.titNoticias
{
    font-size: 11px;
    color: #1783af;
    line-height: 16px;
    text-align: justify;
    font-weight: bold;
    text-decoration: none;
}



.titNoticias:hover
{
    color: #1783af;
    text-decoration: underline;
}

.titNoticias2
{
    font-size: 11px;
    color: #1783af;
    line-height: 16px;
    text-align: justify;
    font-weight: bold;
    text-decoration: none;
}


/***********Lista Sensações*************/
.rounded
{
    color: #ffffff;
    background-color: #555c63;
    width: 100%;
    text-indent: 10px;
    font-size: 12px; /*height: 20px;*/
    outline: none;
    border: none;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    display: -moz-inline-box;
    display: inline-block;
    overflow: visible;
}

.legenda
{
    background-color: #f0f0f0;
    font-size: 11px;
    color: #545454;
    vertical-align: top;
    padding: 3px;
    display: block;
}

.legenda2
{
    font-size: 10px;
    color: #777777;
    vertical-align: top;
    display: block;
}

.titLegenda
{
    font-size: 10px;
    color: #3b3b3b;
    text-align: justify;
    font-weight: bold;
    line-height: 20px;
}

.bgLegenda
{
    background-color: #f7f7f7;
    width: 74%;
}

.txtLegenda
{
    font-size: 10px;
    color: #545454;
    text-decoration: none;
    display: block;
}


.txtLegenda:hover
{
    font-size: 10px;
    color: #202020;
    text-decoration: none;
    cursor: pointer;
}


/*************Cores Barras de Título***********/



.bgRed
{
    background-color: #b20837;
}

.bgPink
{
    background-color: #a51984;
}

.bgOrange
{
    background-color: #f98d20;
}
.bgBlue
{
    background-color: #0193cf;
}
.bgGreen
{
    background-color: #78a540;
}
.bgGray
{
    background-color: #6a747d;
}
.bgBrown
{
    background-color: #7c6a54;
}


.bgBlue2
{
    background-color: #003368;
}

.bgOrange2
{
    background-color: #ee4035;
}


.bgBlue3
{
    background-color: #64b7dc;
}

.bgPink2
{
    background-color: #d33972;
}

.bgYellow
{
    background-color: #c35aa0;
}


.bgYellow2
{
    background-color: #f7d917;
    color: #000;
}



/*************Agenda*******************/
.agendaData
{
    font-size: 12px;
    color: #1783af;
    line-height: 16px;
    text-align: justify;
    line-height: 24px;
}

.agendaNoEvents
{
    font-size: 11px;
    color: #3b3b3b;
    text-align: justify;
    line-height: 18px;
}

.agendaHora
{
    font-size: 11px;
    color: #242424;
    text-align: left;
    font-weight: bold;
    padding-right: 8px;
}

.agendaTxt
{
    font-size: 11px;
    color: #3b3b3b;
    line-height: 16px;
    text-align: justify;
    line-height: 24px;
}

.bgPicotado2
{
    background-image: url(../../images/bgPicotado.gif);
    background-repeat: repeat-x;
    height: 17px;
    width: 538px;
}

.bgPicotado3
{
    background-image: url(../../images/bgPicotado.gif);
    background-repeat: repeat-x;
    height: 17px;
    width: 100%;
}


/*******************lightbox****************/
#gallery
{
    width: 360px;
    text-align: left;
}
#gallery ul
{
    margin: 0px;
    text-align: left;
    border: 0px;
    list-style: none;
    display: table-cell;
}
#gallery ul li
{
    display: inline;
}
#gallery ul img
{
    border: 1px solid #ffffff;
}
#gallery ul a:hover img
{
    border: 1px solid #ffffff;
}
#gallery ul a:hover
{
}


/*******************Geleria****************/
.gallery
{
    width: 100%;
    text-align: left;
}
.gallery ul
{
    margin: 0px;
    text-align: left;
    border: 0px;
    list-style: none;
    display: table-cell;
}
.gallery ul li
{
    display: inline;
}
.gallery ul img
{
    border: 1px solid #ffffff;
}
.gallery ul a:hover img
{
    border: 1px solid #ffffff;
}


/********Lingua*************/

.language
{
    font-size: 10px;
    color: #555555;
    text-decoration: none;
    cursor: pointer;
    line-height: 35px;
    padding-right: 5px;
}

.language:hover
{
    font-size: 10px;
    color: #1783af;
    text-decoration: none;
    cursor: pointer;
    padding-right: 5px;
}


/***************Galeria*************/
.GaleriaTop
{
    text-align: center;
    width: 100%;
}


/*************Paginacao*************/


.formInputPage
{
    border: 1px solid #d7d7d7;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    color: #181818;
}


/***********Pesquisa***************/
.searchDefaultValue
{
        font-size: 11px;
    color: #9e9e9e;
    text-align: justify;
    line-height: 18px;
}

.AreaGetaways
{
    background-color: #eeeeee; 
    padding: 5px; 
    width:130px;  
    height:160px; 
}

.imgHover {
    display: inline;
    position: relative;  
}
.imgHover .hover {
    display: none;
    position: absolute;    
    z-index: 2;
    top: 12px;
    background-color:#000;
    color:#FFF;
    font-weight:bold;
    font-size:12px;
    padding:4px 4px 4px 4px;
    white-space:nowrap;
    left:4px;
}
