/*
############
VIARIBEIRAO 0.1
############
*/
body {
    background: #fff;
    font-family: "Calibri","Trebuchet MS","Arial",sans-serif;
    font-size: 13pt;
}

img {
    border: 0px;
}

a {
    color: inherit;
    text-decoration: inherit;
}
a:hover {
    color: #f90;
    text-decoration: underline;
}

#blocker {
    position: absolute;
    background: #000;
    top: 0px;
    left: 0px;
    z-index: 110;
}

/* ############################################################### DEFAULTS ##*/
#wrapper {
    width: 980px;
    margin: 0px auto;
    position: relative;
}
h1.header {
    margin: 0px;
}
h1.header a {
    top: 0px;
    left: 10px;
    position: absolute;
    margin: 0px;
    overflow: hidden;
    text-indent: -5000em;
    display: block;
    width: 177px;
    height: 103px;
    background: url('../images/template/viaribeirao.png') no-repeat;
}
#banner {
    height: 88px;
    right: 0px;
    top: 0px;
    position: absolute;
}
#banner .ad {
    vertical-align: bottom;
    margin: 0px 2px 5px 0px;
}
#bar {
    background: #333;
    position: absolute;
    top: 100px;
    width: 100%;
    height: 25px;
    color: #fff;
    position: relative;
    font-size: 14pt;
}
#bar p {
    margin: 0px 10px;
}
#bar p.right {
    position: absolute;
    top: 0px;
    right: 0px;
}
/* ########################################################### HOME COLUMNS ##*/
.col_a {
    position: relative;
    margin-right: 10px;
    top: 110px;
    width: 175px;
    min-height: 600px;
    float: left;
}
.col_b {
    position: relative;
    margin-right: 10px;
    top: 110px;
    width: 300px;
    min-height: 600px;
    float: left;
}
.col_c {
    position: relative;
    top: 110px;
    width: 600px;
    min-height: 600px;
    float: left;
}
.col_a h4 {
    margin: 0px 0px 5px 0px;
    background: #ccc;
    color: #333;
    text-align: center;
}
.col_a div {
    border: 1px solid #ccc;
    background: #f3f3f3;
    text-align: center;
    margin-top: 10px;
}
.col_a div p.sm {
    font-size: 10pt;
    margin: 0px 5px;
    font-weight: bold;
    text-align: left;
}
.col_a div ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    font-size: 8pt;
}
.col_a div ul li {
    text-align: left;
    margin: 0px 5px;
}
.col_b h4 {
    margin: 0px;
    clear: both;
}
.col_b h2 {
    margin: 0px;
}
.col_b h2 a {
    text-decoration: none;	
}
.col_b h2 a:hover {
    text-decoration: underline;
}
.col_b p {
    margin: 0px;
}
.col_b p a {
    text-decoration: none;
}
.col_b p a:hover {
    text-decoration: underline;
}
#col_1 {
    top: 100px !important;
}
#col_4 {
    margin: 0px !important;
    float: right;
}
#col_3 h4 {
    line-height: 20px;
}
#col_2 p a, #col_3 p a {
    color: #333;
}
#col_3 div {
    clear: both;
}
#col_3 img {
    float: left;
    margin: 5px 5px 20px 0px;
    border: 1px solid #000;
}
#col_3 {
    padding-top: 10px;
}
#col_4 div {
    border: 0px;
    background: #fff;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}
#col_4 div.blogs {
    background: #f3f3f3 url('../images/template/bg-blogs.png') left 60px no-repeat;
    padding: 5px;
}
#col_4 div.blogs p {
    margin: 0px;
    font-size: 10pt;
    text-align: left;
}
#col_4 div.blogs span {
    margin: 25px 0px 0px 40px;
    display: block;
}
#col_4 div.blogs a {
    color: inherit;
}
#col_4 h4.musica {
    background: #069;
    color: #fff;
}
#col_4 h4.literatura {
    background: #f00;
    color: #fff;
}
#col_4 h4.cinema {
    background: #096;
    color: #fff;
}
#col_4 h4.opiniao {
    background: #f90;
    color: #000;
}
#col_4 h4.artes-plasticas {
    background: #969;
    color: #fff;
}
#col_4 h4.teatro {
    background: #f60;
    color: #fff;
}
#col_4 h4.part {
    color: #f60;
    background: #fff;
    margin-bottom: 20px;
}
#col_4 div.part {
    margin-bottom: 20px;
}
#col_4 ul {
    list-style: none;
    margin: 10px 0px;
    padding: 0px;
    background: #f3f3f3;
}
#col_4 ul li a {
    color: inherit;
    text-decoration: inherit;
}
#col_4 ul li a:hover {
    color: inherit;
    text-decoration: underline;
}
hr {
    clear: both;
    border: 1px solid #ccc;
    margin: 10px 0px 10px 0px;
}

#slider {
    background: #333;
    width: 282px;
    height: 380px;
    color: #fff;
    padding: 10px 9px;
}
#slider ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#slider ul li {
    position: absolute;
    width: 280px;
    display: none;
}
#slider ul li#first {
    display: block;
}
#slider img {
    border: 1px solid #fff;
}

#slider p a {
    color: #fff;
}
#slider p a:hover {
    color: #fff;
}
#slider h4 {
    color: #096;
    text-transform: uppercase;
}
#slider h2 a {
    color: #9c0;
}

#slider .divs {
    color: #ccc;
    font-family: "Trebuchet MS";
    font-size: 10pt;
    text-align: center;
    width: 19px;
    height: 18px;
    background: #293032;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 100;
}
#slider .sel {
    background: #fff;
    color: #293032;
}
#bnn01 {
    width: 100%;
    height: 88px;
    background: #ccc;
    margin: 10px 0px;
}
#it2 {
    min-height: 150px;
}

.literatura h4 {
    color: #f00 !important;
}
.literatura h2 a {
    color: #f60 !important;
}
.musica h4 {
    color: #069 !important;
}
.musica h2 a {
    color: #09f !important;
}
.cinema h4 {
    color: #096 !important;
}
.cinema h2 a {
    color: #9c0 !important;
}
.opiniao h4 {
    color: #fc0 !important;
}
.opiniao h2 a {
    color: #f90 !important;
}
.artes-plasticas h4 {
    color: #969 !important;
}
.artes-plasticas h2 a {
    color: #c9c !important;
}
.teatro h4 {
    color: #f60 !important;
}
.teatro h2 a {
    color: #f90 !important;
}

/* ############################################################# NAVIGATION ##*/
#col_1 #nav {
    list-style: none;
    margin: 0px 0px 30px 0px;
    padding: 15px 0px 0px 0px;
    background: url('../images/template/bg-nav.png') 20px 0px no-repeat;
}
#col_1 #nav a {
    color: #333;
    text-decoration: none;
    display: block;
    padding-left: 45px;
    width: 120px;
}
#col_1 #nav a {
    background: #fff url('../images/template/bg-nav-itm.png') 0px no-repeat;
}
#col_1 #nav a#mhome, #col_1 #nav a#mcontato {
    background: #fff url('../images/template/bg-nav-itm.png') 0px no-repeat;
}
#col_1 #nav a#mcinema {
    background: #096 url('../images/template/bg-nav-itm.png') 0px no-repeat;
}
#col_1 #nav a#mliteratura {
    background: #f00 url('../images/template/bg-nav-itm.png') 0px no-repeat;
}
#col_1 #nav a#mmusica {
    background: #069 url('../images/template/bg-nav-itm.png') 0px no-repeat;
}
#col_1 #nav a#mopiniao {
    background: #f90 url('../images/template/bg-nav-itm.png') 0px no-repeat;
}
#col_1 #nav a#martes-plasticas {
    background: #969 url('../images/template/bg-nav-itm.png') 0px no-repeat;
}
#col_1 #nav a#mteatro {
    background: #f60 url('../images/template/bg-nav-itm.png') 0px no-repeat;
}
#col_1 #nav a span {
    font-size: 12pt;
}

#fixpoll, #fixpoll h4, #fixpoll div, #fixpoll p {
    margin: 0px;
    padding: 0px;
}
#fixpoll {
    text-align: left;
}
#fixpoll h4 {
    margin-bottom: 10px;
}
#fixpoll input {
    width: auto !important;
}
#fixpoll .opts {
    text-align: center;
    margin: 20px 0px 10px 0px;
}

/* ################################################################ CONTENT ##*/
.col_c {
    font-size: 12pt;
}
.col_c div {
    text-align: center;
}
.col_c img.ptl {
    float: left;
    margin: 5px 10px 20px 0px;
}
.col_c img.ptr {
    float: right;
    margin-left: 10px;
}

.info {
    margin: 0px;
    text-align: left;
}
.encerradas {
    color: #999;
}

.poll {
    width: 220px;
    float: right;
    position: relative;
    font-size: 12pt;
    text-align: left;
    padding: 15px;
    margin: 20px 0px 10px 20px;
    border: 1px solid #fff;
    background: #eaeaea;
}
.poll h4 {
    font-size: 14pt;
    margin: 0px;
}
.poll p {
    margin: 10px 0px;
}
.poll input {
    width: auto !important;
}
.poll .opts {
    text-align: right;
}
img.poll {
    margin: 0px 10px !important;
    width: auto !important;
    padding: 0px !important;
    border: 0px !important;
    background: transparent !important;
    float: none !important;
}
#poll_list li {
    margin: 5px 0px;
}
#poll_list a {
    color: #000;
    text-decoration: none;
}
#poll_list a:visited {
    color: #666;
}
#poll_list a:hover {
    text-decoration: underline;
    color: #06f;
}
#poll {
    background: #eaeaea;
    border: 5px solid #fff;
    width: 600px;
    position: absolute;
    z-index: 120;
    padding: 0px 20px;
}
#poll ul {
    padding: 0px;
    list-style: none;
}
#poll li {
    clear: both;
    margin: 10px 0px;
    height: 50px;
    position: relative;
}
#poll li a {
    color: #000;
    text-decoration: none;
}
#poll li a:hover {
    color: #00f;
    text-decoration: underline;
}
#poll h2 {
    margin: 10px;
}
#poll p {
    margin: 0px 0px 0px 80px;
}
#poll .percent {
    color: #666;
    font-size: 25pt;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px;
}
#poll .percent_bar {
    border: 1px solid #000;
    margin: 0px 0px 0px 80px;
    height: 10px;
    width: 450px;
}
#poll .bar {
    background: #699;
    height: 10px;
}
#poll .total {
    height: auto;
}
#poll .close {
    position: absolute;
    top: 5px;
    right: 10px;
    width: 20px;
    height: 20px;
    overflow: hidden;
    text-indent: -5000em;
    cursor: pointer;
    display: block;
    background: url('../images/template/bt-close.png') no-repeat;
}
.rcolumn {
    background: #FFF6E5;
    padding: 10px 20px;
    text-align: left !important;
}
.rcolumn h3 {
    color: #900 !important;
}
.rcolumn img {
    float: right !important;
}
.cite {
    border: 1px solid #666;
    padding: 10px 20px;
    margin: 10px 0px;
}
.nojs {
    border: 0px !important;
    background: transparent !important;
}

#posts {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#posts li {
    border: 1px solid #ccc;
    margin: 10px 0px;
    padding: 10px;
    color: #666;
}
#posts li p {
    margin: 0px;
}
#posts p.msg {
    margin-top: 20px;
}
form {
    background: #f5f5f5;
    padding: 10px 15px;
    color: #666;
}
form input, form textarea {
    width: 400px;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
}
form input.opt {
    width: auto !important;
}
form input#email {
    display: none;
}
form #btok {
    width: auto;
    margin-left: 340px;
}

p.alert {
    background: #ffc;
    border: 1px solid red;
    color: red;
    font-size: 18pt;
    padding: 5px 10px;
}

#rss {
    list-style: none;
    margin: 30px 50px;
    padding: 0px;
}
#rss li.first {
    margin: 10px 0px;
}
#rss li a {
    background: url('../images/template/rss-all.png') 0px 5px no-repeat;
    padding: 0px 20px;
}
#rss li a#rmusica {
    background: url('../images/template/rss-musica.png') 0px 5px no-repeat;
    padding: 0px 20px;
}
#rss li a#rliteratura {
    background: url('../images/template/rss-literatura.png') 0px 5px no-repeat;
    padding: 0px 20px;
}
#rss li a#rcinema {
    background: url('../images/template/rss-cinema.png') 0px 5px no-repeat;
    padding: 0px 20px;
}
div.ad {
    text-align: center;
    font-family: 'Arial',sans-serif;
    clear: both;
}

#agenda {
    background: #369 url('../images/template/agenda.png') top no-repeat !important;
    width: 175px;
}
#agenda ul {
    background: none !important;
    padding-top: 45px;
}
#agenda li {
    clear: both;
    height: 50px;
}
#agenda span.date {
    display: block;
    background: #f60;
    float: left;
    margin: 0px 5px 5px 0px;
    padding: 3px 3px 0px 3px;
    color: #fff;
    font-size: 11pt;
    line-height: 20px !important;
    text-align: center;
    font-weight: bold;
}
#agenda span.date span {
    font-size: 18pt;
    color: #000;
    background: #fff;
    height: 23px !important;
    display: block;
}
#agenda li a {
    font-size: 10pt;
    color: #fff !important;
    display: block;
    width: 170px;
}

/* ################################################################# FOOTER ##*/
#part {
    text-align: center;
    background: #fff;
    color: #f60;
}
#part img {
    vertical-align: middle;
    margin: 10px;
}
#footer {
    background: #333;
    clear: both;
    border-top: 10px solid #fff;
    top: 100px;
    position: relative;
    font-size: 10pt;
    color: #ccc;
}
#footer p {
    margin: 0px;
}
#footer p.prod {
    padding: 10px;
}
#footer a {
    color: #ccc;
    text-decoration: none;
}
#footer .fcontact {
    width: 100%;
    display: block;
    margin-top: -15px;
    text-align: right;
}