/* --- Propriedades do site --- */
* { margin:0px; padding:0px; }
img { border:0px; margin:0px; padding:0px; }
#folder { width:960px; height:auto; }
#logomarca {
	width:960px;
	height:114px;
	background-image:url(../images/logomarca.png);
	background-repeat:no-repeat;
	background-position:center;
}


body { 
	background-image:url(../images/fundo3.jpg);
	background-position:0 1000;
	background-color:#AA7744;
	background-attachment:fixed;
}

p, h1, h2, small { font-family:"Times New Roman", Times, serif; font-size:13px; color:#5E261E; text-align:left; line-height:130%; }
h1 { font-size:24px; padding:0 0 20 0; }
h2 { font-size:18px;}

em { color:#DECFBE; font-size:11px; }

a, a:hover, a:visited, a:active{ text-decoration:none; color:#5E261E; }

#conteudo {
	width:960px;
	height:auto;
	overflow:auto;
	float:left;
	display:block;
	background-color:#FFFFFF;
	margin:10 0;
	padding:0 0 20 0;
}

.textoEmpresa { 
	color:#825A37;
}

/* --- Propriedades da home --- */
#fundoTopo {
	width:960px;
	height:325px;
	float:left;
	display:block;
	background-image:url(../images/fundo_topo.png);
}

/* --- Propriedades do menu principal --- */
#menuPrincipal {
	width:960px;
	height:30px;
	float:left;
	display:block;
	background-color:#FFFFFF;
}
#menuPrincipal p{
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	color:#5E261E;
	text-align:center;
	padding:4 0 0 0;
}

/* --- Propriedades da empresa --- */
#menu_esquerdo { width:191px; height:auto; float:left; display:inline; overflow:auto; margin:10 0 0 10; border-right:1px solid #F9F8F6; background-image:url(../images/banco.gif); background-position:left bottom; background-repeat:no-repeat; }
#principal { width:735px; height:auto; display:inline; float:right; margin:10 10 10 0; }
#lista_menu { width:180px; height:auto; float:left; display:inline; margin:10 0 15 0; list-style:none;}
#lista_menu li { 
	width:180px; height:auto; float:left; display:inline; margin:0px;
	background-image:url(../images/seta.gif); background-repeat:no-repeat; background-position:left top;
}
#lista_menu li p { margin:5 5 5 30; }
#lista_menu li p:hover { margin:5 5 5 32; }
#ver_empresa { 
	width:725px; height:auto; float:left; display:inline; margin:0 15 20 0; padding-bottom:15px;
}
#ver_empresa p { width:510px; float:left; display:block; margin:15 10 15 15; }
#fotos_empresa { width:162px; height:auto; float:right; display:inline; list-style:none; margin:10 10 0 0; padding-bottom:20px;}
#fotos_empresa li { width:160; height:120; float:left; display:inline; margin:0 10 10 0; }
#fotos_empresa li img{ margin:1px; }

/* --- Propriedades do rodapé --- */
#barra {
	width:960px;
	height:100px;
	float:left;
	display:block;
	background-image:url(../images/barra.png);
	background-repeat:no-repeat;
	background-position:center;
}
#rodape {
	width:960px;
	height:30px;
	float:left;
	display:block;
	background-image:url(../images/fundo_rodape.png);
	background-repeat:no-repeat;
	background-position:center 0px;
	padding:7px 0 0 0;
	margin:0 0 20px 0;
	
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	color:#FFFFFF;
	text-align:center;
}

/* --- Propriedades da animação da home --- */
#fundoAnim {
	width:940px;
	height:305px;
	float:left;
	margin:10 0 0 10;
	background-color:#FFFFFF;
	display:block;
}
#slider {
    width: 936px; /* important to be same as image width */
    height: 301px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */ 
	float:left;
	margin:2 0 0 2;
}
#sliderContent {
    width: 936px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 936px;
	/*
    background-color: #000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
	-khtml-opacity: 0.6;
    opacity: 0.6;
	*/
    color: #fff;
    display: none;
}

/* --- Propriedades as demais animaçoes --- */
#fundoAnimSmall {
	width:300px;
	height:305px;
	float:left;
	margin:10px;
	background-color:#FFFFFF;
	display:block;
}
#slider1, #slider2, #slider3 {
    width: 296px; /* important to be same as image width */
    height: 301px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */ 
	float:left;
	margin:2 0 0 2;
}
#slider1Content, #slider2Content, #slider3Content {
    width: 296px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.slider1Image, .slider2Image, .slider3Image {
    float: left;
    position: relative;
	display: none;
}
.slider1Image span, .slider2Image span, .slider3Image span {
    position: absolute;
	font: 13px "Times New Roman", Times, serif;
    padding: 10px 13px;
    width: 936px;
	
    background-color: #000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
	-khtml-opacity: 0.6;
    opacity: 0.6;
	
    color: #fff;
    display: none;
}
.slider1Image span b, .slider2Image span b, .slider3Image span b{
	font-size: 30px;
}

/* --- Propriedades para todas as animações --- */
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}

/* --- Propriedades da lista de categorias --- */
#lista_categorias, #lista_categorias li {
	width:770px;
	height:auto;
	float:left;
	display:inline;
	list-style:none;
}
#lista_categorias li {
	background-color:#FFFFFF;
	margin:10px 0 0 0;
	padding:0 0 10px 0;
}
#titulo_lista {
	width:750px;
	height:42px;
	float:left;
	display:inline;
	margin:0 0 0 10px;	
}
#titulo_lista h2{
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	text-indent:20px;
	color:#5E261E;
	margin:10px 0 0 0;
}
#titulo_lista.ocultar {
	background-image:url(../images/ocultar.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#titulo_lista.exibir {
	background-image:url(../images/exibir.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

/* --- Propriedades da lista de produtos --- */
#lista_produtos {
	width:770px;
	height:auto;
	float:left;
	display:inline;
	list-style:none;
}
#lista_produtos li {
	width:180px;
	height:200px;
	float:left;
	display:inline;
	background-color:#F9F8F6;
	margin:10px 0 0 10px;
}
#lista_produtos li #foto_produto{
	width:160px;
	height:160px;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:center;
	float:left;
	display:inline;
	margin:10px 0 7px 10px;
}
#lista_produtos li p{
	text-align:center;
	margin:0 10px;
}
#nuvem{
	width:940px;
	height:auto;
	float:left;
	display:inline;
	margin:10px;
	background-image:url(../images/vazio2.png);
	background-repeat:repeat-x;
	background-position:0px 0px;
}
#nuvem h1{
	font-weight:normal;
	line-height:-10px;
	text-indent:15px;
	margin-bottom:-15px;
	margin-top:10px;
}
#tags {
	width:940px;
	height:auto;
	float:left;
	display:inline;
	padding:15 0;
}
#tags li{
	width:auto;
	height:auto;
	float:left;
	display:block;
	margin:0 20px;
}
#tags li a:hover{
	color:#AA7744;
}

/* --- Propriedades de ver produtos--- */
#titulo_lista.vazio {
	background-image:url(../images/vazio.png);
	background-repeat:repeat-x;
	background-position:0px 0px;
	cursor:default;
}
#titulo_lista.vazio .navbar{
	color:#AA7744;
}
#fotos_produtos {
	width:700px;
	height:400px;
	float:right;
	display:inline;
	list-style:none;
	margin:10px;
}
#fotos_produtos img {
	border:1px solid #AA7744;
}
#miniaturas {
	width:340px;
	height:auto;
	float:left;
	display:inline;
}
#miniaturas li{
	width:75px; 
	height:75px; 
	background-repeat:no-repeat;
	background-position:center;
	margin:10 10 10 0;
	display:inline;
	float:left;
	cursor:pointer;
	/*border: 1px solid #AA7744;*/
}
#info_produtos{
	width:230px;
	height:auto;
	float:left;
	display:inline;
	margin:10px 0 10px 10px;
	background-image:url(../images/vazio2.png);
	background-repeat:repeat-x;
	background-position:0px 0px;
}
.texto_produtos{
	width:680px;
	float:left;
	display:inline;
	margin:10px;
}
#info_produtos h1{
	margin:10px 0 0 10px;
	line-height:100%;
}
#info_produtos p{
	margin:0 10px 10px 20px;
}
#info_produtos h2{
	margin:0 10px 0 20px;
	color:#AA7744;
}
#menu_categorias, #menu_categorias_2{
	width:230px;
	height:auto;
	float:left;
	display:inline;
	margin:10px 0 10px 10px;
	background-image:url(../images/vazio2.png);
	background-repeat:repeat-x;
	background-position:0px 0px;
	background-color:#FFFFFF;
}
#menu_categorias h1{
	margin:5px 0 0 10px;
}
#menu_categorias li, #menu_categorias_2 li{
	width:230px;
	height:26px;
	float:left;
	display:inline;
	list-style:none;
	margin:0px;
	border-top:1px solid #F9F8F6;
	background-image:url(../images/seta.gif); background-repeat:no-repeat; background-position:0px 2px;
}
#menu_categorias li p, #menu_categorias_2 li p{
	width:auto;
	height:auto;
	font-size:16px;
	font-weight:normal;
	text-indent:25px;
	padding:5 0;
}
#menu_categorias li a:hover, #menu_categorias_2 li a:hover{
	color:#AA7744;
}

#menu_categorias_2{
	width:180px;
	margin:0 0 10px 10px;
	background-image:url(../images/vazio.png);
}
#menu_categorias_2 li{
	width:180px;
}
#menu_categorias_2 h1{
	font-size:20px;
	margin:5px 0 0 10px;
}
#fundo_menu_categorias_2{
	float:left; background-color:#FFFFFF; margin:10px 0 0 0; padding-bottom:10px;
}

/* --- Propriedades de contato --- */
#formcontato { width:450px; height:auto; float:left; display:inline; margin:0 15 0 0; border-top:2px solid #AA7744; background-color:#F9F8F6; }
#form_contato, #form_cadastro { margin:10 0 0 0; padding-bottom:10px; }
#form_contato #item, #form_cadastro #item { width:450px; height:auto; float:left; display:inline; margin:8 0 0 0; }
#contato_titulo { width:156px; height:auto; display:inline; float:left;}
#contato_titulo h2 { margin:0 5 0 0; text-align:right; font-weight:normal; font-size:16px;}
#contato_item { width:290px; height:auto; display:inline; float:right; text-align:left; }

.input { text-align:right; vertical-align:top; }
.form_focus, .form_blur { background-color:#FFFFFF; border:1px solid #AA7744; color:#5E261E;}
.form_blur { border:1px solid #E5E5E5; color:#AA7744;}
.texto_contato {margin:0 10px 10px 0px;}

#enviar{ float:right; display:block; margin:15 60 20 0;}

iframe { 
	border:1px solid #CCCCCC;
}

/* --- Propriedades de dicas --- */
#dica { width:720px; height:auto; float:left; display:inline; margin:0 15 20 0; border-top:2px solid #AA7744; background-color:#F9F8F6; padding-bottom:10px;}
#dica h2, #dica p{ margin:10 10 0 10;}
#resumo { margin:10; color:#AA7744; font-size:16px; font-style:italic; line-height:100%; }