@charset "utf-8";

/* #### SITE #### */

body{
	margin: 0px;
	background-color: #FFFFFF;
	background-image: url(imagem/bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
a {
	text-decoration:none;
	color: #666;
}

a div {cursor:pointer;}

a:hover {
	color:#000;
	text-decoration: underline;
}
h1 {
	color: #EB3D00;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	text-transform: uppercase;
}
h2 {
	color: #000000;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

h3 {
	color: #ffffff;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	text-transform: uppercase;
}

.vermelho {
	color: #EB3D00;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	text-transform: uppercase;
}
.preto {
	color: #000000;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	text-transform: uppercase;
}

.branco {
	color: #ffffff;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	text-transform: uppercase;
}
#geral {
	width:983px;
	padding:10px;
	text-align:left;
	margin:auto;
	overflow:auto;
}
#top {
	height:376px;
}
#cl{
	width:240px;
	float:left;
	padding-right: 10px;
	padding-left: 10px;
}
#cr{
	float:left;
	width:180px;
	margin-left:20px;
}
#content {
	width:703px;
	text-align:left;
	float:left;
	padding-right: 10px;
	padding-left: 10px;
}

/* #### RODAPE #### */

#rodape {
	width:100%;
	clear:both;
	background-image: url(imagem/rodape_bg.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-position: center top;
	padding-bottom:10px;
	overflow: auto; }

#rodape a {
	text-decoration:none;
	color: #000;
}

#rodape a:hover {
	color:#999;

}

#menur{ color: #ffffff;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;}
#menur a {
	text-decoration:none;
	color: #fff;
	padding:10px 5px 10px 5px;
}

#menur a:hover {
	color:#fff;
	text-decoration: none;
	background-color:#CA3400;
	padding: 10px 5px 10px 5px;
}


/* #### MAIN #### */

#logo {
	width:266px;
	height: 90px;
	float:left;
}

#menu{ 
	width:717px;
	height:80px;
	float: left;
	padding-top:10px;
}

#destaques {
	width:983px;
	height:276px;
	float:left;
}

.des{
	color:#CC0000;
	font-size: 12px;
	font-weight: bold;
}

#institucional{
	width:230px;
	float:left;
	padding:0px 10px 10px 0px;
	background-image: url(imagem/bg_inst.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-top:10px;
	font-size:14px;
	
}

#institucional_box{
	width:230px;
	float:clear;
	overflow:hidden;
	height:60px;
	padding-top:10px;
	padding-bottom:5px;
}

#imagem{
	width:240px;
	float:left;
	background-image: url(imagem/i_cr.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height:187px;
}

#classificados {
	float:left;
	background-color:#FAAA00;
	color:#FFFFFF;
	width:180px;
}

#classificados a {
	text-decoration:none;
	color: #fff;
}

#classificados a:hover {
	color:#fff;
	font-weight:bold;
}

#classificados_box {
	float:left;
	color:#FFFFFF;
	width:160px;
	background-image: url(imagem/c_cbg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	padding:0px 10px 5px 10px;
}

#veterinario {
	float:left;
	color:#666666;
	width:462px;
	background-image: url(imagem/c_vbg.jpg);
	background-repeat: repeat-x;
}

#veterinario_box {
	float:left;
	width:222px;
	padding-top:10px;
	padding-bottom:10px;
	overflow:hidden;
}

#p_lista{
	width:140px;
	float:left;
	overflow:hidden;
	padding-top:10px;
	padding-left:15px;
	padding-right:15px;
}


#servicos_box {
	width:300px;
	float:left;
	padding:20px 18px 0px 18px;
}


/* #### CAIXA #### */

#categorias{
	float:left;
	background-color:#FAAA00;
	color:#FFFFFF;
}
#categorias_box {
	float:left;
	background-image:url(imagem/c_cbg.jpg);
	background-repeat:repeat-x;
	padding-top:10px;
	padding-bottom:10px;
}
#categorias a {
	text-decoration:none;
	color: #fff;
}
#categorias a:hover {
	color:#fff;
	font-weight:bold;
}

#caixa {
	float:left;
}
#caixa2 {
	float:left;
	background-image: url(imagem/c_bbg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#caixa_box {
	float:left;
	background-image:url(imagem/c_bg.jpg);
	background-repeat:repeat-x;
	padding-top:10px;
	padding-bottom:10px;
}
#c{background-color:#FFFFFF; float:left;}
#c_up {background-image: url(imagem/c2.gif);background-repeat: no-repeat;padding-right:5px;background-position: right top;height:5px;}
#c_up_b {border-top:#CCCCCC solid 1px;  height:5px; overflow:hidden;}
#c_down {background-image: url(imagem/c4.gif);background-repeat: no-repeat;padding-right:5px;background-position: right top;height:5px; clear:both;}
#c_down_b {border-bottom:#CCCCCC solid 1px;  height:5px; overflow:hidden;}
#c_m{padding:0px 5px 0px 5px;overflow: hidden; border-left:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px; clear:both;}
#c_t{
	height:30px;
	background-color:#EB3D00;
	background-image:url(imagem/c_t2.jpg);
	overflow:hidden;
	color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:right top;
	padding-right:5px;
}

#cc{background-color:#f1f1f1; text-align:left;}
#cc_up{background-image: url(imagem/cc2.gif);background-repeat: no-repeat;padding-right:5px;background-position: right top;height:5px;}
#cc_down{background-image: url(imagem/cc4.gif);background-repeat: no-repeat;padding-right:5px;background-position: right top;height:5px; clear:both;}
#cc_m{padding:5px;overflow:hidden; clear:both;}

/* #### BOTOES #### */

#bt_comprar {
	background-image: url(imagem/ibt_comprar.jpg);
	background-repeat: no-repeat;
	height: 17px;
	width: 73px;
	background-position: top;
	margin:auto;
}
#bt_comprar a{
	display:block;
	text-decoration: none;
	height: 17px;
	width: 73px;
	margin:auto;
}
#bt_comprar a:hover{
	background-image: url(imagem/ibt_comprar.jpg);
	background-repeat: no-repeat;
	height: 17px;
	width: 73px; 
	background-position: bottom;
	margin:auto;
}

/* #### PREÇOS #### */

.preco{
	font-family: Arial, Helvetica, sans-serif;
	color: #E43B00;
	font-size:16PX;
	font-weight: bold;
}
.preco_dividido{
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	font-weight: bold;
}
.preco_de{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999;
}



/* FORMULARIO CONFIGURAÇÃO  */

.L_form {line-height:25px;}

.formulario{
	font: 11px Arial, Helvetica, sans-serif;
	color: #666666;
}
#formulario_geral{
	width:683px;
}

.formulario_titulo{
	height:30px;
	text-align:center;
	line-height: 30px;
	font-size: 14px;
	font-weight:bold;
	color: #330000;
}
#formulario_nome{
	width:180px;
	height:30px;
	float:left;
	padding-left:10px;
	color: #000000;
	vertical-align: 100%;
	text-align: right;
	line-height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	clear:both;
}
.formulario_campo{
	height:30px;
	padding-left:10px;
	vertical-align:100%;
	line-height: 30px;
}
#formulario_campom{
	height:85px;
	padding-left:10px;
	padding-top:3px;
}
#formulario_bt{
	margin-top:20px;
	text-align:center;
}

/* FORMULARIOS  */

.textfieldRequiredMsg, 
.textfieldMinCharsMsg,
.textfieldInvalidFormatMsg, 
.textfieldValidMsg {
	display: none;
}

.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinCharsState .textfieldMinCharsMsg
{
	display:inline;
	color: #cc0000;
}

input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input
 {
	background-color: #FF9F9F;
}

.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}

.textfieldFlashText input, input.textfieldFlashText{
	color: red !important;
}