@charset "UTF-8";
/* CSS Document */
a, a:hover { text-decoration: none; }
.notimg { float: left !important; margin: 0 10px 5px 15px !important; border: 1px solid #CCC; padding: 4px; }
small { margin-left: 15px !important; margin-top: -10px !important; }
* { padding: 0; margin: 0; font-family: verdana; }
body { background: url("../imagens/bg.png") repeat-x; }
img { border: 0; }
#conteudo { background: url("../imagens/bg_body.gif") repeat-y; overflow: auto; }
#tudo { margin: 0 auto; width: 760px; background-color: #FFF; }
#topo { background: url("../imagens/bg_topo.png") repeat-x;  background-color: #FFF; height: 105px;}
h1 { text-indent: -9999em; display: block; background: url("../imagens/nova_logo.png") no-repeat; width: 313px; height: 77px; float: left; }
#topo img { float: right; margin-right: 20px !important; }
ul { list-style-type: none; }
ul#menu_principal { display: inline; font-size: 12px; font-weight: bold; color: #02AFF1;  } 
ul#menu_principal li { margin: 0px 6px 10px 15px !important; float: left; }
li.ultimo { margin-right: 0 !important; }
ul#menu_principal li a:link, ul#menu_principal li a, ul#menu_principal li a:visited
 { text-decoration: none; color: #02AFF1; display: block; }
li.ativo a { background-color: #02AFF1; color: #FFF !important; }
li a {  padding: 0 !important; }
ul#menu_principal a:hover { text-decoration: unline; }
#ninhadas { width: 298px; float: left; } #ninhadas dl dd img { margin-top: 10px; }
#cantinho { width: 200px; float: left; } #cantinho dl dt { text-align: center; } 
#cantinho dl dd, #cantinho dl dt, #canil dl dd, #canil dl dt, #ninhadas dl dt { margin-top: 10px !important; }
dl dt{ font-size: 15px; }
#rodape { clear: both; width: 760px; float: left; background-color: #000; color: #FFF; font-size: 11px; padding: 5px; }
#rodape p { float: left; }
dl, p { margin-left: 15px !important; margin-right: 15px !important; }
#canil dl { margin-left: 12px !important; }
#cantinho p { text-align: right !important; }
dl dd { font-size: 11px; text-align: justify; }
dl dd.raca { font-weight: bold; margin-top: 10px !important; }
dl dt { color: #CC0000; }
dl dd img { float: left; }
br { clear: left; }
h2 { font-size: 18px; color: #02AFF1; margin: 10px 0 0 15px !important; }
h3 { font-size: 14px !important; color: #02AFF1; margin: 10px 0 0 15px !important; }
p { font-size: 12px; color: #666; }
ul#cuidados li, ul#cuidados li a, ul#cuidados li a:visited, ul#cuidados li a:link
{ color: #999; font-size: 12px; font-weight: bold; text-decoration: none; line-height: 20px;   }
ul#cuidados { margin-top: 15px; }
#canil { width: 255px; float: left; background-color: #F1F2F5; }
#conteudo #canil dl dd.ok { line-height: 18px !important; }
#ninhadas dl dd { display: block; height: 110px; font-size: 12px; float: left; } 
#ninhadas dl dd img { margin-right: 10px !important; float: left; }
#sub { font-size: 12px; text-align: justify; background-color: #FFF; color: #000 !important; line-height: 20px !important; }
#sub img.lado { float: right !important; margin: 0 15px 15px 20px; } #sub h2 { margin-bottom: 10px !important; }
#sub img { float: left; margin: 10px 0 15px 10px; }
input { height: 22px; } 
input, textarea { font-size: 11px; border: 1px solid #CCC; }
br { clear: left; } ul.fotos li img { margin-right: 20px !important; }
p a { text-decoration: none; color: #666; } p a:hover { text-decoration: underline; }
#borda { border: 5px solid #EEE; padding: 10px !important; width: 600px; margin: 0 auto; }
ul.fotos { display: inline; float: left; } ul.fotos li { float: left; }

ul#cuidados li { list-style: disc; margin-left: 15px; padding-left: 0; }
ul#cuidados { border-top: 2px solid #999; margin-top: 0; margin-left: 15px; padding-top: 10px; }
#h3Cuidados { border-bottom: 6px solid #CCC; padding-bottom: 5px; }
#news { font-size: 12px; margin: 0 15px 0 15px; } #news li { margin-top: 10px; font-size: 11px; line-height: 150%; text-align: justify }
#news li a, #news li a:visited { color: #000; } #news li a:hover { text-decoration: underline; }
.data { font-weight: bold; }
.maisNovidades { font-size: 11px; font-weight: bold; float: right;  margin: 10px 15px 10px 15px;  }
.maisNovidades a, .maisNovidades a:hover {  color: #02AFF1;  }


p.raca, p.next { font-weight: bold; } p.next { padding-top: 10px; } .pequeno { font-size: 11px; padding-top: 5px; }
.disponivel { color: red;  } .veja, .maisNovidades a:hover { text-decoration: underline; }