body {
    background: #cc0 url('img/bg.png') center repeat-y;
    font-family: "Trebuchet MS","Arial","Verdana",sans-serif;
    font-size: 10pt;
    margin: 0px;
}

img {
    border: 0px;
}

div#header {
    width: 771px;
    height: 131px;
    margin: 0px auto;
    background: url('img/bg-top.png') repeat-x;
    position: relative;
}
div#header h1 {
    margin: 0px 10px;
    padding-top: 7px;
}
hr {
    clear: both;
    margin: 10px 0px;
}
div#header h1 a {
    background: url('img/band-fm-ribeirao.png') no-repeat;
    display: block;
    width: 234px;
    height: 119px;
    overflow: hidden;
    text-indent: -5000em;
}
div#header h2 {
    color: #fff;
    font-family: "Arial", sans-serif;
    font-size: 15pt;
    text-align: left;
    margin: 20px 0px 0px 350px;
    position: absolute;
}
*html div#header h2 {
    margin-left: 260px;
}
ul#menu1, ul#menu2 {
    width: 300px;
    height: 20px;
    background: url('img/bg-menu.png') no-repeat;
    margin: 0px auto;
    padding: 0px 15px;
}
ul#menu1 li, ul#menu2 li {
    float: left;
    list-style: none;
    margin: 0px 8px;
}
ul#menu1 {
    margin: -90px 0px 0px 355px;
}
ul#menu2 {
    margin: 2px 0px 0px 405px;
}
ul#menu1 a, ul#menu2 a {
    text-decoration: none;
    color: #000;
}
ul#menu1 a:hover, ul#menu2 a:hover {
    color: red;
}

div#content {
    clear: both;
    width: 771px;
    margin: 0px auto;
    background: url('img/bg-content.png') repeat-y;
}


div#paradao {
    background: url('img/bg-title.png') no-repeat;
    width: 170px;
    height: 29px;
    margin-left: 8px;
    float: left;
}
* html div#paradao {
    margin-left: 4px;
}
div#paradao h3 {
    color: #fff;
    margin: 0px;
    font-size: 10pt;
    padding: 7px 0px;
    text-align: center;
}
div#paradao ol {
    color: red;
    font-weight: bold;
    font-size: 13pt;
}
div#paradao ol li p {
    color: #000;
    font-weight: normal;
    font-size: 8pt;
    margin: 5px 0px 0px 0px;
}


div#text {
    background: url('img/bg-title-content.png') no-repeat;
    width: 402px;
    float: left;
    margin-left: 7px;
    min-height: 600px;
}
div#text h3 {
    color: #fff;
    width: 390px;
    height: 24px;
    margin: 5px auto;
    font-size: 10pt;
    padding: 2px 0px;
    text-align: center;
    background: url('img/bg-title-content-2.png') no-repeat;
}
div#text p.c {
    text-align: center;
    margin-top: 20px;
}
div#text img.l {
    float: left;
    margin: 5px 5px 0px 0px;
}
*html div#text p.c {
    margin: auto;
}
div#text div p.progs {
	padding: 0px;
    text-align: center;
}
div#text div p.progs img {
	margin: 5px;
	vertical-align: middle;
}
div#text form {
	width: 390px;
    margin: 0px auto;
}
div#text form input, div#text form textarea {
	width: 385px;
    font-size: 14pt;
    font-family: sans-serif;
}
div#text form input#cnt {
    width: 100px;
}
div#text form input#btok {
	width: auto;
}
div#text form p.bt {
    text-align: right;
}
div#text p, div#text ul {
    width: 385px;
    margin: 0px auto;
    margin-bottom: 20px;
    padding: 0px;
    text-align: justify;
}
div#text ul li {
    list-style: none;
    margin-bottom: 20px;
}
div.photo {
    float: left;
    width: 165px;
    height: 200px;
    margin: 10px 15px;
    text-align: center;
}
div.photo a {
    text-decoration: none;
    color: #000;
}

ul.list li {
    list-style: circle;
    margin: 0px 20px !important;
    padding: 0px !important;
}
ul.list li a {
    margin: 0px;
    padding: 0px;
}
.box {
    width: 345px !important;
    padding: 5px 10px !important;
    display: block;
    background: #69b92d;
    color: #fff;
    margin-bottom: -10px !important;
}

div#fotos {
    background: url('img/bg-title.png') no-repeat;
    width: 170px;
    height: 29px;
    margin-left: 6px;
    float: left;
}
* html div#fotos {
    margin-left: 6px;
}
div#fotos h3 {
    color: #fff;
    margin: 0px;
    font-size: 10pt;
    padding: 7px 0px;
    text-align: center;
}
div#fotos h3.ft {
    background: url('img/bg-title2.png') no-repeat;
}
div#fotos ul {
    margin: 0px;
    padding: 0px;
}
div#fotos ul li {
    margin: 5px 0px 0px 0px;
    list-style: none;
    text-align: center;
}
div#fotos a {
    text-decoration: none;
    color: #000;
}
div#fotos div.twitter {
    padding: 0px 5px;
}

p.verao {
    position: absolute;
    top: 0px;
    left: 250px;
    display: block;
    width: 83px;
    height: 156px;
    background: url('img/galeria/verao-band.png') no-repeat;
    overflow: hidden;
    text-indent: -5000em;
}


div#footer {
    clear: both;
    padding-top: 5px;
    text-align: center;
    background: #FF9900 url('img/bg-content-end.png') no-repeat;
}
