/* ---------------------------------------------------------------------------------------- */
/* ---- geral ----------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

* {
	margin: 0; padding: 0;
}

body {
	font: 12px arial, verdana, sans-serif;
	color: #777;
	background: #ececec;
	text-align: center;
}

#geral {
	width: 779px;
	height: 100%;
	border: 0;
	margin: 0 auto;
	background-color: #fff;
	text-align: left;
	/*
	border-right: 2px solid #060F83;
	border-left:  2px solid #060F83;
	*/
}



/* ---------------------------------------------------------------------------------------- */
/* ---- cabeçalho ------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

#topo {
	height: 165px; 
}

#topo h1 a {
	display: block;
	width: 173px;
	height: 103px;
	background: url(img_geral/logo_petix.gif) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	margin: 2px 0 0 65px;
}



/* ---------------------------------------------------------------------------------------- */
/* ---- menu de navegação (topo horizontal) ----------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

.menuH {
	width: 10%;
	text-align: center;
	height: 28px;
}

.menuH a {
	margin-top:2px;
	display: block;
	height: 33px;
	font: bold 11px/28px arial, verdana, sans-serif;
	color: #999;
	text-decoration: none;
	text-transform: uppercase;
	background: white url(img_geral/menudivide.gif) top right repeat-y;
}

.menuH a:hover {
	color: #999;
	background: #EDEDED;
	text-decoration: none;
}

.menuH a.fim {
	background: none;
}

.menuH a.fim:hover {
	background-color: #EDEDED;
}



/* ---------------------------------------------------------------------------------------- */
/* ---- menu de navegação (topo horizontal) ----------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

.menuV {
	list-style: none;
	text-align: center;
	margin: 5px 0 20px;
	width: 170px;
}

.menuV li {
	border-bottom: 1px solid #ccc;
	text-align: right;
	display: block;
}

.menuV li a.txt {
	display: block;
	height: 19px;
	line-height: 19px;
	font: bold 11px/19px arial, verdana, sans-serif;
	color: #666;
	text-decoration: none;
	padding-right: 7px;
}

.menuV li a.txt:hover {
	background: #E8E8E8;
	text-decoration: none;
}

.menuV li a.img {
	height:75px;
	padding-top: 15px;
}

/* ---------------------------------------------------------------------------------------- */
/* ---- conteudo -------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

#conteudo {
	 padding: 10px;
}

#conteudo h2 {
	font: bold 14px arial, verdana, sans-serif;
	text-transform: uppercase;
	border-bottom: 2px solid #E5E5E5;
	margin-top: 5px;
}

#conteudo.info h3 {
	font: bold 12px arial, verdana, sans-serif;
	margin-bottom: 5px;
}



/* ---------------------------------------------------------------------------------------- */
/* ---- rodapé ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

#rodape {
	width: 100%;
	height: 40px; 
	line-height: 40px;
	background: #036 url(img_geral/bg_rodape.jpg) no-repeat;
	color: #55687E;
}

#rodape p.rss a {
	float: left;
	display: block;
	width: 32px;
	height: 12px;
	background: url(img_geral/rss.gif) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	margin: 6px 0 0 10px;
}

#rodape p.sv a {
	float: right;
	display: block;
	width: 67px;
	height: 5px;
	background: url(img_geral/sentidovirtual.gif) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	margin: 9px 10px 0 0;
}



/* ---------------------------------------------------------------------------------------- */
/* ---- formulários ----------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

.textbox_sup	{
	border: 1px solid #ccc;
	background-color: #fff;
	font: 10px arial, verdana, sans-serif;
}

.textbox {
	border: 1px solid #d7d7d7;
	background-color: #F9f9f9;
	font: 10px arial, verdana, sans-seif;
	color: #666666;
}

.textbox_red {
	border: 1px solid #cccccc;
	background-color:#ffffff;
	font: 12px arial, verdana, sans-serif;
	color: #FF0000;
}

.textbox_disable {
	border: 1px solid #cccccc;
	background-color:#F7F7F7;
	font: 12px arial, verdana, sans-serif;
	color: #666666;
}

.submit_p {
	font: 10px arial, verdana, sans-serif;
	border: 1px inset gray;
	background-color:white;
}

.submit {
	font: 12px arial, verdana, sans-serif;
	background-color:whitesmoke;
	width: 80px;
}



/* ---------------------------------------------------------------------------------------- */
/* ---- diversos -------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

/* -------------------------------------- home -------------------------------------------- */

#home_banner02 {
	float: right;
	background-image: url(img_geral/home_box02.jpg);
	width:379px;
	height:169px;
	text-indent: -999px;
	overflow:hidden;
}



/* -------------------------------------- links ------------------------------------------- */

.lk_sll8					{ COLOR: #888; TEXT-DECORATION: none }
.lk_sll8:hover		{ COLOR: #888; TEXT-DECORATION: underline }

.lk_lsl8					{ COLOR: #888; TEXT-DECORATION: underline }
.lk_lsl8:hover		{ COLOR: #888; TEXT-DECORATION: none }

.lk_lslV					{ COLOR: #CC0000; TEXT-DECORATION: underline }
.lk_lslV:hover		{ COLOR: #CC0000; TEXT-DECORATION: none }

.links	 					{ COLOR: #888; TEXT-DECORATION: none }
A:hover  					{ COLOR: #8b8b8b; text-decoration:underline; }


/* -------------------------------------- diversos ---------------------------------------- */

.txt_pp		{ font-family: Arial, verdana, sans-serif; font-size: 9px  }
.txt_ppC	{ font-family: Arial, verdana, sans-serif; font-size: 9px; color: #777;  }
.txt_p		{ font-family: Arial, verdana, sans-serif; font-size: 10px }
.txt_pC		{ font-family: Arial, verdana, sans-serif; font-size: 10px; color: #777; }
.txt_pB		{ font-family: Arial, verdana, sans-serif; font-size: 10px; color: #fff; }
.txt_mm		{ font-family: Arial, verdana, sans-serif; font-size: 11px; }
.txt_mmC	{ font-family: Arial, verdana, sans-serif; font-size: 11px; color: #777; }
.txt_m		{ font-family: Arial, verdana, sans-serif; font-size: 12px }
.txt_mC		{ font-family: Arial, verdana, sans-serif; font-size: 12px; color: #777; text-decoration: none; }

.foto_sl					{ border: 2px solid #eeeeee; }
.foto a	img				{ border: 2px solid #eeeeee; }
.foto a:hover	img	{ border: 2px solid #005598; }

.bot_mod-2 {
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF #CCCCCC #CCCCCC #FFFFFF;
	background-color: #EEEEEE;
	padding-left: 4px;
	padding-right: 4px;
}

.bot_mod-2_selected {
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF #CCCCCC #CCCCCC #FFFFFF;
	background-color: #FFFFFF;
	padding-left: 4px;
	padding-right: 4px;
}

.prodL_td {
	border:1px solid #ccc;
}



/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */