/* CSS Document */

* {margin:0; border:0;padding:0;}
body{background-image:url(img/malha_laranja_escura.gif);background-repeat:repeat;background-color:#333333;font-family:"Myriad Pro", "Lucida Sans Unicode", "Trebuchet MS", Tahoma;color:#FFFFFF;}
a{text-decoration:none;font-family:"Myriad Pro", "Lucida Sans Unicode", "Trebuchet MS", Tahoma;color:#FFFFFF;}
a:hover{color:#CC0000;}

#contato {float:right; padding:20px 0 15px 20px; width:450px;}
#contato input {border:2px solid #F00; padding:3px; font-size:15px; width:250px; background:none; color:#F00;}
#contato p {float:left; padding-left:30px; padding:5px 0 0 0; margin:0 !important;}
#contato label {font-size:18px; color:#F2F2F2; font-weight:bold; float:left; width:140px;}
#contato textarea {border:2px solid #F00; padding:3px; font-size:15px; width:250px; font-family:"Myriad Pro", "Lucida Sans Unicode", "Trebuchet MS", Tahoma;height:100px; background:none; color:#F00;}
#contato .btn {width:60px; background:none;color:#F00;}
#contato .img {border:1px solid #CCCCCC; padding:3px; background-color:#FFFFFF; width:327px;}
#contato .txt {padding-top:10px;}

#desc{float:left;text-align:left;width:500px;padding: 20px 0 0 0;line-height:20px;}
#desc h2{color:#CC0000;text-align:left}
#desc li{list-style-image:url(img/check.png);margin:0 0 0 30px;}
#desc p img{border:3px #CC0000 solid;float:left;text-align:left;margin:0 7px 7px 0;}

#menu{border-bottom:#999999 dashed 2px;margin:0 0 15px 0;text-align:left;}
#menu a{border:2px #CC0000 solid;padding:5px 10px;;margin:15px 25px 15px 0;color:#CC0000;}
#menu a:hover{background-color:#CC0000;color:#FFFFFF;}

#tudo{margin:0 auto;text-align:center;width:970px;}
#tudo h1{color:#CC0000;margin: 40px 0 15px 0;font-size:70px;text-align:left;letter-spacing:3px;padding:0 0 5px 0;border-bottom:#999999 dashed 2px;}
#tudo p{text-align:left;margin:20px 0;}

#top{border-bottom:#999999 dashed 2px;margin:0 0 20px 0;}

.works{width:100%;height:280px;border-bottom:#999999 dashed 2px;margin:30px 0 0 0;}
.worksf{width:100%;height:420px;border-bottom:#999999 dashed 2px;margin:30px 0 0 0;}

.imagem{float:left;}
.imagem a{text-decoration:none;}
.imagem a img{border:#CC0000 solid 3px;}
.imagem a img:hover{border:#FF0000 solid 3px;}

.descricao{float:right;width:250px;}
.descricao h2{color:#CC0000;text-align:left}
.descricao p{text-align:left}

.clique{color:#666666;font-size:12px;}

.jogo{float:left;text-align:center;width:550px;}