body {
	margin:0px auto;
	padding:0px;
	font: 70%/160% Verdana, Arial, Helvetica, sans-serif;
	width: 770px;
	color: #333333;
	position: relative;
    background: #fffffa url(../imagens/fundo-flores.gif);
}

#geral p { text-align: right;}
#geral p a{ color:#333} 
#geral p a:hover { color:#FF33FF}
.apresentacao { background-image: none;}

object { margin-top: 50px;}
a, strong a {
	color: #FF33FF;
	text-decoration:none;
	outline: none;
}
a:visited {
	color: #FF3366;
}
a:hover {
	text-decoration:underline;
}
p {
	margin: 0px 0px 14px;
}
h1 {
	margin: 40px 0px 44px;
	padding: 0px;
	float:right;
	text-decoration: none;
}
h1 a{
	display:block;
	height: 48px;
	width: 212px;
	text-indent: -900em;
	text-decoration: none;
	line-height:100%;
}
h1 a:hover{
	text-decoration: none;
}
h2 {
	color: #163F53;
	margin: 0px 0px 2px;
	border-bottom: 1px dotted #CCCCCC;
	letter-spacing: -1px;
	font: normal 210% "Trebuchet MS", Tahoma, Arial;
	padding-bottom: 2px;
}
h2 a, h2 a:visited{
	color: #163F53;
	text-decoration:none;
}
h2 a:hover {
	color:#FF33FF;
	text-decoration:none;
}
h3 {
	margin: 0px 0px 0px;
	padding-bottom: 2px;
	font: bold 110% Arial;
	text-transform: uppercase;
	letter-spacing:1px;
	color: #666666;
}

.titulo {
	color: #FF3333;
	margin: 0px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #c1c9a6;
	font: normal 17px Tahoma, Arial, sans-serif;
	clear:both;
	text-transform:none;
}
.titulo-alt {
	color: #779d03;
	margin: 0px;
	padding-bottom: 4px;
	font: normal 150% Tahoma, Arial, sans-serif;
	clear:both;
	text-transform:none;
}
h4 {
	font: normal 150% Tahoma, Arial, sans-serif;
	color: #FF3366;
	margin: 0px 0px 2px;
}
ul {
	padding: 0px;
	margin: 5px 0px 15px 16px;
}
ul li ul{
	padding: 0px;
	margin: 0px 0px 5px 16px;
}
ul li {
	margin: 0px;
	padding: 0px;

}

hr {


	height: 1px;
	clear: both;
	border-top-width: 0;
	border-right-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom: 1px solid #E3E3E3;
}
.clear {
	clear:both;
}
.displaynone {
	display:none;
}
hr.hidden {
	clear:both;
	visibility:hidden;
	margin:0px;
	padding:0px;
}

img {
	border:none;
}

.destaques img.borda { border: none;}

small {
	font-size: 85%;
	color:#999999;
	line-height:120%;
}
#topo {
	width: 758px;
	height: 220px;
	margin: 0px auto;
	padding: 0px 6px;
	color:#FFFFFF;
	background: #f3f4f0 url(../imagens/fundo_topo3.jpg) no-repeat left top;
}

#topo_contato {
	width: 758px;
	height: 220px;
	margin: 0px auto;
	padding: 0px 6px;
	color:#FFFFFF;
	background: #f3f4f0 url(../imagens/fundo_contato.jpg) no-repeat left top;
}

#topo_praia {
	width: 758px;
	height: 220px;
	margin: 0px auto;
	padding: 0px 6px;
	color:#FFFFFF;
	background: #f3f4f0 url(../imagens/fundo_praia.jpg) no-repeat left top;
}

#topo_quem{
	width: 758px;
	height: 220px;
	margin: 0px auto;
	padding: 0px 6px;
	color:#FFFFFF;
	background: #f3f4f0 url(../imagens/fundo_quem.jpg) no-repeat left top;
}

#topo_paisagem{
	width: 758px;
	height: 220px;
	margin: 0px auto;
	padding: 0px 6px;
	color:#FFFFFF;
	background: #f3f4f0 url(../imagens/fundo_paisagem.jpg) no-repeat left top;
}

#topo_murano{
	width: 758px;
	height: 220px;
	margin: 0px auto;
	padding: 0px 6px;
	color:#FFFFFF;
	background: #f3f4f0 url(../imagens/fundo_murano.jpg) no-repeat left top;
}

#topo_missanga{
	width: 758px;
	height: 220px;
	margin: 0px auto;
	padding: 0px 6px;
	color:#FFFFFF;
	background: #f3f4f0 url(../imagens/fundo_missanga.jpg) no-repeat left top;
}

#topo_madre{
	width: 758px;
	height: 220px;
	margin: 0px auto;
	padding: 0px 6px;
	color:#FFFFFF;
	background: #f3f4f0 url(../imagens/fundo_madre.jpg) no-repeat left top;
}

#topo_colar{
	width: 758px;
	height: 220px;
	margin: 0px auto;
	padding: 0px 6px;
	color:#FFFFFF;
	background: #f3f4f0 url(../imagens/fundo_colar.jpg) no-repeat left top;
}

#topo_pulseiras{
	width: 758px;
	height: 220px;
	margin: 0px auto;
	padding: 0px 6px;
	color:#FFFFFF;
	background: #f3f4f0 url(../imagens/fundo_pulseiras.jpg) no-repeat left top;
}

#topo_bolsabordada{
	width: 758px;
	height: 220px;
	margin: 0px auto;
	padding: 0px 6px;
	color:#FFFFFF;
	background: #f3f4f0 url(../imagens/fundo_bolsabordada.jpg) no-repeat left top;
}

#topo_bolsafibra{
	width: 758px;
	height: 220px;
	margin: 0px auto;
	padding: 0px 6px;
	color:#FFFFFF;
	background: #f3f4f0 url(../imagens/fundo_bolsafibra.jpg) no-repeat left top;
}

#topo_croche{
	width: 758px;
	height: 220px;
	margin: 0px auto;
	padding: 0px 6px;
	color:#FFFFFF;
	background: #f3f4f0 url(../imagens/fundo_croche.jpg) no-repeat left top;
}

#topo_croche{
	width: 758px;
	height: 220px;
	margin: 0px auto;
	padding: 0px 6px;
	color:#FFFFFF;
	background: #f3f4f0 url(../imagens/fundo_croche.jpg) no-repeat left top;
}

#topo_jeans{
	width: 758px;
	height: 220px;
	margin: 0px auto;
	padding: 0px 6px;
	color:#FFFFFF;
	background: #f3f4f0 url(../imagens/fundo_jeans.jpg) no-repeat left top;
}

#topo_canga{
	width: 758px;
	height: 220px;
	margin: 0px auto;
	padding: 0px 6px;
	color:#FFFFFF;
	background: #f3f4f0 url(../imagens/fundo_cangas.jpg) no-repeat left top;
}

#topo_chapeu{
	width: 758px;
	height: 220px;
	margin: 0px auto;
	padding: 0px 6px;
	color:#FFFFFF;
	background: #f3f4f0 url(../imagens/fundo_chapeu.jpg) no-repeat left top;
}

#topo_flores{
	width: 758px;
	height: 220px;
	margin: 0px auto;
	padding: 0px 6px;
	color:#FFFFFF;
	background: #f3f4f0 url(../imagens/fundo_flores.jpg) no-repeat left top;
}

#topo_flores2{
	width: 758px;
	height: 220px;
	margin: 0px auto;
	padding: 0px 6px;
	color:#FFFFFF;
	background: #f3f4f0 url(../imagens/fundo_flores_mulheres.jpg) no-repeat left top;
}

#menu{
	clear:both;
	float:right;
}

#menu ul { margin-top: 15px}

#menu ul li { color: black; float: left; display: block}
#menu ul li a { color: black; float: left; display: block}

#menu ul li.quemsomos { background: url(../imagens/quemsomos-menu.png) center no-repeat; width: 45px; height: 45px; text-indent: -9000px;	}

#menu ul li.quemsomos a, #menu ul li.comocomprar a, #menu ul li.faleconosco a, #menu ul li.home a { display: block; width: 45px; height: 45px;}

#menu ul li.comocomprar { background: url(../imagens/comocomprar-menu.png) center no-repeat; width: 45px; height: 45px; text-indent: -9000px;	}

#menu ul li.faleconosco { background: url(../imagens/contato-menu.png) center no-repeat; width: 45px; height: 45px; text-indent: -9000px;	}

#menu ul li.home { background: url(../imagens/home-menu.png) center no-repeat; width: 45px; height: 45px; text-indent: -9000px;	}

#conteudo {
	width:743px;
	margin: 0px auto;
	padding: 10px 12px 40px 15px;
	background: #FFF;
	clear:both;
}

#esquerda {
	float:left;
	width: 560px;
}
#direita {
	float:right;
	width: 165px;
	margin-top: 8px;
}

#rodape {
	width: 746px;
	height: 270px;
	background: #FFF url(http://www.sukabali.com.br/imagens/rodape-suka.jpg) no-repeat center bottom;
	margin: 0 auto;
	padding: 5px 12px 12px;
	color: #333;
	clear:both;
}
.footer_leftcol{
	width:195px;
	margin-right: 16px;
	float:left;
}
.contato {
	width:320px;
	float:right;
}
.contato a, .contato a:visited {
	color: #333}
	
.footer_submenu {
	list-style:none;
	padding:0px;
	margin: 15px 0px 15px;
	background-color: #FFF;
	border-top: #272727 1px dotted;
	border-bottom: #272727 1px dotted;
}
.footer_submenu li{
	line-height: 130%;
	list-style:none;
	padding: 0;
	margin: 0;
}
.footer_submenu li a{
	color: #333;
	text-decoration: none;
	padding: 4px 0px 4px 2px;
	display:block;
}
.footer_submenu li a:visited{
	color: #000;
	text-decoration: none;
}
.footer_submenu li a:hover{
	text-decoration: none;
	background-color: #E2FEE8;
	color: #000;
}

.submenu {
	list-style:none;
	padding:0px;
	margin:0px 0px 15px;
}
.submenu li{
	border-bottom: #dae2cc 1px dotted;
	line-height: 130%;
	list-style:none;
}
.submenu li a{
	color: #333;
	text-decoration: none;
	padding: 4px 6px 4px 2px;
	display:block;
	list-style:none;
}
.submenu li a:visited{
	color: #828282;
	text-decoration: line-through;
}
.submenu li a:hover{
	text-decoration: none;
	background-color: #FFDDEE;
}
.submenu .item {
	display:block;
}

.esquerda_interna {
	margin: 0px 0px 20px;
	clear:both;
}
.esquerda_texto {
	clear:both;
	padding-top: 10px;
}
.left {
	float:left;
}
img.left {
	float:left;
	margin: 2px 10px 5px 0px;
}
.footer_nav {
	float:right;
	margin: 20px 0px 0px;
	padding:0px;
	font-size:90%;
}
.copyright {
    background-color: #FFF;
	text-align:right;
	width: 770px;
	font-size: 10px;
	margin: 0 auto;
	color: #FFF;
}

.copyright a{ color: #333}

.destaques, .destaquemaior {
	padding: 0px;
	margin:0px 0px 10px;
	list-style:none;
}

ul.destaquemaior{
	width: 550px; float: left;
}

.destaques li, .destaquemaior li{
	width: 258px;
	float: left;
	padding: 10px;
	height:75px;
}
.destaques img, .destaquemaior img {
	padding: 4px;
	background-color: #FFFFFF;
	border: 1px solid #E3E3E3;
	float: left;
	margin-right: 10px;
}
.destaques h3{
	margin: 0px;
	padding:0px;
	font: bold 14px "Trebuchet MS", Tahoma, Arial;
	text-transform:none;
	letter-spacing: 0px;
}
.destaques br{
	display:none;
}


.small {
	font-size: 90%;
}

.galeria {
	padding-left:45px;
	margin:0px 0px 10px;
	list-style:none;
}

.galeria li{
	width: 140px;
	float: left;
	padding: 10px;
	height:140px;
}
.galeria img {
	padding: none;
	background-color: #FFFFFF;
	border: 1px solid #E3E3E3;
	float: left;
	margin-right: 10px;
}
/* dock - top */
.dock {
	position: relative; 
	height: 10px;
	margin-left: 180px;
	padding-top: 15px;
}

	  html>body .dock {
	  margin-right: 150px;}

.icones {
	position: absolute;
	height: 50px;
	padding-left: 50px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	width: 100px;
	color: #1D1D1D;
	border:none;
	text-decoration:none;
}

img.dir { float:right; margin: 10px;}

	  /* FORMULÁRIOS */
	  
	  textarea { margin-top: 10px;}
	  
	  fieldset { text-align: left; border:none; }
	  fieldset.cadastro { margin-top: 30px; padding-top: 10px; padding-bottom: 10px; border-top: 1px dashed #333; border-bottom: 1px dashed #333; } 
	  
	  legend {
	  text-align:center; font-size: 18px;}
	  
	  #ddd { width: 30px;} #ddd2 { width: 30px; background-color: #FFAED7} #telefone { width: 100px;}#telefone2 { width: 100px; background-color: #FFAED7} #comentario { width: 295px;} #quantidade { width: 50px; border:none; background-color: #FFAED7; color:#333} #check { width: 50px;} #endereco { width: 378px; background-color: #FFAED7} #cidade { width: 100px; background-color: #FFAED7} #estado { width:30px; background-color: #FFAED7} #pais { width: 178px; background-color: #FFAED7} #nome2 { background-color: #FFAED7;}
	  
	  p.saibamais a { background:url(../imagens/saiba-mais.gif) left bottom no-repeat; height: 25px; display: block; text-indent: -9000px; width: 90px; float: left;	}
	  
	  p.comocomprar a { background:url(../imagens/como-comprar.gif) left bottom no-repeat; height: 25px; display: block; text-indent: -9000px; width: 90px; float: left	}
	  
	  #quantidade1 { width: 50px; border:none; background-color: #FAC9FA; color:#333}
	  #quantidade2 { width: 50px; border:none; background-color: #FA7EF7; color:#333}
	  #quantidade3 { width: 50px; border:none; background-color: #EC72EF; color:#333}
	  #quantidade4 { width: 50px; border:none; background-color: #E106AB; color:#333}
	  select {border:none; float: left; width: 300px; color: #333; background-color: #E9E9E9; border:none;}
	  option { background-color: #E9E9E9; border:none;}
	  
	  label {
	  font: 10pt Arial, Helvetica, sans-serif;
	  text-align: left;
	  color: #000000;
	  text-decoration:none;
	  display:block}
	  
	  label.nome, label.email, label.telefone, label.endereco, label.cidade, label.estado, label.pais { font-size: 12px; font-weight: bold; float:left;}
	  
	  input {
	  width: 400px;
	  color: #333;
	  background-color: #E9E9E9;
	  border: 3px solid white;
	  float:left;
	  }
	  
	  input.txtfield#email { width: 200px;}
	  input.txtfield#email2 { width: 200px; background-color: #FFAED7;}
	  
	  input#inserir { width: 100px; border: none;}
	  input#inserir2 { width: 100px; background-color: #FFAED7; color: #000; border: 2px solid #FAD8F3;}
	  input#check { background: none; width: 20px; color:#FF0000}
	  
	  textarea{
	  width: 400px;
	  color: #333;
	  background-color: #E9E9E9;
	  border: 3px solid white;}

	  input:hover,
	  input:focus,
	  textarea:hover,
	  textarea:focus {
	  color: #006600;
	  background-color: #E9E9E9;
	  border: 3px solid #F3F3F3;
	  }
	  
	  th { font-size: 9px; }
	  
	  td { background-color: #FEEDFE; font-size: 9px;}
	  
	  img.precos { padding-left: 120px; border:none;}
	  
	  .galeria_slide{
	position:relative;
	width:560px;
	height:247px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
}
#box1{
	position:absolute;
}
#box1 span{
	display:block;
	float:left;
}