
/* inicio do reset do css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-style: inherit;
font-size: small;
font-family: inherit;
vertical-align: baseline;
text-decoration:none;
list-style:none;
}

:focus {
outline: 0;
}

/* final do reset do css */
/* inicio base */

body {
background: white url(images/back_tarja.jpg) repeat-x;
font:small Tahoma, Verdana, Arial, Geneva, "Trebuchet MS", sans-serif;
color:#666;
text-align:justify;
margin:auto;
}

a{
color:#FFF;
}

span{
display:none;
}

#global {
margin:auto;
width:775px;
height:auto;
}

* HTML h1{
width:775px;
}

h1{
float:left;
width:775px;
height:160px;
background:url(images/top_title.jpg) no-repeat;
text-indent:-2000px;
text-decoration:none;
z-index:1;
}

.home{
float:left;
background:url(images/principal.jpg) no-repeat;
width:82px;
height:30px;
margin:-155px 0 0 360px;
}

#content{
float:left;
height:auto;
margin-bottom:30px;
}

* HTML ul#menu{
float:left;
margin-top:3px;
width:435px;
display:inline;
}

ul#menu{
float:left;
margin-top:3px;
width:435px;
}

#servi{
float:left;
background:url(images/bot_servicos.jpg) no-repeat;
width:77px;
height:65px;
}

* HTML #posse{
margin-top:-16px;
}

#posse{
float:left;
background:url(images/bot_posse.jpg) no-repeat;
width:102px;
height:65px;
}

* HTML #gale{
margin-top:-32px;
}

#gale{
float:left;
background:url(images/bot_galeria.jpg) no-repeat;
width:71px;
height:65px;
}

* HTML #proj{
margin-top:-48px;
}

#proj{
float:left;
background:url(images/bot_projeto.jpg) no-repeat;
width:109px;
height:65px;
}

* HTML #cont{
margin-top:-64px;
}

#cont{
float:left;
background:url(images/bot_contato.jpg) no-repeat;
width:76px;
height:65px;
}

a:hover#servi, a:hover#posse, a:hover#gale, a:hover#proj, a:hover#cont{
background-position:0 -65px;
}

li#active a#servi, li#active a#posse, li#active a#gale, li#active a#proj, li#active a#cont{
background-position:0 -130px;
}

* HTML ul#submenu{
float:left;
margin-top:-160px;
width:258px;
display:inline;
}

* HTML a#hosp{
float:left;
background:url(images/bot_hospedagem.jpg) no-repeat;
width:120px;
height:27px;
margin:0 0 0 0;
}

#hosp{
float:left;
background:url(images/bot_hospedagem.jpg) no-repeat;
width:120px;
height:27px;
margin:68px 0 0 -775px;
}

* HTML a#ades{
margin:-16px 0 0 0;
}

#ades{
float:left;
background:url(images/bot_adestramento.jpg) no-repeat;
width:128px;
height:27px;
margin:68px 0 0 -655px;
}

a:hover#hosp, a:hover#ades{
background-position:0 -27px;
}

#sub_active a#hosp, #sub_active a#ades{
background-position:0 -54px;
}

* HTML ul#submenu_posse{
margin:-150px 0 0 160px;
}

ul#submenu_posse{
float:left;
margin:-150px 0 0 320px;
}

* HTML ul#submenu_posseb{
margin:540px 0 0 -110px;
}

ul#submenu_posseb{
float:left;
margin:20px 0 0 320px;
}

* HTML ul#submenu_posse2b{
margin:800px 0 0 -110px;
}

ul#submenu_posse2b{
float:left;
margin:20px 0 0 320px;
}

ul#submenu_posse li, ul#submenu_posseb li, ul#submenu_posse2b li{
float:left;
display:inline;
margin-left:5px;
}

ul#submenu_posse li a, ul#submenu_posseb li a, ul#submenu_posse2b li a{
color:#F60;
}

ul#submenu_posse li#ativa a, ul#submenu_posseb li#ativa2 a, ul#submenu_posse2b li#ativa2 a{
text-decoration:underline;
}

ul#submenu_posse li a#pag_posse2, ul#submenu_posseb li a#pag_posse2_footer, ul#submenu_posse2b li a#pag_posse2_footer{
margin-left:5px;
padding-left:15px;
background:url(images/divi_posse.jpg) no-repeat;
}

* HTML #rotativo_index{
float:left;
margin:-243px 0 0 218px;
height:385px;
}

#rotativo_index{
float:left;
width:340px;
height:385px;
margin-top:-160px;
z-index:5;
}

/* fim base */

* HTML h2.bemvindo{
margin-left:20px;
}

h2.bemvindo{
float:left;
background:url(images/bemvindo.gif) no-repeat;
width:120px;
height:15px;
margin:-130px 0 0 40px;
}

* HTML p.index1{
margin:-100px 0 0 40px;
}

p.index1{
float:left;
width:360px;
height:63px;
margin:-100px 0 0 50px;
}

* HTML p.index2{
margin:15px 0 0 225px;
}

p.index2{
float:left;
width:305px;
height:118px;
margin:15px 0 0 450px;
}

#footer_index{
float:left;
background:url(images/tarja_footer.jpg);
width:775px;
height:76px;
margin-top:90px;
}

#footer{
float:left;
background:url(images/tarja_footer.jpg);
width:775px;
height:76px;
margin-top:40px;
}

* HTML #footer_ades{
margin-top:190px;
}

#footer_ades{
float:left;
background:url(images/tarja_footer.jpg);
width:775px;
height:76px;
margin-top:40px;
}

#footer_galeria{
float:left;
background:url(images/tarja_footer.jpg);
width:775px;
height:76px;
margin-top:10px;
}

#footer_contato{
float:left;
background:url(images/tarja_footer.jpg);
width:775px;
height:76px;
}

* HTML ul#menu_footer{
margin:26px 0 0 90px;
}

ul#menu_footer{
float:left;
margin:26px 0 0 180px;
}

ul#menu_footer li{
float:left;
margin-left:10px;
display:inline;
}

a#fservi{
font-size:smaller;
}

a#fposse, a#fgale, a#fproj, a#fcont{
font-size:smaller;
background:url(images/divisa.gif) no-repeat;
padding-left:10px;
}

* HTML p#direitos{
margin:10px 0 0 125px;
}

p#direitos{
float:left;
font-size:smaller;
margin:10px 0 0 250px;
}

p.webdesigner a:hover{
float:left;
background:url(images/logo_rod.jpg) no-repeat;
width:60px;
height:45px;
margin:-12px 0 0 -494px;
}

p.webdesigner a{
float:left;
background:url(images/logo_rod1.jpg) no-repeat;
width:60px;
height:45px;
margin:-12px 0 0 -494px;
}

p.foto_brincadeira{
float:left;
background:url(images/foto2_index.jpg) no-repeat;
width:427px;
height:246px;
margin:-298px 0 0 10px;
}

* HTML p.pergunta{
margin:-120px 0 0 -10px;
}

p.pergunta{
float:left;
background:url(images/brincar.jpg) no-repeat;
width:83px;
height:30px;
margin:-120px 0 0 427px;
}

* HTML p.orquideas_index{
margin:-153px 0 0 290px;
}

p.orquideas_index{
float:left;
background:url(images/orquideas_index.jpg) no-repeat;
width:147px;
height:116px;
margin:-153px 0 0 580px;
}

* HTML p.orquideas_hospedagem{
margin:-131px 0 0 290px;
}

p.orquideas_hospedagem{
float:left;
background:url(images/orquideas_hospedagem.jpg) no-repeat;
width:136px;
height:93px;
margin:-131px 0 0 580px;
}

* HTML p.orquideas_adestramento{
margin:112px 0 0 -210px;
}

p.orquideas_adestramento{
float:left;
background:url(images/orquideas_adestramento.jpg) no-repeat;
width:151px;
height:126px;
margin:-154px 0 0 580px;
}

* HTML p.orquideas_posse{
margin:-130px 0 0 290px;
}

p.orquideas_posse{
float:left;
background:url(images/orquideas_posse.jpg) no-repeat;
width:137px;
height:101px;
margin:-130px 0 0 580px;
}

* HTML p.orquideas_posse2{
margin:-154px 0 0 290px;
}

p.orquideas_posse2{
float:left;
background:url(images/orquideas_posse2.jpg) no-repeat;
width:148px;
height:135px;
margin:-154px 0 0 580px;
}

* HTML p.orquideas_projeto{
margin:-145px 0 0 290px;
}

p.orquideas_projeto{
float:left;
background:url(images/orquidea_anjos.jpg) no-repeat;
width:148px;
height:114px;
margin:-145px 0 0 580px;
}

p.royal a{
float:left;
background:url(images/royal.jpg) no-repeat;
width:113px;
height:54px;
margin:-58px 0 0 70px;
}

#texto_hospedagem{
float:left;
height:810px;
}

p.hosp1{
float:left;
width:365px;
height:281px;
position:relative;
top:-80px;
left:40px;
}

h2.hospedar{
float:left;
background:url(images/hospedar.jpg) no-repeat;
width:184px;
height:16px;
position:relative;
top:240px;
left:-350px;
}

p.necessario{
float:left;
position:relative;
top:280px;
left:-510px;
}

ul#bagagem{
float:left;
width:175px;
height:77px;
position:relative;
top:290px;
left:-290px;
}

* HTML ul#bagagem li{
float:left;
display:block;
padding-right:30px;
}

ul#bagagem li{
float:left;
display:block;
background:url(images/tic.jpg) no-repeat;
padding:5px 0 0 15px;
}

* HTML h2.creche{
margin-top:20px;
}

h2.creche{
float:left;
background:url(images/creche.jpg) no-repeat;
width:72px;
height:19px;
position:relative;
top:390px;
left:-527px;
}

* HTML p.creche{
margin-top:20px;
}

p.creche{
float:left;
width:365px;
height:42px;
position:relative;
top:425px;
left:-275px;
margin-left:-300px;
}

* HTML h2.filhotes{
margin-top:20px;
}

h2.filhotes{
float:left;
background:url(images/social.jpg) no-repeat;
width:181px;
height:19px;
position:relative;
top:475px;
left:-363px;
margin-left:-300px;
}

p.filhotes{
float:left;
width:705px;
position:relative;
top:250px;
left:40px;
}

h2.caminhadas{
float:left;
background:url(images/encontro.jpg) no-repeat;
width:227px;
height:17px;
position:relative;
top:270px;
left:17px;
}

p.caminhadas{
float:left;
width:705px;
position:relative;
top:290px;
left:38px;
}

h3.obs{
float:left;
position:relative;
top:310px;
left:40px;
}

* HTML p.obs{
margin-top:-20px;
margin-left:80px;
}

p.obs{
float:left;
position:relative;
top:350px;
left:-120px;
}

* HTML p.hosp_foto1{
margin:-810px 0 0 225px;
}

p.hosp_foto1{
float:left;
background:url(images/hosp_foto1.jpg) no-repeat;
width:280px;
height:223px;
margin:-800px 0 0 450px;
}

* HTML p.hosp_foto2{
margin:-570px 0 0 235px;
}

p.hosp_foto2{
float:left;
background:url(images/hosp_foto2.jpg) no-repeat;
width:259px;
height:210px;
margin:-550px 0 0 470px;
}

* HTML #texto_adestramento{
float:left;
height:425px;
margin:-100px 0 0 -40px;
}

#texto_adestramento{
float:left;
height:525px;
}

* HTML h2.funciona{
margin:5px 0 0 40px;
}

h2.funciona{
float:left;
background:url(images/funciona.jpg) no-repeat;
width:236px;
height:19px;
margin:-115px 0 0 20px;
}

* HTML p.funciona{
margin:120px 0 0 -250px;
}

p.funciona{
float:left;
width:365px;
height:137px;
position:relative;
top:-80px;
left:40px;
}

* HTML h2.porque{
margin-top:120px;
}

h2.porque{
float:left;
background:url(images/porque.jpg) no-repeat;
width:146px;
height:16px;
position:relative;
top:80px;
left:-350px;
}

* HTML p.porque{
margin:-120px 0 0 218px;
}

p.porque{
float:left;
width:365px;
height:123px;
position:relative;
top:100px;
left:-330px;
}

* HTML h2.matilha{
margin:-20px 0 0 35px;
}

h2.matilha{
float:left;
background:url(images/matilha.jpg) no-repeat;
width:193px;
height:16px;
position:relative;
top:140px;
left:10px;
}

* HTML p.matilha{
margin:-10px 0 0 35px;
}

p.matilha{
float:left;
width:707px;
height:62px;
position:relative;
top:160px;
left:35px;
}

* HTML h2.dividido{
margin:5px 0 0 35px;
}

h2.dividido{
float:left;
background:url(images/dividido.jpg) no-repeat;
width:290px;
height:18px;
position:relative;
top:180px;
left:10px;
}

* HTML ul#dividido_list{
margin:15px 0 0 -10px;
}

ul#dividido_list{
float:left;
width:280px;
height:75px;
position:relative;
top:200px;
left:-300px;
margin-left:300px;
}

ul#dividido_list li{
float:left;
display:block;
background:url(images/tic.jpg) no-repeat;
padding:5px 0 0 15px;
margin-left:40px;
}

* HTML p.ades_foto1{
margin:-330px 0 0 220px;
}

p.ades_foto1{
float:left;
background:url(images/ades_foto1.jpg) no-repeat;
width:327px;
height:254px;
margin:-510px 0 0 430px;
}

* HTML cont_posse1{
height:auto;
}

p.cont_posse1{
float:left;
width:414px;
height:auto;
margin:-120px 0 0 10px;
}

* HTML p.foto1_posse1{
margin:-530px 0 0 240px;
}

p.foto1_posse1{
float:left;
background:url(images/foto1_posse1.jpg) no-repeat;
width:252px;
height:193px;
margin:-530px 0 0 480px;
}

* HTML p.foto2_posse1{
margin:-290px 0 0 255px;
}

p.foto2_posse1{
float:left;
background:url(images/foto2_posse1.jpg) no-repeat;
width:181px;
height:227px;
margin:-290px 0 0 510px;
}

* HTML p.foto1_posse2{
margin:-820px 0 0 240px;
}

p.foto1_posse2{
float:left;
background:url(images/foto1_posse2.jpg) no-repeat;
width:218px;
height:264px;
margin:-820px 0 0 480px;
}

* HTML p.foto2_posse2{
margin:-540px 0 0 230px;
}

p.foto2_posse2{
float:left;
background:url(images/foto2_posse2.jpg) no-repeat;
width:291px;
height:230px;
margin:-540px 0 0 460px;
}

* HTML p.foto3_posse2{
margin:-280px 0 0 230px;
}

p.foto3_posse2{
float:left;
background:url(images/foto3_posse2.jpg) no-repeat;
width:291px;
height:230px;
margin:-280px 0 0 460px;
}

p.fotos{
float:left;
width:433px;
height:52px;
margin-top:-140px;
}

* HTML #galeria_fotos{
float:left;
width:480px;
height:359px;
border:#61C00E solid;
}

* HTML #monoSlideshow{
width:480px;
height:359px;
border-width:medium;
border:#61C00E solid;
}

#galeria_fotos{
float:left;
width:480px;
height:359px;
border:#61C00E solid;
margin:20px 0 0 20px;
}

* HTML p.fotografo{
margin:-340px 0 0 270px;
}

p.fotografo{
float:left;
background:url(images/fotografo.jpg) no-repeat;
width:222px;
height:359px;
margin:-340px 0 0 520px;
}

* HTML p.anjos1{
margin:-130px 0 0 20px;
}

p.anjos1{
float:left;
width:171px;
height:140px;
margin:-130px 0 0 40px;
}

p.anjos2{
float:left;
width:366px;
height:283px;
margin:12px 0 0 -171px;
}

#animais_projeto{
float:left;
width:366px;
height:43px;
margin:300px 0 0 -350px;
}

p.logo_anjosdepatas{
float:left;
background:url(images/logo_anjos.jpg) no-repeat;
width:216px;
height:141px;
margin:-140px 0 0 -210px;
}

p.anjosdepatas{
float:left;
background:url(images/participantes.jpg) no-repeat;
width:301px;
height:214px;
}

p.contato1{
float:left;
width:410px;
height:65px;
margin:-140px 0 0 10px;
}

p.contato1 a{
color:#093;
}

p.contato_ok{
float:left;
width:410px;
height:65px;
margin:-140px 0 0 10px;
}

#form{
float:left;
margin:-50px 0 0 10px;
padding-top:40px;
}

* HTML p.caixa_correio{
margin:-200px 0 0 200px;
}

p.caixa_correio{
float:left;
background:url(images/caixa_correio.jpg) no-repeat;
width:265px;
height:218px;
margin:-200px 0 0 400px;
}

* HTML p.caixa_correio_ok{
margin:8px 0 0 90px;
}

p.caixa_correio_ok{
float:left;
background:url(images/caixa_correio_ok.jpg) no-repeat;
width:265px;
height:218px;
margin:8px 0 0 180px;
}




/* final */