html { height: 100%; }

html, body, form, div, span, p, ul, ol {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    line-height: 1;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Trebuchet MS", Arial, Verdana, helvetica, sans-serif;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

ol {
    list-style: none;
}

ul {
    list-style: none;
}

li {
    margin: 0;
    padding: 0;
}:focus {
    outline: 0;
}

body { width: 1000px; margin: 0 auto; font-family: 'Verdana'; }
a { color: #ccc; text-decoration: none }
a:hover {  }
.header { border-bottom: 5px white solid; background: #eee; display: inline-block; width: 100%; }
.header img { margin: 10px 75px; }
.menu1 { padding: 0 15px; height: 28px; background: #5a5a62; color: white; text-align: right; text-transform: uppercase; font-size: 14px; }
.menu { float: right; }
.menu a { color: white; padding: 7px 7px; float:left; margin: 0; }
.menu a:hover { background: #3e3e44 }
.menu a.active { font-weight: bolder; background: #3e3e44; position: relative;}
.menu a img { position: absolute; top: 28px; left: 50%; }

.footer { 
  background: #6d6d74;
  height: 280px;
}


/* HEADER */
#logo {
  width: 400px;
  float: left;
}

#central {
  width: 360px;
  float: right;
  padding-top: 50px;
}


.footer .catalogo { width: 480px; color: #8f8f91; float: left; height: 220px; padding: 25px 20px 25px 70px; background: #6d6d74 url('/imagens/kinazinha.png') top right no-repeat; }
.footer .catalogo .tags { margin: 30px 25px 0 30px; list-style: disc; font-size: 13px; font-weight: bold;}
.footer .catalogo .tags li { float: left; width: 140px; height: 20px;}
.footer .lojas { width: 369px; color: #8f8f91; float: right; height: 240px; padding: 25px 25px 0px 30px; }
.footer .lojas .cols { width: 174px; float: left; }
.footer .lojas .cols p { font-size: 11px; margin-top: 15px; }
.footer .lojas .cols strong { color: #9e9ea1;}
.footer h1 { color: #a7a7a7; font-size: 41px; margin-bottom: 30px; font-family: "Trebuchet MS"; }
.footer h1.h1ambientes { margin-bottom: 10px; }

.footer #barra_rodape {
  width: 1px;
  height: 200px;
  float: left;
  border-left: 1px solid #97979c;
  margin-top: 50px;
}

.footer #linha {
  width: 950px;
  height: 1px;
  border-bottom: 1px solid #97979c;
  margin-left: 25px;
  clear: both;
}

.lancamentos { width: 439px; float: left; padding: 15px 30px; }
.home h1 { color: #a7a7a7; font-size: 40px; font-family: "Trebuchet MS"; margin-bottom: 10px; }
.home h2 { color: #a7a7a7; font-size: 15px; color: #9c9ca8; font-family: "Trebuchet MS"; text-decoration: underline; margin-bottom: 10px; }

._empresa { background-color: #ffffff; }
._empresa .left { width: 400px; float: left; padding: 50px 0 100px 0; text-align: center; }
._empresa .left a { font-size: 22px; font-weight: 700; text-transform: uppercase; color: white; letter-spacing: 2px  }
._empresa .right { width: 449px; background: #777 url('/imagens/back.png') repeat; float: right; padding: 50px 100px 100px 50px; color: white}
._empresa .right h1 { font-size: 22px; font-weight: bolder; font-family: "Myriad Pro"; margin: 0 0 25px 2px }
._empresa .right p { font-family: "tahoma"; font-size: 12px; text-align: justify; line-height: 15px; }

._lojas { margin: 7px 0; background: #777 url('/imagens/back.png') repeat; }
._lojas .foto { float: left; width: 474px; }
._lojas .foto img { margin: 20px 10px 20px 20px; }
._lojas .lojas { float: left; width: 525px; }
._lojas .lojas ul { padding: 20px 0; display: block; margin: 0 auto; width: 460px; color: white;}
._lojas .lojas ul li{ width: 185px; height: 95px; background: #555 url('/imagens/back.png') repeat; float: left; margin: 0 5px 5px 0; padding: 20px 20px 0 20px; position: relative; }
._lojas .lojas ul li a { color: white; font-size: 13px; }
._lojas .lojas ul li a:hover { color: #f0c030; }
._lojas .lojas ul li a h1 { font-size: 16px; font-weight: bolder; }
._lojas .lojas ul li .mapa { position: absolute; bottom: 5px; right: 10px;}

._ambientes { margin: 7px 0; padding-bottom: 15px;   }

._contato {  margin: 7px 0; padding-bottom: 15px;  }
._contato .left { width: 495px; float: left; color: #777777; text-align: center; padding-top: 40px; }

._contato .left h1 { margin-bottom: 30px; font-size: 22px; }
._contato .left p { margin-bottom: 30px; }
._contato .left p.t1 { }
._contato .left p.t2 { text-decoration: underline; font-size: 25px; font-weight: bolder;}
._contato .left p.t3 { font-size: 18px; }
._contato .center { width: 1px; height: 400px; float: left; background: white; }
._contato .right { width: 500px; float: right; padding: 40px 0 40px 0; color: #777777; }

._contato .right p { font-size: 12px; margin-bottom: 10px; }
._contato .right p input { width: 400px; padding: 2px; font-size: 10px; display: block; margin-top: 2px; }
._contato .right p.toleft { width: 200px; float: left;  }
._contato .right p.toleft input { width: 180px; }
._contato .right p textarea { width: 400px; height: 100px; display: block; }
._contato .right input.send { padding: 2px 5px; background: #333; border:1px solid #777; color: #999; display: block; margin: 0 0 0 180px; font-size: 15px; }
._contato .right span { font-size: 10px; font-style: italic }

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:999px; margin:0px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:993px; height:352px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:993px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:993px}
#image img {position:absolute; z-index:25; width:993px; height: 352px}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(/imagens/images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(/imagens/images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(/imagens/images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px;}
#slideleft {float:left; width:20px; height:81px; background:url(/imagens/images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(/imagens/images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:950px; margin-left:5px; height:81px; overflow:hidden;}
#slidearea img { height: 75px; width: auto; }
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}


#leftempresa {
  height: 531px;
  width: 354px;
  margin: 15px;
  float: left;
  background-color: #000000;
}

#rightempresa {
  margin: 15px;
  margin-left: 0px;
  width: 580px;
  height: 531px;
  float: left;
  padding: 10px;
}

#rightempresa p {
  font-size: 12px;
  font-family: Arial;
  margin-bottom: 11px;
  line-height: 15px;

}

.endlojas {
  width: 355px;
  height: 60px;
  margin-bottom: 5px;
  margin-left: 15px;
  cursor: pointer;
}

.endlojas img {
  margin-top: 3px;
  margin-left: 3px;
  float: left;
}

span.endlojastexto {
  color: #333333;
  display: block;
  float: left;
  margin-top: 0px;
  font-size: 11px;
  width: 290px;
  font-family: Verdana;
  height: 50px;
  padding-top: 8px;
}

#fotolojabig_ {
  /* margin-top: 15px; */
}
#fotolojabig_ img {
  height: 450px;
  border: 2px solid #6d6d74;
}






/* SCROLL */
#pages {
    position: absolute;
    width: 20000em;
}

.scrollable {
  position:relative;
  overflow:hidden;
  height: 350px;
  width: 60px;
  z-index: 0;
}

a.prev, a.next, a.prevPage, a.nextPage {
	display: block;
	width: 20px;
	height: 10px;
	float: left;
	cursor: pointer;
}

a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position: 0px -18px;
}

a.disabled {
  visibility: hidden !important;
}

/* next button uses another background image */
a.next, a.nextPage {
	float: left;
    width: 20px;
    height: 10px;
}

#main {
  position: relative;
  overflow: hidden;
  width: 890px;
  height: 360px;
  float: right;
  margin-top: 10px;
}

.scrollable img {
  opacity: 0.4;
  margin-bottom: 5px;
}
.items .active, .items .hoverClass {
  opacity: 1;
}

.scrollable .items img {
  cursor: pointer;
}

img.thumbs { opacity: 0.2; }
img.galeria { opacity: 0.2; }
img.atual { opacity: 1; }

.itematual {
  border: 1px solid #666666;
}



/* ACONTECE */

#acontece {
  height: 470px;
  width: 100%;
}

#acontece #bigger {
  border: 1px solid #c5c5c8;
  width: 460px;
  height: 335px;
}

#acontece #thumbs_acontece {
  width: 460px;
  height: 43px;
  margin-bottom: 10px;
}
#acontece #bigger {
  margin-bottom: 10px;
}

#acontece #thumbs_acontece img {
  border: 1px solid #c5c5c8;
  margin-right: 3px;
  display: block;
  float: left;
  cursor: pointer;
}

.acontece {
  cursor: pointer;
  width: 260px;
  height: 65px;
  float: left;
  background-color: #ededed;
  margin: 10px 0px 10px 10px;
}

#acontece .atual {
  background-color: #c5c5c8;
}

/* HOME */
#animacao_home {
  overflow: hidden;
  width: 1000px;
  height: 530px;
  margin-top: 5px;
  margin-bottom: 10px;
}

#animacao_home #sofa_home {
  margin-left: -700px;
  float: left;
  display: block;
}

#animacao_home #wow {
  float: right;
  display: block;
  display: none;
}

#acontece_home {
  color: #a7a7a7; 
  width: 300px;
  float: left;
  margin-left: 80px;
}

b.titulo_loja {
  font-family: "Trebuchet MS";
  font-size: 13px;
}







/* Galeria */

#galeria {
  position: relative;
  height: 410px;
  width: 1000px;
  overflow: hidden;
  text-align: center;
  z-index: 99;
  margin-top: 10px;
}

#galeria #bigger {
  position: relative;
  width: 2000em;
  height: 590px;
}

#galeria #bigger img {
  position: relative;
  display: block;
  text-align: center;
  margin: 0px 5px;
  cursor: pointer;
  width: 600px;
  height: 400px;
  z-index: 99;
  display: block;
  float: left;
}

#galeria img.atual {
  cursor: default;
}

#galeria img.go, #galeria img.back  {
  opacity: 0.2;
  filter:alpha(opacity=20);
  -moz-opacity:0.2;
  -khtml-opacity: 0.2;
}

#title {
  margin-top: 205px;
  width: 100%;
  height: 25px;
  text-align: right;
}

.cima {
  position: absolute;
  top: 15px;
  left: 580px;
  background-image: url('/images/cima.png');
  width: 26px;
  height: 18px;
  z-index: 0;
  cursor: pointer;
}

.baixo {
  position: absolute;
  top: 565px;
  left: 580px;
  background-image: url('/images/baixo.png');
  width: 26px;
  height: 18px;
  z-index: 0;
  cursor: pointer;
}
