body { background-color:#ffcc00; padding:0; margin:0; font-family:Tahoma, Arial, Helvetica, sans-serif;} #contenedor { width:990px; margin:0 auto;} #contenedor2 { width:450px; margin:0 auto;} /**** top ****/ #contenedor #top { width:990px; height:112px;} #contenedor #top .logo_adopta { width:306px; height:82px; float:left;} #contenedor #top .logo_pedrigree { width:107px; height:74px; float:right; padding:3px 14px 0 0;} #contenedor #top .menu { height:30px; background:url(../images/bg_menu.jpg) left top no-repeat;} #contenedor #top .menu .menu_int { background:url(../images/bg_link.jpg) left top no-repeat; width:953px; height:30px; margin:0 auto;} #contenedor #top .menu .menu_int a.que_es { display:block; height:29px; width:217px; margin:1px 0 0 0; float:left; background:url(../images/que_es-normal1.jpg) no-repeat left top;} #contenedor #top .menu .menu_int a.que_es:hover {background:url(../images/que_es-activo1.jpg) no-repeat left top;} #contenedor #top .menu .menu_int a.como_ayudar { display:block; height:29px; width:105px; margin:1px 0 0 0; float:left; background:url(../images/como_ayudar-normal1.jpg) left top no-repeat;} #contenedor #top .menu .menu_int a.como_ayudar:hover {background:url(../images/como_ayudar-activo1.jpg) left top no-repeat;} #contenedor #top .menu .menu_int a.conocenos { display:block; height:29px; width:83px; margin:1px 0 0 0; float:left; background:url(../images/conocelos-normal1.jpg) left top no-repeat;} #contenedor #top .menu .menu_int a.conocenos:hover {background:url(../images/conocelos-activo1.jpg) left top no-repeat;} #contenedor #top .menu .menu_int a.adopta { display:block; height:29px; width:124px; margin:1px 0 0 0; float:left; background:url(../images/adopta-normal1.jpg) left top no-repeat;} #contenedor #top .menu .menu_int a.adopta:hover { background:url(../images/adopta-activo1.jpg) left top no-repeat; } #contenedor #top .menu .menu_int a.unete { display:block; height:29px; width:129px; margin:1px 0 0 0; float:left; background:url(../images/unete-normal1.jpg) left top no-repeat;} #contenedor #top .menu .menu_int a.unete:hover { background:url(../images/unete-activo1.jpg) left top no-repeat; } #contenedor #top .menu .menu_int a.descargas { display:block; height:29px; width:82px; margin:1px 0 0 0; float:left; background:url(../images/descargas-normal1.jpg) left top no-repeat;} #contenedor #top .menu .menu_int a.descargas:hover { background:url(../images/descargas-activo1.jpg) left top no-repeat} #contenedor #top .menu .menu_int .inv_amigo { height:17px; font-size:10px; color:#FFFFFF; float:right; padding:8px 6px 0 0;} #contenedor #top .menu .menu_int .inv_amigo a { text-decoration:none; color:#FFFFFF;} #contenedor #top .menu .menu_int .inv_amigo a:hover { text-decoration:underline;} #contenedor #top .menu .menu_int .inv_amigo img { vertical-align:middle; padding:0 5px 0 0;} .box_contador{ float:left; margin:21px 0 0 300px; height:45px; width:236px;} .box_contador div{ float:left;} .box_contador .llevamos{ background:url(../images/contador_llevamos.jpg) no-repeat left top; width:75px; height:45px;} .box_contador .perros{ background:url(../images/contador_perrosadoptados.jpg) no-repeat left top; width:83px; height:45px;} .box_contador span{ display:none;} /**** contenido ****/ #contenedor #contenido { background:url(../images/bg_contenido.jpg) left top repeat-y; width:990px;} #contenedor #contenido2 { background:url(../images/bg_contenido.jpg) left top repeat-y; width:400px;} #contenedor #contenido .cont_left { width:733px; min-height:482px; height:auto !important ; height:482px; float:left;} #contenedor #contenido .cont_left .flash_home { width:711px; height:312px; padding:11px 0 0 14px;} #contenedor #contenido .cont_left .menu_cont { margin:14px 0 0 14px;} #contenedor #contenido .cont_left .menu_cont .num1 { background:url(../images/bg_paloma.jpg) left top no-repeat; width:238px; height:128px; float:left;} #contenedor #contenido .cont_left .menu_cont .num1 .titulo { padding: 8px 0 0 23px;} #contenedor #contenido .cont_left .menu_cont .num1 .text_num { padding:33px 0 0 114px; font-size:11px; color:#000000;} #contenedor #contenido .cont_left .menu_cont .num1 .text_num a{color:#000000;} #contenedor #contenido .cont_left .menu_cont .num2 { background:url(../images/bg_num2.jpg) left top no-repeat; width:231px; height:128px; float:left} #contenedor #contenido .cont_left .menu_cont .num2 .titulo { padding: 8px 0 0 17px;} #contenedor #contenido .cont_left .menu_cont .num2 .text_num { padding:29px 0 0 100px; font-size:11px; color:#000000;} #contenedor #contenido .cont_left .menu_cont .num2 .text_num a {color:#000000;} #contenedor #contenido .cont_left .menu_cont .num3 { background:url(../images/bg_num3.jpg) left top no-repeat; width:241px; height:128px; float:left} #contenedor #contenido .cont_left .menu_cont .num3 .titulo { padding: 8px 0 0 22px;} #contenedor #contenido .cont_left .menu_cont .num3 .text_num { padding:29px 0 0 105px; font-size:11px; color:#000000;} #contenedor #contenido .cont_left .menu_cont .num3 .text_num a{color:#000000;} #contenedor #contenido .cont_left .menu_cont .num3 .text_num img { margin:3px 0 0 0;} #contenedor #contenido .cont_right { width:247px; background:url(../images/bb_cont_right.jpg) left top no-repeat #F9B701; float:left; padding: 27px 0 0 10px; font-size:12px; color:#000000; line-height:16px;} #contenedor #contenido .cont_right .adoptar_link { width:234px; height:87px; margin:10px 0 0 0;} #contenedor #contenido .cont_right .cadena_ayuda { font-size:11px; color:#000000;} #contenedor #contenido .cont_right .guia_adopcion { background:url(../images/bg_guia_adopcion.jpg) left top no-repeat; width:244px; height:89px; margin:15px 0 0 0;} #contenedor #contenido .cont_right .guia_adopcion .descarga_guia { padding:16px 0 0 14px;} #contenedor #contenido .cont_right .guia_adopcion .descarga_guia a { text-decoration:none; color:#000000;} #contenedor #contenido .cont_right .guia_adopcion .descarga_guia a:hover { text-decoration:underline;} #contenedor #contenido .cont_right .tenencia_resp { margin:17px 0 0 0; background:url(../images/bg_tenecia.jpg) left top no-repeat; width:244px; height:52px;} #contenedor #contenido .cont_right .tenencia_resp .tenecia { padding:8px 0 0 44px;} #contenedor #contenido .cont_right .facebook { margin:14px 0 0 0; background:url(../images/bg_facebook.jpg) left top no-repeat; height:37px; padding:6px 0 0 13px;} #contenedor #contenido .cont_right .facebook a { text-decoration:none; color:#000000;} #contenedor #contenido .cont_right .facebook a:hover { text-decoration:underline;} #contenedor #contenido .cont_right .facebook img { vertical-align:middle;} /**** conocelos ****/ #contenedor #contenido .cont_left .conocelos { margin:0 0 0 35px; width:676px;} #contenedor #contenido .cont_left .conocelos h2 { margin:0; padding:18px 0 15px 0; font-size:18px;} #contenedor #contenido .cont_left .conocelos h3 { margin:0; padding:20px 0 4px 0; font-size:14px;} #contenedor #contenido .cont_left .conocelos p { margin:0; padding:0 0 7px 0; font-size:13px; line-height:18px;} #contenedor #contenido .cont_left .conocelos .linea_cafe { border-top:solid 1px #c79200; height:1px; padding:0; margin:0; line-height:1px; font-size:1px;} #contenedor #contenido .cont_left .conocelos .encontrados { margin:0 0 0 44px; width:588px; padding:8px 0;} #contenedor #contenido .cont_left .conocelos .encontrados .perro_encontrado { width:102px; margin:0 60px 0 0; float:left;} #contenedor #contenido .cont_left .conocelos .encontrados .perro_encontrado .foto_perro { width:100px; height:100px; border:0/*solid 1px #999999*/; text-align:center;} #contenedor #contenido .cont_left .conocelos .encontrados .perro_encontrado h4 { margin:0; padding:0; text-align:center; font-size:16px; color:#222222;} #contenedor #contenido .cont_left .conocelos .encontrados .perro_encontrado .ver_ficha { margin:0 auto; padding:2px 0 0 8px; background: url(../images/bg_ver_ficha.jpg) left top no-repeat; width:68px; height:14px; font-size:10px;} #contenedor #contenido .cont_left .conocelos .encontrados .perro_encontrado .ver_ficha a { color:#fdb815; text-decoration:none;} #contenedor #contenido .cont_left .conocelos .encontrados .perro_encontrado_fin { width:102px; float:left;} #contenedor #contenido .cont_left .conocelos .encontrados .perro_encontrado_fin .foto_perro { width:100px; height:100px; border:0/*solid 1px #999999*/; text-align:center;} #contenedor #contenido .cont_left .conocelos .encontrados .perro_encontrado_fin h4 { margin:0; padding:0; text-align:center; font-size:16px; color:#222222;} #contenedor #contenido .cont_left .conocelos .encontrados .perro_encontrado_fin .ver_ficha { margin:0 auto; padding:2px 0 0 8px; background: url(../images/bg_ver_ficha.jpg) left top no-repeat; width:68px; height:14px; font-size:10px;} #contenedor #contenido .cont_left .conocelos .encontrados .perro_encontrado_fin .ver_ficha a { color:#fdb815; text-decoration:none;} #contenedor #contenido .cont_left .conocelos .encontrados .perro_encontrado .adoptado { position:absolute; background:url(../images/bg_adoptado.jpg) left top no-repeat; width:100px; height:20px; margin:-21px 0 0 1px;} .deshabilitado { position:absolute; margin:65px 0 0 55px; } /**** adopta un perro ****/ #contenedor #contenido .cont_left .experiencia { margin:0 0 0 22px; padding:0 20px 0 0; width:690px;} #contenedor #contenido .cont_left .experiencia p { font-size:12px; text-align:justify;} #contenedor #contenido .cont_left .experiencia h3 { font-size:15px;} #contenedor #contenido .cont_left .experiencia h5 { font-size:13px; font-style:italic; font-weight:normal;} #contenedor #contenido .cont_left .experiencia a { } #contenedor #contenido .cont_left .experiencia li { font-size:12px; line-height:14px; padding:0 0 0 0; text-align:justify;} #contenedor #contenido .cont_left .experiencia .pasos_procesos { font-size:10px; color:#000000;} #contenedor #contenido .cont_left .experiencia .pasos_procesos .paso1 { position:absolute; background:url(../images/bg_datos1.jpg) left top no-repeat; width:113px; height:32px; padding:29px 0 0 31px;} #contenedor #contenido .cont_left .experiencia .pasos_procesos .paso1b { position:absolute; background:url(../images/bg_datos1b.jpg) left top no-repeat; width:113px; height:32px; padding:29px 0 0 31px;} #contenedor #contenido .cont_left .experiencia .pasos_procesos .paso2 { position:absolute; background:url(../images/bg_datos2.jpg) left top no-repeat; width:102px; height:32px; margin:0 0 0 134px; padding:29px 0 0 31px;} #contenedor #contenido .cont_left .experiencia .pasos_procesos .paso2b { position:absolute; background:url(../images/bg_datos2b.jpg) left top no-repeat; width:102px; height:32px; margin:0 0 0 134px; padding:29px 0 0 31px;} #contenedor #contenido .cont_left .experiencia .pasos_procesos .paso2c { position:absolute; background:url(../images/bg_datos2c.jpg) left top no-repeat; width:102px; height:32px; margin:0 0 0 134px; padding:29px 0 0 31px;} #contenedor #contenido .cont_left .experiencia .pasos_procesos .paso3 { position:absolute; background:url(../images/bg_datos3.jpg) left top no-repeat; width:127px; height:32px; margin:0 0 0 267px; padding:29px 0 0 31px;} #contenedor #contenido .cont_left .experiencia .pasos_procesos .paso3b { position:absolute; background:url(../images/bg_datos3b.jpg) left top no-repeat; width:127px; height:32px; margin:0 0 0 267px; padding:29px 0 0 31px;} #contenedor #contenido .cont_left .experiencia .pasos_procesos .paso3c { position:absolute; background:url(../images/bg_datos3c.jpg) left top no-repeat; width:127px; height:32px; margin:0 0 0 267px; padding:29px 0 0 31px;} #contenedor #contenido .cont_left .experiencia .pasos_procesos .paso4 { position:absolute; background:url(../images/bg_datos4.jpg) left top no-repeat; width:102px; height:32px; margin:0 0 0 425px; padding:29px 0 0 31px;} #contenedor #contenido .cont_left .experiencia .pasos_procesos .paso4b { position:absolute; background:url(../images/bg_datos4b.jpg) left top no-repeat; width:102px; height:32px; margin:0 0 0 425px; padding:29px 0 0 31px;} #contenedor #contenido .cont_left .experiencia .pasos_procesos .paso4c { position:absolute; background:url(../images/bg_datos4c.jpg) left top no-repeat; width:102px; height:32px; margin:0 0 0 425px; padding:29px 0 0 31px;} #contenedor #contenido .cont_left .experiencia .pasos_procesos .paso5 { position:absolute; background:url(../images/bg_datos5.jpg) left top no-repeat; width:116px; height:32px; margin:0 0 0 558px; padding:29px 0 0 31px;} #contenedor #contenido .cont_left .experiencia .pasos_procesos .paso5b { position:absolute; background:url(../images/bg_datos5b.jpg) left top no-repeat; width:116px; height:32px; margin:0 0 0 558px; padding:29px 0 0 31px;} #contenedor #contenido .cont_left .experiencia .pasos_procesos .paso5c { position:absolute; background:url(../images/bg_datos5c.jpg) left top no-repeat; width:116px; height:32px; margin:0 0 0 558px; padding:29px 0 0 31px;} #contenedor #contenido .cont_left .experiencia h2 { margin:0; padding:18px 0 15px 0; font-size:18px;} #contenedor #contenido .cont_left .experiencia .datos_personales { padding:68px 0 0 0;} #contenedor #contenido .cont_left .experiencia .datos_personales .izq_datos { float:left; font-size:12px; color:#000000;} #contenedor #contenido .cont_left .experiencia .datos_personales .izq_datos .datos_conyuge { width:332px; height:156px; background:url(../images/bg_datos_conyuge.jpg) top left no-repeat;} #contenedor #contenido .cont_left .experiencia .datos_personales .izq_datos .consultas { width:332px; height:156px; background:url(../images/bg_datos_conyuge.jpg) top left no-repeat; margin:0 0 0 10px;} #contenedor #contenido .cont_left .experiencia .datos_personales .izq_datos .btn_cont { margin:25px 0 0 145px; padding:0;} #contenedor #contenido .cont_left .experiencia .datos_personales .der_datos { float:left;} #contenedor #contenido .cont_left .experiencia .datos_personales .der_datos .img_perro { margin:0; padding:0 0 0 19px;} #contenedor #contenido .cont_left .experiencia .medio { margin:0 auto; width:400px; background:url(../images/bg_contacto.jpg) center top no-repeat; padding:45px 0 0 0; text-align:center;} #contenedor #contenido .cont_left .experiencia .medio2 { margin:0 auto; width:690px; background:url(../images/bg_contacto.jpg) center top no-repeat; padding:45px 0 0 0; text-align:center;} #contenedor #contenido .cont_left .experiencia .medio h2 { margin:0; padding:0; font-size:18px;} #contenedor #contenido .cont_left .experiencia .medio h4 { margin:0; padding:6px 0 0 0; font-size:13px; font-weight:normal;} #contenedor #contenido .cont_left .experiencia .medio .botones { text-align:center; padding:65px 0 0 0;} #contenedor #contenido .cont_left .experiencia .medio .botones img { padding:0 5px;} /**** ficha perro ****/ #contenedor #contenido .cont_left .conocelos .volver_galeria { text-align:right; padding:0 15px 0 0; font-size:12px;} #contenedor #contenido .cont_left .conocelos .volver_galeria a { color:#000000;} #contenedor #contenido .cont_left .conocelos .ficha_perro { margin:10px 0 0 0;} #contenedor #contenido .cont_left .conocelos .ficha_perro .ficha_izq { float:left; width:218px; margin:0 0 0 12px;} #contenedor #contenido .cont_left .conocelos .ficha_perro .ficha_izq .si_quiero { padding:10px 0 0 0;} #contenedor #contenido .cont_left .conocelos .ficha_perro .ficha_izq .recomiendalo { background:url(../images/bg_recomienda.jpg) left top no-repeat; width:216px; height:49px; padding:9px 0 0 0; margin:6px 0 0 0; text-align:center;} #contenedor #contenido .cont_left .conocelos .ficha_perro .ficha_izq .recomiendalo p { margin:0; padding:0; font-size:12px;} #contenedor #contenido .cont_left .conocelos .ficha_perro .ficha_izq .recomiendalo a { color:#000000;} #contenedor #contenido .cont_left .conocelos .ficha_perro .ficha_der { float:left; width:400px; padding:0 0 0 15px;} #contenedor #contenido .cont_left .conocelos .ficha_perro .ficha_der .nombre { width:400px; height:27px; padding:5px 0 0 10px; background-color:#fdcd56; border-bottom:solid 1px #caa445; border-top:solid 1px #caa445; font-size:18px; color:#000000;} #contenedor #contenido .cont_left .conocelos .ficha_perro .ficha_der .datos { width:410px; margin:10px 0 0 0; text-align:justify;} #contenedor #contenido .cont_left .conocelos .ficha_perro .ficha_der .datos p{ line-height:18px; font-size:12px;} #contenedor #contenido .cont_left .experiencia .puntos_ayuda { width:598px; font-size:12px; background:url(../images/flecha_como_ayudar.jpg) 12px 8px no-repeat #fdcd56; padding:15px 15px 10px 60px; margin:-8px 0; text-align:justify;} #contenedor #contenido .cont_left .experiencia .barra {margin:8px 0} #contenedor #contenido .cont_left .experiencia .puntos_ayuda a { color:#005ca6; text-decoration:none;} #contenedor #contenido .cont_left .experiencia .requisitos .punto { float:left; width:50px;} #contenedor #contenido .cont_left .experiencia .requisitos .requisito { float:left; width:640px; padding:0 0 20px 0; } #contenedor #contenido .cont_left .experiencia .requisitos .requisito h4 { margin:0; padding:4px 0 0 6px; height:18px; background-color:#fdcd56; font-size:12px; font-weight:bold;} #contenedor #contenido .cont_left .experiencia .requisitos .requisito p { text-align:justify;} #contenedor #contenido .cont_left .experiencia .text_exp { float:left; width:360px;} #contenedor #contenido .cont_left .experiencia .foto { float:left; padding:0 0 30px 0 ; width:270px;} #contenedor #contenido .cont_left .experiencia h4 {margin:0 0 0 256px; padding:4px 0 0 6px; height:18px; background-color:#fdcd56; font-size:12px;} #contenedor #contenido .cont_left .experiencia .juntos {margin:0 0 0 256px; background: url(../images/comida_perros.jpg) right bottom no-repeat; min-height:155px; height:auto !important ; height:155px;} #contenedor #contenido .cont_left .experiencia .juntos p { margin:0; padding:52px 0 0 0;} #contenedor #contenido .cont_left .experiencia .juntos h4{ margin:0; padding:0; background:none; text-align:center;} /**** bottom ****/ #contenedor #bottom { background:url(../images/bg_bottom.jpg) left top no-repeat; min-height:30px; height:auto !important ; height:30px; font-size:10px;} #contenedor #bottom .bottom_left { float:left; padding: 17px 0 0 15px;} #contenedor #bottom .bottom_right { float:right; padding:17px 15px 0 0; text-align:right;} #contenedor #bottom .bottom_right a { text-decoration:underline; color:#000000;} #contenedor #bottom .bottom_right img { vertical-align:middle; margin:3px 0 0 0;} /**** auxiliares ****/ .clear { clear:both;} .textoBlanco { color:#FFFFFF; margin:3px 0 0 0 ;} .texto9 { font-size:9px;} .texto10 { font-size:10px;} .texto11 { font-size:11px;} .texto12 { font-size:12px;} .texto13 { font-size:13px;} .caja1_tabla { width:148px; height:20px; border:solid 1px #a7a6aa; font-size:11px; color:#666666; padding:0 0 0 4px; margin:0 14px 0 0;} .caja2_tabla { width:88px; height:20px; border:solid 1px #a7a6aa; font-size:11px; color:#666666; padding:0 0 0 4px; margin:0 14px 0 0;} .cajaRut { width:135px; height:17px; border:solid 1px #6d6d6d; font-size:11px; color:#666666;} .cajaRut2 { width:25px; height:17px; border:solid 1px #6d6d6d; font-size:11px; color:#666666;} .cajaRut3 { width:176px; height:17px; border:solid 1px #6d6d6d; font-size:11px; color:#666666;} .cajaText200 { width:200px;} .textoRojo { color:#FF0000;} .textoRojo2{ color: #C03E05} .cajaDia { width:37px; height:19px; border:solid 1px #6d6d6d; font-size:11px; color:#666666;} .cajaMes { width:93px; height:19px; border:solid 1px #6d6d6d; font-size:11px; color:#666666;} .cajaAno { width:50px; height:19px; border:solid 1px #6d6d6d; font-size:11px; color:#666666;} .cajaEstado { width:150px; height:19px; border:solid 1px #6d6d6d; font-size:11px; color:#666666;} .cajaEstado1 { width:176px; height:19px; border:solid 1px #6d6d6d; font-size:11px; color:#666666;} .caja_mail { width:161px; height:17px; background-color:#FFFFFF; border:solid 1px #4f4f4f; padding:0 0 0 5px;} .altura55p { height:55px;} .altura55 {height:55px;} .altura30 {height:30px;} .altura20 {height:20px;} .altura25 {height:25px;} .ancho129 { width:129px;} .ancho195 { width:195px;} .ancho10 { width:10px;} .text_tabla { color:#666666; padding:0 0 0 15px; width:111px; font-size:13px;} .text_tabla_gral { font-size:11px; color:#000000;} /**** paginacion ****/ #contenedor #contenido .cont_left .paginacion_gral { margin:30px 0;} .paginacion {font-size:11px; color:#595959; text-align:center; height:20px; width:250px; margin:0 auto;} *html .paginacion{width:255px;} .paginacion a { font-size:11px; color:#595959; background-color:#ffffff; border:1px solid #cccccc; height:18px; min-width:18px; max-width:22px; display: block; float: left; vertical-align:top; text-align:center; font-weight:bold; text-decoration:none; margin:0 2px; line-height:18px;} *html .paginacion a{width:18px;} .paginacion a.go { margin-left:5px; font-weight: normal;} .paginacion a.back {margin-right:5px; font-weight: normal;} .paginacion a:hover, .paginacion a.selected{background:#f3991e; color:#000000; border:1px solid #710044;} /**** referir ****/ .referir { width:444px; text-align:center; padding:10px 0 0 0; background-color:#f9b701; font-size:12px;} .referir p { margin:0; padding:0;} .referir .fotoperro { width:100px; height:100px; border:solid 3px #FFFFFF; margin:0 auto;} .referir_gracias { width:444px; text-align:center; padding:75px 0 0 0; background:url(../images/bg_ref_gracias.jpg) center 35px no-repeat #f9b701; font-size:12px;} .referir_gracias .fotoperro { width:100px; height:100px; border:solid 3px #FFFFFF; margin:0 auto;} .referir_gracias h3 { font-size:18px; padding:40px 0 0 0; margin:0;} /**** descargas ****/ #contenedor #contenido .cont_left .experiencia .tit_desc { float:left; padding:10px 0 0 0; width:131px;} #contenedor #contenido .cont_left .experiencia .descargas { float:left; padding:10px 0 0 0;} #contenedor #contenido .cont_left .experiencia .descargas .descarga { float:left; padding:0 25px 10px 0; font-size:12px;} #contenedor #contenido .cont_left .experiencia .descargas .ultima{padding:0 0 10px 0} #contenedor #contenido .cont_left .experiencia .descargas .descarga .tam_descarga { padding:3px 0 5px 25px; background:url(../images/flecha_descarga.jpg) 5px 3px no-repeat;} #contenedor #contenido .cont_left .experiencia .descargas .descarga .tam_descarga a { color:#000000;} #contenedor #contenido .cont_left .experiencia .spot_video { text-align:center; float:left; width:450px; padding:10px 0 50px 0;} #contenedor #contenido .cont_left .experiencia .condiciones { text-align:justify;} #contenedor #contenido .cont_left .experiencia .condiciones a {color:#003D71; } /**** index 2 ****/ .cont_right .facebook2 { margin:14px 0 0 0; background:url(../images/bg_facebook2.jpg) left top no-repeat; width:186px; height:54px; padding:10px 30px 0 22px;} .cont_right .facebook2 a { text-decoration:none; color:#000000;} .cont_right .facebook2 a:hover { text-decoration:underline;} .cont_right .facebook2 img { padding:5px 0 0 0; float:right;} .cont_right .facebook2 .espaciotop{ padding:13px 0 0 0; display:block;} /**** preguntas ****/ /*.preg_frec { width:430px; float:left;} .preg_frec .preguntas { width:430px; padding:0 0 20px 0;} .preg_frec .preguntas .ico_preg { float:left; width:45px;} .preg_frec .preguntas .pregunta { float:left; width:385px;} #contenedor #contenido .cont_left .experiencia .preg_frec .preguntas .pregunta p { padding:0 0 8px 0; margin:0;} #contenedor #contenido .cont_left .experiencia .preg_frec .preguntas .pregunta h3{ font-size:12px; padding:4px 0 4px 6px; background-color:#fdcd56;}*/ .preg_frec { } .preg_frec .preguntas { padding:0 0 10px 0; width:685px;} .preg_frec .preguntas .ico_preg { float:left; padding:0 10px 0 0;} .preg_frec .preguntas .pregunta { float:left; background:url(../images/ico_pregunta.jpg) left 8px no-repeat; padding:0 0 0 45px;} #contenedor #contenido .cont_left .experiencia .preg_frec .preguntas .pregunta p { padding:0 0 8px 0; margin:0;} #contenedor #contenido .cont_left .experiencia .preg_frec .preguntas .pregunta p a { color:#005CA7} #contenedor #contenido .cont_left .experiencia .preg_frec h3 { font-size:18px; color:#005CA7; padding:0 0 20px 0; margin:0;} #contenedor #contenido .cont_left .experiencia .preg_frec .preguntas .pregunta h3{ font-size:12px; padding:4px 0 4px 6px; background-color:#fdcd56; color:#000000} .experiencia .perro { float:left; width:230px; padding:0 0 0 20px;} /**** manifiesto ****/ #contenedor #contenido .cont_left .experiencia .manifiesto {padding:0 0 20px 0;} #contenedor #contenido .cont_left .experiencia .manifiesto p{ margin:0 auto; text-align:center;padding:0 0 10px 0; } /**** pro animal ****/ .pro_animal .pro_animal_logo { width:217px; float:left; padding:40px 14px 0 0;} .pro_animal .contenido { float:left; width:456px;} #contenedor #contenido .cont_left .experiencia .pro_animal .contenido p {font-size:12px; padding:4px 6px; background-color:#fdcd56; margin:0 0 5px 0;} #contenedor #contenido .cont_left .experiencia .pro_animal .contenido h3 { font-size:12px;} .experiencia ul { font-size:12px} .experiencia ul li { padding:0 0 10px 0;} .experiencia a { color:#000000; font-weight:bold;} /**** en que consiste ****/ .subMenu_experiencia {width:440px; margin:0 0 0 247px; font-size:11px; padding:8px 0 0 0; background:url(../images/flecha_arriba.jpg) 215px top no-repeat;} .subMenu_experiencia .requisitos a { float:left; color:#FFFFFF; text-decoration:none; background:#005CA7/*url(../images/bg_requisitos.jpg) left top no-repeat*/; height:18px; padding:5px 10px 0 10px; display:block;} .subMenu_experiencia .requisitos a:hover { color:#000000; text-decoration:none; background:#ffffff/*url(../images/bg_requisitos2.jpg) left top no-repeat*/; height:18px; padding:5px 10px 0 10px;} .subMenu_experiencia .requisitos2 a { float:left; color:#000000; text-decoration:none; background:#ffffff/*url(../images/bg_requisitos2.jpg) left top no-repeat*/; height:18px; padding:5px 10px 0 10px; display:block;} .subMenu_experiencia .experiencia1 a { float:left; color:#ffffff; text-decoration:none; background:url(../images/bg_la_experiencia.jpg) left top no-repeat; height:18px; padding:5px 10px 0 10px; margin:0; display:block;} .subMenu_experiencia .experiencia1 a:hover { float:left; color:#000000; text-decoration:none; background:url(../images/bg_la_experiencia2.jpg) left top no-repeat; height:18px; padding:5px 10px 0 10px; margin:0; display:block;} .subMenu_experiencia .experiencia2 a { float:left; color:#000000; text-decoration:none; background:url(../images/bg_la_experiencia2.jpg) left top no-repeat; height:18px; padding:5px 10px 0 10px; margin:0; display:block;} .subMenu_experiencia .experiencia3 a { float:left; color:#000000; text-decoration:none; background:url(../images/bg_la_experiencia2.jpg) left top no-repeat; height:18px; padding:5px 10px 0 10px; margin:0 -2px; display:block;} .subMenu_experiencia .experiencia4 a { float:left; color:#FFFFFF; text-decoration:none; background:url(../images/bg_la_experiencia.jpg) left top no-repeat; height:18px; padding:5px 10px 0 10px; margin:0 -2px; display:block;} .subMenu_experiencia .experiencia4 a:hover { color:#000000; text-decoration:none; background:url(../images/bg_la_experiencia2.jpg) left top no-repeat; height:18px; padding:5px 10px 0 10px;} .subMenu_experiencia .iniciar a { float:left; color:#000000; text-decoration:none; background:url(../images/bg_iniciar_proceso.jpg) left top no-repeat; height:18px; padding:5px 10px 0 10px; margin:0 -2px; display:block;} .subMenu_experiencia .iniciar2 a { float:left; color:#FFFFFF; text-decoration:none; background:url(../images/bg_iniciar_proceso2.jpg) left top no-repeat; height:18px; padding:5px 10px 0 10px; margin:0 -2px; display:block;} .subMenu_experiencia .iniciar2 a:hover {color:#000000; text-decoration:none; background:url(../images/bg_iniciar_proceso.jpg) left top no-repeat; height:18px; padding:5px 10px 0 10px;} .subMenu_experiencia2 {width:600px; margin:0; font-size:11px; padding:8px 0 0 0; background:url(../images/flecha_arriba.jpg) 70px top no-repeat;} .subMenu_experiencia2 .iniciar a {float:left; color:#000000; text-decoration:none; background: url(../images/bg_iniciar_proceso.jpg) right top no-repeat; height:18px; padding:5px 10px 0 10px; margin:0 -2px; display:block;} .subMenu_experiencia2 .iniciar1 a {float:left; color:#ffffff; text-decoration:none; background: url(../images/bg_iniciar_proceso2.jpg) right top no-repeat; height:18px; padding:5px 10px 0 10px; margin:0 -2px; display:block;} .subMenu_experiencia2 .iniciar1 a:hover {color:#000000; text-decoration:none; background: url(../images/bg_iniciar_proceso.jpg) right top no-repeat; height:18px; padding:5px 10px 0 10px;} .subMenu_experiencia2 .iniciar2 a {float:left; color:#FFFFFF; text-decoration:none; background:url(../images/bg_iniciar_proceso2.jpg) left top no-repeat; height:18px; padding:5px 10px 0 10px; margin:0 -2px; display:block;} .subMenu_experiencia2 .iniciar2 a:hover {color:#000000; text-decoration:none; background:url(../images/bg_iniciar_proceso.jpg) left top no-repeat; height:18px; padding:5px 10px 0 10px;} .subMenu_experiencia2 .iniciar3 a {float:left; color:#ffffff; text-decoration:none; background:#005CA7; height:18px; padding:5px 10px 0 10px; margin:0 -2px; display:block;} .subMenu_experiencia2 .iniciar3 a:hover {color:#000000; text-decoration:none; background:#ffffff; height:18px; padding:5px 10px 0 10px;} .subMenu_experiencia2 .iniciar5 a {float:left; color:#000000; text-decoration:none; background:url(../images/bg_iniciar_proceso.jpg) left top no-repeat; height:18px; padding:5px 10px 0 10px; margin:0 -2px; display:block;} .subMenu_experiencia2 .iniciar7 a {float:left; color:#000000; text-decoration:none; background: #ffffff; height:18px; padding:5px 10px 0 10px; margin:0 -2px; display:block;} .subMenu_experiencia2 .experiencia2 a {float:left; color:#FFFFFF; text-decoration:none; background:url(../images/bg_la_experiencia.jpg) left top no-repeat; height:18px; padding:5px 10px 0 10px; margin:0 -2px; display:block;} .subMenu_experiencia2 .experiencia2 a:hover {color:#000000; text-decoration:none; background:url(../images/bg_la_experiencia2.jpg) left top no-repeat; height:18px; padding:5px 10px 0 10px;} .subMenu_experiencia2 .experiencia3 a {float:left; color:#000000; text-decoration:none; background:url(../images/bg_la_experiencia2.jpg) left top no-repeat; height:18px; padding:5px 10px 0 10px; margin:0 -2px; display:block;} .text9 { font-size:9px} /**** testimonios ****/ h1, h2, h3, h4, h5, h6, p { padding:0; margin:0;} .texto18 { font-size:18px;} .texto15 { font-size:15px;} /*TESTIMONIO*/ .experiencia .testimonio { background:url(../images/bottom_testimonio.jpg) left bottom no-repeat #ffe29c; width:637px; padding:0 0 40px 40px;} .experiencia .testimonio .izq { width:231px; float:left; font-size:11px; padding:0 20px 0 0;} .experiencia .testimonio .izq .foto_principal { border:solid 2px #ffffff; margin:10px 0 0 0;} .experiencia .testimonio .izq .foto_chica { float: left; border:solid 1px #ffffff; margin:0 10px 0 0;} .experiencia .testimonio .izq .video { padding:10px 0;} .experiencia .testimonio .der { width:350px; float:left;} #contenedor #contenido .cont_left .experiencia .testimonio .der p { font-size:11px; margin:0; padding:0 0 15px 0;} .experiencia .testimonio .der .ver_historia {margin:10px 0 0 0; text-align:right; padding:2px 22px 23px 0; background:url(../images/bg_ver_historias.jpg) right top no-repeat; font-weight:bold; font-size:10px;} .experiencia .testimonio .der .ver_historia a {color:#fdb815; text-decoration:none} .experiencia .testimonio .der .ver_historia a:hover { text-decoration:underline;} .experiencia .testimonio .der .envia_historia { text-align:center;} /*GRACIAS*/ .experiencia .gracias { background:url(../images/bg_gracias.jpg) left 50px no-repeat; width:437px; height:255px; margin:0 auto; padding:120px 0 0 0; text-align:center; font-size:12px;} /*LISTADO*/ .ordenar_testimonios{ float:right; font-size:11px; padding:20px 0 0 0; } .ordenar_testimonios select{ border:1px solid #6d6d6d; width:168px; font-size:11px; color:#444444;} #grupo_testimonios .box_testimonio{ float:left; margin:0 10px 18px 0; font-size:11px; width:322px; height:135px; padding:38px 0 0 17px; background:url(../images/fondo_boxtestimonios.jpg) no-repeat left top;} #grupo_testimonios .box_nomargen{ margin:0 0 18px 0;} .box_testimonio .thumbtestimonio{ float:left; margin:0 17px 0 0;} .box_testimonio .semidetalle_testimonio{ float:left; width:215px;} /*SUBIR TESTIMONIOS*/ .testimonio_subir{ width:632px; margin:0 auto; background:url(../images/testimonio_fondo.jpg) repeat-y left top;} .testimonio_subir .imagen_superior{ position:absolute; margin:0 0 0 484px;} .testimonio_subir .testimonio_opciones { height:26px; background:url(../images/testimonio_fondoopciones.jpg) no-repeat left top;} .testimonio_subir .testimonio_opciones ul{ margin:0; padding:0; list-style:none;} .testimonio_subir .testimonio_opciones ul li{ margin:0; padding:0; display:block; float:left;} .testimonio_subir .testimonio_opciones ul li a.form_on{ display:block; width:99px; padding:0 0 0 48px; height:26px; line-height:26px; font-weight:normal; text-decoration:none; color:#000000; background:url(../images/bg_form_on.gif) no-repeat left top;} .testimonio_subir .testimonio_opciones ul li a.form_off{ display:block; width:99px; padding:0 0 0 48px; height:26px; line-height:26px; font-weight:normal; text-decoration:none; color:#ffffff; background:url(../images/bg_form_off.gif) no-repeat left top;} .testimonio_subir .testimonio_opciones ul li a.faq_on{ display:block; width:147px; padding:0 0 0 24px; height:26px; line-height:26px; font-weight:normal; text-decoration:none; color:#000000; background:url(../images/bg_faq_on.gif) no-repeat left top;} .testimonio_subir .testimonio_opciones ul li a.faq_off{ display:block; width:147px; padding:0 0 0 24px; height:26px; line-height:26px; font-weight:normal; text-decoration:none; color:#ffffff; background:url(../images/bg_faq_off.gif) no-repeat left top;} .testimonio_subir #testimonio_formulario{ font-size:11px; background:url(../images/testimonio_pie.jpg) no-repeat left bottom; padding:0 0 15px 0; display:block;} .testimonio_subir #testimonio_formulario td{ padding:0 0 4px 0;} .testimonio_subir #testimonio_formulario .cuadrotexto{ border:1px solid #6d6d6d; width:168px; height:17px; line-height:17px; color:#444444; font-size:11px;} .testimonio_subir #testimonio_formulario .selectbox{ border:1px solid #6d6d6d; width:168px; font-size:11px; color:#444444;} .testimonio_subir #testimonio_formulario .areatexto{ border:1px solid #6d6d6d; width:268px; font-size:11px; color:#444444; font-family:Tahoma, Arial, Helvetica, sans-serif;} .testimonio_subir #testimonio_formulario .tipotestimonio{ background:url(../images/fondo_tipotestimonio.gif) no-repeat left top; width:460px; height:99px; padding:20px 0 0 0;} .testimonio_subir .obligatorio{ color:#ff0000; font-size:11px;} .testimonio_subir .ejemplo{ color:#373737; font-size:10px; font-weight:normal;} .testimonio_subir .terminos{color:#003d71;} .testimonio_subir #testimonio_faq{ font-size:11px; color:#373737; background:url(../images/testimonio_pie.jpg) no-repeat left bottom; display:none;} #testimonio_faq .preguntas{ margin:0 160px 0 120px; padding:0 0 160px 0;} #testimonio_faq .testi_textos{ padding:0 0 0 52px; background: url(../images/testi_textos.gif) no-repeat left top; margin:0 0 15px 0;} #testimonio_faq .testi_videos{ padding:0 0 0 52px; background: url(../images/testi_videos.gif) no-repeat left top; margin:0 0 15px 0;} #testimonio_faq .testi_images{ padding:0 0 0 52px; background: url(../images/testi_images.gif) no-repeat left top;} #testimonio_faq .testi_textos div, #testimonio_faq .testi_videos div, #testimonio_faq .testi_images div{ padding:0 0 23px 0; background:url(../images/separa_faq.gif) repeat-x left bottom;} /***** testimonio 2 *****/ .testimonio2 { background:url(../images/bottom_testimonio.jpg) left bottom no-repeat #ffe29c; width:637px; padding:0 0 40px 40px;} .testimonio2 .izq { float:left; width:348px;} #contenedor #contenido .cont_left .experiencia .testimonio2 p { padding:0 0 16px 0; line-height:14px; font-size:11px;} .testimonio2 .izq .volver { background:url(../images/ico_circ_volver.jpg) 5px 2px no-repeat; padding:0 0 0 25px; line-height:18px;} .testimonio2 .izq .volver a { font-size:10px; color:#000000;} .testimonio2 .izq .video { padding:27px 0; width:348px;} .testimonio2 .izq .boton { padding:24px 0 0 89px;} .testimonio2 .der { float:left; width:234px; padding:0 27px;} .testimonio2 .der .cont {height:330px;} .testimonio2 .der .cont .ver_historia {margin:10px 0 0 0; text-align:right; padding:2px 22px 23px 0; background:url(../images/bg_ver_historias.jpg) right top no-repeat; font-weight:bold; font-size:10px;} .testimonio2 .der .cont .ver_historia a {color:#fdb815; text-decoration:none} .testimonio2 .der .cont .ver_historia a:hover { text-decoration:underline;} .testimonio2 .der .cont .por_quien { font-size:13px; margin:0 0 10px 0;} .testimonio2 .der .fotos { margin:20px 0 0 0;} .testimonio2 .der .fotos .mis_fotos { padding:10px 0; font-size:11px;} .testimonio2 .der .fotos .foto_principal{ border:solid 2px #fff0cb; width:227px; margin:0 0 15px 0;} .testimonio2 .der .fotos .foto_chica { float:left; margin:0 13px 0 0; border:solid 1px #fff0cb;} .testimonio2 .der .fotos .foto_chica2 { float:left; border:solid 1px #fff0cb;} .volver_normal{background:url(../images/ico_circ_volver.jpg) 5px 2px no-repeat; padding:0 0 0 25px; line-height:18px;} .volver_normal a { font-size:10px; color:#000000;} .noitalic {font-style:normal} /************** PREVIEW ***************/ #preview{width:677px; background-color:#f9b701;} #preview .experiencia_prev{ width:677px;} #preview .experiencia_prev .testimonio_prev { background:url(../images/bottom_testimonio.jpg) left bottom no-repeat #ffe29c; width:677px;} #preview .experiencia_prev .testimonio_prev .izq { width:231px; float:left; font-size:11px; padding:0 0px 0 0;} #preview .experiencia_prev .testimonio_prev .izq .foto_principal { border:solid 2px #ffffff; margin:10px 0 0 0;} #preview .experiencia_prev .testimonio_prev .izq .foto_chica { float: left; border:solid 1px #ffffff; margin:0 10px 0 0;} #preview .experiencia_prev .testimonio_prev .izq .video { padding:10px 0;} #preview .experiencia_prev .testimonio_prev .der { width:350px; float:left;} #preview .experiencia_prev .testimonio_prev .der .ver_historia {margin:10px 0 0 0; text-align:right; padding:2px 22px 23px 0; background:url(../images/bg_ver_historias.jpg) right top no-repeat; font-weight:bold; font-size:10px;} #preview .experiencia_prev .testimonio_prev .der .ver_historia a {color:#fdb815; text-decoration:none} #preview .experiencia_prev .testimonio_prev .der .ver_historia a:hover { text-decoration:underline;} #preview .experiencia_prev .testimonio_prev .der .envia_historia { text-align:center;} .historia_perros { padding:10px 0 0 0;} .historia_perros h1 { background:url(../images/bg_historia_perros_h1.jpg) left top no-repeat; width:271px; height:71px; float:left;} .historia_perros h1 span { display:none;} .historia_perros .cont { width:294px; height:41px; padding:30px 115px 0 10px; font-size:11px; float:left; background:url(../images/bg_historia_perros.jpg) left top; } .historia_perros .historias .paginacion_historia { font-size:11px; text-align:center; padding:30px 0 0 0;} .historia_perros .historias .historia { background:url(../images/bg_historia.jpg) left top no-repeat; width: 324px; height:118px; padding:13px 0 0 13px; float:left; font-size:11px; margin:18px 0 0 0;} .historia_perros .historias .historia .img { float:left; width:102px; border:solid 1px #ffffff; margin:0 10px 0 0;} .historia_perros .historias .historia .contenido { float:left; width:200px; height:80px;} .historia_perros .historias .historia .boton_historia { width:87px; height:26px; padding:5px 0 0 0;} .espacio { width:16px; float:left;} .txt12_tit { font-size:12px; color:#1674c0; font-weight:bold;} .text11_user { font-size:11px; color:#1674c0; } /******************************************************************************* 23 JUNIO 2009 *******************************************************************************/ .historia_contenedor { background:url(../images/bg_historia_perros_int.jpg) left top repeat-y; margin:0 0 0 5px;} .detalle_historia { background:url(../images/bottom_mi_historia.jpg) left bottom no-repeat; padding:0 20px 20px 33px;} .detalle_historia .detalle_left { float:left;} .detalle_historia .detalle_left .img_hist { border:solid 1px #ffffff; width:225px;} .detalle_historia .detalle_left .volver { background:url(../images/ico_circ_volver.jpg) 5px 2px no-repeat; padding:0 0 10px 25px; line-height:18px;} .detalle_historia .detalle_left .volver a { font-size:10px; color:#000000;} #contenedor #contenido .cont_left .experiencia .historia_contenedor .detalle_historia .detalle_left .imgs h5{ font-style:normal; color:#1674c0; font-size:11px; padding:10px 0; font-weight:bold;} #contenedor #contenido .cont_left .experiencia .historia_contenedor .detalle_historia .detalle_left .video_det h5 { font-style:normal; color:#1674c0; font-size:11px; padding:0 0 10px 0; font-weight:bold;} .detalle_historia .detalle_left .imgs .img_peq { border:solid 1px #ffffff; float:left; margin:0 12px 12px 0 ;} .detalle_historia .detalle_right { float:left; width:375px; margin:0 0 0 10px;} .detalle_historia .detalle_right .ver_historia { height:16px; background:url(../images/bg_azul_ver_mas_02.jpg) right top no-repeat; text-align:right; font-size:11px; padding:3px 22px 0 0 } .detalle_historia .detalle_right .ver_historia a { text-decoration:none; color:#FFFFFF;} .detalle_historia .detalle_right .ver_historia a:hover { text-decoration:underline;} #contenedor #contenido .cont_left .experiencia .historia_contenedor .detalle_historia .detalle_right h3 { font-size:18px; color:#1674c0; padding:15px 0 0 0;} .detalle_historia .detalle_right .user { font-size:14px; font-weight:bold; color:#1674c0; padding:0 0 10px;} #contenedor #contenido .cont_left .experiencia .historia_contenedor .detalle_historia .detalle_right p { font-size:11px; color:#000000; padding:0 0 15px; line-height:14px;} #contenedor #contenido .cont_left .experiencia .historia_contenedor .detalle_historia .adoptar { text-align:center; padding:20px 0 0 0; width:300px; margin:0 auto;} /******************************************************************************* 31 JULIO 2009 *******************************************************************************/ .ganadores .elganador{ width:312px; height:140px; background:url(../images/fondo_ganadores.jpg) no-repeat left top; float:left; margin:0 30px 5px 0;} .ganadores .sinmargen{ margin:0 0 5px 0;} .ganadores .elganador div { float:left;} .ganadores .elganador .imagen{ padding:13px 0 0 28px;} .ganadores .elganador .nombre{ font-size:12px; margin:60px 0 0 20px} /***** ganadores ****/ #contenedor #contenido .cont_ganadores_l { float:left; width:720px;} #contenedor #contenido .ganadores { float:left; width:360px;}