/* oeste.css html */

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

a:hover { 
background: #cccc99;
color: #990000; 
border-left: 15px solid #990000;
padding: 0 5px;
}

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

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

body, html {
background: url("../img/oeste-back.jpg") 500px 100px scroll no-repeat #cccc99; color: #990000; 
font-family: Georgia, Garamond, Batang, "Century Schoolbook", serif; font-size: 18px; 
margin: 20px; 
}

h1,h2,h3,h4,h5,h6 {margin: 20px; background: url("../img/oeste-h1.jpg") 10px 0 scroll no-repeat #990000; color: #cccc99; 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/oeste-hr.jpg") no-repeat scroll #cccc99; height: 90px; margin: 15px 0 30px; border: 0; }

i {font-style: normal;}

li {margin: 15px 2px;}

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

ul{font-size: 20px; list-style: upper-roman outside; line-height: 150%;}


/* site */

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

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

#cardeal {
background: #cccc99; 
width: 500px;
height: 650px;
padding: 10px;
}

#wrap {background: url("../img/oeste-wrap.jpg") scroll repeat;}

#header, #hd {
background: url("../img/oeste-chuvas-banner.jpg") 70px -10px scroll no-repeat; 
width: 450px;
height: 80px;
font-size: 30px; 
text-align: center; 
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;  

}

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

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

#cont {
width: 500px;
height: 400px;
overflow: scroll;
position: relative;
top: 70px;
background: #cccc99; color: #990000; 
}


#header {
color: #990000;
}

#hd {
color: #cccc99;
}


/* classes */

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

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

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

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