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,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0}

body{color:#222;text-align:center;font-size:1em;font-family:Arial,Verdana,sans-serif;line-height:22px;background:#dde/*#bcd*/}
#layout{width:960px;margin:0 auto;text-align:left;font-size:85%}
#header{float:left;width:960px;margin:10px 0;height:80px;padding-top:2px;background:#fff url("/images/layout.png") no-repeat -5020px 0}
#content{float:left;width:640px}
#content.full{float:none;width:960px}
#aditionalinfo{float:right;width:310px}
#footer, #breadcrumbs{clear:both;width:960px;height:40px;margin:10px 0;background:#fff url("/images/layout.png") no-repeat -5980px 0}
#footer{font-size:90%}

h1,h2,h3{padding:5px 20px;text-transform:lowercase}
h1{font-size:200%;color:#38c}
body.home h1{text-align:center;font-size:180%;color:#3a6}
body.home h1,div.edit h1{color:#666}
h2{font-size:140%}
h3{font-size:130%;color:#3a6}
a{color:#38c}
a:hover{color:#000}
a.outgoing{background:transparent url("images/outgoing.png") 100% 50% no-repeat;padding-right:15px}
span.obligatory{color:#f00;font-weight:bold}
label{font-weight:bold}
.tbox{padding:2px 0;font-size:95%;font-family:verdana,arial,tahoma,sans-serif;background:#ffe;color:#000;border:1px solid #c8c8c8}
.tbox:focus,.tbox:active{border-color:#9cc}
p.obligatory{text-align:right}
p.pbtn{text-align:right}
span.alert{display:block;color:#f00;font-size:90%}
label.alert{color:#f00}
h1 strong{color:#3a6}
h1 strong.alert{color:#f00}

.full span.alert{margin-left:158px}
p.info span.alert{font-weight:bold;font-size:100%;color:#3a6}
.full p.info span.alert{margin:0}

#header a.logo{float:left;width:325px;margin-left:20px}
#header p.userdata{float:right;margin-right:20px}
#header ul{clear:right;float:right;width:465px;list-style-type:none;margin:20px 8px 0 0}
#header li{float:left;margin-left:.9em}
#header li a{display:block;text-decoration:none;font-family:Lucida Grande,Lucida Sans Unicode,Verdana,Tahoma,sans-serif;text-transform:lowercase;font-size:95%;font-weight:bold;color:#fff;background:#fff url("/images/botones.png") no-repeat left top}
#header li a span{display:block;margin-left:8px;padding:5px 8px 5px 0;cursor:pointer;background:#fff url("/images/botones.png") no-repeat right top}
#header li a:hover, #header li a.selected{background:#fff url("/images/botones.png") no-repeat left -38px}
#header li a:hover span, #header li a.selected span{background:#fff url("/images/botones.png") no-repeat right -38px}

#footer p, #breadcrumbs p{margin:0 20px;padding:9px 0 0 0}
#footer a{color:#666}

.contenido{margin-bottom:10px;padding-bottom:30px;background:#fff url("/images/layout.png") no-repeat -960px 100%}
#aditionalinfo .contenido{background:#fff url("/images/layout.png") no-repeat -1600px 100%}
.full .contenido{overflow:auto;margin-bottom:10px;padding-bottom:30px;background:#fff url("/images/layout.png") no-repeat 0 100%}

.contenido h1, .contenido h3{padding:6px 20px 10px;background:url("/images/layout.png") no-repeat -3470px 0}
#aditionalinfo .contenido h3{background:url("/images/layout.png") no-repeat -4110px 0}
.full h1{clear:both;padding:6px 20px 10px;color:#666;background:url("/images/layout.png") no-repeat -2510px 0}
.contenido p.message, .contenido p.info, .contenido p.obligatory{margin:0 20px 10px 20px}
.contenido p.message, .contenido p.info{margin-top:10px;padding:5px;color:#000;background:#ffc;border:1px dotted #cdc}
.contenido p.alert{float:left;width:50%;margin:4px 25%;padding:0;display:inline;color:#000;background:#ffc;border:1px dotted #cdc}
.contenido p.alert span.alert{margin:0;padding:0 15px;font-weight:bold;font-size:100%}
#content p#addthis{margin:0 20px;padding:0;text-align:right}
#content #mascota p#addthis,#content #noticia p#addthis{margin-top:10px}
#content #mascota p#addthis.urgente{margin-top:0;padding:10px 0 12px 0;background:#fff url("/images/urgente.png") no-repeat 0 50%}
#content p.pages{clear:both;margin-bottom:20px;text-align:center;font-size:85%}
#content p.pages a,#content p.pages span{padding:2px 6px;margin:0 5px 0 0;border:1px solid #ccc;text-decoration:none}
#content p.pages a:hover{background:#36b;color:#fff;border:1px solid #999}
#content p.pages span{background:#e7ede0;color:#687;font-weight:bold}
#content p.resumepages{clear:both;text-align:right;font-weight:bold;margin:0 20px;color:#3a6}

#listadoprotectoras ul.protectoras, #listadonoticias ol.noticias{margin-top:10px}
#listadoprotectoras ul.protectoras, #protectorasprovincias ul.provincias, #listadomascotas ol.mascotas, #listadonoticias ol.noticias{margin-bottom:20px;list-style-type:none;border-top:1px solid #ccc}
#listadoprotectoras ul.protectoras li, #listadomascotas ol.mascotas li, #listadonoticias ol.noticias li{padding:5px 0;background:#fff;border-bottom:1px solid #ccc}
#listadomascotas ol.mascotas li{float:left}
#listadoprotectoras ul.protectoras li:hover, #listadomascotas ol.mascotas li:hover{cursor:pointer;background:#f5f5f5}
#listadoprotectoras ul.protectoras li h2{margin:0;padding:0}
#listadoprotectoras ul.protectoras li a, #listadoprotectoras ul.protectoras li span, #listadonoticias ol.noticias li span{margin:0 20px;display:block;text-transform:lowercase}
#listadoprotectoras ul.protectoras li a, #listadonoticias ol.noticias li a{font-weight:bold}
#listadonoticias ol.noticias h4{font-size:130%;text-transform:lowercase}
#listadonoticias ol.noticias h2,#listadonoticias ol.noticias h4{display:inline;float:left;width:510px;margin:0 0 0 20px;padding:0}
#listadonoticias ol.noticias p.numcomments, #noticia p.numcomments{display:inline;float:right;width:80px;margin:0 20px 0 0;text-align:center;padding:14px 0 30px 0;background:#fff url("/images/comments.png") no-repeat 0 0}
#listadonoticias ol.noticias p.h6, #noticia p.h6{width:510px;font-size:80%;font-weight:bold;margin:0 0 10px 20px;padding:0;text-align:left}
#listadonoticias ol.noticias p.numcomments span, #noticia p.numcomments span{display:none}
#listadonoticias ol.noticias p.numcomments a, #noticia p.numcomments a{text-decoration:none;font-size:160%;font-weight:bold;color:#fff}
#listadonoticias ol.noticias h2 a, #listadonoticias ol.noticias h4 a{display:block}
#listadoprotectoras ul.protectoras h2 a:visited, #listadonoticias ol.noticias h2 a:visited, #listadomascotas ol.mascotas dt.titulo a:visited,#listadonoticias ol.noticias h4 a:visited{color:#a88;border-color:#a88}
#listadoprotectoras ul.protectoras li:hover a, #listadomascotas ol.mascotas li:hover dt.titulo a, #nuevasmascotas ol.mascotas li:hover dt.titulo a, #mascotasprotectora ol.mascotas li:hover dt.titulo a{color:#000}
#listadoprotectoras ul.protectoras li span.direccion, #listadonoticias ol.noticias li span.autor{color:#666;font-weight:bold}
#listadoprotectoras ul.protectoras li span strong{color:#3a6}
#listadomascotas ol.mascotas li.urgente{background:#ffd url("/images/urgente.png") no-repeat 98% 50%}
#listadomascotas ol.mascotas li.urgente dt.titulo a, #listadomascotas ol.mascotas li.urgente dt.titulo a:hover{color:#a00}
/*textos noticias*/
#listadonoticias ol.noticias li p, #noticia p, #noticia h4{margin:0 20px;padding:5px 0}
#listadonoticias ol.noticias li ul, #noticia ul{margin:0 20px;padding-left:20px;list-style-type:square}
#listadonoticias ol.noticias li p a{display:inline;margin:0;padding:0}
#listadonoticias ol.noticias li blockquote, #noticia blockquote{margin:4px 50px 4px 40px;padding-left:8px;border-left:4px solid #ccc}
#listadonoticias ol.noticias li li{border:none;margin:0}
#listadonoticias dl, #noticia dl{margin:0 20px}
#listadonoticias dt, #noticia dt{font-weight:bold}
dl.origen{margin:0 20px 20px;font-size:90%;color:#666;border-top:1px solid #ccc}
dl.origen dt{font-weight:bold}
dl.origen dd, dl.origen dt{display:inline;padding-right:4px}
dl.origen a{font-weight:normal}

#listadomascotas ol.mascotas{float:left;width:640px;text-transform:lowercase}
#nuevasmascotas ol.mascotas li:hover,#mascotasprotectora ol.mascotas li:hover{cursor:pointer;background:#f5f5f5}
#listadomascotas ol.mascotas li dl{display:inline;float:left;width:600px;margin:0 20px}
#listadomascotas ol.mascotas li dt{float:left;width:100px;color:#666;font-weight:bold}
#listadomascotas ol.mascotas li dd{float:left;width:360px}
#listadomascotas ol.mascotas li dt.titulo{width:600px;font-size:140%;padding-bottom:5px}
#listadomascotas ol.mascotas li dd.image{width:130px;margin-right:10px}

#nuevasmascotas ol.mascotas{overflow:auto;width:640px;margin:20px 0;list-style-type:none;text-transform:lowercase;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
#nuevasmascotas ol.mascotas li{float:left;width:319px;border-right:1px solid #ccc;}
#nuevasmascotas ol.mascotas li+li{border:none}
#nuevasmascotas ol.mascotas li dl{margin:0 20px}
#nuevasmascotas ol.mascotas li dt{color:#666;font-weight:bold}
#nuevasmascotas ol.mascotas dt.titulo, #mascotasprotectora ol.mascotas dt.titulo{font-size:140%;padding-bottom:5px}

.masbuscado ul{list-style-type:none}
.masbuscado ul li{margin:0 20px}
.masbuscado p{margin:0 20px 10px 20px;text-align:right}

#protectorasprovincias ul.provincias li h4{color:#666}
#protectorasprovincias ul.provincias li{margin:0 20px 20px;text-transform:lowercase}
#protectorasprovincias ul.provincias li li{margin:0 20px}
#protectorasprovincias ul.provincias li li a{display:block}

#mascota h2, #protectora h2, #noticia h2{color:#666}
#protectora-map{display:inline;float:left;width:584px;height:300px;margin:15px 20px;border:8px solid #fb9}
#protectora-map.mini{width:254px;height:150px}
dl.detalle{margin:15px 20px}
dl.detalle dt{clear:both;font-weight:bold;font-size:110%;color:#3a6}
dl.detalle dd{margin-bottom:8px}
dl.detalle dd br{line-height:.4em}

ul.imagenesmascota{float:left;width:600px;list-style-type:none}
ul.imagenesmascota li{float:none;width:600px;height:454px}
ul.imagenesmascota li.thumbs{float:left;width:100px;height:auto;border:1px solid #ccc;padding:1px;margin:10px 8px 0 8px}
ul.imagenesmascota img{max-width:584px;max-height:438px;border:8px solid #fb9;display:block}
ul.imagenesmascota li.bimg{background: #fff url("/images/loading.gif") no-repeat 50% 50%}
ul.imagenesmascota img.thumbs{width:100px;height:75px;border:none}

ul.comentarios{overflow:auto;padding-top:10px;list-style-type:none;background:#999}
ul.comentarios li{overflow:auto;margin:0 20px 10px 20px;background:#fff url("/images/layout.png") no-repeat -1910px 100%}
ul.comentarios li p{padding:5px 10px}
ul.comentarios li p.comentario{clear:both;background:#fff url("/images/layout.png") no-repeat -4420px 0}
ul.comentarios li p.usuario{float:left;width:100px;padding:20px 10px 0 10px;font-style:italic;font-weight:bold;text-align:right;color:#36b}
ul.comentarios li p.fecha{float:right;padding:10px;font-size:90%;color:#fff}

#frmcomentario{}
#frmcomentario fieldset{}
#frmcomentario fieldset legend{display:none}
#frmcomentario fieldset p{float:left;display:inline;width:370px;padding:4px 0;margin:4px 0 4px 20px}
#frmcomentario fieldset p.message, #frmcomentario fieldset p.info{clear:both;width:600px;margin:0 20px 4px 20px}
#frmcomentario p.txtinfo{width:210px;font-size:95%;padding:4px 0 4px 6px;margin:4px 20px 4px 10px;color:#000;background:#fec;border-bottom:1px solid #fbc;border-right:1px solid #fbc}
#frmcomentario label{float:left;width:95px;padding:2px 0;text-align:right}
#frmcomentario input, #frmcomentario textarea{width:265px}
#frmcomentario p.alert{width:50%;margin:4px 25%}
#frmcomentario span.alert{margin-left:95px}
#frmcomentario p.alert span{margin:0}
#frmcomentario p.info span{margin:0}

#aditionalinfo p{}
#aditionalinfo fieldset{margin:0 20px 4px 20px}
#aditionalinfo ul,#aditionalinfo ol{margin:0 20px 4px 20px;list-style-type:none}
#aditionalinfo ul li,#aditionalinfo ol li{}
#aditionalinfo ul li span{float:left;display:block;width:40px;margin-right:4px;text-align:right;font-weight:bold}
#aditionalinfo .contenido p.alert{width:auto;margin:0}

#aditionalinfo #frmcontacto{}
#aditionalinfo #frmcontacto fieldset{}
#aditionalinfo #frmcontacto legend{display:none}
#aditionalinfo #frmcontacto label{display:block}
#aditionalinfo #frmcontacto input, #aditionalinfo #frmcontacto textarea{width:260px}

#content ul.usuarios{padding-bottom:20px;list-style-type:square}
#content ul.usuarios li{margin:0 20px 10px 50px;color:#36b}
#content ul.usuarios li p{margin:0 20px 0 20px;color:#222}
ul.usuarios h2 a{text-transform:lowercase}
#activauser{margin:25px 0}

.full fieldset{clear:both;width:904px;display:inline;margin:0 20px 20px 20px;padding:10px 0 0 0;border:8px solid #e8d9d9}
.full fieldset div#destado{float:left;margin:0 0 15px 0;padding:5px 0;border-bottom:2px dotted #e8d9d9}
.full legend{display:none}
.full fieldset p{float:left;width:500px;padding:4px 0;margin:4px 0}
.full fieldset p.full{float:left;width:884px;padding:8px 4px 8px 10px;margin:4px 0}
.full fieldset p.txtinfo{width:384px;font-size:95%;padding:4px 4px 4px 6px;color:#000;background:#fec;border-bottom:1px solid #fbc;border-right:1px solid #fbc}
.full p.info{width:50%;margin:20px 25%}
.full label{float:left;padding:2px 4px;text-align:right;width:150px}
.full #listadocontactos label{float:none;width:auto;text-align:left}
.full fieldset p.estadosug{width:480px;margin:-200px 0 0 30px}
.full p.condiciones{clear:both;width:auto;margin:0 20px}
.full p.condiciones span.obligatory{float:left}
.full p.condiciones input{float:left}
.full p.condiciones label{width:auto;color:#000}
.full p.pbtn{clear:both;width:450px;margin:0 12px}

#iframe{clear:both;width:99%;margin:20px 0}
#iframe iframe{float:left;width:400px;height:40px;margin:0;padding:0}
#iframe iframe.hidden{visibility:hidden;width:0px;height:0px}
div#images{clear:both;width:99%;margin:0 auto;border-top:2px dotted #e8d9d9}
div#imagesloading{clear:both;width:99%;margin:10px auto}
fieldset div#destado{float:left;margin:0 0 15px 0;padding:5px 0;border-bottom:2px dotted #e8d9d9}
fieldset div#destado label{font-weight:bold}
div#images div{overflow:auto;border-bottom:2px dotted #e8d9d9}
div#imagesloading img{float:left}
div#images div p.imgitem{width:160px;margin:12px 0 8px 20px;text-align:center}
div#images div img{margin:0 6px;padding:5px;border:4px solid #e8d9d9}
div#images div a{clear:both}
.loaded{clear:both;float:left;/*width:150px;height:150px;margin:0 40px*/margin:20px}
fieldset p.pfrmphoto{width:330px;padding:4px 4px 4px 6px;margin:8px 0 4px 0;color:#000}
fieldset p.pfrmphoto label{text-align:left}
img.load{clear:both;display:block}

dl.contacto{border:8px solid #e8d9d9;width:580px;margin:5px auto 20px auto}
dl.contacto dt, dl.contacto dd{padding:2px 10px}
#contacto p.pbtn{width:auto;text-align:center;margin:0 20px}

table{width:920px;margin:10px 20px}
table tr{cursor:pointer}
table tr.noleido{font-weight:bold;background:#ffc}
table tr:hover{background:#f4f4f4}
table td{padding:3px;border-bottom:1px solid #ccc}
table td a{display:block;color:#333;text-decoration:none}

body.home #buscadorprotectoras{display:none}
body.home #buscadormascotas{display:block}
body.home p.vertodas{text-align:right;margin:0 20px}
body.home ol.noticias li{height:66px}
div.buscador{height:80px;padding:0 20px;margin:10px 0;background:#fff url("/images/layout.png") no-repeat -6940px 0}
div.buscador p{float:left;width:300px}
div.buscador p.ejemplos{clear:both;float:none;width:auto}
div.buscador p.btn{width:100px;margin-top:20px}
div.buscador p label{display:block;color:#333;font-size:120%}
div.buscador p em{display:block;float:left;width:300px;font-size:95%}
div.buscador p input[type="text"]{padding:3px 0;font:130% verdana,arial,tahoma,sans-serif;border:2px solid #9cc}
div.buscador .btn{font-size:120%}
p.filters{margin:10px 20px 10px 20px;padding:4px 0;font-size:85%;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
#listadoprotectoras p.alert,#listadomascotas p.alert{float:none;width:auto;display:block;margin:20px}

#enlaces{margin:20px;padding:0;list-style-type:none}
#enlaces li{float:left;width:45%;margin:0 2% 15px 2%;padding:0;border:1px solid #cdc}
#enlaces li:hover{background-color:#f4f4f4}
#enlaces li img{float:left;padding-right:8px}
#enlaces li p{margin:0;font-size:85%}
body.home #enlaces{margin:0 0 20px 0}
body.home #enlaces p{padding:10px 20px 50px 20px}

.politica p{margin:0 20px;padding:5px 0}
.politica ul{margin:0 20px;padding-left:20px;list-style-type:square}
.politica h2, .politica h3, .politica h4{color:#333;background:none;padding:5px 20px 0 20px}
.politica h3, .politica h4{color:#888}

.publi{text-align:center;padding:0;margin:0 auto 10px}
#publivin468,.publivin468{width:468px;margin:10px 86px 0 86px;padding:4px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
#publitxt728{clear:both;margin:0;padding:0 0 0 96px;background:none}
#publivin728{text-align:center;clear:both;width:960px;padding:12px 0 13px 0;margin:10px 0;background:#fff url("/images/layout.png") no-repeat -5980px 0}
#publivin200{width:200px;margin:0 auto 10px}
#publivideos table{width:160px;margin:10px auto}

.error404 h2{color:#f55;background:none}
.error404 h2 span{color:#666}
.error404 h3{color:#3a6;background:none}
.error404 #content ul{margin:0 20px}
.error404 #content li{margin:10px 20px}
.error404 #content li a{font-weight:bold}

.conocenos p,.conocenos ul{margin:10px 20px}
.conocenos h2{clear:both}
.conocenos li{margin:0 0 0 20px;list-style-type:square}
.conocenos li li{margin:0;list-style-type:circle}
.conocenos #msgprotectoras,.conocenos #msgusuarios{display:inline;font-size:85%;line-height:20px}
.conocenos #msgprotectoras{float:left;width:450px;margin:0 10px 10px 20px;background:#dff}
.conocenos #msgusuarios{float:right;width:450px;margin:0 20px 10px 0;background:#dfb}
.conocenos #msgprotectoras p,.conocenos #msgusuarios p, .conocenos #msgprotectoras ul,.conocenos #msgusuarios ul{margin:5px 20px}
.conocenos #msgprotectoras h2{color:#38c}
.conocenos #msgusuarios h2{color:#3a6}
.conocenos #msgusuarios h3{background:none;color:#333}

#buscadormascotass{clear:both;width:960px;height:40px;margin:10px 0;background:#fff url("/Documentacion/imagenes/socialdesign/partes/css/buscadorMascotas2.png") no-repeat top left}