/*#guirlanda-natal { float: right; background: url(../images/guirlanda.png) transparent right top no-repeat; width: 85px; height: 60px; }*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 120%;
	font-weight: normal;
	font-variant: normal;
	color: #4C4C4C;
	text-align:center;
	margin:0;
}

h1{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	color:#666600;
	text-transform:uppercase;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #E8E4C7;
	margin-top:10px;
}

#geral{ text-align:center;}

/* Topo e menu */
#topo-outside{ 
	background:url(../images/bg_topo.jpg) repeat-x;
	width:100%;
	height:113px;
	/*padding-bottom:12px;*/
}
#topo-inside{
	width:920px;
	height:113px;
	margin-left:auto;
	margin-right:auto;
	padding-left:35px; 
	padding-right:35px; 
}
#logo{ width:144px; height:70px; margin-top:20px; margin-bottom:23px; float:left;}
#logo img{ border:none;}
#menu {
	width:584px; height:70px; padding-left:190px; margin-top:20px; margin-bottom:23px; float:right; text-align:right;
}

a.restrito{ color:#FFFFFF; text-decoration:underline;}
a.restrito:hover, a.restrito:focus{ color:#FFFFFF; text-decoration:none;}

#midias-sociais{ padding-bottom:25px;}
#midias-sociais img{ border:none;}
.mds-icon { width:28px; height:28px;}
#icon-1{}
#icon-2{}
#icon-3{}
#icon-4{}

ul.menu-principal {	
	margin: 0;
	padding: 0;
	text-align:right;
}
ul.menu-principal li {	
	list-style: none;
	margin: 0;
	padding: 0;
	float:left;
}
ul.menu-principal li a {
	margin-left: 25px;
	/*padding: 5px 5px 10px 5px;*/
	color:#FFFFFF;
	font-weight:bold;
	text-decoration: none;
	float:left;
}
ul.menu-principal li a:hover, .menu-principal li a:focus {
	text-decoration:underline;
	color:#FFFFFF;
}

/* Nav secundaria - ícones personalizados
ul.menu_nav {
	list-style: none;
	margin: 0 0 10px 12px;
	padding: 0;
	float:right;
}
ul.menu_nav li {
	list-style:none;
	margin: 0;
	padding: 0;
}
ul.menu_nav li a {
	display: block;
	width: 150px;
	height: 40px;
	line-height: 40px;
	padding-left: 45px;
	border-bottom:1px solid #E8E4C7;
	margin: 0;
	color: #666666;
	text-decoration: none;
	background-color: #F6F6E2;
	background-repeat:repeat;
	font-style:normal;
	font-weight:bold;
}
ul.menu_nav li a:hover, ul.menu_nav li a:focus {
	background-color: #EEF2DC;
	text-decoration:underline;	
}
/* Icones nav secundaria 
#a-institucional, #a-ficha, #a-horarios, #a-fotos { background-image:url(../images/bg-icon-nav-sec-nav.jpg); background-repeat:no-repeat; background-position:left; }

#a-institucional a:hover, #a-institucional a:focus, #a-ficha a:hover, #a-ficha a:focus, #a-horarios a:hover, #a-horarios a:focus,  #a-fotos a:hover, #a-fotos a:focus {background:url(../images/bg-icon-nav-sec-nav-hover.jpg) no-repeat left #EEF2DC;}
*/

/* Nav secundaria dinâmica */
ul.submenu-nav {
	list-style: none;
	margin: 0 0 10px 12px;
	padding: 0;
	float:right;
}
ul.submenu-nav li {
	list-style:none;
	margin: 0;
	padding: 0;
}
ul.submenu-nav li a {
	display: block;
	width: 150px;
	height: 40px;
	line-height: 40px;
	padding-left: 45px;
	border-bottom:1px solid #E8E4C7;
	margin: 0;
	color: #666666;
	text-decoration: none;
	background:url(../images/bg-icon-nav-sec-nav.jpg) no-repeat left #F6F6E2;
	font-style:normal;
	font-weight:bold;
	text-transform:uppercase;
}
ul.submenu-nav li a:hover, ul.submenu-nav li a:focus {
	text-decoration:underline;	
	background:url(../images/bg-icon-nav-sec-nav-hover.jpg) no-repeat left #EEF2DC;	
}

/* Conteúdo */
#conteudo-outside{ 
	width:100%; 
	text-align:center; 
	/*clear:both;*/ 
	background:url(../images/bg_conteudo_out.jpg) repeat; 
}
#conteudo-inside{
	width:920px; 
	margin-left:auto; 
	margin-right:auto; 
	text-align:left; 
	/*clear:both;*/ 	 
	background:url(../images/bg_conteudo.png) center repeat-y; 
	padding-left:35px; 
	padding-right:35px; 
	padding-top:12px; 
	padding-bottom:15px;
}

#flash, #slideshow{ float:left; width:720px; height:320px; /* position: relative; Gera ponto de origem para o popup */}
#slideshow p { margin: 0; padding: 0; /* Hack CMS */ }
#slideshow img { border: none; }
#banners{ float:right; width:195px; height:320px; padding-left:5px;}
#banners img{ border:none;}
.banner1, .banner2, .banner3, .banner4 { padding:0 0 5px 0;}
.banner5{}

/* Preparação para scroll na home */
#home #conteudo-inside{
	width:940px; 
	margin-left:auto; 
	margin-right:auto; 
	text-align:left; 
	/*clear:both;*/ 	 
	background:url(../images/bg_conteudo.png) center repeat-y; 
	padding-left:25px; 
	padding-right:25px; 
	padding-top:12px; 
	padding-bottom:15px;
}
#home #flash, #home #slideshow { float:left; width:720px; height:320px; margin-left: 10px; }
#home #banners{ float:right; width:195px; height:320px; padding: 0 10px 0 5px; }

/* #box-home para versão sem scroll / #scroll-wrapper para versão com scroll  - Ambas versões apenas na home */
#boxes-home {clear:both; padding-top:15px;}
#boxes-home h1 {border:none;}
#boxes-home img, #scroll-wrapper img {border:none;}

/* Scroll */
#scroll-wrapper { 
	width: 912px; /* soma da largura dos elementos + margem/padding + bordas laterais */
	height: 125px;
	overflow: hidden;
	margin-left: 14px;
	padding-top:15px;
	/*margin: 10px auto;
	position: relative;*/	 
}
#containter-scroll-width { /*  width configurado na home */ /*position: absolute; left: 0;*/ }
.scroll-items { float: left; width: 225px; margin-right: 4px; }

.scroll-button { display: block; width: 5px; height: 10px; border: none; margin: 80px 0 0 0; padding: 0; /*Margin 0 e padding 0 - HACK for IE */ cursor: pointer; }
#scroll-left-button { float: left; background: url(../images/scroll-left-arrow.png) transparent no-repeat left; /*margin-left: 25px;*/ }
#scroll-right-button { float: right; background: url(../images/scroll-right-arrow.png) transparent no-repeat right; /*margin-right: 25px;*/ }

.box-1, .box-2, .box-3, .box-4{ width:225px; height:125px;}
.box-1{ /*margin-right:4px;*/ }
.box-2{ /*margin-right:3px;*/ }
.box-3{ /*margin-right:4px;*/ }
.box-4{ /*margin-right:4px;*/ }
.box-5{}

#menu-onde-estou, #end-page-line{ width:920px; height:20px; line-height:20px;}
#menu-onde-estou-mini{ width:710px; height:20px; line-height:20px; float:left;}
#menu-onde-estou, #menu-onde-estou-mini { margin-bottom:20px;}
#end-page-line{ margin-top:20px; clear:both;}
.bg-line { background-color: #F6F6E2; background-repeat:repeat;}

.link_externo{	
	padding-right: 15px; /* Distância da imagem para o link */
	margin-right: 5px;	/* Distância (margem) do link para o elemento à direita - neste caso, a próxima frase. */
	background: url(../images/link_externo.gif) no-repeat center right;	
}

/* Rodapé */
#rodape-outside{ width:100%; height:50px; background:#54A275 repeat; /*margin-top:15px;*/ clear:both; }
#rodape-inside {width:920px; margin-left:auto; margin-right:auto; line-height:50px; padding-left:35px; padding-right:35px; }

#logo_mini{ border:none; padding-top:5px; padding-bottom:5px; padding-right:50px; float:left;}

ul.menu-rodape {	
	margin: 0;
	padding: 0;
	text-align:center;
}
ul.menu-rodape li {	
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.menu-rodape li a {
	margin-right: 40px;
	/*padding: 5px 5px 10px 5px;*/
	color:#FFFAE7;
	text-decoration: none;
	float:left;
}
ul.menu-rodape li a:hover, .menu-rodape li a:focus {
	text-decoration:underline;
	color:#FFFAE7;
}
#lojas-rodape{ float:right; padding-top:5px; padding-bottom:5px;}

/* Créditos */
#creditos-outside{ width:100%; height:65px; margin-top:15px; clear:both; overflow:hidden;}
#creditos-inside {width:920px; margin-left:auto; margin-right:auto; /*line-height:10px;*/ text-align:center; padding-left:35px; padding-right:35px; }

#logo_empreendedor{ border:none; padding-top:5px; padding-bottom:5px; padding-right:50px; float:left;}
#logo_wservices{ border:none; padding-top:5px; padding-bottom:5px; padding-left:50px; float:right;}
#texto-creditos{ margin-left:127px; margin-right:80px;}


/* ---------------- FORMS ---------------- */
fieldset{ border:none;}
label{}

#frm_cadastro legend{ font-weight:bold; /*text-transform:uppercase;*/ border-bottom:1px dotted #ABADB3; display:block; margin-top:15px;}
#frm_cadastro .pequeno{ width:150px;}
/* Define o padrão visual para os campos de texto, seleção */
input[type=text], input[type=password], select {
	height: 22px;
	width: 500px;
	border-top: 1px solid #F6F6E2;
	border-right: 1px solid #F6F6E2;
	border-left: 1px solid #F6F6E2;
	border-bottom: 1px solid #ABADB3;
	color: #4C4C4C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 1px;
	background-color: #F6F6E2; 
	background-repeat:repeat;
}
textarea {
	height: 150px;
	width: 500px;	
	border-top: 1px solid #F6F6E2;
	border-right: 1px solid #F6F6E2;
	border-left: 1px solid #F6F6E2;
	border-bottom: 1px solid #ABADB3;
	color: #4C4C4C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 1px;
	background-color: #F6F6E2; 
	background-repeat:repeat;

}
input[type=text]:hover, input[type=text]:focus, input[type=text]:hover, input[type=text]:focus, select:hover, select:focus, textarea:hover, textarea:focus {
	border: 1px solid #ABADB3;
	color: #4C4C4C;
	margin: 1px;
	background-color: #F6F6E2; 
	background-repeat:repeat;
}

/*  ------------------------------------------------------  */
/*  ------------ ESTILOS DE AVISO AO USUÁRIO -------------  */
/*  ------------------------------------------------------  */

/* Configuração geral para avisos (erro, sucesso, atenção, nenhum_encontrado, etc) */
span.aviso_erro, span.aviso_sucesso, span.aviso_atencao, span.aviso_nenhum_encontrado {
	font-size: 12px;
	font-weight: bold;
	display: block;
	padding: 8px 10px 8px 36px;
	margin:15px 0;
	text-align:left;
}
/* Configurações específicas de cada aviso */

span.aviso_sucesso {
	color: #648434;
	border: 1px solid #9BCC54;
	background: #CDEFA6 10px 50% no-repeat;
}
span.aviso_erro {
	color: #CF3738;
	border: 1px solid #FFACAD;
	background: #FFD5D5 10px 50% no-repeat;
}
span.aviso_atencao {
	color: #B79000;
	border: 1px solid #E7BD72;
	background: #FFF3A3 10px 50% no-repeat;
}
span.aviso_nenhum_encontrado{
	color: #666;
	border: 1px solid #E5E5E5;
	background: #F6F6F6 10px 50% no-repeat;
}

/*  ------------------------------------------------------  */
/*  ---------------   LISTA DE PRODUTOS OU FOTOS  --------  */
/*  ------------------------------------------------------  */

.fotos_categorias{ /* categorias, galeria de fotos (home) e produto */
	margin-left: auto; margin-right: auto; width: 100%; height: 100px; text-align: center;} 


.item a {
	border: 5px solid #F6F6E2;
	padding: 0;
	display: block;
	/*text-align: center;
	vertical-align: top;
	
	padding: 5px;
	height: 94%;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;*/
}
.item a:hover, .item a:focus {
	/*background-color: #E1FFE7;*/
	border: 5px solid #F6F6E2;
}
.item {
	/*display: block;
	width: 188px;
	height: 190px;
	overflow: hidden;
	padding: 0;*/
}
.item img {
	width: 200px;
	height: 120px;
	border:none;
	/*display: block;
	overflow: hidden;
	padding: 0;*/
}
.item_geral {
	float: left;
	margin: 0 12px 20px 0;
}


/* Imagens produto ficha mkte */

.logo-lojas {
	border: 5px solid #F6F6E2;
}