/* alma
elementos de html */

body {
background: url("http://www.almalivre.org/album/graf/alma-back4.jpg") scroll repeat-y 0 0 #0000ff;
color: #333399;
text-align: center;
margin: 20px 0 10px 100px;
padding: 0;
}

body, p, div, #cont, #bar, #ftr, h1, h2, h3, h4, h5, h6, input, textarea, select, option {font-family: Georgia, "Century Schoolbook", Garamond, Batang, serif;}

a:link, a:visited, a:active {
text-decoration: none;
color: #6633cc;
font-weight: bold;
padding-left: 5px;
}

a:hover {
text-decoration: none;
color: #000;
}

p a:link, p a:visited, p a:active, ul a:link, ul a:visited, ul a:active { 
background: none;
color: #3333FF; 
border: none;
text-decoration: overline;
}

p a:hover, ul a:hover { 
color: #fff; 
border: none;
text-decoration: underline;
}

caption {
width: 400px; 
max-width: 450px;
caption-side: top;
font-size: 2em; 
color: blue; 
}

hr {visibility: hidden;
height: 50px;
}

li {
margin: 1.3em 0;
line-height: 200%;
}

noscript {
background: #f00; color: #fff;
}

noscript a {background: #000; color: #f00;}

noscript a:hover {background: #f00; color: #000;}



/* disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-alpha | lower-latin | upper-alpha | upper-latin | hebrew | armenian | georgian | cjk-ideographic | hiragana | katakana | hiragana-iroha | katakana-iroha | none | inherit; */

ul {
list-style: url("http://www.almalivre.org/album/graf/li.jpg") katakana outside;
text-transform: none;
letter-spacing: 1px;
margin: 20px 140px;
text-align: left;
line-height: 120%;
padding: 5px 10px;
}

p {
font-size: 17px;
line-height: 135%;
padding: 10px 0;
text-align: left; 
}

h1,h2,h3,h4,h5,h6,p {
margin: 20px 90px ;
color: #60c;
}

h1 {
font-size: 35px;
font-variant: normal;
font-weight: bolder; 
text-align: center;
background: #0000ff url("http://www.almalivre.org/album/graf/h1.jpg") fixed 100px 0 repeat-y;
color: #99ffff;
letter-spacing: 3px;
line-height: 130%;
padding: 8px;  
}

h2 {
font-size: 30px;
letter-spacing: 4px;
line-height: 120%; 
}

h3 {
font-size: 25px;
background: none;
color: #6633FF;
line-height: 40px;
letter-spacing: 2px;
width: 550px;
}

h4 {
font-size: 17px;
letter-spacing: 0.1em;
}

h5 {
font-size: 13px;
background: none;
line-height: 30px;
letter-spacing: 2px;
}

h6 {
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
}

form {
margin: 10px 100px;
}

input, textarea, select, option, button {
font-weight: 700;
font-size: 15px;
color: #66ffff;
background: #6699ff;
border: 2px;
border-color: #6633cc;
border-style: inset;
padding: 5px; }

acronym {
border-bottom: #fff dotted 2px;
font-weight: bolder;
font-style: italic;
color: #009;
}

strong {
background: #6600ff;
color: #33ffff;
font-weight: bolder;
padding: 0 5px;
margin: 0 1px;
}

img {
margin: 7px; border: 0;
}

table {
caption-side: top; 
margin: 20px 0; 
table-layout: auto;
width: auto;
background: #6699FF;
font-weight: bold;
empty-cells: hide;
border-collapse: collapse; 
border-spacing: 5px; 
border: 2px solid #3366ff;
/* display: inline-table;  */
}

th, td {
text-align: center;
font-size: 17px;
border: 1px solid #ccc;
}

td {
background: #66ccff url("") top repeat;
color: #330099;
}

th {
font-variant: small-caps;
background: #3300cc;
color: #99ffff;
}

td a:link,td a:visited, td a:active {color: #ccffcc; text-decoration: underline;}
td a:hover {color: #ccc; text-decoration: none;}


/* estrutura */

#cont, #ftr, #menu {
border: 1px #000 solid;
background-color: #99ccff;
}

#embalagem {
background: #3300cc;
text-align: left;
width: 750px;
margin: auto;
}

#banner {
width: 750px;
height: 200px;
text-align: center;
background: url("http://www.almalivre.org/album/graf/logo-novo.jpg") 5px 0 no-repeat #0000ff scroll;
color: #999;
}

#cont {
width: 750px;
color: #6600cc;
line-height: 25px;
font-size: 20px;
margin: 0;
padding: 20px 0 0 0;
}

#ftr {
width: 710px;
height: 100px;
line-height: 220%;
background: scroll no-repeat
url("http://www.almalivre.org/album/graf/ftr.jpg");
color: #fff;
font-size: 1em;
margin: 5px 0;
padding: 20px;
text-align: center;
}

/* menu principal */

#menu {
font-size: 1em;
width: 100%;
height: auto;
line-height: 220%;
margin: 20px 0;
padding: 15px 0;
text-align: center;
}

#menu a, #menu a:visited, #menu a:active, #ftr a, #ftr a:visited, #ftr a:active {
padding: 5px;
text-decoration: none;
background: #0000ff;
color: #fff;
border: 3px #fff outset;
}

#menu a:hover, #ftr a:hover {
background: none;
/* background: #330099; */
color: #fff;
border: 3px #99ccff inset;
}


/* classes */

.capitular {
background: none; 
font-family: inherit; 
color: #6600cc; float: left; 
font-size: 47px; line-height: 40px; 
padding-top: 2px; padding-right: 5px;
/* margin-right: 2px; */
}

.pdf {
list-style-image: url("http://www.almalivre.org/album/graf/pdficon_large.gif");
}

.zine {
border: 2px outset #66ffff;
background: #0066ff; 
line-height: 200%;
}

.zine a {
border-right: 35px solid #99ccff;
padding-right: 5px;
color: #fff; 
}

.zine a:hover {
border-right: 35px solid #f00;
color: #f00; 
}

.zine a:active {
border-right: 35px solid #0f0;
color: #000; 
}



/* aviso e agenda */
.aviso, .agenda, h1 {text-shadow: black 3px 3px 10px; }
.aviso h2, .agenda h2 {color: #0ff;}

.aviso, .agenda {width: 75%; text-align: center; font-size: 1.6em; font-weight: bold; color: #66ffff; padding: 10px;  border: 10px solid #00f; line-height: 120%; height: auto; margin: auto;}

 .aviso {background: #0000ff url("http://www.almalivre.org/album/graf/h1.jpg") fixed 100px 0 repeat-y;}

.agenda a {color: #f00;}
.agenda a:hover, .aviso a:hover {color: #fff;}
.agenda a:active, .aviso a:active {color: #ff0;}


/* agenda */

.agenda {
font-size: 1em;
background: #3300cc url("http://www.almalivre.org/album/graf/agenda-back.jpg") repeat-y fixed 300px 0;
}

.agenda hr {
height:10px;
}