/* CSS Document
// Alaísio Leal 
*/

body { background: url(../img/bg-main.gif) repeat; margin: 0; font: 11px Arial;	 color: #eee; }	
a {color: #999;background: inherit;  text-decoration: none; }
a:hover {color: #ccc; background: inherit; }

p{margin:0;}
ul {margin: 0; padding : 0; list-style : none; }
form { margin: 0; }

#conteudo { width: 735px;  margin:auto;}
#corpo-site {float:left; width: 736px; background: #333;}

#topo {float:left; width: 735px;}
#menu-topo{width: 730px; height: 27px; margin:auto;}
#menu-topo p {font:bold 10px Arial; color:#fff; padding: 5px 0 0 0;}

ul#menu {width:740px;margin:0 auto; list-style-type:none;}
ul#menu li { position:relative; float:left; }
ul#menu li a { display:block; float:left; width:122px; padding:7px 0 7px 0; background:#000; font:bold 10px Arial; color:#fff; text-decoration:none; text-align:center;}
ul#menu li a:hover{ background:#111;}
ul#menu li ul{ display:none; position:absolute; top:25px; left:0; }
ul#menu li:hover ul, ul#menu li.hover ul{ display:block; list-style:none;  }
ul#menu li ul li a{width:122px; border-bottom:1px solid #000; clear:both;}
ul#menu li ul li{ float:none; clear:both; }
ul#menu li ul li a{float:none;}

#ads-topo {float:left; width: 735px; padding: 10px 0; border-bottom: 1px solid #444;}

#caixa-1 {float:left; width:560px; }
#download-cs-16 {margin:auto; width: 400px; padding: 10px 0; }
#download-cs-16-caixa {float:left; width:400px; margin: 10px 0;}
#download-cs-16 p {font: 13px Arial; line-height:21px;}

.cs16 {border:3px solid #300;}
.cs16:hover {border:3px solid #900;}

#comentarios {margin:auto; height:300px; overflow:scroll; width:510px; background:#000; padding:0 10px 10px 10px;}
#comentario-item {float:left width: 360px; border-bottom: 2px solid #222; margin: 10px 0; padding:10px; background:#111;}
#comentario-item p {color:#eee; font: 13px Arial; line-height:21px;}
#deixar-comentario {width: 480px; margin:auto;}
#deixar-comentario-caixa {float:left; width:480px; background:#444; padding:10px; }
#deixar-comentario-caixa p {font: 14px Arial; color:#fff; padding:10px;}
#deixar-comentario-caixa-titulo {float:left; width: 470px; background:#000;}
#deixar-comentario-caixa-titulo {font: 14px Arial; color:#fff;}
.txt-nome {width: 315px; border:1px solid #000; background: #eee; margin: 20px 0 0 8px; padding:3px;}
.txt-email {width: 315px; border:1px solid #000; background: #eee; margin: 0 0 0 10px; padding:3px;}
.area-msg {border:1px solid #000; background: #eee; margin: 0 0 0 2px; padding:3px;}
.botao-envia {width: 200px; height:30px; border:1px solid #000; background:#333; color:#fff;}

#subrod {float:left; width:100%; height:100px; background:#000 url(../img/bg-rod.gif) repeat-x; margin: 10px 0 0 0;}
#subrod p {font: 12px Arial; color:#fff; text-align:center;}
#subrod a {color:#fff;}
#subrod a:hover {text-decoration:underline;}

.separador {float:left; width:400px; height: 20px;}

#caixa-noticia {margin:auto; width: 400px; background:#333; padding:15px;}
#caixa-noticia-box {float:left; width:400px; background:#222; padding:5px 20px; margin: 10px 0 0 0;}
#caixa-noticia p {font:12px Arial; padding:5px 0;}
#caixa-noticia a {color:#999; text-decoration:none; }
#caixa-noticia a:hover {color:#fff;}

#caixa-2 {float:left; width:160px; height:800px; background:#222; margin:10px 0 0 0;}

.titulo { width: 500px; height:50px; margin: 0 0 0 50px;}
.descricao { width: 500px; height:250px; margin: 20px 0 0 22px;}
.inserir { margin: 30px 0 0 300px; background: #ccc; border:0;}

.red {color:red;}
.green {color:green;}

#rodape {clear:both; width: 100%; text-align: center;}