/* Conteúdo protegido pela lei Nº 9.610/98 de Direitos Autorais. Proibida a cópia ou reprodução sem autorização. ---------------------------------------------------------------------------------------------------------------*/ /* RESET ---------------------------------------------------------------------------------------------------------------*/ 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, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0px none; outline: 0; font-size: 100%; vertical-align:baseline; background: ; font-weight: normal; list-style-type:none} img { border:none; } strong, b { font-weight:bold; } /* HTML ---------------------------------------------------------------------------------------------------------------*/ body { font-family:'PT Serif', Arial, serif; font-size:14px; color:#333; background:#ded4bf url('../../img/bg.jpg') repeat-x; } a:visited, a:link { color:#930; text-decoration:none; } a:hover, a:active { color:#000; text-decoration:none; } h1 { color:#532213; font-size:26px; display:block; margin-bottom:20px; } h2 { color:#9D4024; font-size:26px; display:block; margin-bottom:20px; } h3 { color:#532213; font-size:18px; display:block; margin-bottom:10px; } h4 { color:#532213; font-size:17px; margin-bottom:8px; } /* titulos da home */ h5 { color:#900; font-size:25px; margin-bottom:20px; letter-spacing:-0.5pt; } /* titulo das novidades */ h6 { color:#532213; font-size:33px; display:block; } /* nome dos animais */ /* LAYOUT ---------------------------------------------------------------------------------------------------------------*/ #barra { width:100%; background:#563D30 url('../../img/bg_sombra.png') no-repeat center top; } #barra div { width:800px; height:25px; margin:0 auto; overflow:hidden; background:url('../../img/bg_barra.png') no-repeat; } #barra .home { width:100px; float:left; padding-left:15px; background:url('../../img/ico_home.png') no-repeat 0 3px; opacity:0.5; filter:alpha(opacity=50); margin-left:20px; margin-right:0; margin-top:4px; margin-bottom:0 } #barra .home:hover { opacity:1.0; filter:alpha(opacity=100); } #barra .home a:link, #barra .home a:visited { display:block; color:#E2BA70; margin-top:5px; font-size:10px; text-decoration:none; } #barra .lang { width:80px; float:right; display:block; } #barra .lang img { display:block; float:left; margin:7px 20px 0 0; opacity:0.5; filter:alpha(opacity=50); } #barra .lang img:hover { opacity:1.0; filter:alpha(opacity=100); } #sombra { width:800px; margin:0 auto; background:url('../../img/bg_sombra.png') no-repeat; } #topo { width:100%; height:170px; margin:0 auto; background:url('../../img/bg_topo.png') no-repeat; } #topo .slogan { width:100%; height:115px; margin:0 auto; overflow:hidden; } #corpo { width:800px; margin:0 auto; display:table; background:url('../../img/bg_corpo.png') repeat-x; } #txt { width:95%; margin:0 auto 25px auto; position:relative; } #rodape { width:100%; height:70px; margin-top:35px; padding-top:20px; float:left; text-align:center; text-transform:uppercase; letter-spacing:1px; font-size:10px; color:#BEAC96; background:url('../../img/bg_rodape.png') no-repeat; } #rodape a:link, #rodape a:visited { color:#BEAC96; text-decoration:none; font-weight:bold; } #rodape a:hover, #rodape a:active { color:#532213; } h1.subtitle { float:left; margin-right:15px; padding:5px 0; } h2.subtitle { float:left; padding:5px 0 5px 15px; border-left:#555 dotted 1px; } /* MENU ---------------------------------------------------------------------------------------------------------------*/ #menu { width:100%; height:35px; margin:0 auto; } /* código base */ #nav { display: block; margin: 0; padding: 0; position: relative; } #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; } #nav a { display: block; } #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; } * html #nav ul { line-height: 0; } /* IE6 "fix" */ #nav ul a { zoom: 1; } /* IE6/7 fix */ #nav ul li { float: none; } #nav ul ul { top: 0; } /* personalização */ #nav ul { width:120px; top:35px; } #nav > li { margin:0 13px; padding:0 10px; } #nav > li a:hover { color:#000; } #nav a { color:#644424; font-size:13px; text-transform:uppercase; padding:13px 0 9px 0; } #nav li.hover a { text-decoration:none; } #nav ul li { margin-bottom:1px; white-space:nowrap; background:url('../../img/bg_submenu.png') no-repeat; } #nav ul li:hover{ background:url('../../img/bg_submenu.png') no-repeat 0 -35px; } #nav ul li a { text-transform:none; padding:9px 8px 7px 10px; } #nav ul li a:visited, #nav ul li a:link { color:#E2BA70; font-size:13px; letter-spacing:0.5pt; } #nav ul li a:hover { color:#FFF; } /* personalização de idiomas */ #nav .english { margin:0 19px; } #nav .espanol { margin:0 18px; } /* HOME ---------------------------------------------------------------------------------------------------------------*/ #pg_home #txt { margin-bottom:0; } #pg_home .destaque { width:1000px; height:305px; background:url('../../img/bg_slide.png') no-repeat;; margin-left:-25px; margin-right:0; margin-top:-20px; margin-bottom:15px } #pg_home .qdr_nov { float:left; width:31%; height:160px; padding:0 2% 0 0; margin-bottom:20px; font-size:12px; } #pg_home .qdr_nov .novidade:visited, #pg_home .qdr_nov .novidade:link { color:#333; } #pg_home .qdr_nov .novidade:hover { color:#930; } #pg_home .qdr_guest { float:left; width:30%; height:160px; padding:0 2% 0 2%; margin-bottom:20px; font-size:12px; border-left:#999 dotted 1px; } #pg_home .qdr_sale { float:left; width:30%; height:160px; padding:0 0 0 2%; margin-bottom:20px; font-size:12px; border-left:#999 dotted 1px; } #pg_home .qdr_sale .thumb_crop { width:85px; height:120px; border:#FFF solid 4px; overflow:hidden; } #pg_home .qdr_sale .thumb_crop img { width:85px; height:120px; opacity:1.0; filter:alpha(opacity=100); } #pg_home .qdr_sale span { color:#532213; white-space:nowrap; } #pg_home .qdr_sale i { color:#930; font-style:normal; } #pg_home .sidebar { width:950px; height:75px; font-size:12px; display:block; clear:both; background:url('../../img/bg_home_sidebar.png');; margin-left:-25px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:25px; padding-right:25px; padding-top:15px; padding-bottom:15px } #pg_home .sidebar h4{ font-size:14px; } #pg_home .qdr_jack { float:left; width:31%; padding:0 2% 0 0; } #pg_home .qdr_jack img { float:left; margin-right:10px; } #pg_home .qdr_search{ float:left; width:30%; padding:0 2% 0 2%; } #pg_home .qdr_news { float:left; width:30%; padding:0 0 0 2%; } #pg_home #rodape { margin-top:0; } #pg_home .frm_default input[type=text], #pg_home .frm_default input[type=submit] { margin-top:5px; margin-bottom:0; } #pg_home .frm_default input[type=submit] { color:#FFF; background-color:#B5A693; border-color:#B5A693; margin-right:0; padding:5px 5px 3px 5px; vertical-align:top; } #pg_home .frm_default input[type=submit]:hover { background-color:#603; border-color:#603; } #pg_home #frmNewsletter input[type=text] { float:left; font-size:12px; padding:4px 0 4px 5px; margin-right:5px; } /* HARAS ---------------------------------------------------------------------------------------------------------------*/ #txt .texto { float:left; width:63%; clear:both; line-height:23px; font-size:15px; } #txt .fotos { float:left; width:32%; margin-left:5%; } #txt .avancar { float:left; width:47%; display:block; font-size:14px; padding-right:3%; background:url('../../img/btn_proxima.png') no-repeat right 6px; text-align:right } #txt .voltar { float:left; width:47%; display:block; font-size:14px; padding-left:3%; background:url('../../img/btn_anterior.png') no-repeat left 6px; } /* ANIMAIS ---------------------------------------------------------------------------------------------------------------*/ /* índice */ #txt .qdr_foto_crop { width:230px; overflow:hidden; border:#FFF solid 2px; background-color:#FFF; } #txt .qdr_foto_borda { float:left; clear:both; height:400px; margin-right:25px; border:#D6C7B1 solid 12px; background-color:#D6C7B1; } #txt .qdr_foto_nome { width:254px; top:420px; left:0; position:absolute; z-index:1; text-align:center; white-space:nowrap; } #txt .qdr_foto_nome h6 { font-size:25px; } #txt .qdr_foto_nome span { display:block; white-space:nowrap; } #txt .filiacao { color:#930; display:block; font-size:15px; font-style:italic; } #txt .qdr_info { width:70%; float:left; display:block; line-height:20px; } #txt .qdr_info_vend { width:65%; float:right; display:block; margin-right:5px; color:#532213; font-style:italic; text-align:right; } #txt .coluna { width:33%; float:left; margin:5px 0 10px 0; } #txt .qdr_venda { display:block; clear:both; } #txt .qdr_venda .coluna { width:34%; float:left; display:block; } #txt .qdr_venda .centro { width:29%; float:left; margin-left:2%; } #txt .qdr_venda .qdr_foto_nome { left:345px; } /* página do animal */ .submenu { display:block; float:right; margin-top:5px; background:url('../../img/bg_transp_branco.png');; list-style-type:none } .submenu li { color:#999; float:left; padding:7px 15px; font-size:12px; text-transform:uppercase; position:relative; z-index:4; } .submenu li a { color:#765C21; text-decoration:none; } .submenu li a:hover { color:#000; } .submenu li.backLava { z-index:3; position:absolute; background-color:#FFF; } #pg_animal .perfil { width:100%; display:block; } #pg_animal .perfil .qdr_1 { width:55%; float:left; display:block; } #pg_animal .perfil .qdr_2 { width:37%; float:left; display:block; margin-left:3%; padding-left:4%; padding-bottom:20px; background:url('../../img/bg_perfil.png') no-repeat left center; } #pg_animal .obs { width:95%; display:table; clear:both; font-style:italic; color:#930; border:1px solid #D6C7B1; background:url('../../img/bg_transp_branco.png');; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px } #pg_animal .obs b { color:#B3976C; font-size:14px; margin:-22px 0 0 -10px; position:absolute; } #pg_animal .btn_perfil { display:block; padding-left:20px; background:url('../../img/btn_perfil.png') no-repeat 0 2px; } #pg_animal .btn_imprimir { display:block; padding-left:20px; background:url('../../img/btn_print.png') no-repeat 0 2px; margin:10px 0 } #pg_animal .btn_fav { display:block; padding-left:20px; background:url('../../img/btn_fav.png') no-repeat 0 2px; } #pg_animal .qdr_link_indice { float:left; clear:both; display:block; background:url('../../img/btn_anterior.png') no-repeat 0 15px;; padding-left:17px; padding-right:0; padding-top:15px; padding-bottom:0 } #pg_animal .tbl_pedigree { width:670px; font-style:italic; font-size:18px; color:#532213; background:url('../../img/bg_pedigree.png') no-repeat; } #pg_animal .tbl_pedigree b { font-size:20px; text-transform:none; } #pg_animal .reprodutiva { width:100%; font-size:16px; } #pg_animal .showrecord { width:100%; color:#333; font-size:17px; white-space:nowrap; text-align:center; padding-top:25px; } #pg_animal .fotos { width:100%; display:block; } #pg_animal .thumb_crop { width:100px; height:100px; } #pg_animal .thumb_borda { margin:0 14px 14px 0; } #pg_animal .qdr_info iframe { margin-left:25px; } #pg_animal .videos_indice { width:640px; height:80px; padding:10px 0; margin:390px 0 0 25px; letter-spacing:14px; text-align:left; white-space:nowrap; } #pg_animal .video_crop { width:110px; height:75px; overflow:hidden; border:0px none; background-position: center 50%; } #pg_animal .video_borda { display:inline-block; float:none; margin:0; border:#FFF solid 2px; } /* perfil completo */ #pg_ficha .logo { width:670px; height:100px; margin:25px 0; float:left; } #pg_ficha .logo img { float:left; margin-right:50px; } #pg_ficha .logo .subtitle { margin-top:35px; } #pg_ficha .qdr_foto_nome { width:254px; top:510px; left:0; position:absolute; z-index:1; text-align:center; white-space:nowrap; } #pg_ficha .perfil { width:100%; display:table; } #pg_ficha .perfil .qdr_1 { width:55%; float:left; display:block; } #pg_ficha .perfil .qdr_2 { width:37%; height:350px; float:left; display:block; margin-left:3%; padding-left:4%; padding-bottom:20px; background:url('../../img/bg_perfil.png') no-repeat left center; } #pg_ficha .obs { width:95%; display:table; clear:both; font-style:italic; color:#930; border:1px solid #D6C7B1; background:url('../../img/bg_transp_branco.png');; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px } #pg_ficha .obs b { color:#B3976C; font-size:14px; margin:-22px 0 0 -10px; position:absolute; } #pg_ficha .btn_imprimir { width:120px; float:left; display:block; padding-left:20px; background:url('../../img/btn_print.png') no-repeat 0 2px;; margin-left:100px; margin-right:0; margin-top:70px; margin-bottom:0 } #pg_ficha .pedigree { display:block; float:left; } #pg_ficha .tbl_pedigree { width:670px; font-style:italic; font-size:18px; color:#532213; background:url('../../img/bg_pedigree.png') no-repeat; } #pg_ficha .tbl_pedigree b { font-size:20px; text-transform:none; } #pg_ficha .showrecord { color:#333; } #pg_ficha .qdr_info { height:450px; } #pg_ficha .col_left { width:250px; float:left; margin-right:30px; } /* OUTRAS PÁGINAS ---------------------------------------------------------------------------------------------------------------*/ /* guestbook */ #guest_esq { float:left; width:65%; } #guest_esq .nome { display:block; padding-left:20px; font-size:18px; color:#000; background:url('../../img/ico_talk.png') no-repeat 0 3px; } #guest_esq .recado { color:#555; } #guest_esq b { font-size:11px; } #guest_dir { float:left; width:25%; padding:2%; margin-left:5%; border:1px solid #FFF; background:url('../../img/bg_transp_branco.png'); } #guest_dir h3 { color:#800040; } /* novidades */ #txt_area img { border:#FFF solid 7px; margin:10px; } #txt_area .imgtxt img { float:left; border:#FFF solid 7px; margin:0 25px 25px 0; } #txt_area .imgtxt a { cursor:-moz-zoom-in; } #txt_area .imgtxt span { display:block; float:left; clear:both; padding-left:19px; color:#777; font-size:11px; background:url('../../img/ico_zoom.png') no-repeat;; margin-left:0; margin-right:0; margin-top:-20px; margin-bottom:20px } /* dicas */ #pg_dicas .col_esq { width:35%; float:left; margin-right:4%; border-right:#FFF dotted 1px; } #pg_dicas .col_esq .qdr { height:115px; font-size:12px; color:#555; line-height:19px; } #pg_dicas .col_esq .qdr a { display:block; font-size:20px; line-height:30px; font-weight:normal; } #pg_dicas .col_dir { width:60%; float:left; } #pg_dicas .col_dir .qdr { width:45%; height:225px; margin-right:5%; float:left; display:block; color:#777; } #pg_dicas .col_dir span { display:block; text-transform:uppercase; color:#532213; } /* galeria */ .qdr_galeria { display:table; height:300px; } .qdr_galeria h5 { margin-bottom:0; } .qdr_galeria .item { width:32%; display:table; float:left; height:80px; margin-bottom:15px; margin-right:1%; color:#777; } .qdr_galeria .item h3 { margin-bottom:3px; } .qdr_galeria .item b { color:#000; } .qdr_galeria .txtgal { width:30%; float:left; margin:0 40px 20px 0; } /* busca */ #txt .qdr_busca .coluna { width:25%; float:left; margin-bottom:25px; } #txt .qdr_busca #frmBusca input[type=submit] { padding:4px 12px; vertical-align:top; } /* MINIATURAS --------------------------------------------------------------------------------------------------------------*/ .thumb_crop { width:75px; height:75px; overflow:hidden; border:#FFF solid 7px; background-color:#EEE; background-position:center; } .thumb_crop img { opacity:0; filter:alpha(opacity=0); } .thumb_crop img:hover { opacity:1; filter:alpha(opacity=50); } .thumb_borda { float:left; margin:0 10px 10px 0; border:#DCD0BE solid 1px; } .thumb_borda:hover { border:#000 solid 1px; } .video_crop { width:120px; height:90px; overflow:hidden; border:#FFF solid 5px; background-color:#CCC; } .video_crop img { opacity:0; filter:alpha(opacity=0); } .video_crop img:hover { opacity:1; filter:alpha(opacity=50); } .video_borda { float:left; margin:0 20px 20px 0; border:#DCD0BE solid 1px; } .video_borda:hover { border:#000 solid 1px; } /* UTILIDADES ---------------------------------------------------------------------------------------------------------------*/ .txt_0 { font-size: 14px; } .txt_p { font-size: 11px; } .txt_m { font-size: 15px; } .txt_g { font-size: 18px; } .txt_seo:visited, .txt_seo:link, .txt_seo:hover, .txt_seo:active { color:#90a2a5; text-decoration:none; } .txt_info { font-size:14px; color:#903; font-weight:normal; line-height:25px; padding-left:20px; background:url('../../img/ico_info.png') no-repeat 0 2px; } .line { width:auto; border-top:#999 dotted 1px; margin-top:5px; margin-bottom:5px; } .marcador { width:12px; height:19px; float:left; background:url('../../img/marcador.png') no-repeat 0 4px; } .btn_voltar { float:left; clear:both; display:block; margin-top:10px; padding-left:17px; background:url('../../img/btn_anterior.png') no-repeat left 4px;} .ico_social { width:16px; height:16px; margin-right:15px; float:left; overflow:hidden; } .qdr_code { width:80px; background-color:#FFFFDD; border:#FFCC00 solid 1px; padding:3px; margin:5px 15px 0 0; float:left; text-align:center; font-size:18px; font-weight:bold; color:#F30;} .input_code { height:23px; _height:33px; padding-top:5px; text-align:center; text-transform:uppercase; margin-top:5px; } #paginacao { clear:both; color:#CCC; } #paginacao.indice { border-top:#999 dotted 1px; padding-top:5px; } #paginacao a { display:block; float:left; padding:0 7px; border-left:#999 dotted 1px; margin-bottom:10px; } #paginacao a:visited, #paginacao a:link { color:#532213; text-decoration:none; } #paginacao a:hover { color:#000; text-decoration:none; } #semtraducao { display:block; border:1px solid #FFF; font-size:14px; margin-bottom:20px; background:url('../../img/bg_transp_branco.png');; padding-left:10px; padding-right:10px; padding-top:3px; padding-bottom:3px } /* FORMULARIOS ---------------------------------------------------------------------------------------------------------------*/ .frm_default { color:#555; } .frm_default input[type=text], .frm_default input[type=password], .frm_default textarea, .frm_default select, .frm_default file { font-family:Arial,Helvetica, sans-serif; color:#000; font-size:15px; padding:3px 0 3px 5px; margin-bottom:10px; border:#FFF solid 1px; background-color:#FFF; opacity:0.6; filter:alpha(opacity=60); } .frm_default textarea { font-size:12px; } .frm_default input[type=text]:focus, .frm_default input[type=password]:focus, .frm_default textarea:focus, .frm_default select:focus, .frm_default file:focus { border:#FFF solid 1px; opacity:1.0; filter:alpha(opacity=100); } .frm_default input[type=submit], .frm_default input[type=reset], .frm_default input[type=button] { font-family: "PT Serif", Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; padding:3px 12px 2px 12px; color:#CCC; background-color:#603; border:#603 solid 1px; margin-right:10px; } .frm_default input[type=submit]:hover, .frm_default input[type=reset]:hover, .frm_default input[type=button]:hover { color:#FFF; } /* form de contato */ #frmContato { font-size:13px; } #frmContato i { font-weight:normal; } #frmContato input[type=text], #frmContato textarea { margin-bottom:15px; } /* HACKS ---------------------------------------------------------------------------------------------------------------*/ /* IE (inhaca) HACKS */ #nav a { padding:12px 0 9px 0\9 } /* IE fix */ #nav ul li a { color:#333; font-size:13px; letter-spacing:0; } /* CHROME HACKS */ @media screen and (-webkit-min-device-pixel-ratio:0) { }