* {
	margin:0 auto;
	border:0;
	padding:0;
	text-decoration:none;
}

body {
	background:#c9e3a8 url("../imagens/background.jpg") repeat-x;
}

#geral {
	width:750px;
	text-align:center;
	margin-top:5px;
}

/**********************
	topo
**********************/
#topo{
	width:750px;
	height:250px;
	background:url("../imagens/topo.jpg") no-repeat;
}

#topo a{
	float:left;
	width:225px;
	height:210px;
	margin:20px 0 0 15px;
	text-indent:-5000px;
}

/**********************
	topoFlash
**********************/
#topoFlash{
	width:750px;
	height:250px;
}

/**********************
	menu
**********************/
#menuGeral{
	width:750px;
	height:49px;
	background:url("../imagens/baseMenu1.jpg");
}

#menuGeral.menuGeral2{
	width:750px;
	height:49px;
	background:url("../imagens/baseMenu2.jpg");
}

#menuGeral ul{
	list-style:none;
}

#menuGeral ul li{
	float:left;
	text-indent:-5000px;
}

/* menu móvel */
#menuGeral ul li a.quem{
	_float:left;
	*float:left;
	display:block;
	width:124px;
	height:41px;
	background:url("../imagens/menuQuem.jpg") no-repeat;
	margin-left:16px;
	_margin-left:8px;
	overflow:hidden;
}

#menuGeral ul li a.produtos{
	_float:left;
	*float:left;
	display:block;
	width:187px;
	height:41px;
	background:url("../imagens/menuProdutos.jpg") no-repeat;
	margin-left:21px;
	_margin-left:11px;
	overflow:hidden;
}

#menuGeral ul li a.contato{
	_float:left;
	*float:left;
	display:block;
	width:78px;
	height:41px;
	background:url("../imagens/menuContato.jpg") no-repeat;
	margin-left:21px;
	_margin-left:11px;
	overflow:hidden;
}

#menuGeral ul li a.home{
	_float:left;
	*float:left;
	display:block;
	width:62px;
	height:41px;
	background:url("../imagens/menuHome.jpg") no-repeat;
	margin-left:230px;
	_margin-left:115px;
	overflow:hidden;
}

#menuGeral ul li a:hover{
	background-position:0 -42px;
}

/* menu fixo */
#menuGeral ul li.fixoquem{
	float:left;
	display:block;
	width:124px;
	height:41px;
	background:url("../imagens/menuQuem.jpg") no-repeat;
	margin-left:16px;
	_margin-left:8px;
	background-position:0 -42px;
}

#menuGeral ul li.fixoprodutos{
	float:left;
	display:block;
	width:187px;
	height:41px;
	background:url("../imagens/menuProdutos.jpg") no-repeat;
	margin-left:21px;
	background-position:0 -42px;
}

#menuGeral ul li.fixocontato{
	float:left;
	display:block;
	width:78px;
	height:41px;
	background:url("../imagens/menuContato.jpg") no-repeat;
	margin-left:21px;
	background-position:0 -42px;
}

#menuGeral ul li.fixohome{
	float:left;
	display:block;
	width:62px;
	height:41px;
	background:url("../imagens/menuHome.jpg") no-repeat;
	margin-left:230px;
	background-position:0 -42px;
}

/**********************
	conteudo
**********************/
#conteudo {
	width:750px;
	height:590px;
	background:url("../imagens/fundoHome.jpg") no-repeat;
	border-top:7px solid #fff;
	overflow:hidden;
}

#contHome {
	float:left;
	width:500px;
	margin-left:16px;
	_margin-left:8px;
}

#facebook {
	float:left;
	width:100px;
	height:110px;
}

#facebook a{
	float:left;
	width:100px;
	height:110px;
	text-indent:-3000px;
}

#twitter {
	float:right;
	width:130px;
	height:110px;
}

#twitter a{
	float:right;
	width:130px;
	height:110px;
	text-indent:-3000px;
}

#bemVindo {
	float:left;
	width:488px;
	height:220px;
	background:url("../imagens/bemvindo.jpg") no-repeat;
}

#bemVindo p{
	float:right;
	width:296px;
	height:182px;
	text-align:left;
	font:13px Verdana, Arial, Tahoma, sans-serif;
	margin-top:25px;
}

span{
	font-weight:bold;
}

span.bem{
	font:16px Verdana, Arial, Tahoma, sans-serif;
	font-weight:bold;
}

.home2 {
	float:left;
	width:232px;
	height:135px;
	margin:14px 10px 0 5px;
	overflow:hidden;
}

.home2 h2{
	float:left;
	width:232px;
	height:26px;
	text-indent:-2000px;
}

.home2 h2.eobicho {
	background:url("../imagens/eobichoTit.jpg") no-repeat;
}

.home2 h2.materias {
	background:url("../imagens/materiasTit.jpg") no-repeat;
}

.home2 h2.aquariofilia {
	background:url("../imagens/aquariofiliaTit.jpg") no-repeat;
}

.home2 h2.aquario {
	background:url("../imagens/aquarioTit.jpg") no-repeat;
}

.home2 img {
	float:left;
	width:100px;
	height:99px;
	margin:7px 5px 0 0;
	overflow:hidden;
}

#aquariosHome {
	float:left;
	width:100px;
	height:99px;
	margin:7px 5px 0 0;
	overflow:hidden;
}

.home2 p {
	float:left;
	width:125px;
	height:80px;
	font:12px Verdana, Arial, Tahoma, sans-serif;
	text-align:left;
	margin-top:7px;
	overflow:hidden;
}

.home2 a.mais {
	float:left;
	width:100px;
	height:99px;
	background:url("../imagens/mais.jpg") no-repeat;
	margin-top:5px;
	text-indent:-2000px;
	overflow:hidden;
}

.home2 a.maisTexto {
	color:#000;
}

.home2 a:hover.maisTexto {
	text-decoration:underline;
}

.home2 p.homeFlash {
	float:left;
	width:125px;
	height:90px;
	font:12px Verdana, Arial, Tahoma, sans-serif;
	text-align:left;
	margin-top:7px;
	overflow:hidden;
}

.home2 p.homeFlash a {
	color:#139a4c;
}

.home2 p.homeFlash a:hover {
	text-decoration:underline;
}

/**********************
	conteudoQuem
**********************/
#conteudoQuem {
	width:750px;
	height:267px;
	background:url("../imagens/quem.jpg") no-repeat;
	border-top:7px solid #fff;
	overflow:hidden;
}

#textoQuem {
	float:right;
	width:452px;
	text-align:justify;
	font:14px Trebuchet MS, Verdana, Arial, Tahoma, sans-serif;
	margin-right:45px;
	_margin-right:23px;
	margin-top:25px;
}

#textoQuem h1 {
	font:22px Trebuchet MS, Verdana, Arial, Tahoma, sans-serif;
	font-weight:bold;
	margin-bottom:10px;
}

/**********************
	conteudoProdutos
**********************/
#conteudoProdutos {
	width:750px;
	height:385px;
	background:url("../imagens/produtos.jpg") no-repeat;
	border-top:7px solid #fff;
	overflow:hidden;
}

#textoProdutos {
	float:left;
	width:689px;
	text-align:justify;
	font:14px Trebuchet MS, Verdana, Arial, Tahoma, sans-serif;
	margin-left:25px;
	_margin-left:13px;
	margin-top:25px;
}

#textoProdutos h1 {
	font:22px Trebuchet MS, Verdana, Arial, Tahoma, sans-serif;
	font-weight:bold;
	margin-bottom:10px;
}

#textoProdutos p.menor {
	float:left;
	width:298px;
}

/**********************
	conteudoContato
**********************/
#conteudoContato {
	width:750px;
	height:385px;
	background:url("../imagens/contato.jpg") no-repeat;
	border-top:7px solid #fff;
	overflow:hidden;
}

#textoProdutos {
	float:left;
	width:689px;
	text-align:justify;
	font:14px Trebuchet MS, Verdana, Arial, Tahoma, sans-serif;
	margin-left:25px;
	_margin-left:13px;
	margin-top:25px;
}

#textoProdutos h1 {
	font:22px Trebuchet MS, Verdana, Arial, Tahoma, sans-serif;
	font-weight:bold;
	margin-bottom:10px;
}

#textoProdutos p.menor {
	float:left;
	width:298px;
}

/**********************
	conteudoSite
**********************/
#conteudoSite {
	width:736px;
	background:#fff url("../imagens/eobichoTit2.jpg") top left no-repeat;
	border-top:7px solid #fff;
	border-left:7px solid #fff;
	border-right:7px solid #fff;
	overflow:hidden;
}

#conteudoSite2 {
	width:736px;
	background:#fff url("../imagens/aquariofiliaTit2.jpg") top left no-repeat;
	border-top:7px solid #fff;
	border-left:7px solid #fff;
	border-right:7px solid #fff;
	overflow:hidden;
}

#conteudoSite3 {
	width:736px;
	background:#fff url("../imagens/materiasTit2.jpg") top left no-repeat;
	border-top:7px solid #fff;
	border-left:7px solid #fff;
	border-right:7px solid #fff;
	overflow:hidden;
}

#contSiteEsq {
	float:left;
	width:198px;
	padding-top:45px;
}

#menu {
	float:left;
	width:198px;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	
}

ul.menu, ul.menu ul {
   margin: 0;
   padding: 0;
   width:198px; /* Width of Menu Items */
   background-color: #fff; /* IE6 Bug */
   color: #076534;
}

ul.menu li {
   position: relative;
   list-style: none;
}

ul.menu li a {
   display: block;
   text-decoration: none;
   color: #076534;
   padding: 5px 10px 5px 5px;
   border-bottom:1px dashed #b0da9b;
}

/* Fix IE. Hide from IE Mac \*/
* html ul.menu li { 
	float: left; 
	height: 1%; 
}

* html ul.menu li a { 
	height: 1%; 
}
/* End */

ul.menu ul	{
   position: absolute;
   display: none;
   left:198px; /* Set 1px less than menu width */
   top: 0px;
}

ul.menu li.submenu ul {
	display: none; 
} /* Hide sub-menus initially */

ul.menu li.submenu img.setaSubmenu {
	float:right;
	vertical-align:middle; 
}

ul.menu li a:hover { 
	background:#fff; 
	color:#e87b1b;
}

li.submenu img {
	border:none;
	vertical-align:middle;
}

ul.bordaCor {
	border-top:1px dashed #b0da9b;
	border-right:1px dashed #b0da9b;
	border-left:4px solid #b0da9b;
}

/* contSiteDir */
#contSiteDir {
	float:right;
	width:510px;
	background:#f4f8e2;
	padding:11px;
	overflow:hidden;
}

#contSiteDir img {
	float:left;
	width:236px;
	height:153px;
	background:#fff;
	padding:3px;
	border:2px solid #cde6a1;
	overflow:hidden;
}

#contSiteDir h1 {
	display:block;
	float:left;
	width:217px;
	height:52px;
	background:#fff;
	color:#e77817;
	text-align:left;
	vertical-align:middle;
	font:40px Trebuchet MS, Verdana, Arial, Tahoma, sans-serif;
	padding-left:20px;
	margin-top:40px;
	border-top:1px solid #cde6a1;
	border-bottom:1px solid #cde6a1;
}

#contSiteDir h1.duas {
	width:190px;
	height:106px;
	margin-top:20px;
}

#contSiteDir h1.duasMenor {
	width:198px;
	height:98px;
	font:36px Trebuchet MS, Verdana, Arial, Tahoma, sans-serif;
	padding-top:8px;
	padding-left:12px;
	margin-top:20px;
}

#contSiteDir #arredonda {
	float:left;	
	width:25px;
	height:54px;
	background:#fff url("../imagens/arredonda01.jpg") right no-repeat;
	margin-top:40px;
}

#contSiteDir #arredonda2 {
	float:left;	
	width:51px;
	height:109px;
	background:#fff url("../imagens/arredonda02.jpg") right no-repeat;
	margin-top:19px;
}

#textoEobicho {
	float:left;
	width:510px;
	margin-top:10px;
}

#textoEobicho h2 {
	text-align:left;
	font:18px Trebuchet MS, Verdana, Arial, Tahoma, sans-serif;
	font-weight:bold;
	margin-bottom:5px;
}

#textoEobicho img {
	float:right;
	width:174px;
	height:113px;
	background:#fff;
	padding:3px;
	border:2px solid #cde6a1;
	margin:0 0 6px 10px;
}

#textoEobicho p {
	text-align:justify;
	font:14px Trebuchet MS, Verdana, Arial, Tahoma, sans-serif;
}

#textoEobicho table {
	border:1px solid #a3ab7f;
	font:14px Trebuchet MS, Verdana, Arial, Tahoma, sans-serif;
}

#textoEobicho table tr td{
	border:1px solid #a3ab7f;
	padding:2px 10px;
}

#textoEobicho table tr.corFundo{
	background:#dbe2bd;
	font-weight:bold;
}

#textoEobicho table tr td.colunaEsq{
	text-align:left;
}

#textoEobicho table tr td.transparente{
	color:#f4f8e2;
}

#conteudoSiteFundo {
	width:750px;
	height:19px;
	background:url("../imagens/curvasSite.jpg") bottom no-repeat;
	overflow:hidden;
}

/**********************
	contato
**********************/
#textoContato {
	float:left;
	width:295px;
	text-align:left;
	font:14px Trebuchet MS, Verdana, Arial, Tahoma, sans-serif;
	margin-left:30px;
	_margin-left:15px;
	margin-top:25px;
}

#textoContato h1 {
	font:22px Trebuchet MS, Verdana, Arial, Tahoma, sans-serif;
	font-weight:bold;
	margin-bottom:10px;
}

p.textoVerde {
	color:#007243;
	margin-top:150px;
}

p.textoVerde a{
	color:#007243;
}

p.textoVerde a:hover{
	text-decoration:underline;
}

/**********************
	formulario
**********************/
#formulario {
	float:right;
	width:385px;
	margin:25px 30px 0 0;
	_margin:25px 15px 0 0;
}

form {
	float:right;
	width:382px;
	height:285px;
	font:14px Trebuchet MS, Verdana, Arial, Tahoma, sans-serif;
	color:#000;
}

form fieldset {
	float:right;
}

form label {
	float:right;
	vertical-align:middle;
}

form label.labelEsq {
	float:left;
}

form label.labelEsqCidade {
	float:left;
	margin-left:34px;
}

form label.labelEsqTelefone {
	float:left;
	margin-left:20px;
}

form label input {
	width:298px;
	height:18px;
	color:#333;
	background:#f1f3ec;
	border:1px solid #bfc5be;
	margin-top:5px;
}

form label input.ddd {
	width:20px;
	margin-right:5px;
	margin-left:2px;
}

form label input.telefone {
	width:271px;
}

form label input.cidade {
	width:219px;
	margin-right:5px;	
}

form label input.estado { 
	width:26px;
}

form label textarea {
	width:298px;
	color:#333;
	background:#f1f3ec;
	margin-top:5px;
	border:1px solid #bfc5be;
}

form p {
	float:right;
	width:355px;
	text-align:right;
	font:11px Trebuchet MS, Verdana, Arial, Tahoma, sans-serif;
	margin:5px 0 8px 0px;
}

form label input.enviar {
	width:58px;
	height:22px;
	background:#f1f3ec;
	font:14px Trebuchet MS, Verdana, Arial, Tahoma, sans-serif;
	color:#818f88;
	border:1px solid #bfc5be;
	margin-top:5px;
}

p.enviado {
	text-align:right;
	color:#e95d29;
	font:15px Trebuchet MS, Verdana, Arial, Tahoma, sans-serif;
	padding-top:15px;
}

/**********************
	rodape
**********************/
#rodape {
	width:750px;
	height:55px;
	background:url("../imagens/baseRodape.jpg") no-repeat;
	margin-top:8px;
}

/* rodapeEsq */
#rodapeEsq {
	float:left;
	width:310px;
	margin:8px 0 0 18px;
	_margin:8px 0 0 9px;
}

#rodapeEsq p{
	text-align:justify;
	color:#fff;
	font:11px Verdana, Arial, Tahoma, sans-serif;
}

#rodapeEsq p.negrito{
	font-weight:bold;
}

#rodapeEsq p a{
	color:#fff;
	font:11px Verdana, Arial, Tahoma, sans-serif;
}

#rodapeEsq p a:hover{
	text-decoration:underline;
}

/* rodapeDir */
#rodapeDir {
	float:right;
	width:336px;
	margin:8px 12px 0 0;
	_margin:8px 6px 0 0;
}

#rodapeDir ul {
	list-style:none;
	margin:10px 0 0 0;
}

#rodapeDir ul li {
	float:left;
	font: 14px Trebuchet MS, Verdana, Arial, Tahoma, sans-serif;
	color:#2a7310;
	padding-right:4px;
}

#rodapeDir ul li.fixoBaixo {
	float:left;
	font: 14px Trebuchet MS, Verdana, Arial, Tahoma, sans-serif;
	text-decoration:underline;
	padding-right:4px;
}

#rodapeDir ul li a{
	color:#2a7310;
}

#rodapeDir ul li a:hover{
	text-decoration:underline;
}

/**********************
	credito
**********************/
#credito {
	float:right;
	width:42px;
	height:19px;
	margin:8px 18px 8px 0;
	_margin:8px 8px 8px 0;
}

