/* 
    Document   : estilo
    Created on : 17/05/2013, 09:57:25
    Author     : MARCOS ROBERTO LEÃO
    Description:
    Purpose of the stylesheet follows.
*/

*{padding: 0; margin: 0; list-style: none;}
body{font-family: Tahoma, sans-serif; font-size: 12px; color: #666}
h1{width: 946px; font-size: 10px; font-weight: 100; background: #D2D3D5; color: #fff; padding: 7px 15px; letter-spacing: 0px; z-index: 5}
/***/
#container{width: 976px;display: table; margin: auto; position: relative;  z-index: 0}
/***/
header{width: 976px; height: 110px; float: left; background: #fff; }
.header_index{margin: 0 0 415px;}
.header_no_index{margin: 0 0 255px;}
/***/
.logo_gorgulho{position: absolute; top: 40px; left: 55px; cursor: pointer;}
/***/
#menu_cabecalho{width: 600px; height: 40px; background: #606062;position: absolute; top: 15px; right: 10px; padding: 0 0 0 30px; z-index: 100; clear: both}
#menu_cabecalho li{display: inline; float: left; color: #fff;padding: 13px 0 0;}
#menu_cabecalho li a{float: left; color: #fff; text-decoration: none; padding: 0 8px 0; font-size: 11px; font-weight: 700}
#menu_cabecalho li a:hover{color: #FFCA29;}
/***/
#banner_rotativo{width: 976px; height: 225px; float: left;position: absolute; top: 110px; left: 0; z-index: 10; clear: both}
/***/

/***/
#destaques_index{width: 976px; height: 225px; height: 190px; float: left; position: absolute; top: 335px; left: 0; z-index: 10; clear: both}
#destaques_index .center{width: 690px; height: 150px; display: table; margin:20px auto; text-transform: lowercase;}
#destaques_index .reset{margin: 10px 0 10px 0;}
.bg_destaque{background: url(../imagens/icones/bg_menu_index.png) no-repeat 0 0; display: block; width: 110px; height: 110px; float: left;border-radius: 55px; -moz-border-radius: 55px; -webkit-border-radius: 55px; margin: 10px 83px 10px 0;}
.bg_destaque:hover{background: url(../imagens/icones/bg_menu_index.png) no-repeat 0 -109px; display: block; width: 110px; height: 110px; float: left;border-radius: 55px; -moz-border-radius: 55px; -webkit-border-radius: 55px;}
.circulo{width: 110px; height: 110px; border-radius: 55px; -moz-border-radius: 55px; -webkit-border-radius: 55px; display: block; float: left;  position: relative; text-decoration: none; font-size: 16px; font-weight: 700; color: #666; text-align: center;transition: all 0.3s linear}
.circulo span{display: block; position: absolute; top: 115px; left: 0; width: 110px;text-align: center; }
.venda{background: url(../imagens/icones/venda_index.png) no-repeat 0 0;}
.venda:hover{background: url(../imagens/icones/venda_index.png) no-repeat 0 -109px;}
.aluga{background: url(../imagens/icones/aluga_index.png) no-repeat 0 0;}
.aluga:hover{background: url(../imagens/icones/aluga_index.png) no-repeat 0 -107px;}
.troca{background: url(../imagens/icones/troca_index.png) no-repeat 0 0;}
.troca:hover{background: url(../imagens/icones/troca_index.png) no-repeat 0 -109px;}
.temporada{background: url(../imagens/icones/temporada_index.png) no-repeat 0 0;}
.temporada:hover{background: url(../imagens/icones/temporada_index.png) no-repeat 0 -109px;}
/***/
#corpo{width: 976px; float: left}
.h2{font-size: 20px; display: block; margin: 0 0 20px;}
.h2 b{color: #FFCA29}
/***/
#conteudo{ width: 700px;float: right; margin: 0 10px 10px; display: inline; }
#conteudo p{margin: 0 0 10px}
/***/
#contato{border-right: 1px dotted #D2D3D5; width: 500px; float: left}
#contato input{padding: 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; outline: none; border: 1px solid #D2D3D5}
#contato .nome{width: 470px;}
#contato .email{width: 274px;}
#contato .telefone{width: 170px;}
#contato .enviar{width: 170px;}
#contato textarea{padding: 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; outline: none; border: 1px solid #D2D3D5; width: 470px; height: 150px;}
/***/
#contato_despachante {border-right: 1px dotted #D2D3D5; width: 700px; float: left}
#contato_despachante input{padding: 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; outline: none; border: 1px solid #D2D3D5}
#contato_despachante .nome{width: 666px;}
#contato_despachante .email{width: 300px;}
#contato_despachante .telefone{width: 320px;}
#contato_despachante .enviar{width: 170px;}
#contato_despachante textarea{padding: 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; outline: none; border: 1px solid #D2D3D5; width: 666px; height: 150px;}
/***/
#conteudo address{display: block; float: right; width: 190px; font-style: normal;}
#conteudo address h2{font-size: 13px; margin: 0 0 15px;}
#conteudo address h2 b{font-weight: 100}
#conteudo address p{line-height: 21px}
/***/
.box_propriedades{width: 200px; height: 250px; float: left; border: 1px solid #D2D3D5; margin: 0 31px 20px 0; display: inline; position: relative;background: url(../imagens/mais_informacoes.png) no-repeat 10px 225px; cursor: pointer}
.box_propriedades img{width: 180px; height: 120px; position: absolute; top: 30px; left: 10px;}
#conteudo .box_propriedades p{margin: 155px 10px 0; font-size: 14px;}

.box_propriedades .codigo{position: absolute; top: 11px; right: 10px; font-weight: 700; font-size: 9px; color: #FFCA29}
.box_propriedades .codigo b{color: #000}

.box_propriedades .valor{display: block; margin: 5px 10px; color: #FFCA29; font-weight: 700;}
.box_propriedades .valor b{color: #000}
/***/
.box_propriedades .venda{position: absolute; top: 5px; left: 10px;background: url(../imagens/icones/box_venda.png) no-repeat center center; width: 22px; height: 22px; }
.box_propriedades .venda b{position: absolute; top: 3px; left: 25px;}
.box_propriedades .troca{position: absolute; top: 5px; left: 10px;background: url(../imagens/icones/box_troca.png) no-repeat center center; width: 22px; height: 22px; }
.box_propriedades .troca b{position: absolute; top: 3px; left: 25px;}
.box_propriedades .aluga{position: absolute; top: 5px; left: 10px;background: url(../imagens/icones/box_aluga.png) no-repeat center center; width: 22px; height: 22px; }
.box_propriedades .aluga b{position: absolute; top: 3px; left: 25px;}
.box_propriedades .temporada{position: absolute; top: 5px; left: 10px;background: url(../imagens/icones/box_temporada.png) no-repeat center center; width: 22px; height: 22px; }
.box_propriedades .temporada b{position: absolute; top: 3px; left: 25px;}
/***/
#box_visualizacao_container{width: 700px;float: right; margin: 0 0 10px; display: inline; display: table; border: 1px solid #D2D3D5; position:relative;}
#box_visualizacao{width: 680px;float: right; margin: 10px; display: inline; background: #fff; }
#box_visualizacao .casa_grande{width: 680px; height: 453px; float: left; display: table; }
#box_visualizacao .casa_grande img{width: 680px; height: 453px; float: left}
#box_visualizacao .miniaturas{width: 680px; float: left;  overflow-x:hidden; padding: 10px 0}
#box_visualizacao .box_miniaturas{width: 166px; float: left; margin-right:4px; display: table;  opacity:0.5}
#box_visualizacao .box_miniaturas img{width: 166px; height: 120px; float: right; display:inline; cursor:pointer;}
/***/
.voltar{position:absolute; top:509px; left:0px; width:28px; height:44px; background:url(../imagens/prev.png) no-repeat 0 0; overflow:hidden; text-indent:-9999px;z-index:100000}
.prosseguir{position:absolute; top:509px; right:0px; width:28px; height:44px; background:url(../imagens/next.png) no-repeat 0 0; overflow:hidden; text-indent:-9999px;z-index:100000}
/***/
.detalhes_casa{width: 465px; float: left;margin: 20px 0 0;}
.detalhes_casa h2{margin: 0;}
.detalhes_casa span{margin: 0 0 20px;  font-weight: 700; color: #666; display: block;}
.detalhes_casa span b{margin: 0 0 20px;  font-weight: 700; color: #FFCA29}
.detalhes_casa p{line-height: 20px;}
.valor_casa{width: 195px; height: 100px; float: right;margin: 20px 0 0; font-size: 20px;}
.valor_casa b{color: #FFCA29}
.valor_casa img{display: block; margin: 20px 0; cursor: pointer;}
/***/
aside{width: 230px; float: left; margin: 0 10px 10px; display: inline; }
aside .menu_lateral{border-bottom: 1px solid #D2D3D5; display: table;}
aside .menu_lateral li{margin: 0 0 0; font-size: 15px; float: left}
aside .menu_lateral li a{background: url(../imagens/marcador.png) no-repeat 0 10px; width: 170px; padding: 5px 30px; text-decoration: none;color: #666; display: block; border-top: 1px solid #D2D3D5; float: left; }
aside .menu_lateral li a:hover{background: url(../imagens/marcador.png) no-repeat 0 10px; color: #FFCA29}
/***/
aside .servicos{display: table;}
aside .servicos li{margin: 0 0 10px; font-size: 15px; float: left}
aside .servicos li a{background: url(../imagens/icones/bg_menu_lateral.png) no-repeat 0 0; width: 170px; height: 45px;  text-decoration: none;color: #666; display: block; float: left}
aside .servicos li a:hover{background: url(../imagens/icones/bg_menu_lateral.png) no-repeat 0 -45px; color: #FFCA29}
aside .servicos li span{display: block; width: 180px; height: 30px; background: #ccc; padding: 15px 0 0 50px; transition: all 0.1s linear}
/***/
aside .servicos li .venda{background: url(../imagens/icones/bg_menu_lateral_venda.png) no-repeat 0 0}
aside .servicos li .venda:hover{background: url(../imagens/icones/bg_menu_lateral_venda.png) no-repeat 0 -45px}
aside .servicos li .aluga{background: url(../imagens/icones/bg_menu_lateral_aluga.png) no-repeat -1px 0}
aside .servicos li .aluga:hover{background: url(../imagens/icones/bg_menu_lateral_aluga.png) no-repeat -1px -45px}
aside .servicos li .troca{background: url(../imagens/icones/bg_menu_lateral_troca.fw.png) no-repeat -1px 0}
aside .servicos li .troca:hover{background: url(../imagens/icones/bg_menu_lateral_troca.fw.png) no-repeat -1px -45px}
aside .servicos li .temporada{background: url(../imagens/icones/bg_menu_lateral_temporada.png) no-repeat -1px 0}
aside .servicos li .temporada:hover{background: url(../imagens/icones/bg_menu_lateral_temporada.png) no-repeat -1px -45px}
/***/
footer{width: 976px; height: 70px; float: left; background: #D2D3D5;}
footer ul{margin:10px auto; text-align: center}
footer ul li{display: inline; cursor: pointer;}
footer ul li:hover{color: #fff}
footer p{text-align: center;}
footer .arquet{float: right; margin: 0 20px 0 0; color: #991D1F; cursor: pointer; opacity: .5; font-weight: 700; font-size: 11px}
footer .arquet i{font-style: normal;font-size: 10px; font-weight: 100}