* { margin:0; padding:0;}
body { padding:0; margin:0; background:#fff url(../img/layout/bg.gif) repeat-x top; font:62.5% Arial, Helvetica, sans-serif; }
div#global {width:1000px; color:#000; position:relative; }
img {border:0}

ul { padding:5px 5px 5px 20px;}
ul.menu { margin:0; padding:0; list-style:none;}
ul.menu li { display:inline;}
a {color:#0049B7}
a:hover { background-color:#ff6600; color:#fff;}

/******************************************************************
   ESTRUTURA
 ******************************************************************/
div#global { width: 1000px; height:1%; text-align:left; position:relative;}
.aviso { margin: 10px; font-size:1.8em; font-weight:bold; color:#FF9900; }
.clearBoth {clear:both;}
.sobre { font-size:1.4em; color:#666; background-color: #fafafa; border:1px dotted #ccc; padding:10px; text-align:justify; margin-bottom:10px }

/******************************************************************
   TOPO
 ******************************************************************/
div#topo {position: relative; height:84px}
div#topo img#logo {position:absolute; top:7px; left:11px; z-index:99 }
div#topo div.infos {position:absolute; top:7px; left:400px; z-index:99; font:bold 1.2em Arial, Helvetica, sans-serif; text-align:justify; color:#333}

/* MENU
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div#menu {margin:0 4px 0; background: url(../img/layout/menu-bg.gif) repeat-x; overflow:hidden;  }
div#menu ul { display:block; overflow:hidden; background: url(../img/layout/menu-fim.gif) no-repeat right}
div#menu a.menu span {display:none}
div#menu a { display:block; height: 74px; float:left; }	
div#menu a:hover#menu-home,
div#menu a:hover#menu-suporte,
div#menu a:hover#menu-streaming,
div#menu a:hover#menu-hospedagem,
div#menu a:hover#menu-atendimento,
div#menu a:hover#menu-downloads,
div#menu a:hover#menu-cadastro,
div#menu a.ativo { background-position:0 -74px;}

div#menu a#menu-home {width:122px; background: url(../img/layout/menu-inicial.gif) no-repeat top}
div#menu a#menu-suporte {width:140px; background: url(../img/layout/menu-suporte.gif) no-repeat top}
div#menu a#menu-streaming {width:140px; background: url(../img/layout/menu-streaming.gif) no-repeat top}
div#menu a#menu-hospedagem {width:166px; background: url(../img/layout/menu-hospedagem.gif) no-repeat top}
div#menu a#menu-atendimento {width:171px; background: url(../img/layout/menu-atendimento.gif) no-repeat top}
div#menu a#menu-downloads {width:140px; background: url(../img/layout/menu-downloads.gif) no-repeat top}
div#menu a#menu-cadatro {width:145px; background: url(../img/layout/menu-cadastro.gif) no-repeat top}

/******************************************************************
   CONTEUDO
 ******************************************************************/

/* SUBMENU
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div#submenu a { display:block; width:207px; line-height:43px; font-weight:bold; font-size:1.4em; color:#666; background: #efefef url(../img/layout/submenu-bg.gif) no-repeat; float:left; text-align:center; text-decoration:none; margin:0 20px }
div#submenu a:hover{background-color:#ffcc00; color: #fff}

/* STREAMING
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div#streaming { margin:5px 13px 0 12px; }
div#streaming li { display:block; float:left;}
div#streaming li.a span,
div#streaming li.c span,
div#streaming li.d span,
div#streaming li.e span,
div#streaming li.f span,
div#streaming li.g span,
div#streaming li.h span { display:none}
div#streaming li.a {width: 282px; height:218px; background: url(../img/layout/streaming-a.gif) no-repeat}
div#streaming li.b {width: 469px; height:218px; background: url(../img/layout/streaming-tabela.gif) no-repeat; position:relative;}
div#streaming li.c {width: 224px; height:218px; background: url(../img/layout/streaming-c.jpg) no-repeat}
div#streaming li.d {width: 242px; height:91px; background: url(../img/layout/streaming-d.gif) no-repeat}
div#streaming li.e {width: 274px; height:91px; background: url(../img/layout/streaming-e.gif) no-repeat}
div#streaming li.f {width: 160px; height:91px; background: url(../img/layout/streaming-f.gif) no-repeat}
div#streaming li.g {width: 181px; height:91px; background: url(../img/layout/streaming-g.gif) no-repeat}
div#streaming li.h {width: 118px; height:91px; background: url(../img/layout/streaming-h.gif) no-repeat}
div#streaming li.h a, div#streaming li.h a:hover {display:block; width: 118px; height:91px; background:none}
/*li.b*/
div#streaming li.b span.a330 { font:bold 1.6em Arial, Helvetica, sans-serif; color:#333; position:absolute; top:43px; width:64px; text-align:center;}
div#streaming li.b span.a659 { font:bold 1.6em Arial, Helvetica, sans-serif; color:#333; position:absolute; top:78px; width:64px; text-align:center;}
div#streaming li.b span.a13 { font:bold 1.6em Arial, Helvetica, sans-serif; color:#333; position:absolute; top:113px; width:64px; text-align:center;}
div#streaming li.b span.a33 { font:bold 1.6em Arial, Helvetica, sans-serif; color:#333; position:absolute; top:148px; width:64px; text-align:center;}
div#streaming li.b span.a66 { font:bold 1.6em Arial, Helvetica, sans-serif; color:#333; position:absolute; top:183px; width:64px; text-align:center;}


div#streaming li.b span.b330 { font:1.2em Arial, Helvetica, sans-serif; color:#666; position:absolute; top:45px; left:84px; text-align:center;}
div#streaming li.b span.b659 { font:1.2em Arial, Helvetica, sans-serif; color:#666; position:absolute; top:80px; left:84px; text-align:center;}
div#streaming li.b span.b13 { font:1.2em Arial, Helvetica, sans-serif; color:#666; position:absolute; top:115px; left:84px; text-align:center;}
div#streaming li.b span.b33 { font:1.2em Arial, Helvetica, sans-serif; color:#666; position:absolute; top:150px; left:84px; text-align:center;}
div#streaming li.b span.b66 { font:1.2em Arial, Helvetica, sans-serif; color:#666; position:absolute; top:185px; left:84px; text-align:center;}

div#streaming li.b span.c330 { font:bold 1.6em Arial, Helvetica, sans-serif; color:#ff6600; position:absolute; top:43px; width:106px; right:0; text-align:center;}
div#streaming li.b span.c659 { font:bold 1.6em Arial, Helvetica, sans-serif; color:#ff6600; position:absolute; top:78px; width:106px; right:0; text-align:center;}
div#streaming li.b span.c13 { font:bold 1.6em Arial, Helvetica, sans-serif; color:#ff6600; position:absolute; top:113px; width:106px; right:0; text-align:center;}
div#streaming li.b span.c33 { font:bold 1.6em Arial, Helvetica, sans-serif; color:#ff6600; position:absolute; top:148px; width:106px; right:0; text-align:center;}
div#streaming li.b span.c66 { font:bold 1.6em Arial, Helvetica, sans-serif; color:#ff6600; position:absolute; top:183px; width:106px; right:0; text-align:center;}


/* BLOCOS
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div#blocos li { display:block; float:left; width:322px; height: 239px; background:url(../img/layout/box.gif) no-repeat; margin:5px  }
div#blocos li h1 {padding:8px 15px}
div#blocos li span {display:none}
div#blocos li h3 { padding:10px 0 10px 40px; background: url(../img/icones/seta.gif) no-repeat 20px center; color: #666; font:bold 1.2em Arial, Helvetica, sans-serif}
div#blocos li p { padding:1px 0 1px 40px; color: #666; font: 1.2em Arial, Helvetica, sans-serif}
div#blocos li img.hospedagem {padding:0 8px}

/******************************************************************
   INTERNA
 ******************************************************************/
h1.titulo { padding:10px}
h1.titulo span {display:none}
h2.titulo {font:bold 2em Arial, Helvetica, sans-serif; color:#333; margin-bottom:20px}
h2.h2 {font:bold 2em Arial, Helvetica, sans-serif; color:#ff6600; padding:10px; clear:both; border-bottom: 2px solid #efefef; }
h2.h2 span { display:block; padding-top:20px}
.col-b li span.h3 {font:bold 1.2em Arial, Helvetica, sans-serif; color:#FF6600; padding:0; display:block; margin:0; min-height: 1%}
.col-b li span.h2 {font:bold 1.2em Arial, Helvetica, sans-serif; color:#666; text-align:center; padding:0; display:block; margin:0; min-height: 1%}


.col-a {width: 325px; float:left; border-right: 1px dotted #C5C3C6; padding:10px 20px}
.col-c {width: 325px; float:left; border-left: 1px dotted #C5C3C6; padding:10px 20px}
.col-a p {padding:20px 0 10px; font-size:1.3em; color: #504A51}

.col-b {width: 604px; float:left; padding:10px 10px 10px 20px}
.col-b ul { display:block;  }
.col-b li {display:block; padding:15px 0;  border-bottom: 1px dotted #C5C3C6; overflow:hidden; float:left; width:602px }
.col-b li span {font-size:1.2em}
.col-b li span.titulo { display:block; float:left; width:201px; padding-right:5px}
.col-b li span.contato { display:block; float:left; width:220px;  text-align:  center; color:#666}
.col-b li span.status { display:block; float:left; width:176px; text-align:  center}
.col-b li span p {padding:5px}

.col-b ul.atendimento li span {min-height:50px;}
.col-b ul.atendimento li span.contato {background-color:#efefef; color:#333}

/******************************************************************
   RODAPE
 ******************************************************************/
div#rodape { clear: both; margin-top:10px; border-top: 1px dotted #999; padding:10px; background-color:#efefef; overflow:hidden}
div#rodape div.copy { float:left; color:#666; font-size:1.1em}
div#rodape div.infos { float:right; color:#666; font-size:1.3em}


div.erro404 { padding:100px;}
div.erro404 span {display:none}

/******************************************************************
   DOWNLOADS
 ******************************************************************/
ul.downloads {display:block;}
ul.downloads li { display:block; border-bottom: 1px dotted #C5C3C6; overflow:hidden;  padding:10px}
ul.downloads .a { display:block; float:left; padding:10px; width:780px; border-right: 1px dotted #C5C3C6; }
ul.downloads .b { display:block; float:right; padding:10px; text-align:center; }
ul.downloads li .b a.baixar {display:block; width:148px; height:31px; background:url(../img/icones/download.gif) no-repeat top}
ul.downloads li .b a.baixar span { display:none;}
ul.downloads li .b a:hover.baixar {background:url(../img/icones/download.gif) no-repeat bottom}

ul.downloads .a span.titulo { font-size:1.4em; font-weight:bold; color: #ff6600; display: block;}
ul.downloads span.instrucoes { display:none; padding:5px; margin:10px; background-color:#fff; overflow:auto; font-size:1.4em}


a:hover{ border: none; text-decoration: none}