body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000;
	color:#FFF;
	font-family: Arial, 'Times New Roman', Times, serif, sans-serif;
}

@font-face {
font-family: 'Whiteboard Modern Demo';
src: url(../comum/Whiteboard-Modern-Demo.ttf);
}

foto{

}

/*------------------------------------------*/
/*-          TABELA PRINCIPAL              -*/
/*------------------------------------------*/
.tabela_principal{
	background-image:url(../imagem/fundo.jpg);
	background-repeat:no-repeat;
	width:975px;
	border:0;
	margin:0 auto;
	padding: 0;
	border-spacing: 0;
	border-collapse:collapse;
}

.tabela_principal_topo {
	background-image:url(../imagem/topo.jpg);
	background-repeat:no-repeat;
	height:224px;
}

.tabela_principal_meio {
	background-image:url(../imagem/fundo_meio.jpg);
	background-repeat:repeat-y;
	background-position:right;
	height:220px;
	padding-top:13px;
}

.tabela_principal_rodape{
	background-image:url(../imagem/rodape.jpg);
	background-repeat:no-repeat;
	height:202px;
	margin: 0 auto;
	font-size: 13px;
}

/*------------------------------------------*/
/*-          TABELA CONTEUDO               -*/
/*------------------------------------------*/
.tabela_conteudo {
	/*border:1px solid #FFF;*/
	border:0;
	margin:0 auto;
	padding: 0;
	border-spacing: 0;
	border-collapse:collapse;
	width: 819px;
}

.tabela_conteudo a:link {
	color:#FFFFFF;
	text-decoration:none;
	font-weight: bold;
}
.tabela_conteudo a:visited {
	color:#FFFFFF;
	text-decoration:none;
	font-weight: bold;
}
.tabela_conteudo a:hover {
	color:#CCCCCC;
	text-decoration:none;
	text-shadow: #000 0px 5px 4px;
	font-weight: bold;
}
.tabela_conteudo a:active {
	color:#FFFFFF;
	text-decoration:none;
	font-weight: bold;
}

.tabela_conteudo #texto {
	 padding-left:15px;
	 padding-top:8px;
	 vertical-align: text-top;
	 font-size: 13px;
	 width: 625px;
}
	
.tabela_conteudo img {
	 border: 0;
	 margin: 0 auto;
}

/*------------------------------------------*/
/*-              TABELA MENU               -*/
/*------------------------------------------*/
.tabela_menu {
	/*border:1px solid #FFF;*/
	border: 0;
	margin-left:auto;
	margin-right:73px;
	margin-top: 177px;
	padding: 0;
	border-spacing: 0;
	border-collapse:collapse;
	width: 675px;
	font-size: 12px;
	font-weight: bold;
}

.tabela_menu td {
	text-align: center;
}

.tabela_menu a:link {
	color:#FFFFFF;
	text-decoration:none
}
.tabela_menu a:visited {
	color:#FFFFFF;
	text-decoration:none
}
.tabela_menu a:hover {
	color:#CCCCCC;
	text-decoration:none;
	text-shadow: #000 0px 5px 4px;
}
.tabela_menu a:active {
	color:#FFFFFF;
	text-decoration:none
}

.menu_lateral{
	width: 193px;
	border:0;
	padding: 0;
	border-spacing: 0;
	border-collapse:collapse;
}

.menu_lateral_topo{
	background-image:url(../imagem/menu_lateral/topo.jpg);
	background-repeat:no-repeat;
	height:37px;
	text-align: center;
	font-size: 15px;
	color: #CCA05B;
	font-weight: bold;
}

.menu_lateral_meio{
	background-image:url(../imagem/menu_lateral/meio.jpg);
	background-repeat:repeat-y;
	padding-left:25px;
}

.menu_lateral_meio ul {
	padding:0;
	padding-left:4px;
	list-style:none;
}

.menu_lateral_meio li {
	padding:0;
	padding-top:3px;
	padding-bottom:1px;
	font-size: 12px;
	font-weight: bold;
}

.menu_lateral_rodape{
	background-image:url(../imagem/menu_lateral/rodape.jpg);
	background-repeat:no-repeat;
	height:26px;
}

.menu_lateral_meio img {
	border:0;
	/*width:135px;*/
	margin:0 auto;
}

.menu_lateral a:link {
	color:#FFFFFF;
	text-decoration:none
}
.menu_lateral a:visited {
	color:#FFFFFF;
	text-decoration:none
}
.menu_lateral a:hover {
	color:#CCCCCC;
	text-decoration:none;
	text-shadow: #000 0px 5px 4px;
}
.menu_lateral a:active {
	color:#FFFFFF;
	text-decoration:none
}

/*------------------------------------------*/
/*-                TITULO                  -*/
/*------------------------------------------*/
.titulo{
	padding:0;
	font-size: 18px;
	color: #CCA05B;
	font-weight: bold;
}

/*------------------------------------------*/
/*-             FORM CONTATO               -*/
/*------------------------------------------*/
.form_contato {
	background-color:#000000;
	border:1px solid #666666;
	color:#FFFFFF;
	font-size:12px;
	font-family: Arial, 'Times New Roman', Times, serif, sans-serif;
}

.botao {
	background-color:#666666;
	border:1px solid #666666;
	color:#FFFFFF;
	font-family: Arial, 'Times New Roman', Times, serif, sans-serif;
	font-size:13px;
	font-weight:bold;
	width: 130px;
}

.tabela_mural {
	margin:0 ;
	border:0;
	width: 600px;
}

.postagem {
	margin:0;
	border:solid 1px #666666;
	width: 585px;
	font-size: 13px;
	padding: 4px;
}

.postagem#texto{
	margin:0;
	margin-bottom: 15px;
	border:solid 1px #666666;
	width: 574px;
	font-size: 13px;
	/*padding: 4px;*/
}


/*-- ELEMENTOS DO FORMULARIO --*/
form						{ margin:0 auto; padding: 0px; }
label						{ margin:5px 0px 0px 0px; font-weight:normal; text-align:right; width:110px; float:left; font:13px "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; }
form .small					{ color:red; display:none; font-size:11px; font-weight:normal; text-align:right; width:100%; }
form em						{ color:red; font-weight:normal;  font-style:normal; text-align:right; width:140px; margin 0 auto;} 
form p						{ font-size:11px; color:#666666; }
select						{ float:left; width:200px; margin:2px 0 0px 5px; border:solid 1px #dedede; font:12px "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; }
form #alert					{ margin:0 3px -3px 0 !important; border:none; }

/*-------------------------------------*/
/*      FORM FOTO (seu bicho aqui!)    */
/*         Enviar seu bichinho         */
/*-------------------------------------*/
.form_foto{	
	vertical-align:top;	
}
		.form_foto input, textarea{
			width:250px;
			background-color:#000000;
			border:1px solid #666666;
			color:#FFFFFF;
			font-size:12px;
			font-family: Arial, 'Times New Roman', Times, serif, sans-serif;
		}

		.form_foto label{
			width: 60px;	
		}
		
		/*.texto_foto{
			line-height:25px;
		}*/		

/*-------------------------------------*/
/*         EXIBIR (seu bicho aqui!)    */
/*-------------------------------------*/
.historico_bicho a:link {
	color:#000;
	text-decoration:none
}
.historico_bicho a:visited {
	color:#000;
	text-decoration:none
}
.historico_bicho a:hover {
	color:#000;
	text-decoration:none;
}
.historico_bicho a:active {
	color:#000;
	text-decoration:none
}

.historico_bicho img{
	border:2px solid #FFF;
}

.historico_bicho td{
	background-color:#FFF;
	color:#000;
	text-align:center;	
	font-family: 'Whiteboard Modern Demo', Sans-Serif, Arial, Tahoma, Sans-Serif;
}

.foto_bicho{
	border:5px solid #FFF;
	background-color:#FFF;
	font-family: 'Whiteboard Modern Demo', Sans-Serif, Arial, Tahoma, Sans-Serif;
}
	.foto_bicho td{
		height:40px;
		text-align:center;
		font-size:32px;
		color:#000;
	}	

/*-------------------------------------*/
/* Para exibir os videos do sergio     */
/*-------------------------------------*/
.overlayBox {
	border: 3px solid #000;
	padding: 7px;
	position: fixed;
	top: 50%;
	left: 50%;
	display: none;
	margin-top: -210px;
	margin-left: -350px;
	width: 700px;
	height: 417px;
	background: #fff;
	z-index: 105;
}

#overlay {
	position: fixed;
	z-index: 100;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: #000;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	display: none;
}


.hide {
	display: none;
}