/*
	{	TODOS OS ID's E CLASSES ESTÂO SEPARADOS POR BLOCOS CONFORME AS INTERNAS ONDES ESTÃO }
*/

/*#####################################################################
		corpo
#####################################################################*/
body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background-color: #666;
	background-image: url(../imagens/fundoSite.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}
p,ol,ul,li,dl,dd,dt,h1,h2,h3,h4,h5,h6,hr,ins,a,del,span,img,address,form,input,select,strong {
	margin: 0;
	padding: 0;
	text-decoration: none;
	float: left;
	display: inline;
	color: #000;
	text-align:left;
	line-height: 15px;
}
a:hover{ text-decoration: underline;}

a img {border:0;}
/*#####################################################################
		genericos
#####################################################################*/
#site {
	margin: 0 auto;
	width: 776px;
	min-height: 300px;
	height: auto !important;
	height: 300px;		
	font-family: Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: left;
}
#maeSite { float: left; display: inline;}

#topo {
	width: 776px;
	height: 346px;
	float: left;
	display: inline;
}
#conteudo {
	width: 776px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	float: left;
	display: inline;
	padding-bottom: 15px;
}
#conteudo div{ float: left;	display: inline;}

h2.titulo {	width: 187px; height: 28px; margin-top: 15px;}

h2.titulo a img{ border: 0;}

.oculto { display: none;}

#patrocinadores{
	width: 776px;
	min-height: 50px;
	height: auto !important;
	height: 50px;
	float: left;
	display: inline;
	background-color: #FFFFFF;
	padding-bottom: 3px;
	padding-top: 15px;
	margin-top: 15px;
}
#patrocinadores h3{
	margin-top: 10px;
	margin-left: 10px;
}
#patrocinadores p{
	width: 776px;
	float: left;
	display: inline;
	text-align: center;
	margin-top: 5px;
}
#patrocinadores p img{
	margin: 0 auto;
	float: none;
	margin-left: 7px;
	margin-right: 7px;
}
#patrocinadores a{
	float: none;
	margin: 0px !important;
	padding: 0px !important;
}

/* caracteristicas do rodapé */
div#rodape {
	width: 100%;
	min-height: 55px;
	height: auto !important;
	height: 55px;
	float: left;
	display: inline;
	background-color: #333;
	margin-top: 15px;
	text-align: center;
}
#envolveConteudoRodape {
	margin: 0 auto;
	width: 764px;
	height: 55px;
	float: none;
}
#envolveConteudoRodape address {
	width: 590px;
	height: 30px;
	float: left;
	font-family: Tahoma, "Trebuchet MS", Arial, "Times New Roman", sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	display: inline;
	margin-top: 15px;
	text-align: center;
	margin-left: 15px;
	font-style: normal !important;
}
#seloZpainel {
	width: 66px;
	height: 25px;
	float: left;
	display: inline;
	margin-left: 12px;
	margin-top: 19px;
}
#seloZpainel a{
	width: 66px;
	height: 25px;
	float: left;
	display: inline;
	background-image: url(../selozaib/seloZpainel.jpg);
	background-position: left;
	background-repeat: no-repeat; 
}
#seloZpainel a:hover{background-position: right;}

#seloZaib {
	width: 70px;
	height: 41px;
	float: right;
	display: inline;
	margin-top: 11px;
	margin-right: 11px; 
}
#seloZaib a{
	width: 70px;
	height: 41px;
	float: left;
	display: inline;
	background-image: url(../selozaib/selozaib.gif);
	background-position: left;
	background-repeat: no-repeat; 
}
#seloZaib a:hover{	background-position: right;}

/*#####################################################################
		INDEX
#####################################################################*/
#colunaCapaLeft, #colunaCapaCenter, #colunaCapaRight {
	min-height: 540px;
	height: auto !important;
	height: 540px;
}
/*##### COLUNA DA ESQUERDA ####*/
#colunaCapaLeft{ width: 290px;}

#colunaCapaLeft h2{ margin-left: 45px;}

#boxAdoteCapa {
	width: 266px;
	min-height: 273px;
	height: auto !important;
	height: 273px;
	margin-left: 20px;
	margin-top: 10px;
}
#boxAdoteCapa div#top,div#botom{ background-repeat: no-repeat;}

#boxAdoteCapa div#top,div#center,div#bottom{ width: 266px; background-position: top left;}

#boxAdoteCapa div#top{ height: 20px; background-image: url(../imagens/boxAdoteCapaTop.jpg);}

#boxAdoteCapa div#center{ 
	min-height: 100px; 
	height: auto !important; 
	height: 100px; 
	background-image: url(../imagens/boxAdoteCapaCenter.jpg);
	background-repeat: repeat-y;
}
#boxAdoteCapa div#center a{ width: 250px; margin-left: 5px;}

#boxAdoteCapa div#center a img{ margin-right: 5px; margin-bottom: 0px;}

#boxAdoteCapa div#bottom{ height: 28px; background-image: url(../imagens/boxAdoteCapaBottom.jpg);}

#depoimentosCapa {
	width: 236px;
	height: 100px;
	margin-top: 10px;
	margin-left: 30px; 
	color: #FFFFFF;
}
#depoimentosCapa ins { width: 236px; margin-top: 10px; color: #FFFFFF;}

#depoimentosCapa span { width: 236px; margin-top: 10px; color: #FFFFFF; text-align: right;}

#depoimentosCapa a{
	width: 200px;
	float: none;
	margin-left: 5px;
	text-decoration: underline;
	color: #FFFFFF;
}
#depoimentosCapa a:hover{ text-decoration: none;}


/*##### COLUNA DO MEIO ####*/

#colunaCapaCenter{ width: 260px; /*background-color: #CCCCCC;*/}

#colunaCapaCenter h2{ margin-left: 30px;}

#cuidadosCapa {
	width: 212px;
	height: 162px;
	background-image: url(../imagens/fundoCuidadosCapa.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	margin-left: 15px;
	margin-top: 10px;
}


#cuidadosCapa img{margin-left: 6px; margin-top: 6px;}

#boxCuidadosCapa p{width: 212px; margin-top: 15px; margin-left: 15px; padding-bottom: 10px;}

#boxCuidadosCapa p a{ width: 212px; color: #FFFFFF; }

#boxAjudarCapa{
	width: 238px;
	margin-top: 15px;
	margin-left: 10px;
}
#topAjudarCapa,#bottomAjudarCapa,#centerAjudarCapa { width: 238px; background-position: top left;}

#topAjudarCapa,#bottomAjudarCapa { background-repeat: no-repeat;}

#topAjudarCapa {height: 21px; background-image: url(../imagens/boxAjudarCapaTop.jpg);}

#bottomAjudarCapa {height: 29px; background-image: url(../imagens/boxAjudarCapaBottom.jpg);}

#centerAjudarCapa{
	min-height: 150px; 
	height: auto !important; 
	height: 150px; 
	background-image: url(../imagens/boxAjudarCapaCenter.jpg);
	background-repeat: repeat-y;
}
#centerAjudarCapa a{ width: 212px; margin-left: 10px;}

#centerAjudarCapa a img{ margin-right: 5px;}


/*##### COLUNA DA DIREITA ####*/
#colunaCapaRight{ width: 225px;}

#colunaCapaRight h2{ margin-left: 15px;}

#boxSejaSocioCapa {
	width: 194px;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	margin-left: 15px;
	margin-top: 15px;
}
#boxSejaSocioCapa a{width: 194px; color: #FFFFFF;}

#boxEventosCapa{
	width: 191px;
	margin-top: 15px;
	margin-left: 15px;
}
#topEventosCapa,#bottomEventosCapa,#centerEventosCapa { width: 191px; background-position: top left;}

#topEventosCapa,#bottomEventosCapa { background-repeat: no-repeat;}

#topEventosCapa {height: 22px; background-image: url(../imagens/boxEventosCapaTop.jpg);}

#bottomEventosCapa {height: 13px; background-image: url(../imagens/boxEventosCapaBottom.jpg);}

#centerEventosCapa{
	height: 320px; 
	background-image: url(../imagens/boxEventosCapaCenter.jpg);
	background-repeat: repeat-y;
}
#centerEventosCapa div{	width: 180px; height: 320px; overflow: auto; }

#centerEventosCapa div p{ width: 142px; margin-left: 15px; margin-bottom: 12px;}

#centerEventosCapa div p a{ width: 142px;}

#centerEventosCapa div p a strong{ width:130px; float: left;}

#centerEventosCapa div p a img{ width:130px; height:95px; border: 1px solid #000;}

p#boxTodosEventos {
	width: 142px;
	margin-top: 3px;
	margin-left: 15px;
	font-weight: bold;
	color: #FFFFFF;
}
p#boxTodosEventos a{ text-decoration: underline; float: none; color: #FFFFFF;}

p#boxTodosEventos a:hover{ text-decoration: none;}

/*#####################################################################
		QUEM SOMOS
#####################################################################*/
#quemSomos h2{ margin-left: 50px; margin-top: 10px;}

#boxQuemSomos { width: 563px; margin-top: 15px; margin-left: 20px;}

#boxQuemSomosTop,#boxQuemSomosBottom,#boxQuemSomosCenter { width: 563px; background-position: top left;}

#boxQuemSomosTop,#boxQuemSomosBottom { background-repeat: no-repeat;}

#boxQuemSomosTop {height: 20px; background-image: url(../imagens/boxQuemSomosTop.jpg);}

#boxQuemSomosBottom {height: 28px; background-image: url(../imagens/boxQuemSomosBottom.jpg);}

#boxQuemSomosCenter{
	height: 255px; 
	background-image: url(../imagens/boxQuemSomosCenter.jpg);
	background-repeat: repeat-y;
}
#boxQuemSomosCenter div{	width: 530px; height: 255px; overflow: auto; margin-left: 15px; }

#boxImgQuemSomos {
	width: 184px;
}
#boxImgQuemSomos p{
	width: 182px;
	height: 139px;
	background-image: url(../imagens/boxImgQuemSomos.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-top: 15px; 
}
#boxImgQuemSomos p img{
	width: 170px;
	height: 126px;
	margin-left: 6px;
	margin-top: 6px;
}
/*#####################################################################
		ADOÇÂO
#####################################################################*/
#adocao h2{ margin-left: 50px; margin-top: 10px;}

#boxAvisoAdocao { width: 743px; margin-top: 15px; margin-left: 20px;}

#boxAvisoAdocaoTop,#boxAvisoAdocaoBottom,#boxAvisoAdocaoCenter { width: 743px; background-position: top left;}

#boxAvisoAdocaoTop,#boxAvisoAdocaoBottom { background-repeat: no-repeat;}

#boxAvisoAdocaoTop {height: 20px; background-image: url(../imagens/topAvisoAdocao.jpg);}

#boxAvisoAdocaoBottom {height: 28px; background-image: url(../imagens/bottomAvisoAdocao.jpg);}

#boxAvisoAdocaoCenter{
	min-height: 12px;
	height: auto !important;
	height: 12px;
	background-image: url(../imagens/centerAvisoAdocao.jpg);
	background-repeat: repeat-y;
}
#boxAvisoAdocaoCenter div{	width: 723px; margin-left: 10px; }

#boxAvisoAdocaoCenter div strong{ float: none;}

#maeBoxAdocao { 
	width: 645px; 
	margin-top: 15px; 
	margin-left: 65px;  
}
.boxAdocao { 
	width: 295px; 
	min-height: 170px; 
	height: auto !important; 
	height: 170px; 
	margin-top: 15px;
	margin-left: 20px;
}
.boxAdocaoTop,.boxAdocaoBottom,.boxAdocaoCenter { width: 295px; background-position: top left;}

.boxAdocaoTop,.boxAdocaoBottom { background-repeat: no-repeat;}

.boxAdocaoTop { height: 23px; background-image: url(../imagens/topAdocao.jpg);}

.boxAdocaoBottom { height: 23px; background-image: url(../imagens/bottomAdocao.jpg);}

.boxAdocaoCenter{
	min-height: 12px;
	height: auto !important;
	height: 12px;
	background-color: #FFFFFF;
}
.boxAdocaoCenter img.animal{	margin-left: 10px;	border: 1px solid #000;}

.boxAdocaoCenter div.caracteristicas{ width: 140px; /*background-color: #999999;*/}

.boxAdocaoCenter p.item{ width: 140px; /*background-color: #99CC99;*/}

p.item strong{ width: 64px; text-align: right; /*background-color: #0099FF;*/}

p.item span{ width: 71px; /*background-color: #FFFF99; */margin-left: 5px;}

.boxAdocao .boxAdocaoCenter a{ margin-left: 10px; margin-top: 10px;}

/*#####################################################################
		CASTRAÇÃO
#####################################################################*/

#castracao h2{ margin-left: 50px; margin-top: 10px;}

#boxCastracao { width: 563px; margin-top: 15px; margin-left: 20px;}

#boxCastracaoTop,#boxCastracaoBottom,#boxCastracaoCenter { width: 563px; background-position: top left;}

#boxCastracaoTop,#boxCastracaoBottom { background-repeat: no-repeat;}

#boxCastracaoTop {height: 20px; background-image: url(../imagens/boxQuemSomosTop.jpg);}

#boxCastracaoBottom {height: 28px; background-image: url(../imagens/boxQuemSomosBottom.jpg);}

#boxCastracaoCenter{
	height: 255px; 
	background-image: url(../imagens/boxQuemSomosCenter.jpg);
	background-repeat: repeat-y;
}
#boxCastracaoCenter div{	width: 530px; height: 255px; overflow: auto; margin-left: 15px; }

#boxImgCastracao {
	width: 184px;
}
#boxImgCastracao p{
	width: 182px;
	height: 139px;
	background-image: url(../imagens/boxImgQuemSomos.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-top: 15px; 
}
#boxImgCastracao p img{
	width: 170px;
	height: 126px;
	margin-left: 6px;
	margin-top: 6px;
}
/*#####################################################################
		COMO AJUDAR
#####################################################################*/
#comoAjudar h2{ margin-left: 50px; margin-top: 10px;}

#boxComoAjudar { width: 563px; margin-top: 15px; margin-left: 20px;}

#boxComoAjudarTop,#boxComoAjudarBottom,#boxComoAjudarCenter { width: 563px; background-position: top left;}

#boxComoAjudarTop,#boxCastracaoBottom { background-repeat: no-repeat;}

#boxComoAjudarTop {height: 20px; background-image: url(../imagens/boxQuemSomosTop.jpg);}

#boxComoAjudarBottom {height: 28px; background-image: url(../imagens/boxQuemSomosBottom.jpg);}

#boxComoAjudarCenter{
	height: 255px; 
	background-image: url(../imagens/boxQuemSomosCenter.jpg);
	background-repeat: repeat-y;
}
#boxComoAjudarCenter div{	width: 530px; height: 255px; overflow: auto; margin-left: 15px; }

#boxImgComoAjudar {
	width: 184px;
}
#boxImgComoAjudar p{
	width: 182px;
	height: 139px;
	background-image: url(../imagens/boxImgQuemSomos.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-top: 15px; 
}
#boxImgComoAjudar p img{
	width: 170px;
	height: 126px;
	margin-left: 6px;
	margin-top: 6px;
}

/*#####################################################################
		CUIDADOS
#####################################################################*/
#cuidados h2{ margin-left: 50px; margin-top: 10px;}

#maeBoxCuidados { 
	width: 776px; 
	margin-top: 15px; 
	margin-left: 10px;  
}
.boxCuidados { width: 361px; margin-top: 15px; margin-left: 20px;}

.boxCuidadosTop,.boxCuidadosBottom,.boxCuidadosCenter { width: 361px; background-position: top left;}

.boxCuidadosTop,.boxCuidadosBottom { background-repeat: no-repeat;}

.boxCuidadosTop { height: 20px; background-image: url(../imagens/boxCuidadosTop.jpg);}

.boxCuidadosBottom { height: 28px; background-image: url(../imagens/boxCuidadosBottom.jpg);}

.boxCuidadosCenter{
	min-height: 360px; 
	height: auto !important; 
	height: 360px; 
	background-image: url(../imagens/boxCuidadosCenter.jpg);
	background-repeat: repeat-y;
}
.boxCuidadosCenter div{ 
	width: 330px; 
	min-height: 255px; 
	height: auto !important; 
	height: 255px; 
	margin-left: 15px; 
	margin-top: 15px;
}
.boxCuidadosCenter div strong{ float: none;}

h3.subTitCuidados{ width: 350px; height: 25px; text-align: center; }

img.imgSubTit{ margin: 0 auto; float: none;}

.boxImgCuidados {
	width: 180px;
	height: 137px;
	background-image: url(../imagens/boxImgCuidados.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-left: 85px;
	margin-top: 10px;
}
img.imgCuidados{ margin-left: 5px; margin-top: 5px;}

/*#####################################################################
		DEPOIMENTOS
#####################################################################*/
#depoimentos h2{ margin-left: 50px; margin-top: 10px;}

#maeBoxDepoimentos { 
	width: 776px; 
	margin-top: 15px; 
	margin-left: 10px;  
}
.boxDepoimentos { width: 351px; height:200px; margin-top: 15px; margin-left: 20px;}

.boxDepoimentosTop,.boxDepoimentosBottom,.boxDepoimentosCenter { width: 351px; background-position: top left;}

.boxDepoimentosTop,.boxDepoimentosBottom { background-repeat: no-repeat;}

.boxDepoimentosTop { height: 20px; background-image: url(../imagens/depoimentosTop.jpg);}

.boxDepoimentosBottom { height: 28px; background-image: url(../imagens/depoimentosBottom.jpg);}

.boxDepoimentosCenter{
	min-height: 100px; 
	height: auto !important; 
	height: 100px; 
	background-image: url(../imagens/depoimentosCenter.jpg);
	background-repeat: repeat-y;
}
.boxDepoimentosCenter div{ 
	width: 320px; 
	height: 150px; 
	overflow: auto;
	margin-left: 10px; 
}
.boxDepoimentosCenter div strong{ float: none;}

.boxImgDepoimentos {
	width: 142px;
	height: 109px;
	background-image: url(../imagens/depoimentos.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-right: 8px;
}
img.imgDepoimentos{ width:130px; height:96px; margin-left: 6px; margin-top: 6px;}

/*#####################################################################
		EVENTOS
#####################################################################*/
#eventos h2{ margin-left: 50px; margin-top: 10px;}

#maeBoxEventos { 
	width: 776px; 
	margin-top: 15px; 
	margin-left: 10px;  
}
.boxEventos { width: 351px; height:200px; margin-top: 15px; margin-left: 20px;}

.boxEventosTop,.boxEventosBottom,.boxEventosCenter { width: 351px; background-position: top left;}

.boxEventosTop,.boxEventosBottom { background-repeat: no-repeat;}

.boxEventosTop { height: 20px; background-image: url(../imagens/depoimentosTop.jpg);}

.boxEventosBottom { height: 28px; background-image: url(../imagens/depoimentosBottom.jpg);}

.boxEventosCenter{
	min-height: 100px; 
	height: auto !important; 
	height: 100px; 
	background-image: url(../imagens/depoimentosCenter.jpg);
	background-repeat: repeat-y;
}
.boxEventosCenter div{ 
	width: 322px; 
	height: 150px; 
	overflow: auto;
	margin-left: 10px; 
}
.boxEventosCenter div p{ width: 300px;} 

.boxEventosCenter div strong{ float: none;}

.boxImgEventos {
	width: 142px;
	height: 109px;
	background-image: url(../imagens/depoimentos.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-right: 8px;
	cursor: pointer;
}
img.imgEventos{ width:130px; height:96px; margin-left: 6px; margin-top: 6px;}



/*#####################################################################
		FALE CONOSCO
#####################################################################*/
#faleConosco h2{ margin-left: 50px; margin-top: 10px;}

#maeFaleConosco { 
	width: 776px; 
	margin-top: 15px; 
	margin-left: 10px;  
}
p.descFalecom{ 
	width: 420px;
	color: #FFFFFF;
	margin-left: 40px;
}
#boxFaleConosco { width: 428px; margin-top: 5px; margin-left: 20px;}

#boxFaleConoscoTop,#boxFaleConoscoBottom,#boxFaleConoscoCenter { width: 428px; background-position: top left;}

#boxFaleConoscoTop,#boxFaleConoscoBottom { background-repeat: no-repeat;}

#boxFaleConoscoTop { height: 20px; background-image: url(../imagens/topFormFalecom.jpg);}

#boxFaleConoscoBottom { height: 28px; background-image: url(../imagens/bottomFormFalecom.jpg);}

#boxFaleConoscoCenter{
	min-height: 100px; 
	height: auto !important; 
	height: 100px; 
	background-image: url(../imagens/centerFormFalecom.jpg);
	background-repeat: repeat-y;
}
#boxFaleConoscoCenter div#textoResposta{ 
	width: 390px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin-left: 15px;
}
#boxFaleConoscoCenter form{ 
	width: 400px; 
	min-height: 150px;
	height: auto !important; 
	height: 150px;  
	margin-left: 10px; 
}
.dsc {
	width: 70px;
	text-align: right;
	font-weight: bold;
	margin-top: 10px;
}
.boxTxt,textarea.txtareaFalecom {
	width: 295px;
	height: 18px;
	padding-left: 5px;
	border: 1px solid #000;
	font-family: Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 11px;
	margin-top: 10px;
	margin-left: 5px;
}
textarea.txtareaFalecom { height: 60px;}

.btEnviar { margin-left: 300px !important; margin-left: 290px; margin-top: 10px;}

div#detalhesContato { width: 321px;}

#dscDetalhesContato {
	width: 321px;
	text-align: center;
	color: #FFFFFF;
}
div#detalhesContato img{ margin-left: 10px; margin-top: 5px;}

/*#####################################################################
		SEJA SÓCIO
#####################################################################*/
#sejaSocio h2{ margin-left: 50px; margin-top: 10px;}

#boxSejaSocio { width: 743px; margin-top: 15px; margin-left: 20px;}

#boxSejaSocioTop,#boxSejaSocioBottom,#boxSejaSocioCenter { width: 743px; background-position: top left;}

#boxSejaSocioTop,#boxSejaSocioBottom { background-repeat: no-repeat;}

#boxSejaSocioTop { height: 20px; background-image: url(../imagens/topSejaSocio.jpg);}

#boxSejaSocioBottom { height: 28px; background-image: url(../imagens/bottomSejaSocio.jpg);}

#boxSejaSocioCenter{
	min-height: 12px;
	height: auto !important;
	height: 12px;
	background-image: url(../imagens/centerSejaSocio.jpg);
	background-repeat: repeat-y;
}

#boxSejaSocioCenter form.SejaSocio{ width: 723px; margin-left: 10px; }

#boxSejaSocioCenter div#txtRespostaSocio{ 
	width: 533px; 
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	margin-left: 100px;
}
div#one,div#two { width: 350px;	margin-left: 2px;}

p.txtSocio {
	width: 134px;
	text-align: right;
	font-weight: bold;
	margin-right: 6px;
	margin-top: 5px;
}
.asterisco { float: none; color: #CC0000;}

input.txt,textarea {
	width: 200px;
	height: 20px;
	border: 1px solid #000;
	padding-left: 2px;
	margin-top: 5px;
	font-size: 11px;
	font-family: Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif;
}
.textareaSocio { height: 50px;}

.efetuarCadastro { float: right; margin-right: 5px; margin-top: 10px;}