@charset "utf-8";

/* -- CSS
Augecomucor (http://augecomucor.com)
Autor: Blogs Media (José Luis Antúnez - jl@blogsmedia.com) 
Fecha: Febrero 2007
-- */

* {
margin: 0;
padding: 0;
}

body {
font: 75% "Lucida Grande", "Lucida Sans Unicode", verdana, sans-serif, arial, helvetica;
background: #fff url("../i/bd.gif") top repeat-x;
line-height: 170%;
color: #444;
text-align:center
}


p {
	margin-bottom: 1em
}

/* --- Accesibilidad ------------- */
 
#skip {
position: absolute;
left: -999px;
width: 990px;
}


/* --- Links -------------------------------------------------- */


a { 

color:#133C9F;
text-decoration:none;
border-bottom:1px dotted #666;
}
a:hover{
color:#491B03;
text-decoration:none;
border-bottom:1px solid #491B03;
}
a.more{
background:url(../i/arrow-more.gif) right no-repeat;
padding-right:15px;
}


a.bookmark, a.comment, span.off, a.pdf { 

padding-left: 25px;

}
a.comment { 

background: url(../i/feedback-marron.gif) no-repeat 0 2px;

}

span.off { 
background: url(../i/feedback-off.gif) no-repeat 0 2px;

}

a.bookmark { 

background: url(../i/bookmarks-delicious-marron.gif) no-repeat 0 2px;

}
a.pdf { 
	
background: url(http://augecomucor.com/i/pdf-mini.gif) no-repeat 0 1px;

}
a img, h2 a, h3 a
{
border: none
}
h2 a, h3 a
{
color: #310
}
h2 a:hover, h3 a:hover
{
color: #330;
border: none
}

/* --- Estructura ------------------------------------ */

#wrap {
position:relative;
margin: 0 auto;
width: 765px;
text-align: left

}

#content {

float: left;
margin-top: 20px

}
#main, #sub-footer, #footer{

font-size: 110%
}
#main {
width: 435px;
float: left;
margin: 0 50px 20px 0;
line-height: 170%

}

#sidebar {
width: 276px;
float: left;
font-size: 95%
}

/* --- Nav -------------------------------------------------- */
#nav {
position:absolute;
top:25px;
left: 0;
text-transform: uppercase;
letter-spacing: 1px
}
#nav li {
float: left;
list-style: none
}


#nav li a {
float: left;
margin:2px 10px;
color: #c7c29d; 
border-bottom: none;

}
#nav li a:hover  {
color: #DFD9B5;
}


#home #nav-home a,
#about #nav-about a, #capitulos #nav-arch a, #uso #nav-uso a, #autor #nav-autor a 
  {
font-weight: bold;
border-top:1px solid #996;
border-bottom:1px solid #996;
}

#home #nav-home a:hover,
#about #nav-about a:hover, #capitulos #nav-arch a:hover, #uso #nav-uso a:hover, #autor #nav-autor a:hover 
  {

color: #DFD9B5;
font-weight: bold
}



/* --- Header / Buscador ----------------------------- */

#header {
width: 100%;
font-family: tahoma, geneva, verdana, sans;
height: 78px
}
#header h1 {
display: none
}
#header form {
position: absolute;
top: 25px;
right: 0;

}
#srch {
width: 205px;
margin-right: 5px;
padding: 2px
}
#promo {
position: relative;
font-size: 90%;
background: url(../i/oxfam-circle.gif) no-repeat 55% 100%; 
height: 168px;
border-top: 4px solid #b1ac8f /* --- igualar distancias IE 5 ---- */

}

#promo li {
list-style: circle;
margin-left: 1.8em
}
#promo h2 {
font: bold 1.4em "Times New Roman", Times, serif;
}
/* --- Microformat icons:
http://www.bartelme.at/journal/archive/microformats_icons/ ---- */

h2.fn {
background: url(../i/icons/vcard.png) no-repeat 0 0; 
padding-left: 25px
}
img.hcard { 

float: left;
margin: 0 0.5em 0 0;

}
#promo div {
float: left;
margin: 20px 0 0
}
#promo .augecom {
width: 400px;
margin-right: 65px;

}
#promo .augecom img {
float: left;
margin-right: 10px;

}
#promo .vcard {
width: 295px;
}

#promo .vcard p {
padding-bottom: 20px }



/* --- Encabezamientos / Titulares ------------- */


h1, h2, h3, h4, h5 {

font-family: tahoma, geneva, verdana, sans;
padding-bottom: 1em;
font-weight: normal;
color: #310; 
line-height: 140%;
display: block;
}


/* --- Encabezamientos / Titulares ------------------------------- */


h2, #main h3 {

font-family: "Times New Roman", Times, serif;
}


#content h2 {
padding-bottom: 5px;
border-bottom: 1px dotted #ccc;
font-size: 1.8em;
}
#main .title {
padding: 0 0 3px;
border-bottom: none
}


h3 {

padding-top: 1em;
font-size: 1.5em

}

#sidebar h2, #sidebar h3 {
letter-spacing: 1px;
background: url(../i/h-line-ornamental.gif) no-repeat center bottom;
padding-bottom: 15px;
border: none
}

#sub-footer h3 {

padding-top: 1em;
}

h4 {

font-size: 130%
}
/* --- Anotaciones ------------------------------- */

p.extend {
padding-right: 4em; 
text-align: right 
}
.weblog, .talk, .subpages {

padding: 0 15px 10px 0;
}

span.authorpost {
float: left;

}

.feedback, p.track, p.date, .postinf, p.divider { 
color: #999;
}
p.date { 

margin: 0 0 0.5em 0; 
text-transform: uppercase;
letter-spacing: 0.2em;
font: 85% georgia, times, serif;

}

.feedback {

margin: 2em 0 5em 0;

}
p.postinf {

margin-top: 5px;
margin-bottom: 2em;

			
}
p.divider {

border-bottom: 1px dotted #ccc;
margin: 2em 0 0;
padding-bottom: 2em;
		
}
/* --- Listados ---------------------------------- */

dl.adsnews {
margin:2em 0
}
#sidebar dl.adsnews {
margin-top:0
}
dl dt {
text-indent: 20px;
background: url(../i/post-more.gif) no-repeat 0 5px;
padding: 0 0 3px;

}

#main dl dt {

font: 140% "Times New Roman", times, serif;

}

dl dd {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px dotted #ccc;
}
#sidebar dl dd {
border: none

}
#content ul li, #sub-footer ul li {

list-style: square;
padding-left: 5px;
margin: 0 1.5em
}
#content ul li {


margin-bottom: 1.5em
}

#content ul, #sub-footer ul {

margin-bottom: 1em
}
#content ol li{

list-style-type: decimal;
margin: 2em 3em;

}
#content ol li li {

list-style: upper-alpha;

}
#content ul li li {
margin-top: 1em;
background: none
}
#content li

{
margin-bottom: 10px
}

#content ul {

margin: 1em 0 1em 1em
}

#sidebar ul {
margin-bottom: 2em;
padding-bottom: 2em;

}

#sidebar ul li{

margin:1em 5px;
padding-left: 0;
list-style: circle;

}

/* --- Formularios ---------------------------------- */

.mtpag { 

padding: 8px;
clear: both;
margin: 20px 20px 20px 0;
text-align: right;

}
#search {
width: 185px;
margin-bottom: 8px
}
input.button, input.sub {
 
background: #deded2;  
color: #222;  
border-color: #999 #ccc #ccc #999;
padding: 2px 4px
}

input.button {
margin-left: 3px;
font-size: 1em
}

input.sub {
 
margin: 10px;
float: right;
}
input.srch
{
margin-right: 5px;
padding: 2px
}

#formcomment, #formcomment a, legend, #formcomment h2, #footer a, #footer a:visited {

color:#c7c29d;

}

#formcomment {
padding: 15px;
background: #310;
margin: 20px 0;

}
#formcomment h2 {
padding: 1em 1em 3px 1em;
clear: both;
margin: 0;
font: normal 110% "Lucida Sans Unicode", tahoma, geneva, verdana, sans;
border: none
}
#formcomment h4 {
padding: 1em;
color: #fff;
clear: both;
margin: 0
}
#formcomment textarea { 
padding: 3px;
margin: 5px 10px;
width: 92%
}

fieldset { 

border: 1px solid #c7c29d; 
}
legend { 
font-size: 130%;
padding: 0 8px;

}
.label, .fields {
font: 1em georgia, times, serif; 
float: left;
width: 200px;
margin:0 10px;
padding: 1em;
}
.label, .fields, .datas {

padding: 1em;
}
.label{
background: #829f27
} 
.datas p {
margin-bottom: 5px
} 
.before{
clear: both;
margin: 10px;
padding: 1em

} 
.datas input {
padding: 3px;
border: 3px double #310

}
.fields input { 

float: left; 
margin-right: 5px

}

/* --- Feedback / Cajas redondeadas
http://www.neuroticweb.com/recursos/css-rounded-box/index.php?idioma=es
 --- */ 

.boxtopright { 
padding: 8px 8px 8px 15px; 
font-weight: bold;
background: url(../i/tr.gif) no-repeat top right;
margin-top: 20px	
}
.boxtopleft {
background: #DCDABC url(../i/tl.gif) no-repeat 0 0 /* color de fondo titular de la caja lateral */
}
.latboxleft {  
background: #DCDABC url(../i/bl.gif) no-repeat bottom left;  /* color de fondo caja lateral */ 
margin-bottom: 1em;
}
.latboxright { 
padding: 10px;
background: url(../i/br.gif) no-repeat bottom right;
margin: 0
} 

/* --- Conversations / Comments ------------- */

.gravatarphoto {
width: 41px;
float: right;
margin: 0px 10px 20px 10px;
height: 41px;
background: url('../i/gravatar-conv.gif') no-repeat 0 0;
}

p.lector
{
font: 90% tahoma, geneva, verdana, sans;
padding-bottom: 1em
}
.conversation p { 

padding: 0 50px 0 20px
}

/* ---Imgs ------------------------------------------------------ */

img.left, img.right, img.center, .scshots img, .gallery img {

border: 1px solid #B1AC8F;
padding: 5px;
background: #DEDABD

}
img.left { 

float: left; 
margin: 0.5em 1em 0.5em 0;

}
img.right { 

float: right;
margin: 0.5em 0 0.5em 1em;

}

img.center, .scshots img, .gallery { 

margin: 20px auto; 
display: block;
text-align: center
}

.gallery {

padding: 10px 0

}
.scshots {

float: left;
width: 50%;
text-align: center;
font: 90% arial, helvetica, verdana, sans;
margin: 20px 0
}
.gallery img {
	
float:none;
border: none
}
#feeds a
{
	
border: none;
margin: 0 1em 1em 0
}
/* --- Iconos de feeds: http://www.subtraction.com/archives/2006/0530_little_orang.php --- */

/* --- Varios -------------------------------- */

.hide {
	display: none;
}
blockquote { 
color: #666;
font-family: georgia, times, serif;
background: url('../i/blockquote-sw.gif') no-repeat top left;
padding: 15px 10px 5px 58px;
margin: 1em 1em 1em 5px;

}
abbr, acronym, .help { 
cursor: help; 
border-bottom: 1px dotted #777

}

cite { 

font-style: normal

}
.destdcha, .destizda { /* -- span resaltados texto lateral -- */

font: oblique 140%/160% georgia, times, serif;
width: 32%;
display: block;
color: #310

}

.destdcha {
float: right;
margin: 0 0 20px 20px;

}

.destizda {
float: left;
margin: 8px 20px 20px 0;
}
#video {
border: 3px solid #D9D5B9;
}
.remember 
{
margin: 2em;
padding: 2em;
border: 4px double #b1ac8f;
background: #dfdfbc;
font-size: 85%
}
.book
{
background: url(../i/h-line-ornamental.gif) no-repeat center top;
padding-top: 2.5em;
text-align: center;
padding-bottom: 1em;
font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, sans

}

/* --- Footer ------------------------------------------------ */

.wrap-down:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


#sub-footer {
background: #C7C29C url("../i/bg-promo.gif") top repeat-x;
border-bottom: 4px solid #B1AC8F;
position: relative;
clear:both
}
#sub-footer div {
text-align: left
}


#sub-footer .wrap-down, #ft {
width: 765px;
margin: 0 auto;
padding: 20px 0;
}

#sub-footer .links {
width: 250px;
float: right;
padding-left: 30px;

}
#sub-footer .oxfam {

width: 60%;
float: left;


}
#sub-footer blockquote {
margin: 0;
padding: 0
}

#footer {
position: relative;
background: #310;
color: #b1ac8f;

}

#footer p {
margin: 0
}
#footer a, #footer a:visited, .conversation a, #formcomment a, .feedback a, .feedback a:visited {

border-bottom: none;
text-decoration: underline
}
#ft img {
float: right;
margin-top: 3px
}



#promo p#oxfam-circle a {
position: absolute;
font-size: 150%;
top: 119px;
left: 50%;
display: block;
width: 72px;
height: 52px;
border: none;
text-indent: -9000px;
}