@CHARSET "ISO-8859-1";

/********************************************
        Estilos
*********************************************/
body{
    background:#312d68;
    margin:0px; padding:0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

img a{border:none;}

img{border:none;}

textarea { overflow: auto; }

#geral{
    width:1005px;
    margin:0 auto;
    background-color: #f6f8f7;
}

.c{clear:both;}

/****************************************
        Topo
*****************************************/
#topo{
    width:1005px;
    height:420px;
    background:#dcdce8;
}
#topo #logomarca{

}
#topo #banner-topo{
    width:1005px;
    background:#fff;
}

/************************************
        Menu Horizontal Topo
*************************************/
#menu-topo {
    width: 100%;
    display: block;
    height: 41px;
    background:url(../images/bg_menu.jpg) repeat-x;
    color: #fff;
}
#menu-topo div {
    float:right;
    position:relative;
    left:-50%;
    text-align:left;
}
#menu-topo ul {
    list-style:none;
    position:relative;
    left:50%;
}
#menu-topo ul li{
    float:left;
    position:relative;
}
#menu-topo ul li a{
    float:left;
    color:#fff;
    padding:13px 25px;
    font-size:14px;
    font-variant:small-caps;
}
#menu-topo ul li a:hover{
    background:url(../images/bg_menu-hover.jpg) repeat-x;
}

/*************************************
        Content
**************************************/
#content{
    width:1005px;
}

/************************************
        Sidebar Left
*************************************/
#sidebar-left{
    width:250px;
    float:left;
    background: #f5f5fd url(../images/bg_sidebar_right.jpg) repeat-x;
    padding:10px;
    min-height: 600px;
}
#sidebar-left #menu-left{
    float:left;
}
#sidebar-left #menu-left ul{
    width:210px;
    list-style-image:url(../images/seta.png);
    margin-left:30px;
}
#sidebar-left #menu-left ul li{
    width: 200px;
    padding:17px 0;
    border-bottom:1px dashed #069;
    font-size: 12px;
}
#sidebar-left #menu-left ul li a{
    color:#069;
    width:230px;
    padding-left: 7px;
    font-variant:small-caps;
}
#sidebar-left #menu-left ul li a span {
    font-size: 10px;
}
#sidebar-left #menu-left ul li a:hover{
    text-decoration: underline;
}

#sidebar-left #clima{
    margin:15px 0 0 65px;
}

/****************************************
        Conteudo
*****************************************/
#corpo{
    width:710px;
    float:right;
    padding:10px;
}
.title{
    font-size:18px;
    padding:5px 3px;
    background:#ebebf3;
    color:#534b84;
    font-variant:small-caps;
}
#corpo h2{
    color:#F00;
    font-size:14px;
    padding:5px 0;
}
#corpo h3{
    font-size:12px;
    font-weight:bold;
}
#corpo strong{
    font-weight:bold;
}
#corpo p{
    font-size:11px;
    text-align:justify;
    padding:10px 8px 10px 0;
    line-height:20px;
}

/****************************************
        Paginacao
*****************************************/
.paginacao{
    float:right;
    margin-right:15px;
    margin-top:15px;
}
.paginacao_guia{
    float:right;
    margin-top:15px;
}
.paginacao ul li,
.paginacao_guia ul li{
    float:left;
    display:inline;
    margin:1px;
}
.paginacao ul li a,
.paginacao_guia ul li a{
    float:left;
    padding:5px;
    background:#e3e3e3;
    border:1px solid #eee;
}
.paginacao ul li a:hover,
.paginacao_guia ul li a:hover,
.paginacao ul li .pg_active,
.paginacao_guia ul li .pg_active{
    background:#6f6b9f;
    border:1px solid #ddd;
    color:#f5f5f5;
}


/****************************************
        Encontre um Guia
*****************************************/
.guia{
    border:1px solid #d1d1d1;
    margin-top:10px;
}
.guia .foto_guia{
    width:110px;
    height:150px;
    float:left;
    margin:5px;
    border:1px solid #d1d1d1;
}
.guia .foto_guia img{
    width:110px;
    margin-top:10px;
    float:left;
    position:absolute;
}
.guia .foto_guia strong{
    float:left;
    margin:55px 0 0 15px;
    font-variant:small-caps;
    position:absolute;
    color:#555;
}
.guia p{
    line-height:normal !important;
    margin:0;
    padding:0;
    font-size:14px;
    font-variant:small-caps;
}


/****************************************
        Listas
*****************************************/
#corpo .listas{
    margin:0px 0px 15px 20px;
}
#corpo .listas ul{
    list-style:circle;
}
#corpo .listas ul li{
    font-size:11px;
    padding:4px 0;
}

/****************************************
        Tabela Servicos
*****************************************/
#tabela_servicos table td,
#tabela_servicos table th {
    border-right:1px solid #BFBFBF;
    border-bottom:1px solid #BFBFBF;
    padding:2px 5px;
}
tr.even {
    background:url(../images/row-bg.png) repeat-x top left;
}
tr.even strong {
    font-size:15px;
    font-variant:small-caps;
}
.pricing-table {
    border-left:1px solid #BFBFBF;
    border-top:1px solid #BFBFBF;
}
.pricing-table tr td {text-align:center;}
.pricing-table tr td.colfirst {text-align:left;}
.pricing-table {width:100%;}

/****************************************
        Tabela Aniversariantes do mes
*****************************************/
#accordion {
    margin: 10px;
}
#accordion h3 {
    cursor: pointer;
    border: 1px solid #ccc;
    padding: 10px;
    width: 100%;
    float: left;
    display: inline;
    font-size: 14px !important;
    font-variant: small-caps;
    color: #515151;
    margin: 5px 0;
    font-weight: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#accordion h3:hover, .ui-accordion-header-active {
    background: #e9e9e9;
}
#accordion div {
    margin-bottom: 20px;
}
#accordion div p {
    width: 100%;
    display: block;
    line-height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #ddd;
}
#accordion div span {
    font-size: 16px;
    margin: 0 10px;
}

/****************************************
        Contato
*****************************************/
#form_contato{
    width:330px;
    float:left;
    font-size:12px;
}
#form_contato input,
#form_contato textarea{
    padding:3px 5px;
    width:220px;
    margin:2px 0;
    border:1px solid #d1d1d1;
}
#form_contato .bt_enviar{
    width:70px;
    cursor:pointer;
}



/***************************************
        Rodape
****************************************/
#footer{
    position: relative;
    margin: 0 auto;
    width:1005px;
    height:35px;
    background: #2e2a65 url(../images/bg_footer.jpg) repeat-x;
}

/***************************************
        Menu Rodape
****************************************/
#menu-footer ul{
    float:left;
    text-align:center;
    padding-left:220px;
}
#menu-footer ul li{
    display:inline;
    float:left;
    color:#fff;
    padding:12px 5px 0 5px;
    font-size:10px;
}
#menu-footer ul li a{
    float:left;
    color:#fff;
    padding:0 10px 0 0;
    font-variant:small-caps;
}
#menu-footer ul li .home{
    padding:13px 31px 13px 44px;
}
#menu-footer ul li a:hover{
    text-decoration:underline;
}


/***************************************
        CGDW
****************************************/
#cgdw{
    float:right;
}
#cgdw a{
    float:right;
    margin:10px 15px 0 0;
    padding-bottom:3px;
    font-size:10px;
    color:#fff;
    text-transform:uppercase;
}
#cgdw a:hover{
    border-bottom:1px dashed #fff;
}


/***************************************
        ACHE UM GUIA
****************************************/
#Grid .mix{
    opacity: 0;
    display: none;
}
#Grid li {
    width: 48.5%;
    background: #fff;
    margin: 5px 5px;
    border: 1px solid #ccc;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    min-height: 147px;
}
.filtro {
    margin: 20px 0;
    display: inline-block;
}
.filter {
    cursor: pointer;
    padding: 5px 16px;
    float: left;
    font-size: 12px;
    border: 1px solid #ccc;
}
.filter:hover {
    background: #DCDCE8;
}
li + li.filter {
    margin-left: 6px;
}
.acheumguia {
    display: inline-block;
}
.acheumguia li p {
    padding: 0 !important;
    line-height: 1.5em !important;
    text-align: left !important;
}
.acheumguia img {
    float: left;
    width: 90px;
    margin: 0 5px 0 0;
    display: block;
}
.back-top-div {
    position: fixed;
    left: 50%;
    margin-left: 520px;
}
#back-top {
    position: fixed;
    bottom: 20px;
    color: #000;
}
#back-top a {
    width: 60px;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #DCDCE8;

    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover {
    color: #fff;
}
/* arrow icon (span tag) */
#back-top span {
    width: 60px;
    height: 60px;
    display: block;
    margin-bottom: 7px;
    background: #DCDCE8 url(../images/up-arrow.png) no-repeat center center;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover span {
    background-color: #fff;
}

/***************************************
        RESPONSIVE SLIDER
****************************************/
.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}