body {
    background: #F3F3F3;
    color: #000;
    margin: 0px;/* 0px 0px 4.5%;*/
    padding: 0px;
    font-family: Verdana, Tahoma, Arial, sans-serif;
    font-size: 100%;
    text-align: center;
}
.clear {
    clear: both;
}

small {
	font-size: 91.667%;
}
/* nenhuma borda nas imagens de hiperliga��es */
a img {
	border: none;
}
img.left, .img-left {
	float: left;
	padding: 0 1ex 1ex 0;
	background-color: #ffffff;
}
img.right, .img-right {
	float: right;
	padding: 0 0 1ex 1ex;
	background-color: #ffffff;
}

.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}

p.more {
	background: #ffffff url(/assets/images/more_arrow.gif) center left no-repeat;
	padding-left: 10px;
}

/* floats */
.float-left {
	float: left;
}
.float-right {
	float: right;
}

/* colunas */
.row {
	clear: both;
}
.row span.left {
	text-align: right;
	width: 38%;
	float: left;
}
.row span.right {
	text-align: left;
	width: 60%;
	float: right;
}

/* float left*/
div.float {
    float: left;
}
div.float p {
    text-align: center;
}
div.spacer {
    clear: both;
}


table.searchBox {
	border:1px solid #113377;
}

.common_report {
		text-align: center;
}
div.results a.title {
	margin-top: 0;
	font-size: 120%;
}
div.results div.description {
	margin: 0;
	margin-left: 3ex;
}
div.results div.url {
	margin: .25ex 0 0 0; 
	color: #197B1B;
	margin-left: 3ex;
}


div#main {
	font-size: 75%;
    width: 760px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #ccc;
    overflow: hidden;
    background-color: #ffffff;
}

/* ---------------------- Banner -------------- */
div#banner {
	/*padding: 10px;*/
    background-color: #ffffff;
    clear: both;
}

/* ---------------------- Banner -------------- */


div.menu {
	background-color: #a4a4fe;
    color: #ffffff;
    font-family: Verdana, Tahoma, "Bitstream Vera Sans", sans-serif;
	/*font-family: Georgia, "Trebuchet MS", Verdana, Tahoma, Arial;*/
	text-align: left;
    font-size: 11px;
    font-weight: bold;
	/*border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;*/
}
div.menu form {
	display: inline;
	margin: 0;
	padding: 0;	
}
div.menu ul {
	font-family: Verdana, Tahoma,  "Bitstream Vera Sans", sans-serif;
    list-style: none;
    margin: 0px;
	padding: 0px;
	border: none;
	text-align: left;
	font-size: 11px;
}
div.menu ul li {
	margin: 0px;
	float: left;
}
div.menu ul li a {
	color: #fff;
    display: block;
    padding: 5px 9px 5px 9px;
    background-color: #a4a4fe;
   /* border-top: 2px solid #BFBFFF;
    border-right: 2px solid #7373FF;
    border-bottom: 2px solid #7373FF;
    border-left: 2px solid #BFBFFF;*/
	
	border-right: 1px solid #fff;
    text-decoration: none;
    /*width: 100%;*/
}
/*html>body div.menu ul li a {
	width: auto;
}*/
div#main div.menu ul li a.on {
	color: #2B2BFE;
}
div.menu ul li a:hover, div.menu ul li a:active {
	color: #FEFFC8;
	/*padding-top: 5px;
	padding-bottom: 3px;*/
	background-color: #7373FF;
    /*border-top: 2px solid #4040FF;
    border-right: 2px solid #8C8CFF;
    border-bottom: 2px solid #8C8CFF;
    border-left: 2px solid #4040FF;*/
}

div.menu input {
	font-size: 11px;
	color: #fff;
	background-color: #9191FD;
	border: 1px solid #535368;
	padding: 2px;
}
div.menu input:focus {
	color: #3A3A53;
	background-color: #E9E9F8;
	border: 1px solid #3A3A53;
}
div.menu input.button {
	font-weight: bold;
	background-color: #8282EC;
}
div.menu input.button:hover {
	cursor: pointer;
	color: #3A3A53;
	background-color: #E9E9F8;
}
div.menu a:link, div.menu a:visited {
	color: #fff;
	text-decoration: none;	
}
div.menu a:hover, div.menu a:active {
	color: #2B2BFE;
	text-decoration: none;	
}
div#main div.menu form {
	margin: 0;
	padding: 0;	
}
/* ---------------------- Menu -------------- */
div#menu {
    /*background: #fff url(images/gradient-l.jpg) repeat-y;*/
    background-color: #a4a4fe;
    color: #ffffff;
    /*font-family: Tahoma, Verdana, "Bitstream Vera Sans", sans-serif;*/
	font-family: Georgia, "Trebuchet MS", Verdana, Tahoma, Arial;
	padding: .15em 10px .15em 10px;
    text-align: left;
    font-size: 100%;
    font-weight: bold;
    /*height: 1.5em;*/
}

div#menu a:link, div#menu a:visited {
   color: #ffffff;
   text-decoration: none;
   font-weight: bold;
   background-color: transparent;
}
div#menu a:hover, div#menu a:active {
   color: #000000;
   text-decoration: none;
   font-weight: bold;
   background-color: transparent;
}
div#menu form {
    margin: 0px;
    padding: 0px;
}

div#menu input {
    font-family: Tahoma, Verdana, "Bitstream Vera Sans", sans-serif;
    font-size: 91.6667%;
    font-weight: bold;
    background-color: transparent;
    border: 1px solid #ffffff;
    color: #ffffff;
    padding: 0 2px 0 2px;
}
div#menu input:focus {
	background-color: #8181E1;
}

/* ---------------------- Menu -------------- */



/* ---------------------- Content -------------- */
div#content {
    background: #fff;
    padding: .1em 1em .1em 1em;
    margin: 0px;
    line-height: 1.6em;
    text-align: justify;
    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-size: 14px;
    color: #111;
    /*border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;*/
}
div#content strong {
	color: #333;
}
div#content a:link, div#content a:visited {
   color: #0066CC;
   text-decoration: none;
   /*border-bottom: 1px solid #0000CD;*/
}
div#content a:hover, div#content a:active {
   color: #114477;
   text-decoration: underline;
   /*border-bottom: 2px solid #6495ED;*/
}

span.erro, span.error {
    color: #ffffff;
    background-color: #9B0006;
}


div#content div.caixa {
    margin: 1em 3em 1em 3em;
    padding: .1em 1em .1em 1em;
    background-color: #FFFFF0;
    border: 1px solid #ccc;
}
div#content div.caixa p {
    margin: 0px;
    padding: 0px;
}
div#content ul {
	padding-left: 0;
	margin-left: 3ex;
}
div#content ul li {
	background: #fff url(/assets/images/ul.gif) no-repeat 0 5px;
	list-style-type: none;
	padding: 0 0 0 25px;
	margin: 5px 0;
	
}
/* ---------------------- Content -------------- */


/* ---------------------- Footer -------------- */
div#footer {
    /*background: #fff url(images/gradient-l.jpg) repeat-y;*/
    clear: both;
    background-color: #a4a4fe;
    color: #ffffff;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 3px;
    text-align: center;
    /*border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;*/
}
div#footer p {
    margin: 0px;
    font-size: 91.6667%;
}
div#footer a:link, div#footer a:visited {
   color: #ffffff;
   text-decoration: none;
}
div#footer a:hover, div#footer a:active {
   color: #000000;
   text-decoration: none;
}
div#footer img {
	 vertical-align: middle;
}
/* ---------------------- Footer -------------- */

h1 {  
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 1.8em;
	color: #5555BF;
	line-height: 100%;
/*    color: #655198;    
    border-left: 6px solid #655198;
    border-top: 2px solid #655198;
    padding: .2em 0em 0em .25em;*/
}
div#content h1 a:link, div#content h1 a:visited {
   color: #5555BF;
   text-decoration: none;
}
div#content h1 a:hover, div#content h1 a:active {
   color: #7171C9;
   text-decoration: underline;
}
h2 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-size: 1.4em;   
    color: #543890;
    border-bottom: thin dotted #543890;
    /*background: #fff url(images/h2-background.jpg) repeat-y top left;*/
    
    /*padding: .1em .25em .1em .25em;*/
}
div#content h2 a:link, div#content h2 a:visited {
   color: #543890;
   text-decoration: none;
}
div#content h2 a:hover, div#content h2 a:active {
   color: #725AA8;
   text-decoration: none;
}
h3 {
    font-size: 1.1em;
    color: #222da0;
}


div#tell-a-friend {
    margin: 0px -10px 0px 0px;
    padding: 0px;
    text-align: right;
}


/* ---------------------- FAQs -------------- */
/*div#content ul.faq a:link, div#content ul.faq a:visited {
    color: #000;
    text-decoration: none;
    font-weight: normal;
}
div#content ul.faq a:hover, div#content ul.faq a:active {
    color: #000;
    text-decoration: underline;
    font-weight: normal;
}*/
div#content p.faq-question {
    background: #E6E6FA url(images/faq-question.gif) repeat-x bottom;
    color: #000;
    font-weight: bold;
    border: 1px solid #515151;
    padding: .25em;
}
div#content div.faq-answer {
    
}
div#content p.faq-naveg {
    background: #E6E6FA url(images/faq-question.gif) repeat-x bottom;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #515151;
    padding: .25em;
}
div#content p.faq-naveg a:link, div#content p.faq-naveg a:visited, div#content p.faq-naveg a:hover, div#content p.faq-naveg a:active {
    text-decoration: none;
    color: #000;
}
div#content p.faq-naveg span.grayed-out {
    color: #B2B2B2;
}

/* ---------------------- FAQs -------------- */



table {
    font-size: 100%;
    text-align: left;
}




/* Lista */
table.lista {
	width: 100%;	
}
table.lista th, table.lista select {
	font-family: Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #0066CC;
	
}

table.lista select {
	border: 1px solid #ccc;
}

table.lista td, table.lista th {
	border-bottom: 1px solid #ccc;
}

table.lista td.mark {
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

table.lista td.categories {
	font-size: 11px;
	color: #666;
}



/* formul�rios */
form {
	text-align: left;	
}
form .formright, form .formleft {
	display: block;
	float: left;
	margin-bottom: 10px;
}
form .formleft {
	width: 150px;	
}

/*form input.formright, form textarea.formright, form span.formright {
	width: 300px;	
}*/
form input.button {
	width: auto;
}
form p {
	clear: both;
}
textarea {
	
}
form.formbg {
	background-color: #EEEEEE;
	border: 1px dotted #9F9FAF;
	padding: 5px;
	margin: 0 auto;
}
form.formbox input, form.formbox textarea, form.formbox select {
  font: 13px Verdana, Tahoma, Arial, sans-serif;
	padding: 3px;	
	border: 1px solid #9F9FAF;
	background-color: #EFEFEF;
}
form.formbox input.button {
	border: 1px solid #3F4174;
	color: #3F4174;
	font-weight: bold;
}
form.formbox input.button:hover {
	background-color: #3F4174;
	color: #fff;
	cursor: pointer;
}

form.formbox input.error, form.formbox textarea.error {
	border: 1px solid #ff0000;
}
form.formbox input:focus, form.formbox textarea:focus {
	background-color: #fff;
	border: 1px solid #5C60C6;
}

form#frontpageform input, form#frontpageform select {
	background-color: transparent;
	
}
form#frontpageform input:focus {
	background-color: #ffffff;
}
form.formbox td.error input, form.formbox td.error textarea, form.formbox td.error select {
	border: 1px solid #ff0000;
}
form.formbox td.error {
	color: #f00;
}

span.asterisk {
	color: #ff0000;
	font-size: 140%;
	font-weight: bold;
	vertical-align: 0;
}

form.solidariedade {
	/*background-color: #EEEEEE;
	border: 1px dotted #9F9FAF;*/
	padding: 5px;
	margin: 0 auto;
}
form.solidariedade input, form.solidariedade textarea {
	border: 1px solid #9F9FAF;
	background-color: #F9F9F9;
}
form.solidariedade input:focus, form.solidariedade textarea:focus {
	background-color: #FFFFEA;
}

span.asterisk {
	color: #ff0000;
	font-size: 150%;
	vertical-align: middle;
	font-weight: bold;
}

table.form-act {
	border: 1px solid #6272B6;
}
table.form-act td, table.form-act th {
	padding: 3px;
}
table.form-act tr {
	background-color: #E1E6FA;
}
table.form-act th, table.form-act strong {
	font-weight: bold;
	color: #1A2864;
}



div.fotos-ester {
	float: right;
	padding: 0 0 2ex 2ex;
	width: 310px;
	background-color: #fff;
	margin: 1ex 0 1ex 0;
}
div.fotos-ester p {
	text-align: center;
}

p.que-animal {
	font-size-adjust: .53;
	font-variant: small-caps;
	font-size: 1.4em;
    color: #22218A;
    font-weight: bold;
    text-decoration: underline;
}
p.que-animal-resposta {
	height: 30px;
	color: #000000;
	font-weight: bold;
	font-size: 1.2em;
}
p.que-animal-resposta span {
	display: none;
}
p.que-animal-resposta button {
	border: 1px solid #010069;
}
div.famous-veg {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	float: left;
	height: 160px;
	width: 119px;
	margin: .75ex;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	padding: 5px 5px 0 5px;
	border: 1px solid #cccccc;
	background-color: #EDEDED;
}

blockquote.bigquote {
  background: transparent url(/assets/images/quote_start.png) left top no-repeat;
  margin: 0;
  padding: 0;
}
blockquote.bigquote div {
  padding: 0 80px;
  color: #444;
  background: transparent url(/assets/images/quote_end.png) right bottom no-repeat;
}


blockquote.quote {
  background: transparent url(/assets/images/quote_start.gif) left top no-repeat;
  margin: 0;
  padding: 0;
}
blockquote.quote div {
  padding: 0 80px;
  color: #444;
  background: transparent url(/assets/images/quote_end.gif) right bottom no-repeat;
}


.faded {
	color: #929292;
}

.box {
	background-color: #e7e7f9;
	margin: 0 1em;
	padding: 0.5em;
}
.box-border {
	border: 1px solid #c4c4d4;
	background-color: #e7e7f9;
	margin: 0 1em;
	padding: 0.5em;
}

table.form th {
	vertical-align: top;
}

div.gallery div.item {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	float: left;
	width: 157px;
	height: 117px;
	margin: .75ex;
	font-size: 100%;
	text-align: center;
	padding: 5px 5px 0 5px;
	overflow: hidden;
	background-color: #ddd;
}

div.gallery p.single-image {
	text-align: center;	
}
div.gallery p.single-image img {
	background-color: #ddd;
	padding: 1ex 1ex 4ex 1ex;
}
p.breadcrumb, div#content p.breadcrumb a:link, div#content p.breadcrumb a:visited {
	margin: .25em 0 -.5em 0;
	font-size: .9em;
	color: #999;
	font-weight: bold;
}

div#content p.page-naveg span.sep {
	display: none;	
}
div#content p.page-naveg u {
	text-decoration: none;
}
div#content p.page-naveg a {
	color: #004080;
	background-color: #F1F4F8;
	padding: 2px 1ex;
	border: 1px solid #C2CBD3;
	text-decoration: none;
	width: 100%;
}
html>body div#content p.page-naveg a {
	width: auto;
}
div#content p.page-naveg a.on {
	border: 1px solid #8F959A;
	font-weight: bold;
	color: #000;
}
div#content p.page-naveg a:hover, div#content p.page-naveg a:active {
	color: #fff;
	background-color: #004080;
	border: 1px solid #000;
}
table.form-rede {
	width: 100%;
	border: 1px solid #C9CFFF;	
}
table.form-rede th {
	vertical-align: top;
	font-weight: normal;
}
table.form-rede td.error span {
	color: #f00;
	font-size: .9em;
	font-weight: bold;
}
table.form-rede td.error input, table.form-rede td.error textarea {
	border: 1px solid #f00;
}
table.form-rede tr {
	background-color: #EBEDFF;
}

legend {
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
}





div#content form.adop-form div.ident {
	margin-left: 4ex;
}

div#content form.adop-form input.button-n {
	border: 3px double #002F6F;
	border-top-color: #98A8BD;
	border-left-color: #98A8BD;
	background-color: #E0E2E6;
	color: #042653;
}


div#content form.adop-form input.button-n:active {
	border: 3px double #98A8BD;
	border-top-color: #002F6F;
	border-left-color: #002F6F;
	background-color: #D1D4DC;
}
div#content form.adop-form legend {
	font-size: 17px;
	color: #38107C;
	font-style: italic;
}
div#content form.adop-form legend.sub1 {
	font-size: 14px;
	color: #333;
	font-style: italic;
}
div#content form.adop-form fieldset {
	margin-bottom: 1em;
}
div#content form.adop-form p.title {
	font-weight: bold;
	margin: 1em 0 1ex 0;
}
div#content form.adop-form p {
	margin: 3px 0 2px 0;
}

div#content form.adop-form input, div#content form.adop-form textarea,
div#content form.adop-form select {
	border-width: 1px;
}

div#content form.adop-form input:focus,
div#content form.adop-form textarea:focus {
	background-color: #FCEEB3;
}

div#content form.adop-form p.warn {
	border: 1px solid #FF2525;
	background-color: #FFD8CD;
	margin: 1em 5em;
	padding: 0.5em;
}
div#content form.adop-form p.title em {
	font-size: 1.3em;
	text-decoration: underline;
}



div#content form table.comment {
	font-size: 11px;
	border: 1px solid #C8C8E7;
	background-color: #E1E1EC;
	color: #000;
}

div#content div.even {
	background-color: #fff;
}
div#content div.odd {
	background-color: #F2F2F2;
}
div#content div.null {
	color: #777 !important;	
}
div#content div.comment {
	color: #222;
	padding: 4px;
	border-bottom: 1px dotted #ccc;
}
div#content div.comment p.body {
	line-height: 150%;
	font-size: 12px;
	margin: 0 0 .5ex 0;
	padding: 0;
}
div#content div.comment p.footer {
	color: #666;
	font-size: 12px;
	font-style: italic;
	text-align: right;
	margin: 0;
}

p.view-comments {
	color: #152F48;
	text-align: right;
	font-style: italic;
	font-size: 11px;
	font-weight: bold;
	margin-top: -15px;
}
div#content p.view-comments a:link, div#content p.view-comments a:visited {
	color: #152F48;
	border-bottom: #152F48 1px dotted;
}
div#content p.view-comments a:hover, div#content p.view-comments a:active {
	color: #fff;
	
}



div.shirt-list {
	float: left;
	width: 300px;
	height: 310px;
	margin: 10px;
	text-align: center;
}
div.shirt-list p {
	font-weight: normal;
	color: #333;
	line-height: 100%;
}

div.shirt-list p.shirt-name {
	font-size: 16px;
	font-weight: bold;
}
div#content div.shirt-list p.shirt-name a:link, div#content  div.shirt-list p.shirt-name a:visited {
	color: #303268;	
}





div.box-middle {
	width: 358px;
	background: url(/assets/images/rounded-middle.gif) repeat-y;
	float: left;
}
div.box-top {
	width: 358px;
	background: transparent url(/assets/images/rounded-top.gif) top no-repeat;
}
div.box-bottom {
	background: transparent url(/assets/images/rounded-bottom.gif) bottom no-repeat;
	padding: 1ex 2ex 1ex 2ex;
}

div#content div.box-middle p {
	overflow: hidden;
	font: 13px/18px "Trebuchet MS",Verdana,Arial,sans-serif;
	text-align: justify;
	margin-left: 110px;
}
div#content div.box-middle p.link {
	font: bold 14px/14px Arial,sans-serif;
	text-align: left;
}
div#content div.box-middle p.link a:link, div#content div.box-middle p.link a:visited {
   color: #114477;
   text-decoration: none;
}
div#content div.box-middle p.link a:hover, div#content div.box-middle p.link a:active {
   color: #142232;
   text-decoration: underline;
}

div#content div.box-bottom h2 {
	font-size: 1.4em;
	color: #34345C;
	background: transparent;
	border: none;
	text-align:center;
	line-height: 1em;
	margin: 2px 0 0 0;
}
div#content div.box-bottom h2 a:link, div#content div.box-bottom h2 a:visited {
   color: #34345C;
   text-decoration: none;
}
div#content div.box-bottom h2 a:hover, div#content div.box-bottom h2 a:active {
   color: #4C4C74;
   text-decoration: none;
}
div#content div.box-bottom a:link, div#content div.box-bottom a:visited {
   color: #333;
   text-decoration: none;
}
div#content div.box-bottom a:hover, div#content div.box-bottom a:active {
   color: #000;
   text-decoration: underline;
}
div#content div.box-bottom div {
    float: left;
    margin: 20px 5px 5px 0;
}
div#content div.box-bottom a img {
    border: 1px solid #ccc;
}
div#content div.box-bottom input {
	border: 1px solid #474797;
	background-color: #CACAFF;
	/*color: #ffffff;*/
	/*font-weight: bold;*/
}
div#content div.box-bottom input.button {
	background-color: #a4a4fe;
	color: #ffffff;
}