/* CSS Document */

/* RESET */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}article,aside,figure,footer,header,hgroup,nav,section{display:block;}nav ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}


/* CONFIG */
body {font-family:Helvetica Neue, Helvetica, Arial, Verdana; font-weight:normal; letter-spacing:-0.5px;}
a {color:#5f1c1c; text-decoration:none;}
a:hover {text-decoration:underline;}
legend {display:none;}
p {letter-spacing:normal; margin-bottom:15px;}
dl {margin-bottom:15px;}
button {cursor:pointer;}

h1,h2,h3,h4,h5,h6 {text-transform:uppercase; color:#5f1c1c; font-weight:normal; margin-bottom:10px;}
h3 {font-size:24px;}

br.clear,div.clear{clear:both;font-size:0;height:0;line-height:0;display:block;margin:0;padding:0;}

table {margin:20px 0;}
table thead tr th {font-weight:bold; color:#5f1c1c; font-size:18px;}
table tbody tr td {padding:10px 0; border-bottom:1px solid #e5e5e5;}


/* LAYOUT */

#radioonline a {position:fixed; top:0; left:10%; z-index:9; padding:10px 20px; background-color:#5f1c1c; color:#FFF;}
#radioonline a:hover {text-decoration:none; background-color:#8F2C2C;}

header {background:#FFF url(../images/topo/topo1.jpg) center top no-repeat; height:535px; z-index:1;}
header hgroup {background:url(../images/waves.png) center top no-repeat; z-index:2; height:410px;}
header hgroup div {width:990px; margin:0 auto;}
header hgroup h1 {width:290px; height:205px; background:url(../images/logotipo-bmec.png) left top no-repeat; overflow:hidden; float:right; margin-right:-50px; margin-top:50px;}
header hgroup h1 a {display:block; height:0; min-height:0; padding-top:400px;}
header hgroup h2 {width:225px; height:105px; background:url(../images/cd-name.png) left top no-repeat; text-indent:-10001px; float:right; margin-right:-240px; margin-top:260px;}
header nav {width:890px; margin:95px auto 0 auto;}
header nav li {display:inline;}
header nav li a {font-size:18px; text-transform:uppercase; color:#7e7e7e; margin-right:20px; float:left;}
header nav li.current a, header nav li a:hover {color:#5f1c1c; text-decoration:none;}
header nav li.last a {margin:0;}

#sidebar {width:240px; float:right; margin-left:20px;}

#conteudo {width:990px; margin:10px auto 0 auto; position:relative; height:auto; min-height:300px;}

#dashboard {width:990px; height:240px; background:url(../images/destaque-shapes.png) left top no-repeat; margin-bottom:20px;}
#dashboard #home-agenda {width:290px; height:198px; padding:15px; float:left;}
#dashboard #home-agenda h3 {margin-bottom:10px;}
#dashboard #home-agenda li a, #agenda-list li a {display:block; margin-bottom:10px; cursor:pointer;}
#dashboard #home-agenda li a time, #agenda-list li a time {padding:3px 8px; background-color:#5f1c1c; color:#FFF; font-size:24px; float:left; margin-right:10px;}
#dashboard #home-agenda li a .place, #agenda-list li a .place {color:#535353; font-size:14px; text-transform:uppercase; font-weight:bold; float:left; width:220px; #width:240px;}
#dashboard #home-agenda li a .city, #agenda-list li a .city {color:#7e7e7e; font-size:14px; float:left;}
#dashboard #home-agenda li a:hover, #agenda-list li a:hover {text-decoration:none;}
#dashboard #home-agenda li a:hover time, #agenda-list li a:hover time {background-color:#7e1f1f;}

#dashboard #home-destaque {width:321px; height:240px; float:left; margin-left:14px;}

#dashboard #home-twitter {width:291px; height:198px; padding:15px; float:left; margin-left:14px;} 
#dashboard #home-twitter h3 {margin-bottom:10px;}
#dashboard #home-twitter li {font-size:12px; color:#7e7e7e; margin-bottom:10px;}
#dashboard #home-twitter li time a {font-size:11px; display:block;}

#home-chamadas li {width:320px; height:144px; background:url(../images/banners/banner-home-fotos.png) left top no-repeat; overflow:hidden; float:left; margin-right:15px;}
#home-chamadas li.blog {background-image:url(../images/banners/banner-home-blog.png); margin:0;}
#home-chamadas li.discografia {background-image:url(../images/banners/banner-home-discografia.png);}
#home-chamadas li.radio {background-image:url(../images/banners/banner-home-radio.png);}
#home-chamadas li a {display:block; height:0; min-height:0; padding-top:400px;}

#before-footer {width:990px; height:146px; background:url(../images/bg-footer-info.png) left top no-repeat; margin-top:20px;}
#before-footer #home-videos {width:492px; height:118px; padding:14px; float:left;}
#before-footer #home-videos h4 {font-size:24px; color:#390406; margin-bottom:10px;}
#before-footer #home-videos li {display:inline;}
#before-footer #home-videos li a {float:left; margin-right:23px;}
#before-footer #home-videos li.last a {margin:0;}

#before-footer #home-newsletter {width:425px; height:104px; padding:15px; float:left; margin-top:6px; margin-left:14px;}
#before-footer #home-newsletter h4 {color:#FFF; font-size:24px;}
#before-footer #home-newsletter p {font-size:12px; color:#b67577;}
#before-footer #home-newsletter form {margin-top:20px;}
#before-footer #home-newsletter form input {width:155px; height:22px; padding:3px 5px; color:#c89496; font-size:14px; border:none; background:#560709 url(../images/bg-input-bottom.gif) left top repeat-x; border:1px solid #3b0304; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; float:left; margin-right:5px;}
#before-footer #home-newsletter form button {color:#636363; font-size:12px; text-transform:uppercase; letter-spacing:-0.5px; border:1px solid #000; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background-color:#111; padding:3px 5px; height:30px; float:left; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#000000'); background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#000)); background: -moz-linear-gradient(top,  #222,  #000);}

footer {border-bottom:10px solid #5f1c1c; padding:20px 0 40px 0;}
footer #redes-sociais {width:210px; margin:0 auto;}
footer #redes-sociais li {display:inline; width:30px; height:30px; overflow:hidden; float:left; margin-right:10px; background-image:url(../images/redes-sociais.png); background-repeat:no-repeat;}
footer #redes-sociais li.twitter {background-position:left top;}
footer #redes-sociais li.facebook {background-position:-40px top;}
footer #redes-sociais li.myspace {background-position:-80px top;}
footer #redes-sociais li.orkut {background-position:-120px top;}
footer #redes-sociais li.rss {background-position:-160px top;}
footer #redes-sociais li.youtube {background-position:-200px top;}
footer #redes-sociais li.twitter:hover {background-position:left -30px;}
footer #redes-sociais li.facebook:hover {background-position:-40px -30px;}
footer #redes-sociais li.myspace:hover {background-position:-80px -30px;}
footer #redes-sociais li.orkut:hover {background-position:-120px -30px;}
footer #redes-sociais li.rss:hover {background-position:-160px -30px;}
footer #redes-sociais li.youtube:hover {background-position:-200px -30px;}
footer #redes-sociais li a {display:block; height:0; min-height:0; padding-top:400px;}


/* discografia */

#discografia img {float:left; margin-right:10px;}
#discografia .musicas {width:400px; float:left;}


/* fotos */

#album-fotos li {display:inline;}
#album-fotos li a {float:left; width:240px; height:240px; margin-right:40px; margin-bottom:40px;}
#album-fotos li a img {display:block; margin-bottom:10px;}
#album-fotos li a span {font-size:18px;}
#lista-fotos li {display:inline;}
#lista-fotos li a {float:left; margin:0 10px 10px 0; height:150px;}


/* multimidia */

#videos {margin-bottom:20px;}
#videos li, #wallpapers li {display:inline;}
#videos li a, #wallpapers li a {width:120px; float:left; margin-right:15px;}