@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; }

body {
    background:#cddff3 url(../images/fundo_top.jpg) top center no-repeat;
    font-family:Verdana, Geneva, sans-serif;
    font-size:11px;
    color:#333;
    margin:0;
    padding:0;
}

h3 { font-size: 13px; border-bottom:1px dashed #0099CC; padding-bottom:1px; margin-bottom:5px; }

h4 { font-size: 12px; margin:5px 0; }

img { border:0; }

a {
    color:#333;
    font-weight:normal;
    text-decoration:none;
}

a:hover {
    color:#000;
    font-weight:bold;
    text-decoration:underline;
}

input[type=text], textarea {
    border:1px solid #A5ACB2;
}

.enviar {
    background:url("../images/enviar.gif") no-repeat;
    width:71px;
    height:25px;;
    margin-top:5px;
    border:0;
}

.enviar:hover {
    background:url("../images/enviar2.gif") no-repeat;
}

#fundo {
    width:100%;
    text-align:center;
    padding-bottom:5px;
    background:url(../images/fundo_bottom.jpg) bottom center no-repeat;
}

#tudo {
    width:1000px;
    text-align:left;
    margin:0 auto;
}

#header {
}

#propTopo {
    background-color:#FFF;
    margin-top:5px;
}

#banner {
    width:1000px;
    height:181px;
}

#searchBar {
    width:1000px;
    height:27px;
    background:url(../images/search_bar.jpg) no-repeat;
    margin-top:-2px;
    position:relative;
}

#searchBar .marquee {
    width:600px;
    margin:5px 0 0 73px;
    color:#FFFF00;
    font-size:13px;
    font-weight:bold;
}

#searchBar .campo {
    top:4px;
    right:22px;
    position:absolute;
    width:118px;
    background:none;
    color:#FFF;
    border:0;
}

#searchBar .botao {
    top:4px;
    right:2px;
    position:absolute;
    width:20px;
    background:none;
    border:0;
    cursor:pointer;
    display:block;
}

#conteudo {
    width:1000px;
    position:relative;
    padding-top:5px;
}

/* RELATIVE NELES */
#acesso, #left #propL, #left #menuFast, #left #lat1, #tabs, #chat, #principal, #box1, #box2, #box3, #box4, #anel, #subRight #propR, #subRight #lat2, #namoro, #filhotes, #desaparecidos, #google, #botoes {
    position:relative;
}

#left {
    width:200px;
    float:left;
}

#right {
    width:800px;
    float:left;
}

#subLeft {
    width:620px;
    padding-top:5px;
    float:left;
}

#subRight {
    width:180px;
    float:left;
}

#tabs, #chat {
    width:615px;
}

#tabs {
    margin-top: 10px;
}

#principal {
    width:615px;
}

#menuTop {
    width:950px;
    height:25px;
    margin-left:25px;
    line-height:28px;
}

#menuTop ul {
    list-style-type:none;
    margin:0;
    padding:0;
    text-align:center;
}

#menuTop li {
    display:inline;
    color: #ba7daa;
}

#menuTop li a {
    font-size:12px;
    font-weight:bold;
    color:#0f4373;
    margin:0 2px;
}

#menuTop li a:hover {
    font-weight:bold;
    text-decoration:underline;
    margin:0 2px;
}

.menu {
    list-style-type:none;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:2px dotted #CCC;
}

#menuFast .menu {
    margin-bottom:0px;
    border-bottom:none;
    padding-bottom:0;
}

.menu .p0, .menu .p1, .menu .p2, .menu .p3, .menu .p4, .menu .p5, .menu .p6, .menu .p7, .menu .p8, .menu .p9, .menu .p10, .menu .p11, .menu .p12, .menu .p13, .menu .p20, .menu .p21, .menu .p22, .menu .p23, .menu .p30, .menu .p31, .menu .p32, .menu .p33 {
    width:25px;
    height:20px;
    display:block;
    float:left;
    margin-right:5px;
}

.menu .p0 { background:url(../images/menu/home.jpg) top center no-repeat; }
.menu .p1 { background:url(../images/menu/namoro.jpg) top center no-repeat; }
.menu .p2 { background:url(../images/menu/filhotes.jpg) top center no-repeat; }
.menu .p3 { background:url(../images/menu/perdidos.jpg) top center no-repeat; }
.menu .p4 { background:url(../images/menu/canil.jpg) top center no-repeat; }
.menu .p5 { background:url(../images/menu/adestramento.jpg) top center no-repeat; }
.menu .p6 { background:url(../images/menu/petshop.jpg) top center no-repeat; }
.menu .p7 { background:url(../images/menu/casaracao.jpg) top center no-repeat; }
.menu .p8 { background:url(../images/menu/banhoetosa.jpg) top center no-repeat; }
.menu .p9 { background:url(../images/menu/veterinaria.jpg) top center no-repeat; }
.menu .p10 { background:url(../images/menu/produtos.jpg) top center no-repeat; }
.menu .p11 { background:url(../images/menu/contato.jpg) top center no-repeat; }
.menu .p12 { background:url(../images/menu/hospedagem.jpg) top right no-repeat; }
.menu .p13 { background:url(../images/menu/cursos.jpg) top right no-repeat; }
.menu .p20 { background:url(../images/menu/pata.gif) top center no-repeat; }
.menu .p21 { background:url(../images/menu/cases.jpg) top center no-repeat; }
.menu .p22 { background:url(../images/menu/quemsomos.jpg) top center no-repeat; }
.menu .p23 { background:url(../images/menu/destak.jpg) top center no-repeat; }
.menu .p30 { background:url(../images/menu/games.jpg) top center no-repeat; }
.menu .p31 { background:url(../images/menu/videos.jpg) top center no-repeat; }
.menu .p32 { background:url(../images/menu/feiras.jpg) top center no-repeat; }
.menu .p33 { background:url(../images/menu/mural.jpg) top center no-repeat; }

.menu li {
    background:url(../images/bordaMenu.jpg) top center no-repeat;
    padding:5px 0 1px 0;
    line-height:19px;
}

.menu li a {
    font-size:12px;
    color:#000066;
}

.menu li.titulo {
    background:url(../images/bordaMenu.jpg) top center no-repeat;
    padding:17px 0 3px 2px;
    font-size:14px;
    font-weight:bold;
    color:#990000;
}

.menu li.top {
    background:none;
    padding-top:2px;
}

#left #propL {
    width:175px;
    margin:5px 0 0 14px;
}

#left #menuFast {
    width:175px;
    margin:5px 0 5px 14px;
}

#left #lat1 {
    width:175px;
    height:400px;
    margin:5px 0 0 14px;
}

#left #mural {
    width:195px;
}

#left #mural .fundo {
    background:url("../images/muralFundo.gif") repeat-y;
}

#left #mural .fundo a {
    padding:5px 0;
    display:block;
}

#left #mural .recado {
    width:160px;
    margin-left:17px;
    padding:5px 10px 2px 5px;
    background:url("../images/muralRecadoFundo.gif") repeat-y;
}

.linha { position:relative; }

#box1 {
    width:250px;
}

#box2 {
    width:360px;
    margin-left:5px;
}

#box3 {
    width:360px;
}

#box4 {
    width:250px;
    margin-left:5px;
}

#botoes div {
    float: left;
    width: 33.3%;
}

#filhotes, #namoro, #desaparecidos {
    width:201px;
    height:344px;
}

#filhotes .foto, #namoro .foto, #desaparecidos .foto {
    margin:22px 0 0 17px;
    width:166px;
    height:124px;
}

#filhotes .link, #namoro .link, #desaparecidos .link {
    width:166px;
    height:124px;
    display:block;
}

#filhotes .desc, #namoro .desc, #desaparecidos .desc {
    margin:30px 15px;
}

#filhotes .detalhes, #namoro .detalhes, #desaparecidos .detalhes {
    right:15px;
    bottom:43px;
    position:absolute;
    font-weight:bold;
}

#filhotes .todos, #namoro .todos, #desaparecidos .todos {
    width:201px;
    height:40px;
    left:0;
    bottom:0;
    position:absolute;
}

#filhotes{
    background:url("../images/filhotes.gif") no-repeat;
}

#namoro {
    background:url("../images/namoro.gif") no-repeat;
}

#desaparecidos {
    background:url("../images/desaparecidos.gif") no-repeat;
}

#namoro, #desaparecidos {
    margin-left:5px;
}

#principal table {
    width: 603px;
}

#principal table thead {
    background-color:#DFE8FF;
}

#principal table tfoot {
    background-color: #F2F5FF;
    margin-top: 5px;
}

#principal table h5 {
    margin:0;
    padding:3px;
    font-weight:bold;
    font-size: 12px;
}

#principal table h4 {
    margin:0;
    padding:5px 5px 5px 5px;
    font-weight:bold;
    font-size: 17px;
}

#principal table .titulo {
    width:120px;
    vertical-align:top;
    padding-top:5px;
    font-weight: bold;
    color:#0071BB;
}

#principal .anuncio {
    width:280px;
    height:113px;
    padding:10px;
    background:url("../images/fundoAnuncio.jpg") no-repeat;
    position:relative;
    margin:2px 0 0 1px;
    float:left;
}

#principal .thumb {
    width:100px;
    height:100px;
    margin-right:5px;
    float:left;
}

#principal .detalhes {
    position:absolute;
    right:7px;
    bottom:7px;
    font-weight:bold;
}

#principal .mural {
    background:url("../images/fundoMural.jpg") no-repeat;
    width:193px;
    height:216px;
    position:relative;
    margin-left:6px;
    float:left;
}

#principal .mural .leiamais {
    position:absolute;
    font-weight:bold;
    left:17px;
    bottom:17px;
    color:#FF0000;
}

#principal .mural .content {
    padding:30px 10px 10px 17px;
}

#principal .mural h4 {
    color:#006699;
}

#principal .evento {
    background:url("../images/fundoEvento.jpg") no-repeat;
    width:193px;
    height:216px;
    position:relative;
    margin-left:6px;
    float:left;
}

#principal .evento .leiamais {
    position:absolute;
    font-weight:bold;
    left:17px;
    bottom:17px;
    color:#228FEC;
}

#principal .evento .content {
    padding:19px 10px 10px 17px;
}

#principal .evento h4 {
    color:#006699;
}

#principal .evento h4.tit {
    color:#FFF;
    margin-bottom:15px;
}

#principal #videos {
    width:500px;
    margin:0 auto;
}

#principal #videos #divVideo {
    padding-left:1px;
}

#principal #videos #divVideos .video {
    width:120px;
    margin-right:5px;
    float:left;
}

#principal #videos #divVideos img {
    border:2px solid #333;
}

#principal #videos #divVideos a:hover img {
    border:2px solid #228FEC;
}

#principal #videos #divPaginador {
    margin-top:5px;
    font-weight:bold;
}

#principal #games p {
    margin-top:3px;
}

#principal #games #divGame {
    text-align:center;
}

#principal #games #divGames .game {
    padding-bottom:7px;
    margin-bottom:7px;
    border-bottom:1px dotted #ADD8E6;
}

#principal #games #divPaginador {
    font-weight:bold;
}

#principal #Contato {
    width:310px;
    float:left;
}

#principal .noticia {
    padding:10px 0;
    border-bottom:2px dotted #CCC;
}

#principal .noticia h4 {
    margin:0;
    font-size:13px;
    color:#0099CC;
}

#principal .noticia h5 {
    margin:0;
    font-size:11px;
    font-style:italic;
    color:#0071BB;
}

#principal .noticia p {
    margin-top:5px;
    color:#333;
}

#acesso { 
    width:360px;
    height:127px;
    background:url(../images/acesso.gif) no-repeat;
}

#acesso .campo {
    top:37px;
    right:10px;
    position:absolute;
    width:260px;
    height:20px;
}

#acesso .campo2 {
    top:65px;
    right:10px;
    position:absolute;
    width:260px;
    height:18px;
}

#acesso .botao {
    width:79px;
    height:36px;
    background:url(../images/button_login.jpg) no-repeat;
    border:0;
    right:10px;
    bottom:1px;
    position:absolute;
    cursor:pointer;
}

#anel {
    width:250px;
    height:110px;
}

#anel h3 {
    text-align:left;
}

#anel .content {
    text-align:center;
    padding-top:3px;
}

#box1 h3, #box4 h3, #anel h3, #box1 h3 a, #box4 h3 a, #anel h3 a, #namoro h3 {
    font-size: 13px; border-bottom:1px dashed #0099CC; padding-bottom:1px; margin-bottom:5px; color: #F48000; font-weight:bold;
}

#box2 h3, #box3 h3, #tabs h3, #principal h3, #chat h3, #box2 h3 a, #box3 h3 a, #tabs h3 a, #principal h3 a, #chat h3 a, #filhotes h3, #desaparecidos h3 {
    font-size: 13px; border-bottom:1px dashed #0099CC; padding-bottom:1px; margin-bottom:5px; color: #6476B3; font-weight:bold;
}

.content { padding:5px 7px 7px 5px; }

#box1, #box2, #box3, #box4, #acesso, #anel, #chat, #filhotes, #namoro, #desaparecidos { float:left; margin-top:5px; }

#anel { margin-top:23px; margin-left:5px; }

#subRight #propR {
	width:175px;
	margin:5px 0 0 5px;
}

#subRight #lat2 {
    width:175px;
    height:400px;
    margin:5px 0 0 5px;
}

#footer {
    background:url(../images/footer.jpg) no-repeat;
    width:1000px;
    height:25px;
    position:relative;
    margin-top:5px;
    float:left;
}

#footer .botao {
    top:0;
    right:0;
    position:absolute;
    cursor:pointer;
    display:block;
    width:300px;
    height:25px;
}

.box { background:#FFF url(../images/box_r.jpg) repeat-y right; }
.box .bTop { background:url(../images/box_tl.jpg) no-repeat top left; width:100%; position:absolute; top:0; }
.box .bTop div { background:url(../images/box_tr.jpg) no-repeat top right; }
.box .bBot { background:url(../images/box_b.jpg) repeat-x bottom; width:100%; position:absolute; bottom:0; }
.box .bBot div { background:url(../images/box_bl.jpg) no-repeat bottom left; }
.box .bBot div div { background:url(../images/box_br.jpg) no-repeat bottom right; }

.box .bTop, .box .bTop div, .box .bBot, .box .bBot div, .box .bBot div div { height:7px; }

.clearboth { clear:both; width:0; height:0; }

#prop_esq, #prop_dir {
    text-align:center;
}

.prop {
    margin-top:5px;
}

.form {
    width:150px;
    color:#000000;
}

#divEstado, #divAnimal, #divSexo {
    width:157px;
    height:23px;
    float:left;
}

#divCidade, #divRaca {
    height:23px;
}

.submit {
    width:93px;
    height:24px;
    border:none;
    cursor:pointer;
    display:block;
    margin-top:2px;
}

.bold {
    font-weight:bold;
}

#Contato label {
    display:block;
}

#Contato label span {
    display:block;
    margin:5px 0 3px 0;
    color:#0071BB;
    font-weight:bold;
}

#Contato input, textarea {
    width:300px;
    font-family:Verdana, Geneva, sans-serif;
    font-size:11px;
    padding:2px 1px;
}

label.error {
    margin-top:2px;
    color:#FF0000;
}

input.error, textarea.error, select.error {
    border:1px dotted #FF0000;
}

.left {
    float:left;
    margin-right:5px;
}

.right {
    float:right;
    margin-left:5px;
}

#cidadao {
    position:relative;
    margin-top:5px;
    height:45px;
    z-index:98;
}

#ads {
    position:absolute;
    width:1000px;
    height:400px;
    z-index:99;
    visibility:visible;
}

#detalhesContato {
    width:603px;
    height:328px;
    background:url("../images/recado.jpg") no-repeat;
}

#detalhesContato label {
    width: 500px;
    height:20px;
    display:block;
}

#detalhesContato #Recado {
    margin-top:5px;
    padding:55px 0 0 13px;
}

#detalhesContato label span {
    width:100px;
    display:block;
    color:#0071BB;
    font-weight:bold;
    float:left;
}

#detalhesContato label input {
    width:252px;
    float:left;
}

#detalhesContato textarea {
    width:350px;
    height:70px;
}

#galeria {
    width:505px;
}

#galeria #tela {
    width:400px;
    text-align:right;
    float:left;
}

#galeria #thumbs {
    width:100px;
    margin-left:5px;
    float:left;
}

#galeria #thumbs a {
    display:block;
    margin-bottom:5px;
}

#google {
    width:615px;
    margin-bottom:5px;
}