@charset "utf-8";
/* CSS Document Cleriston Santiago */

/* ------- PADRONIZAÇÃO -------- */

* {margin:0; padding:0;}
address,th { font-style:normal; font-weight:normal;}
table { border-collapse:collapse; border-spacing:0px; margin:0px;}
caption,th { text-align:left;}
img,fieldset { border:none;}
ol,ul { list-style:none; font-size:inherit;}
a { color:#932; text-decoration:none;}
a:hover { color:#483628; text-decoration:underline;}
div {position:relative;}
textarea { font-family:"verdana", helvetica, verdana, arial;}
form { margin:0px; padding:0px;}
h1, h2, h3, h4, h5 {  padding:0px; margin:0px; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal;}

html, body { height:100%; margin:0px; padding:0px; font-size:11px;  font-family:"verdana", helvetica, verdana, arial; color:#2A3343;}

.clear {clear:both} /* <br class=”clear”> */

/* ------- DIV'S -------- */

#conteiner {width:900px; margin:auto; padding:0px; display:table;}
#destino { width:900px; margin:auto; padding:0px; display:table; background:#DDDCDC;}
#topo { width:900px; height:140px; margin:auto; padding:0px;}
#logo { position:absolute; top:10px; left:10px; width:410px; height:90px;}

#player { width:414px; height:114px; position:absolute; right:5px; top:5px; background:url(img_css/bg_play.png)}
#player #box { width:288px; height:35px; position:absolute; top:8px; right:8px;}
#player a.bt_play {display:block; background:url(img_css/bt_play.png) 0px 0px no-repeat; width:33px; height:33px; float:left; margin-right:8px;}
#player a:hover.bt_play {background-position:0px -31px;}
#player a.bt_stop {display:block; background:url(img_css/bt_stop.png) 0px 0px no-repeat; width:33px; height:33px; float:left; margin-right:18px;}
#player a:hover.bt_stop {background-position:0px -31px;}
#player a.bt_volumemais {display:block; background:url(img_css/bt_volumemais.png) 0px 0px no-repeat; width:24px; height:33px; float:left; margin-right:2px;}
#player a:hover.bt_volumemais {background-position:0px -31px;}
#player a.bt_volumemenos {display:block; background:url(img_css/bt_volumemenos.png) 0px 0px no-repeat; width:25px; height:33px; float:left; margin-right:30px}
#player a:hover.bt_volumemenos {background-position:0px -31px;}
#player a.bt_popup {display:block; background:url(img_css/bt_popup.png) 0px 0px no-repeat; width:78px; height:33px; float:left;}
#player a:hover.bt_popup {background-position:0px -30px;}
#player .tocando { display:block; position:absolute; width:270px; height:20px; font-size:11px; color:#EBB600; left:125px; top:80px;}

#meio_left { width:580px; display:table;  margin-left:10px }


/* ------- MENU -------- */
#menu { height:45px; background:url(img_css/bg_menu.png) no-repeat;}
#menu .form { display:block; float:left; height:45px; width:250px; margin-left:10px;}
#menu .campo_inputbusca { border:none; width:190px; margin-left:10px; margin-top:15px; margin-right:10px; float:left; display:block; font-size:11px; background:url(img_css/blank.gif); color:#5F481B;}
#menu .bt_inputbusca { border:none; width:30px; height:45px; background:url(img_css/m_procurar.jpg) no-repeat; cursor:pointer; cursor:hand; float:left;}

a.m_home { background:url(img_css/m_home.jpg) 0px 0px no-repeat; width:45px; height:45px; margin-left:10px; margin-right:15px; float:left; display:block}
a:hover.m_home { background-position:0px -45px;}
a.m_noticias { background:url(img_css/m_noticias.jpg) 0px 0px no-repeat; width:60px; height:45px; margin-right:18px; float:left; display:block}
a:hover.m_noticias { background-position:0px -45px;}
a.m_agenda { background:url(img_css/m_agenda.jpg) 0px 0px no-repeat; width:50px; height:45px;  margin-right:18px; float:left; display:block}
a:hover.m_agenda  { background-position:0px -45px;}
a.m_videos { background:url(img_css/m_videos.jpg) 0px 0px no-repeat; width:48px; height:45px;  margin-right:15px; float:left; display:block}
a:hover.m_videos { background-position:0px -45px;}
a.m_programacao { background:url(img_css/m_programacao.jpg) 0px 0px no-repeat; width:95px; height:45px;  margin-right:18px; float:left; display:block}
a:hover.m_programacao { background-position:0px -45px;}
a.m_fotos { background:url(img_css/m_fotos.jpg) 0px 0px no-repeat; width:45px; height:45px;  margin-right:15px; float:left; display:block}
a:hover.m_fotos { background-position:0px -45px;}
a.m_promocoes { background:url(img_css/m_promocoes.jpg) 0px 0px no-repeat; width:78px; height:45px; margin-right:18px; float:left; display:block}
a:hover.m_promocoes { background-position:0px -45px;}
a.m_faleconosco { background:url(img_css/m_faleconosco.jpg) 0px 0px no-repeat; width:90px; height:45px; float:left; display:block}
a:hover.m_faleconosco  { background-position:0px -45px;}


/* -- rodape -- */
#base_rodape { background:url(img_css/bg_rodape.jpg) repeat-x; width:100%; height:93px; margin:auto; padding:0px; margin-top:10px; display:table;}
#rodape {text-align:left; width:100%; margin:auto; height:50px; font-size:0.8em; color:#6e7f9a; margin-top:30px; }
#logo_designer { width:140px; height:40px; margin:0px auto; float:right; margin-right:10px; }
#rodape  a.hospedagem {display:block; background:url(img_css/logo_hospedagem.png) 0px 0px no-repeat; width:80px; height:48px; float:right; margin-right:30px;}
#rodape  a.orkut {display:block; background:url(img_css/logo_orkut.png) 0px 1px no-repeat; width:68px; height:33px; float:right; margin-right:45px;}
#rodape  a.twistter {display:block; background:url(img_css/logo_twistter.png) 0px 1px no-repeat; width:100px; height:33px; float:right; margin-right:10px;}
#rodape  a.flickr {display:block; background:url(img_css/logo_flickr.png) 0px 1px no-repeat; width:70px; height:33px; float:right; margin-right:10px;}