@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #535250;
	line-height: 20px;
	background: #FFF url(images/fundo.png) repeat-x top;
}

h1 {
	margin: 0 0 30px 0;
}
h2 {
	font-size:12px;
}

h3 {
	font-size: 14px;
	color: #936b4b;
}

a {
	color: #656565;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

strong {
	color: #936b4b;
	font-weight: bold;
}

p {
	margin: 0 0 20px 0;
}

.left {
	float: left;
}

.right {
	float: right;
}

.produtos {
	width: 233px;
	height: 111px;
	background: url(images/fundo-produto.png) no-repeat;
	margin: 0 0 20px 0;
	padding: 10px;
}

.produtos img {
	float: left;
	margin: 0 10px 20px 0;
}

#pagina {
	margin: 0 auto;
	width: 980px;
}

#cabecalho {
	height: 420px;
	width: 980px;
	background: url(images/fundo-cabecalho.png) no-repeat;
}


#logo-super-amigos-pet {
	width: 337px;
	height: 235px;
	padding: 100px 0 0 30px;
	display: block;
	text-indent: -10000px;
	background: url(images/titulo-super-amigos-pet.png) no-repeat right bottom;
	float:left;
}

/*------------------- Menu -----------------*/

#menu {
	width: 161px;
	height: 245px;
	float: right;
	background: url(images/menu.png) no-repeat;
	list-style: none;
	margin: 100px 40px 0 0;
	list-style: none;
	display: block;
}

#menu li {
	float: left;
	width: 160px;
	height: 35px;
	display: block;
	text-indent: -10000px;
}

#menu li a {
  display:block;
  width:100%;
  height:100%;
}

#home {
	width: 140px;
}

#home a:hover {
	background:url(images/menu.png) no-repeat -161px 0;
}

#sobre-nos {
	width: 140px;
}

#sobre-nos a:hover {
	background:url(images/menu.png) no-repeat -161px -35px;
}

#servicos {
	width: 140px;
}

#servicos a:hover {
	background:url(images/menu.png) no-repeat -161px -70px;
}

#localizacao {
	width: 140px;
}

#localizacao a:hover {
	background:url(images/menu.png) no-repeat -161px -105px;
}

#cuidado-animal {
	width: 140px;
}

#cuidado-animal a:hover {
	background:url(images/menu.png) no-repeat -161px -140px;
}

#filhotes {
	width: 140px;
}

#filhotes a:hover {
	background:url(images/menu.png) no-repeat -161px -175px;
}

#loja-online {
	width: 140px;
}

#loja-online a:hover {
	background:url(images/menu.png) no-repeat -161px -210px;
}

/*------------------- Menu -----------------*/


#main-content {
	float: left;
	margin: 0 0 30px 0;
	width: 670px;
}

#sidebar {
	width: 260px;
	float: left;
	margin: 0 50px 0 0;
}

#bem-vindo {
	width: 578px;
	height: 214px;
	padding: 40px 40px 0 40px;
	display: block;
	background: url(images/fundo-bem-vindo.png) no-repeat;
	float: left;
}

#clinica-veterinaria {
	width: 320px;
	padding: 0 20px 0 0;
	float: left;
	background: url(images/fundo-linha.png) repeat-y right top;
}

#promocoes {
	width:300px;
	margin: 0 0 0 20px;
	float: left;
}

#rodape {
	clear: both;
	background: url(images/fundo-rodape.png) repeat-x top;
	margin: 30px 0 0 0;
	overflow: hidden;
	height: 100px;
}

#main-rodape {
	margin: 0 auto;
	width: 980px;
	padding: 30px 0 0 0;
}

#main-rodape p {
	margin: 5px 0 0 0;
}

#rodape ul {
	list-style: none;
}

#rodape ul li {
	display: inline;
}

#rodape img {
	float: right;
}
	

#direita {
	padding: 0 20px 0 0;
	float: left;
	width: 250px;
	padding: 0 30px 0 0;
	margin: 0 30px 0 0;
	background: url(images/fundo-linha.png) repeat-y right top;
}

#esquerda {
	float: left;
	width: 640px;
}

.filhote {
	float: left;
	width: 160px;
	height: 190px;
	padding: 10px;
	margin: 0 20px 20px 0;
	background: url(images/fundo-filhotes.png) no-repeat;
}

.filhotesp {
	margin: 5px 0 0 0;
}

.mais-detalhes {
	width: 101px;
	height: 18px;
	display: block;
	text-indent: -10000px;
	background: url(images/mais-detalhes.png) no-repeat;
	float: right;
}
	
	
/*------------------- TiTuLoS -----------------*/

#titulo-loja-online {
	width: 192px;
	height: 66px;
	display: block;
	text-indent: -10000px;
	background: url(images/titulo-loja-online.png);
}

#titulo-bem-vindo-ao-nosso-site {
	width: 439px;
	height: 33px;
	display: block;
	text-indent: -10000px;
	background: url(images/titulo-bem-vindo-ao-nosso-site.png);
}

#titulo-clinica-veterinaria {
	width: 324px;
	height: 80px;
	display: block;
	text-indent: -10000px;
	background: url(images/titulo-clinica-veterinaria.png);
}

#titulo-promocoes {
	width: 191px;
	height: 60px;
	display: block;
	text-indent: -10000px;
	background: url(images/titulo-promocoes.png);
}

#titulo-clinica-veterinaria {
	width: 180px;
	height: 66px;
	display: block;
	text-indent: -10000px;
	background: url(images/titulo-clinica-veterinaria.png);
}

#titulo-sobre-nos {
	width: 153px;
	height: 30px;
	display: block;
	text-indent: -10000px;
	background: url(images/titulo-sobre-nos.png);
}

#titulo-servicos {
	width: 135px;
	height: 34px;
	display: block;
	text-indent: -10000px;
	background: url(images/titulo-servicos.png);
}

#titulo-localizacao {
	width: 180px;
	height: 34px;
	display: block;
	text-indent: -10000px;
	background: url(images/titulo-localizacao.png);
}

#titulo-cuidado-animal {
	width: 251px;
	height: 29px;
	display: block;
	text-indent: -10000px;
	background: url(images/titulo-cuidado-animal.png);
}

#titulo-dicas-da-clinica-veterinaria {
	width: 422px;
	height: 30px;
	display: block;
	text-indent: -10000px;
	background: url(images/titulo-dicas-da-clinica-veterinaria.png);
}

#titulo-filhotes {
	width: 129px;
	height: 29px;
	display: block;
	text-indent: -10000px;
	background: url(images/titulo-filhotes.png);
}