* {margin:0; padding:0; border:none;}

body {
	background:url(img/bg-geral.jpg);
}
/***TOPO****/
header #topo {
	width:100%;
	height:100px;
}

header #topo nav {
	width:100%;
	height:50px;
	padding-top:50px;
	box-shadow: 0 0 6px #CCC;
}
header #topo nav div {
	width:990px;
	margin:0 auto;
	height:25px;
	
}

header #topo nav .menu {
	width:100%;
	height:50px;
	margin:0 auto;
	background:#fff;
}

header #topo nav .menu .content-menu {
	width:990px;
	margin:0 auto;
}

header #topo nav .menu .content-menu ul {
	width:665px;
	margin:0;
	padding-top:15px;
	float:right;
	list-style:none;
}

header #topo nav .menu .content-menu ul li {
	display:inline;
	margin-top:14px;
}

header #topo nav .menu .content-menu ul li a{
	font-family:Verdana, Geneva, sans-serif;
	padding:17px 27px 15px 27px;
	text-decoration:none;
	font-size:12px;
	color:#01A89E;
	
	-webkit-transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-ms-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	transition: background 0.5s ease;
}

header #topo nav .menu .content-menu ul li a:hover{
	background:#01A89E;
	color:#fff;
}

header #topo nav .menu .content-menu a img {
	width:299px;
	height:119px;
	float:left;
	margin-top:-33px;
}


/**** link home ***/
 #topo nav #face {
	float:right;
	height:16px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	margin-top:-20px;
	margin-left:18px;
	padding-right:20px;
	background: url(img/bt-face.png) top right no-repeat;
	font-weight:normal;
	color:#00A79D;
	
}
	#topo nav #face p { visibility:hidden; display:inline; }
	#topo nav #face:hover p { visibility:visible; display:inline; }
	#topo nav #face:hover { background: url(img/bt-face.png) bottom right no-repeat; }
	
	
/**************efeito face*****************/

#topo nav #pagina-principal {
	float:right;
	height:15px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	margin-top:-20px;
	margin-left:18px;
	padding-right:20px;
	background: url(img/bt-home.png) top right no-repeat;
	font-weight:normal;
	color:#00A79D;
	
}
	#topo nav #pagina-principal p { visibility:hidden; display:inline; }
	#topo nav #pagina-principal:hover p { visibility:visible; display:inline; }
	#topo nav #pagina-principal:hover { background: url(img/bt-home.png) bottom right no-repeat; }






 #topo nav div .link2 img {
	border:1px soli #000;
	padding-right:6px;
}


#banner {
	width:990px;
	height:323px;
	padding-bottom:15px;
	padding-top:10px;
	clear:both;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	margin:0 auto;
	
}
#banner img {
	width:990px;
	height:323px;
	border:1px solid #fff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}

/***CONTEUDO****/
article #conteudo {
	clear:both;
	margin:0 auto;
	min-height:400px;
	padding-bottom:30px;
	width:990px;
	clear:both;

}

article #conteudo #destaque{
	width:298px;
	float:left;
}

article #conteudo #destaque h2 {
	width:285px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:19px;
	font-weight:normal;
	color:#00A79D;
	padding:2px;
	border-bottom:1px dashed #00A79D;
}

article #conteudo #destaque .lojas{
	width:298px;
	margin-bottom:80px;
}

article #conteudo #destaque .lojas img {
	margin-top:15px;
}

article #conteudo #destaque .lojas h2  {
	width:285px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:19px;
	font-weight:normal;
	color:#00A79D;
	padding:2px;
	border-bottom:1px dashed #00A79D;
}

article #conteudo #destaque .lojas p {
	margin-top:-85px;
	margin-left:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}
article #conteudo #destaque .agenda  {
	width:298px;
	height:210px;
	margin-top:8px;
	clear:both;
	border:1px solid #E2E2E2;
	border-radius:6px;
	background:#fff;
}

article #conteudo #destaque .agenda .ag-tudo  {
	width:270px;
	height:58px;
	margin-top:3px;
	margin-left:3px;
	clear:both;
	border-bottom:1px dashed #91D9D6;
	padding:4px;
}

article #conteudo #produtos{
	width:620px;
	float:right;
}

article #conteudo #produtos h2  {
	width:600px;
	margin-top:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:19px;
	font-weight:normal;
	color:#00A79D;
	padding:2px;
	border-bottom:1px dashed #00A79D;
}

article #conteudo #produtos .produto  {
	width:180px;
	height:398px;
	margin-top:17px;
	margin-left:15px;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:19px;
	font-weight:normal;
	color:#00A79D;
	text-decoration:none;
	padding:2px;
	background:#fff;
	border-radius:6px;
	border:1px solid #E8E8E8;
}

article #conteudo #produtos .produto-marcas  {
	width:180px;
	margin-top:20px;
	border:1px solid #000;
	margin-left:15px;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:19px;
	font-weight:normal;
	color:#00A79D;
	text-decoration:none;
	padding:2px;
	background:#fff;
	border-radius:6px;
	border:1px solid #E8E8E8;
}
article #conteudo #produtos .produto-marcas:hover  {
	background:#FBFBFB;
}

article #conteudo #produtos .produto h3 {
	font-family:Verdana, Geneva, sans-serif;
	height:67px;
	font-size:12px;
	text-align:center;
	color:#00A79D;
	padding-top:12px;
}

article #conteudo #produtos .produto img {
	height:186px;
	margin:0 auto;
	margin-bottom:29px;
}
article #conteudo #produtos .produto-marcas img {
	margin:0 auto;
	
}


article #conteudo #produtos .produto p {
	height:105px;
	display:block;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	margin-left:10px;
	margin-top:-18px;
	font-weight:normal;
	color:#00A79D;
}


article #conteudo #produtos .produto .link {
	visibility:hidden;
	font-family:Verdana, Geneva, sans-serif;
	float:left;
	width:130px;
	font-size:11px;
	padding-top:19px;
	margin-left:26px;
	font-weight:normal;
	color:#00A79D;
}

article #conteudo #produtos .produto:hover .link {
	visibility:visible;
	color:#333;
}


article #conteudo #produtos .produto .link img {
	padding-right:6px;
}

article #conteudo #destaque .agenda .data  {
	width:52px;
	background:#00A59E;
	border-radius:5px;
	text-align:center;
	padding:2px;
}

article #conteudo #destaque .agenda .data span  {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#fff;
	text-align:center;
}

article #conteudo #destaque .agenda .data p  {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	text-align:center;
}

article #conteudo #destaque .agenda .texto  {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	margin-top:-50px;
	margin-left:63px;
	color:#595959;
}

article #conteudo #destaque .agenda .texto a  {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#00A59E;
}

article #conteudo #destaque .agenda .texto a:hover  {
	color:#595959;
}
/***RODAPE****/
footer {
	width:100%;
}

footer #rodape {
	clear:both;
	width:100%;
	height:270px;	
}
footer #rodape .subrodape{
	width:100%;
	background:#fff;
	box-shadow:0 3px 5px 0px #62C9C5;
}

footer #rodape .subrodape .marcas{
	width:990px;
	height:70px;
	margin:0 auto;
}


footer #rodape .subrodape .m1{
	width:161px;
	height:110px;
	margin-right:24px;
	margin-top:8px;
	float:left;
}

footer #rodape .subrodape .m2{
	width:161px;
	height:110px;
	margin-left:23px;
	margin-right:23px;
	margin-top:11px;
	float:left;
}
footer #rodape .subrodape .m3{
	width:161px;
	height:110px;
	margin-left:23px;
	margin-right:23px;
	margin-top:10px;
	float:left;
}
footer #rodape .subrodape .m4{
	width:161px;
	height:110px;
	margin-left:23px;
	margin-right:23px;
	margin-top:10px;
	float:left;
}
footer #rodape .subrodape .m5{
	width:161px;
	height:110px;
	margin-left:18px;
	margin-top:11px;
	float:left;
}

footer #rodape .conteudo-rodape {
	clear:both;
	width:990px;
	margin:0 auto;
}
footer #rodape .conteudo-rodape a {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#00A59E;
	margin-left:100px;
	
}
footer #rodape .conteudo-rodape a:hover {
	text-decoration:underline;
	color:#999;
	
}

footer #rodape .conteudo-rodape .logo-rodape {
	width:214px;
	height:83px;
	float:left;
	margin-top:0px;
}

footer #rodape .conteudo-rodape .endereco-rodape {
	width:510px;
	float:left;
	text-align:center;
	margin-top:0px;
}
footer #rodape .conteudo-rodape .endereco-rodape p {
	font-family:Verdana, Geneva, sans-serif;
	color:#62C9C5;
	font-size:12px;
	text-align:center;
	
}
footer #rodape .conteudo-rodape .telefone {
	width:255px;
	float:right;
	margin-top:0px;
	
}
footer #rodape .conteudo-rodape .telefone p {
	padding-top:15px;
	font-family:Verdana, Geneva, sans-serif;
	color:#62C9C5;
	font-size:23px;
	
}
footer #rodape .conteudo-rodape .telefone .baixo {
	padding-top:6px;
	margin-left:105px;
	font-family:Verdana, Geneva, sans-serif;
	color:#62C9C5;
	font-size:23px;
	
}
footer #rodape .conteudo-rodape .telefone img {
	padding-top:15px;
	width:47px;
	margin-right:20px;
	float:left;
}

/*Efeito hover com 2 imagens atravez de link*/
#efeito{
	width: 161px; height: 56px;
	overflow: hidden;
	background: url(img/m1.png) top left no-repeat;
	display: block;
	text-indent: 10000px;
}
#efeito:hover{
	background-position: bottom left;
}
#efeito2{
	width: 161px; height: 49px;
	overflow: hidden;
	background: url(img/m2.png) top left no-repeat;
	display: block;
	text-indent: 10000px;
}
#efeito2:hover{
	background-position: bottom left;
}

#efeito3{
	width: 161px; height: 54px;
	overflow: hidden;
	background: url(img/m3.png) top left no-repeat;
	display: block;
	text-indent: 10000px;
}
#efeito3:hover{
	background-position: bottom left;
}

#efeito4{
	width: 161px; height: 53px;
	overflow: hidden;
	background: url(img/m4.png) top left no-repeat;
	display: block;
	text-indent: 10000px;
}
#efeito4:hover{
	background-position: bottom left;
}

#efeito5{
	width: 161px; height: 49px;
	overflow: hidden;
	background: url(img/m5.png) top left no-repeat;
	display: block;
	text-indent: 10000px;
}
#efeito5:hover{
	background-position: bottom left;
}
/*Fim do Efeito hover com 2 imagens sessão marcas*/

#efeito-mi{
	margin-right:8px;
	width: 20px; height: 17px;
	background: url(img/mais.png) top left no-repeat;
	display: block;
}
#efeito-mi:hover{
	background-position: bottom left;
}

/*********** PÁGINAS INTERNAS *************
******************************************/

#conteudo > h2 {
	width:990px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:19px;
	font-weight:normal;
	color:#00A79D;
	padding:2px;
	border-bottom:1px dashed #00A79D;
}

#conteudo > p {
	margin:20px 0 20px 0;
	font:13px Verdana;
	color:#1F3F3F;
}