@import url("area_restrita.css");

/* HTML___________________________________________________________________________ */


* {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

body {
	background-image: url(geral_bg.jpg);
	text-align: center;
	color: #666;
}

p {
	margin-bottom: 15px;
}

/* GERAL___________________________________________________________________________ */

.link {
	color: #666;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.link:hover {
	color:#66CC00;
}


.link2 {
	color:#990066;
	font-weight:bold;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.link2:hover {
	color:#66CC00;
}
.link3 {
	color:#333333;
	font-weight:bold;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.link3:hover {
	color:#66CC00;
}

/* ID___________________________________________________________________________ */

#geral {
	width: 778px;
	margin: 0 auto;
	overflow: hidden;
	background-color: #FFF;
}

#esq {
	width: 220px;
	float: left;
}

.esq_bg_cont { background: url(esq_bg.jpg) no-repeat; }
.esq_bg_home { background: url(esq_bg_home.jpg) no-repeat; }

#logo {
	display:block;
	height: 102px;
	/*background: url(sunpetshop.gif) no-repeat right top;*/
	text-indent: -2000px;
	margin-bottom: 15px;
}

#menu {
	clear:both;
	background: url(menu_list_bg.gif) no-repeat;
	text-align: left;
	list-style: none;
	width: 177px;
	margin: 0 auto 20px auto;
	padding-top: 30px;
}

#menu li {
	margin: 0 20px 0 20px;
	border-bottom: 2px dotted #8CD93F;
	padding: 10px 0;
}

#menu li a{
	background: no-repeat center left;
	display: block;
	width: 135px;
	height: 17px;
	text-indent: -2000px;
}

#menu .bt-quemsomos {	background-image: url(menu_quemsomos.gif);}
#menu .bt-servicos {	background-image: url(menu_servicos.gif);}
#menu .bt-loja {		background-image: url(menu_loja.gif);}
#menu .bt-dicas {		background-image: url(menu_dicas.gif);}
#menu .bt-artigos {		background-image: url(menu_artigos.gif);}
#menu .bt-contato {		background-image: url(menu_contato.gif);}
#menu .bt-usuario {		background-image: url(menu_usuario.gif);}
#menu .bt-cadastro {		background-image: url(menu_cadastrese.gif);}

#dir {
	float: right;
	width: 558px;
	text-align: left;
}

#cont {
	width: 325px;
	float: left;
	padding-right: 15px;
}

#sub {
	width: 218px;
	float:right;
}

#rodape {
	width: 748px;
	margin: 0 auto;
	background: url(rodape_bg.gif) no-repeat;
	text-align: left;
	height: 20px;
	height: 60px;
	padding: 60px 0 0 30px;
	color:#527900;
}

#rodape a {
	color:#527900;
	font-weight: bold;
}

/* ENDEREÇO___________________________________________________________________________ */

.endereco {
	text-align: left;
	width: 126px;
	background: url(endereco_bg.jpg) no-repeat center top;
	margin: 20px auto;
	padding: 15px;
}

.endereco h2 {
	height: 26px;
	background: url(h2_endereco.gif) no-repeat;
	text-indent: -2000px;
	margin-bottom: 7px;
}
.endereco strong {
	font-size: 13px;
	color:#66CC00;	
}

.endereco a {color: #666;}
.endereco a:hover {	text-decoration:underline;}

/* DESTAQUE___________________________________________________________________________ */

.destaque_prod {
	background: url(destaque_bg.gif) no-repeat bottom;
	padding: 15px 15px 25px 15px;
	height: 130px;
	overflow: hidden;
	margin-bottom: 15px;
}

.destaque_prod .foto_prod {
	float: left;
	margin-right: 10px;
}

.destaque_prod h3 {
	color: #AE2279;
	font-size: 20px;
	font-weight: normal;
}

.preco {
	color: #66CC00;
	font-weight: bold;
	font-size: 14px;
}

.alerta, .ok {
	background-color: #FFFFCC;
	background-image: url(ico_alerta.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
	padding: 3px 0 3px 25px;
	border: 1px solid;
	display: block;
	color: #CC0000;
	font-weight:bold;
	margin: 0 0 5px 0;
}

.ok {
	background-image: url(ico_ok.gif);
	color: #58B000;
}

/* MISC___________________________________________________________________________ */

.txt_verde {
	color: #66CC00;
}

.lide {
	color: #000;
	font-size: 14px;
}
h2, h1 {
	background: no-repeat left top;
	display:block;
	border-bottom: 2px dotted #D1C8A5;
	height: 30px;
	text-indent: -2000px;
	margin-bottom: 20px;
}

h1 { height: 35px; }

h3 {
	color: #66CC00;
	font-size: 18px;
	margin-bottom: 15px;
	font-weight:normal;
}

h4 {
	padding-bottom: 3px;
	font-size: 14px;
	margin-bottom: 15px;
	color: #AE2279;
	border-bottom: 1px dotted #D1C8A5;
	clear:both;
}

.tit-quemsomos {background-image: url(h1_quemsomos.gif)}
.tit-dicas {background-image: url(h1_dicas.gif) }
.tit-artigos {background-image: url(h1_artigos.gif) }
.tit-loja {background-image: url(h1_loja.gif) }
.tit-contato {background-image: url(h1_contato.gif) }
.tit-servicos {background-image: url(h1_servicos.gif) }
.tit-restrita {background-image: url(h1_arearestrita.gif) }


.mais {
	display: block;
	color: #AE2279;
	background: url(bulet_mais.gif) no-repeat left center;
	padding-left: 17px;
}

.mais:hover { text-decoration: underline;}

/* NOTÍCIAS___________________________________________________________________________ */

.list {
	display: block;
	border-bottom: 1px dotted #D1C8A5;
	color: #666;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.list:hover {
	color:#66CC00;
}

.list .data {
	background: url(list_data_bulet.gif) no-repeat 57px 5px;
	color:#66CC00;
	width: 65px;
	display:block;
	height: 30px;
	float: left;
}

/* BOX DICAS HOME___________________________________________________________________________ */

.box_dicas {
	background: url(box_home_bg.gif) right top no-repeat; 
	width: 140px;
	padding: 20px 10px 10px 50px;
	margin-top: 20px;
	min-height: 150px;
	_height: 150px;
}

.subtit-dicashome {
	background-image: url(h2_dicas_home.gif);
	border: none;
	height: 54px;
}

.box_dicas a {	color: #666;}
.box_dicas a:hover { color:#AE2279;}

/* PAGINAÇÃO___________________________________________________________________________ */

.pag {
	background:url(pag_bg.jpg) repeat-y center top;
	text-align: center;
	padding: 3px 0;
	margin-top: 15px;
	clear:both;
}
.pag a {
	color: #AE2279;
	margin: 0 3px;
	text-decoration: none;
}

.pag img {
	margin-bottom: -3px;
}

/* CONTATO___________________________________________________________________________ */

.top-contato {
	background: url(contato_bg2.jpg) no-repeat left top;
}

.contato {
	background: url(contato_bg.jpg) bottom left no-repeat;
	padding: 20px 0 0 40px;
	padding-bottom: 50px;
}

.contato input, .contato textarea {
	font-size: 11px;
	width: 170px;
	border: 1px solid #CFC49E;
}

.contato .bt_envia {
	margin-left: 50px;
	width: 76px;
	border: none;
}

/* SUBMENU___________________________________________________________________________ */

.top-submenu {
	background: url(submenu_bg_top.gif) no-repeat top center #F9F385;
	width: 164px;
	margin: 30px 0 0 15px;
}

.top-submenu-desc {
	margin: 10px 0 0 15px;
}

.submenu {
	background: url(submenu_bg_rodape.gif) bottom center no-repeat;
	padding: 20px 10px 20px 20px;
	min-height: 150px;
	_height: 150px;
}

.submenu ul { 
	list-style: none;
	margin-bottom: 10px;
}

.submenu ul a{ color: #333; }
.submenu ul a:hover {color: #AE2279;}
	
.submenu .subtit {
	border: none;
	background: no-repeat left;
}

.submenu .subtit-localiza {background-image: url(h2_localiza.gif); margin-bottom: 10px;}
.submenu .subtit-loja { background-image: url(h2_loja.gif); margin-bottom: 10px;}
.submenu .subtit-artigos { background-image: url(h2_artigos.gif); margin-bottom: 10px;}
.submenu .subtit-produtos { background-image: url(h2_produtos.gif); margin-bottom: 10px;}

.bts {
	margin-left: 15px;
}

.list_prod {
	width: 145px;
	height: 160px;
	float: left;
	border-bottom: 1px dashed #ccc;
	padding: 10px 10px 0px 10px;
}

.list_prod h4 {
	border:none;
	margin-bottom: 5px;
}

.list_prod_line {
	border-right: 1px dashed #ccc;
	padding: 10px 5px 0px 0;
}

.list_prod .img_prod_list {
	margin-bottom: 0;
	display: block;
	float: left;
	margin-right: 5px;
	height: 120px;
	width: 60px;
}
.list_prod a {
	color:#666;
}
.list_prod a:hover {
	text-decoration: underline;
}

.list_prod .preco {
	color: #66CC00;
	font-weight: bold;
	font-size: 14px;
	margin: 5px 0;
}

.mig {
	display: block;
	margin: 0;
}

.mig a {
	color: #999;
	font-size: 10px;
}

.mig a:hover {color: #AE2279;}

/* DESCRIÇÃO PRODUTO___________________________________________________________________________ */

.foto-produto {
	margin-right: 5px;
	float: left;
}


.quantidade label {
	color: #999;
}

.quantidade input {
	width: 30px;
	height: 15px;
	text-align:center;
	font-size: 10px;
}

.quantidade .bt-comprar {
	float:right;
	margin-top: -2px;
	width: 96px;
	height: 25px;
	border: none;	
}

.quantidade strong {
	font-size: 12px;
}

/* CESTA___________________________________________________________________________ */

.item {
	overflow: hidden;
	padding-bottom: 10px;
	margin-top: 10px;
	border-bottom: 1px dotted #D1C8A5;
}
.item img{
	float: left;
	margin-right: 10px;
}
.item h4 {
	border: none;
	margin-bottom: 5px;
	clear:none;
}
.item .preco {
	float:right;
}

.total {
	font-size: 15px;
	display: block;
	text-align: right;
	margin-top: 10px;
}

.total input {
	float: left;
	margin-right: 5px;
}

.a_cinza { color: #666; }
.a_cinza:hover { color: #666; text-decoration:underline; }

/* AMPLIAÇÃO FOTOS___________________________________________________________________________ */

.amplia {
	width: 80px;
	height: 70px;
	display: block;
	border: 1px solid #CCC;
	text-align:center;
	float: left;
	padding-top: 10px;
	margin: 0 25px 20px 0;
}

.bt_amplia_voltar {
	color: #66CC00;
	font-weight:normal;
	float: right;
	font-size: 12px;
}