*{ margin:0; padding:0; border:none; font}
a{ text-decoration:none;}
ul{ list-style:none; }
img{ border:0;}

html{text-align:center; margin:0 auto;}
body{text-align:center; font-family: 'Open Sans', sans-serif; background-color:#e5e5e5; }
.root{ width:100%; height:auto; margin:0 auto; text-align:left; position:relative; display:table;}
.main{ float:left; width:100%; height:auto; margin:0 auto; }

/* TOPO */


.cabecalho{float:left; width:100%; height:150px; position:relative; top:0; background:url(../images/fundo_topo_80.png) repeat-x;}
.cabecalho_interno{float:left; width:100%; height:150px; position:relative; top:0;}
.logo{ float:left; width:250px; height:19px; background:url(../images/logo2.png) no-repeat; margin:64px 0 0 70px;}
.logo h1{ font-size:0px;}
.login{ float:right; width:522px; margin-right:60px;}
.titulo_login{float:left; width:100%; border-bottom:1px solid #c2c2be; margin-top:20px;}
.titulo_login p{float:left;}
.l_1{ font-size:16px; letter-spacing:3px; color:#666666; margin-bottom:12px;}
.l_2{float:right !important; font-size:12px; color:#828282;}
.l_2 a { color:#828282; cursor:pointer;}
.l_2 a:hover{ color:#666666; text-decoration:underline;}
.form_login{float:left; width:100%; margin-top:10px; font-family: 'Open Sans', sans-serif;}
.esqueceu{ bottom:15px; position:absolute; font-size:12px; color:#828282;}
.esqueceu a{color:#527988;}
.input{ float:left; width:243px; height:43px; background:url(../images/input.png) no-repeat; padding-left:15px;}
.email{ margin-right:6px;}
.form_login2{ float:left; width:100%; margin-top:5px; position:relative;}
.input_submit{ float:right; width:71px; height:35px; background:url(../images/btn_entrar2.png) no-repeat;color:#527988; cursor:pointer}
.input_submit p{ margin:0 auto; font-size:11px; margin:10px 0 0 21px; color:#527988;}

.msg_recupera{ float:left !important; position:relative !important; top:-6px; left:0; text-align:left; font-size:40px; font-family: 'Open Sans', sans-serif; font-weight: 600; color:#3C0; font-size:12px;}

/* TOPO INTERNA*/
.nome{ margin:0 auto; width:100%; height:140px; clear:both; text-align:center;}
.pega_nome{ width:680px; height:110px; margin:0 auto; background-color:#fff; opacity:0.30; -moz-opacity: 0.30; filter: alpha(opacity=30); color:#000; margin-top:30px;} 
.pega_nome p{ width:680px; height:110px; line-height:110px; margin:0 auto; font-size:40px; font-family: 'Open Sans', sans-serif; font-weight: 600; color:#000; position:relative; z-index:9999; letter-spacing:3px;}
.pega_logo{ width:680px; height:110px; margin:0 auto; color:#000; margin-top:30px;} 
.pega_logo img{ opacity:1; -moz-opacity: 1; filter: alpha(opacity=100); }


.msg_recupera{ float:left; position:absolute; top:-9px; left:0; text-align:left; font-size:40px; font-family: 'Open Sans', sans-serif; font-weight: 600; color:#3C0; font-size:10px;}

/*
.menu ul{width:auto; height:60px; display:inline-block;}
.menu ul li{ float:left; position:relative; z-index:9999; display:inline; color:#fff; margin-right:42px;}
.menu li ul{ position:absolute; background-color:#F90; left:-10px; display:none;}
.menu li li {float:none; padding:0 10px; line-height:20px;}
.menu ul li span{ margin-left:42px;}
.menu a{color:#fff;}
.menu a:hover{ color:#999999; border-bottom:1px solid #999999; border-top:1px solid #999999; padding:5px 0;}
*/

.menu{ float:left; width:100%; height:60px; border-bottom:1px solid #000; border-top:1px solid #000; background-color:#000000; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size:16px; letter-spacing:3px; line-height:60px; margin:0 auto; text-align:center; clear:both;}

.menu1{float:left; width:100%; height:60px; background-color:#000;  margin:0 auto; text-align:center; clear:both;}

#jsddm{	margin: 0; padding: 0; width:auto; height:60px; display:inline-block; background-color:#000; position:relative;}

#jsddm > li{	float: left; list-style: none; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:12px; letter-spacing:3px; line-height:38px; height:38px;position:relative; margin:10px 30px 0 30px;}

#jsddm li a { display: block; height:38px; width:auto; font-size:12px; color: #fff; text-transform:uppercase; position:relative; }

/* primiero LI - Menu */
.menu_1a{color:#999999; height:37px; font-size:12px; border-bottom:1px solid #000; border-top:1px solid #000;}
.menu_1a:hover{color:#999999; height:37px; font-size:12px; border-bottom:1px solid #999999; border-top:1px solid #999999;}

/* Submenu*/
#jsddm > li ul {	margin: 0; position: absolute;  white-space: nowrap; visibility: hidden; margin-top:23px; background-color: #000; z-index:999999; width:auto; padding:0 12px; left:50%;}

#jsddm > li ul li {	float: none; width: auto; white-space: nowrap; display: inline; color:#fff; height:45px; width:100%;  line-height:45px; z-index:99999999; }
#jsddm > li ul li a {	width: auto; display: block; padding: 0 15px 5px; background-color: #000;  color:#fff; width:auto; font-size:11px; z-index:99999999; position:relative; text-transform:uppercase;   }

.sai{ border-top:1px solid #999999;}

.seta_menu{ position:absolute; top:-13px; left:50%;}

.menu_topo{ height:99px; line-height:100px; margin-left:52px; position:absolute; top:0; right:0;}
.menu_topo ul li{float:left; margin-right:42px; color:#959595;}
.menu_topo ul li a{color:#959595; font-size:12px;}
.menu_topo a:hover{ color:#000;}
.menu_topo ul li span{ margin-left:42px;}


/* HOME INTERNO */
.conteudo{width: 100%; height: auto; padding-top: 60px; text-align:center; margin: 0 auto; }
.conteudo ul{ width: 93%; position: relative; left: 3%; right: 4%; display: inline-block; margin: 30px 0 0 0; }
.conteudo ul > li{ float:left; display:inline-block; width:300px; height:210px; background-color:#fff; margin:0 10px 10px 0; padding:10px 0; }
.conteudo ul > li a { display: block; position: relative; }

.hotspot{ float:left; width:300px; height:230px; position:absolute; top: -10px; left:0; z-index:999; display:none;}
.houver_li{ width:300px; height:230px; text-align:center; background:#666666; opacity:0.90; -moz-opacity: 0.90; filter: alpha(opacity=90); color:#fff; position:absolute; font-size: 12px; letter-spacing: 2px; }
.houver_li p{ line-height:28px; width:160px; margin-top:92px; padding:10px 0; background-color:#000; color:#fff; float:none; display:inline-block;}


/* PRODUTO INTERNO */
.conteudo2{ float:left; width:100%; height:auto; padding-top:100px; margin:0 auto;}
.img_destaque{float:left; width:51%; margin-left:4%; position:relative;}
.bxslider li{float:left; padding:1% 8%; background-color:#fff; }

.descricao{ float:left; width:37%; height:auto; margin:0 4%;}
.descriacao_texto, .galeria, .reservar{float:left; width:100%; margin-bottom:45px;}
.dimensoes{ float:left; width:54%; margin-bottom:45px;}
.serie, .preco{ float:right; width:42%; margin-bottom:45px;}

.titulo{ float:left; width:100%; border-bottom:1px solid #a0a0a0; padding-bottom:14px; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size:16px; color:#000;}
.titulo span a{float:right; font-size:10px; margin-top:5px; color:#666666;}
.titulo span a:hover{color:#000; text-decoration:underline; cursor:pointer;}
.texto{ float:left; width:100%; padding-top:20px; font-size:12px; font-family: 'Open Sans', sans-serif; line-height:24px; color:#666666;}
.texto span{ font-family: 'Open Sans', sans-serif; font-weight: 600; line-height:12px;}

.galeria_img{ float:left; width:100%; margin-top:20px;}
.galeria_img ul{ margin-left:-10px;}
.galeria_img ul li{float:left; width:110px; height:100px; border-top:17px solid #fff; border-bottom:17px solid #fff; border-right:10px solid #fff; border-left:10px solid #fff; margin:0 0 10px 10px;}

.form_reservar{ float:left; width:100%; padding-top:20px; }
.formulario_contato{float:left; width:493px;}
.titulo_form{ float:left; margin-right:5px; font-size:12px; color:#666666;}
.input_reserva{ width:276px; height:30px;}
.observacao{ margin-top:20px;}
.textarea_reserva{ float:left; height:50px; margin-left:24px;}
.reserva_submit{ width:100px; height:30px; margin-left:10px; color:#fff; margin-top:20px; line-height:30px; text-align:center;background-color:#666666; cursor:pointer;}
.reservada{ font-size:12px; color:#8e0303;}

.sucesso_obra{ float:left; text-align:left; font-size:40px; font-family: 'Open Sans', sans-serif; font-weight: 600; color:#3C0; font-size:10px;}


/*	COMO FUNCIONA */
.titulo_funciona{ width:98%; text-align:center; text-transform:uppercase; border-bottom:1px solid #bfc3c5; color:#555555; font-size:14px; padding:25px 0;}
.titulo_funciona > p span{ float:right; margin-top:-30px !important;}
.titulo_funciona > p span a{font-size:12px; color:#555555; margin-right: 20px;}
.titulo_funciona > p span a:hover{ cursor:pointer; text-decoration:underline;}
.texto_funciona{ float:left; height:auto; margin:25px 40px 35px 37px; font-size:12px; color:#666666; letter-spacing:2px; line-height:24px; text-align:left;}
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#fff;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:932px;
  height:560px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:932px; 
  height:560px;
  padding:10px;
  background:url(../images/fundo_funciona.png) no-repeat;
  display:none;
}

.scroll-pane{ float:left; width:900px; height:470px; overflow:auto; overflow-x:none; }


/*RECUPERA SUA SENHA*/
.titulo_recupera{ width:; text-align:center; text-transform:uppercase; margin-top:25px; color:#555555; font-size:14px; }
.titulo_recupera > p span{ float:right; margin-top:-30px !important;}
.titulo_recupera > p span a{font-size:12px; color:#555555; margin-right: 25px;}
.titulo_recupera > p span a:hover{ cursor:pointer; text-decoration:underline;}


.form_recuperar{ float:left; width:100%; padding-top:30px; margin:0 auto;}
.input_recuperar{ float:left; width:453px !important; height:61px !important; background:url(../images/input_recupera.png) no-repeat; padding-left:15px; margin-left:30px; clear:both;}
.input_btn{ float:right; width:71px; height:35px; background:url(../images/btn_entrar2.png) no-repeat; margin:0 auto; font-size:11px; margin-top:10px; margin-right:50px; color:#527988;}
.form_recuperar span{ float:left; margin-top: 20px; margin-left: 35px; color:#828282; font-size:14px;}

#boxes #dialog2 {
  width:531px; 
  height:250px;
  padding:10px;
  background:url(../images/fundo_recupere.png) no-repeat;
  display:none;
}


/* RODAPE */
.rodape{float:left; width:100%; height:99px; border-top:1px solid #b2b2b2; background-color:#fff; margin-top:30px;}
.menu_rodape{float:left; height:99px; line-height:100px; margin-left:52px;}
.menu_rodape ul li{float:left; margin-right:42px; color:#959595;}
.menu_rodape ul li a{color:#959595; font-size:12px;}
.menu_rodape a:hover{ color:#000;}
.menu_rodape ul li span{ margin-left:42px;}
.logo_rodape{float:right; margin-top:38px; margin-right:49px;}