body { font: 75% Verdana, Arial, sans-serif; background: #ffffff url(../images/bg-body.png) top left repeat-x; color: #333; }

a:link, a:visited { color: #ae6640; text-decoration: none; }
a:hover, a:active { color: #5a3421; }

blockquote { background-color: #eee6d1; font-style: italic; padding: .5em 2em; margin: 1.5em 0; }
#content blockquote p { margin:0; }

p, ol, ul, dl { margin: .4em 0 1em 0; }
p { line-height: 1.5em; }
h1,h2,h3,h4,h5 { font-weight: bold; font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; color: #8b5133; }

h1 { font-size: 1.5em; margin-bottom: .75em; }
h2 { font-size: 1.333em; margin-bottom: .5em; }
h3 { font-size: 1.166em; margin-bottom: 1em; }

#content ul { list-style-type: square; padding-left: 3em; margin-bottom: 2em; }
#content ul li { padding-left: .25em; line-height: 2em; margin: 1.5em 0; }
#content p { line-height: 1.5em; margin: .8em 0 1.7em 0; } 

#wrapper { width: 980px; overflow: hidden; }
#aa-header { height: 122px; position: relative; margin: 0 0 1.5em 0; overflow: hidden; }
#aa-header .donate-btn { display: block; width: 115px; height: 42px; position: absolute; top: 1em; right: 75px; text-indent: -5000px; background: url(../images/donar.png) no-repeat; }
#logo { margin: 12px 20px; display: block; }

ul#global-nav { margin: 0; position: absolute; bottom: 0; left: 290px; overflow: hidden; }
ul#global-nav li { float: left; margin: 0 1em; display: block; }
ul#global-nav li a { display: block; height: 49px; background-position: 0 0; text-indent: -5000px; }
ul#global-nav li a:hover { background-position: 0 -49px; }
ul#global-nav li a:active { background-position: 0 -49px; }
ul#global-nav.current-web #gn-web a, 
ul#global-nav.current-blog #gn-blog a,
ul#global-nav.current-vol #gn-voluntarios a { background-position: 0 -49px; }
#gn-web a { background: url(../images/gn-web.png) no-repeat; width: 82px; }
#gn-tienda a { background: url(../images/gn-tienda.png) no-repeat; width: 93px; }
#gn-foro a { background: url(../images/gn-foro.png) no-repeat; width: 88px; }
#gn-blog a { background: url(../images/gn-blog.png) no-repeat; width: 77px; }
#gn-voluntarios a { background: url(../images/gn-voluntarios.png) no-repeat; width: 180px; }

#footer { min-width: 960px; height: 100px; background: #253503 url(../images/bg-foot.png) no-repeat 65px 10px; clear: both; margin-top: 2em; color: #ddd;}
p.copyright { float: left; margin: 75px 0 0 65px; }
#foot-nav { overflow: hidden; margin: 0 0 0 595px; padding-top: 60px; width: 380px; }
#foot-nav li { display: block; float: left; margin: 0 1em; }
#foot-nav li a { display: block; color: #f2f0e0; padding-top: 16px; }
#foot-nav li a.facebook, #foot-nav li a.twitter { text-indent: -5000px; width: 32px; height: 32px; padding-top: 0; }
.facebook { background: url(../images/facebook.png) no-repeat;  }
.twitter { background: url(../images/twitter.png) no-repeat; }

#sidebar {
  margin: 0 1.5em 0 1.9em;
  float: left;
  width: 240px;
  border: 1px solid #607929;
  background: #395106 url(../images/bg-sidebar.png) no-repeat;
  padding-bottom: 3em;
}
#sidebar h2 { text-transform: uppercase; color: #c4cf84; letter-spacing: 2px; font-size: 1em; margin: 1em 1em .5em; text-indent: 24px; background: url(../images/huella.png) no-repeat 0 0; }
#sidebar ul { margin-left: 2.5em; padding-left: .5em; margin-bottom: 2em; }
#sidebar ul li { line-height: 2em; }
#sidebar ul li a { color: #f2f0e0; }

#content { margin: 0; width: 520px; float: left; }

#extra-content { width: 150px; float: right; background-color: #dad4c0; padding: 1em;}
p.about { font-size: .916em; }

#extra-content .helpus a:link, #extra-content .helpus a:visited { color: #5a3421; }
#extra-content .helpus a:hover, #extra-content .helpus a:active { color: #ae6640; }
.helpus { width: 160px; height: 225px; background: url(../images/helpus.png) no-repeat; padding-top: 1px; }
.helpus h2 { margin-top: 100px; margin-left: 15px; color: #fff; }
.helpus ul { margin: 1em 15px; list-style-type: square; padding-left: 1.5em; line-height: 2em; }

.adtbuttons { margin-bottom: 2em; overflow: hidden; }
.adtbuttons a { display: block; text-indent: -5000px; width: 250px; height: 140px; float: left; margin: 0; }
a.adtgato { background: url(../images/adoptagato.png) no-repeat; }
a.adtperro { background: url(../images/adoptaperro.png) no-repeat; margin-left: .5em; }

#content p.date { font-size: .916em; color: #666; margin-top: -.7em; }
.entry-foot { margin-bottom: 2em; }
.feed { background: url(../images/rss.png) no-repeat; padding-left: 24px; line-height: 2em; }

.pet-feed { display: block; float: right; margin-top: -2em; padding: 0; margin-right: 1em; width: 24px; text-indent: -5000px;}
#content ul.pet-list { overflow: hidden; clear: both; padding-left: 0; list-style: none; }
#content ul.pet-list li { display: block; float: left; width: 105px; height: 120px; margin: 1em; padding: 0; text-align: center; }
#content ul.pet-list li a { padding: 4px 0; display: block; }
#content ul.pet-list li a:hover { background-color: #eee6d1;  }

.pagination { text-align: right; padding-right: 1em; }
.pagination a, .pagination span { padding: 0 .25em; }
.step-links span { font-weight: bold; }

.pet-detail { background-color: #eee6d1; border: 1px solid #dad4c0; padding: 1em; overflow: hidden; margin-right: 1em; }
.pet-detail h2 { font-size: x-large; color: #ac8471; text-indent: 230px; margin-top: .75em; }
.pet-detail img { display: block; margin: -3em 1.5em 10em 0; float: left; border: 10px solid #fff; }
#content .pet-detail p, 
.pet-detail div.difunde,
.pet-test { margin-left: 230px; }
.pet-detail div.difunde a { float: left; text-indent: -5000px; margin: 1em 1em .5em 0; height: 44px; display: block; }
.pet-detail a.difundefb { background: url(../images/difundefb.png) no-repeat;  width: 102px; }
.pet-detail a.difundetw { background: url(../images/difundetwitter.png) no-repeat; width: 110px; }
.pet-test { display: block; text-transform: uppercase; letter-spacing: -1px; font-size: smaller; line-height: 1.5em; }
#content .pet-description { margin-top: 2em; }
.pet-sponsor { text-transform: uppercase; font-size: smaller; font-weight: bold; }

#content ul.posters { list-style-type: none; padding: 0; overflow: hidden; }
#content ul.posters li { display: block; float: left; margin: 1em; text-align: center; width: 220px; }
#content ul.posters li img { display: block; margin: 0.5em auto; }

#contact-form div { overflow: hidden; }
#contact-form label { width: 15%; float: left; display: block; height: 3em; }
.contact-submit { display: block; float: right; margin: 2em 110px 0 0; }
#content ul.errorlist { color: red; display: block; margin: 0; margin-left: 15%; padding: 0; list-style-type: none; }
#content ul.errorlist li { margin-top: 0; }

#content ul.contact-list { padding: 0; list-style: none; }
#content ul.contact-list li { margin: 2em 0; }
#content ul.contact-list li ul { list-style: none; }
#content ul.contact-list h2 { background-color: #dad4c0; color: #ac8471; font-size: 40px; height: 20px; font-weight: normal; margin: 1em 0; }
#content ul.contact-list h2 span { position: relative; top:-10px; left: 5px; padding: 0; }
.hcard .fn { font-weight: bold; cursor: pointer; }
div.card-details-col { display: none; visibility: hidden; }
div.card-details { border: 1px solid #dad4c0; width: 90%; padding: 1em; }
.card-details img { float: right; }
.card-field, .card-details .type { color: #888; font-weight: bold; float: left; width: 20%; }
.card-details .value { margin-left: 20%; }