/*
azul: 2b5f8d
azul claro: 81a2c0
cinza: 999
cinza texto: 666
vermelho: 933
*/

* { font-family: "Lucida Sans","Trebuchet MS", Geneva, Helvetica, Arial, sans-serif; }
body { font-size:12px; background:#fff url(images/bg_body.png) repeat-x; color: #666; width: 900px; margin:0 auto; }

a { color:#2b5f8d; font-weight:bold; text-decoration: none }
a:hover { text-decoration: underline !important; }
h1 { display:none; }
h2 { font-size: 1.2em; color:#933; margin:20px 0 5px; display: block; width:660px; }
h3 { font-size: 1.1em; color:#933; }
h4 { font-size: 1em; color:#81a2c0; margin: 5px 0 0; }
.interna h2 { margin: 0; }
p { }
label span { font-size:.8em; color:#999; display:block }

/* header */
#header { height:130px; background:url(images/bg_header.png) no-repeat center 9px; position: relative; }
#header img { margin-left:89px; }
#header p { position: absolute; top:97px; left:0; color: #e0ebd6; }
#header p a { color: #fff; }

/* navegacao */
#navegacao { width: 230px; float: left; }
#navegacao h2 { color:#999; }
#navegacao ul li a { background:url(images/seta.png) no-repeat left 5px; height: 20px; display: block; padding:2px 0 0 10px; text-decoration: none; font-size:1em; }
#navegacao ul.parceiros li a { font-weight: normal; font-size:.9em; }

/* conteudo */
#conteudo { margin-left: 230px; min-height: 350px; }

/* aviso */
#aviso { background: url(images/bg_aviso.png) no-repeat; width:328px; height:92px; position: relative; float: left; }
#aviso h2 { font-size:1em; color:#2b5f8d; position: absolute; top:17px; left: 35px; margin: 0; }
#aviso p { line-height: 1.25em; font-size:1em; color:#2b5f8d; position: absolute; top:37px; left: 15px; width: 300px; height:50px; overflow: hidden; }
.aviso { border-top:1px solid #ff0;border-bottom:1px solid #ff0; background-color:#ffd; padding:5px 20px; display:block; }

/* noticias */
#noticias { padding-top:18px; margin-left:340px; min-height:75px; }
#noticias p { background: url(images/noticia.png) no-repeat left top; padding:2px 0 8px 20px; height:16px; display: block }
#noticias p a { text-decoration: none; }
#noticias p span { color:#999; font-size: .8em; padding-left: 5px; }

/* mensagens */
#mensagens p { color:#666; background: url(images/comentario.png) no-repeat left 1px; padding:0 0 7px 17px; font-size:1.1em; }
#mensagens span { color:#81a2c0; font-size: 0.85em; }

/* rodape */
#rodape { display: block; color:#81a2c0; font-size: .75em; margin-top:30px; border-top:1px solid #81a2c0; padding: 5px 0 30px; text-align: right; clear: both }


/* paginas internas */
.interna h2 { font-size: 1.2em; margin-bottom: 15px; }
.interna { width:500px; }
.interna p { margin-bottom: 10px; line-height: 1.3em; }
.interna ul li { list-style: disc inside; }
.interna ol li { list-style: upper-roman inside; margin-bottom: 5px; }

.interna p.data { color:#81a2c0; }
.interna p.dados_animal { margin-top: -10px; font-size: .8em; }

.interna #mensagens { border-top: 1px solid #81a2c0; padding-top: 10px; font-size: .9em; }
.interna #mensagens p span { display: block; color:#2b5f8d; }
.interna #mensagens p a { color:#81a2c0; }

form { padding:20px 0; border-top: 1px solid #81a2c0; }
legend { font-size: 1.2em; color:#933; padding:0 0 10px }
label { width:70px; display: block; float: left; text-align: right; }
input, textarea, select { width:200px; display: block; margin:0 0 10px 75px; }
textarea { width:350px; height:60px; }
.specialfield { display: none }
.erro { color: #933; margin:-10px 0 10px 75px; display: none }

h2 form { padding: 0; border: none; }

#links, #AnimalLinks { margin: 0; }

form.animal { border: none; }
form.animal label { width: 120px; }
form.animal input, form.animal textarea, form.animal select { margin-left:125px; }
form.animal select#AnimalUf { width:50px; float:left; margin-left:5px; }
form.animal select#AnimalCidadeId { width:150px; margin-left:175px; }

form.animal #mais_fotos { margin:0 0 20px 125px; display: block }
form.animal .erro { margin-left: 125px; }
input.peq { width:15px;}

.error-message { color: #933; margin: -10px 0 10px 125px; }
.form-error { border:1px solid #933; }

/* lista de animais */
ul.animal { list-style-type:none; display:block; width: 700px; }
ul.animal li { height:85px; width:100px; float:left; margin:0 12px 0 0; padding:0; list-style: none; }
ul.animal div.info_animal { width:180px; position:relative; top:-30px; left:-45px; display:none; }
ul.animal div.info_animal { background: url(images/bg_popup_animal.png) no-repeat top left; padding:10px; }
ul.animal div.info_animal { font-size: .9em; }
ul.animal div.info_animal h4 { color: #333; }
ul.animal div.info_animal p.data { font-size:.8em; color: #2b5f8d; margin: 0; }
ul.animal div.info_animal p.dados { background: url(images/bg_popup_animal.png) no-repeat bottom left; margin:0 -10px -10px; padding:5px 10px 10px; }

/* filtros */
h2 span { color:#999; font-size:.8em; float: right }
h2 span select { width: 130px; float:right; margin:0 0 0 3px; }

/* .thumbs */
img.thumbs { background: url(images/bg_thumbs.png) no-repeat; padding:3px; margin:0 2px 5px 0; }
a.todos { color: #999; font-size: .8em; text-decoration: none; text-align: right; display: block; clear:right; padding-right:7px; }