/* html */

a:link, a:visited, a:active {
background: #ff0033;
color: #663366; 
text-decoration: none;
font-weight: normal;
border-left: 15px solid #ff0033;
padding: 0 5px;
}

a:hover { 
background: #ff0033;
color: #ffffff; 
border-left: 15px solid #fff;
padding: 0 5px;
}

acronym {
color: #666; 
border-bottom: 1px dotted #fff;
}

blockquote {
font-style: italic;
border-right: 5px solid #000;
padding-right: 10px;
text-align: center;
font-size: 20px; 
}

body, html {
background: url("../img/ceu000.jpg") 550px 150px scroll no-repeat #000; color: #fc0; 
font-family: Georgia, Garamond, Batang, "Century Schoolbook", serif; font-size: 18px; 
margin: 20px; 
}

h1,h2,h3,h4,h5,h6 {margin: 20px; background: url("../img/ceu900.jpg") 50px -80px scroll no-repeat #990000; color: #ff9933; text-align: right; padding: 5px 15px;}

h1 {font-size: 30px; }
h2 {font-size: 25px; background-image: none;}
h3 {font-size: 20px; background-image: none;}
h4 {font-size: 15px;}
h5 {font-size: 10px;}
h6 {font-size: 8px;}

hr {background: url("../img/mestre-hr.jpg") no-repeat scroll #cccc66; height: 90px; margin: 15px 0 30px; border: 0;}

i {font-style: normal;}

li {margin: 15px 2px; line-height: 150%; }

p {font-size: 20px; border-left: 5px solid #f00; padding: 15px;}

ul{font-size: 20px; list-style: url("../img/mestre-ul.jpg") upper-roman outside; line-height: 150%;}


/* site */

#wrap, #nav, #cont {border: 2px solid #fc0;}

#header, #hd {
background: url("../img/mestre-chuvas-banner.jpg") 20px -10px scroll no-repeat; 
width: 450px;
height: 80px;
margin: 0 auto;
font-size: 30px; 
text-align: center; 
padding: 10px; 
}

#wrap {
background: #996600; 
width: 550px;
height: 650px;
padding: 10px;
}

#nav, #cont {
padding: 10px;  
}

#nav {
width: 500px;
height: auto;
position: relative;
top: 30px;
background: #cc3300;
color: #ccff00; 
display: inline; 
font-size: 20px; 
font-weight: bolder;
letter-spacing: normal; 
padding: 5px;  
text-align: center;
}

#nav a:link, #nav a:visited, #nav a:active {border: 2px solid #000; text-decoration: none; padding: 2px; background: #990000; color: #ffcc00; font-weight: bold;
}

#nav a:hover {border: 2px solid #fff; text-decoration: overline; padding: 2px; background: #ffcc00; color: #990000; }

#cont {
width: 500px;
height: 400px;
overflow: scroll;
position: relative;
top: 70px;
background: #cccc66;
color: #000; 
orphans: 18; 
widows: 10;
margin-left: 10px;
}



/* classes */

.capitular{
font-family: georgia, serif; 
color: #cc0000; float: left; 
font-size: 70px; line-height: 50px; 
padding-top: 2px; padding-right: 5px;
margin-right: 5px;
}

.subcapitular{
font-family: georgia, serif; 
color: #cc0000; float: left; 
font-size: 40px; line-height: 30px; 
padding-top: 5px; padding-right: 4px;
margin-right: 1px;
}

.creditos a:link, .creditos a:visited, .creditos a:active {background-color: #cccc66; color: #cc0000; font-weight: bold; border: 0; padding: 0; text-decoration: overline;}

.creditos a:hover {background-color: #cc0000; color: #fff; border: 0; padding: 0; text-decoration: underline;}

.alter {border: 5px solid #f00; text-align: center;}

.alter p {border: 1px solid #cccc66;}