@charset "UTF-8";
body {
  background: #303030 url(../imagens/bg.jpg);
}

a {
 	color: #CACACA;
 	font-weight: bold;
    text-decoration: none;
}

a:hover {
	color: #F29300;
	text-decoration: underline;
}

#geral {
    margin: 0 auto;
    width: 776px;
}

#topo {
  display: block;
}

#logo {
    float: left;
    width: 315px;
}

#icone {
    float: right;
    margin-top: 5px;
    width: 150px;
}

#faixa {
    float: left;
    height: 28px;
    width: 100%;
}

#menu {
    float: right;
    width: 509px;
}

#menu li {
    display: inline;
    list-style-type: none;
}

#menu li a {
    border-right: 1px dotted #FFFFFF;
    float: left;
    font: bold 11px Verdana;
    height: 14px;
    padding-top: 5px;
    text-align: center;
    width: 100px;
}

#menu li a:hover {
    color: #F29300;
    height: 14px;
	text-decoration: underline;
}

.menuborda {
    border-left: 1px dotted #FFFFFF;
    border-bottom: 1px dotted #FFFFFF;
}


#borda {
    border-left: 1px dotted #FFFFFF;
    float: left;
    height: 20px;
    width: 100px;
}

#left {
    color: #ACACAC;
    font: 10px Verdana;
    float: left;
    width: 190px;
}

#perfil {
    text-align: center;
    margin-top: 5px;
}


#quadro, #quadro2, #quadro3, #quadro4 {
    border: 2px solid #000000;
    background: transparent url(../imagens/efeito.gif) repeat;
    height: 70px;
    margin-top: 14px;
    padding: 4px;
    width: 182px;
}

#quadrado {
    border: 2px solid #000000;
    background: transparent url(../imagens/efeito.gif) repeat;
    float: left;
    margin-top: 14px;
    padding: 4px 4px 14px 4px;
    width: 776px;
}

#imagem {
    margin-bottom: 4px;
    text-align: center;
    width: 100%;
}

#quadrado li {
    display: inline;
    margin: 4px;
}

#quadrado li a img {
    border: solid 5px #1E1E1E;
}

#quadrado li a:hover img {
    border: solid 5px #F29300;
}

#quadrado p {
    color: #F29300;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 0 0 5px;
}

#perfil a {
    background-position: center top;
    display: block;
    height: 23px;
}

#perfil a:hover {
    background-position: center bottom;
    text-decoration: none;
}

.blog a {
    background-image: url(../imagens/blog.png);
    width: 44px;
}

.orkut a {
    background-image: url(../imagens/orkut.png);
    width: 48px;
}

.twitter a {
    background-image: url(../imagens/twitter.png);
    width: 68px;
}

.blog, .orkut, .twitter {
    float: left;
    margin: 10px 0 0 5px;
    width: 44px;
}

#parceiro {
    text-align: center;
}

#conteudo {
    background: transparent url(../imagens/efeito.gif) repeat;
    border: 2px solid #000000;
    float: right;
    height: 358px;
    margin-top: 14px;
    padding: 4px;
    width: 72%;
}

#conteudo h1 {
    color: #F29300;
    font-family: Verdana;
    font-size: 20px;
    font-weight: normal;
    padding: 0 0 0 15px;
}


#conteudo h2 {
    color: #F29300;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 0 0 5px;
    width: 200px;
}

#conteudo h3 {
    color: #F29300;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    padding: 15px 0 0 15px;
    width: 210px;
}

#conteudo h4 {
    color: #CACACA;
    font-family: Verdana;
    font-size: 11px;
    font-style: italic;
    font-weight: normal;
    padding: 10px 0 10px 15px;
}

#conteudo p {
    color: #ACACAC;
    font: 11px Verdana;
    padding: 15px 0 0 15px;
}

#botoes {
    margin-bottom: 60px;
    width: 776px;
}

#esquerda {
    float: left;
    height: 51px;
    margin-top: 120px;
    width: 66px;
}

#esquerda a {
    background: url(../imagens/btn_esq.png) center top;
    display: block;
    width: 66px;
    height: 51px;
}

#esquerda a:hover {
    background: url(../imagens/btn_esq.png) center bottom;
    text-decoration: none;
}

#esq {
    clear: none;
    float: left;
    margin-left: 42%;
    height: 51px;
    width: 66px;
}

#esq a {
    background: url(../imagens/btn_esq.png) center top;
    display: block;
    width: 66px;
    height: 51px;
}

#esq a:hover {
    background: url(../imagens/btn_esq.png) center bottom;
    text-decoration: none;
}

#direita {
    float: left;
    margin-top: 120px;
    margin-left: 15px;
    width: 51px;
}

#direita a {
    background: url(../imagens/btn_dir.png) center top;
    display: block;
    width: 51px;
    height: 51px;
}

#direita a:hover {
    background: url(../imagens/btn_dir.png) center bottom;
    text-decoration: none;
}

#dir {
   float: left;
   width: 51px;
}

#dir a {
    background: url(../imagens/btn_dir.png) center top;
    display: block;
    width: 51px;
    height: 51px;
}

#dir a:hover {
    background: url(../imagens/btn_dir.png) center bottom;
    text-decoration: none;
}

#destaque {
    border: 1px solid #000000;
    height: 309px;
    float: left;
    margin-top: 10px;
    margin-left: 15px;
    width: 392px;
}

#foto {
    background: #1E1E1E;
    float: left;
    opacity: 0.7;
    padding: 10px;
    margin: 0 0 5px 10px;
    width: 150px;
}

#foto:hover {
    background: #F29300;
}

#texto {
    float: left;
    width: 373px;
}

#rodape {
    color: #999999;
    font: bold 10px Verdana;
    float: right;
    margin-top: 5px;
    width: 290px;
}

#pai {
    display:none;
}

.email {
    color: #ACACAC;
}

.titulo {
    margin-bottom: 15px;
}

.voltar {
    float: right;
    width: 50px;
}

.enfase {
    font-weight: normal;
    text-decoration: underline;
}

#subtitulo {
    width: 100%;
}


#contatos {
    background: transparent url(../imagens/efeito2.gif) repeat;
    float: left;
    height: 190px;
    opacity: 0.7;
    margin: 50px 0 0 20px;
    padding: 5px;
    width: 190px;
}

#contato {
    float: right;
    margin-top: 10px;
    width: 280px;
}

#contato fieldset {
    margin-top: 10px;
    width: 250px;
}

#contato label {
    color: #CACACA;
    display: block;
    font-weight: bold;
    float: left;
    font: 11px Verdana;
    padding-bottom: 10px;
    width: 240px;
}

#contato input, textarea {
    background: #CACACA;
    font-weight: bold;
    padding: 2px;
    width: 220px;
}

#contato input, textarea {
    border: 2px solid #292929;
}

#contato textarea {
    height: 50px;
}

#categoria {
    margin: 0 auto;
    margin-top: 15px;
    padding: 10px;
    width: 412px;
}

#categoria img {
    margin-top: 10px;
}

#retorno {
    color: #F29300;
    font: bold 12px Verdana;
    text-align: center;
    margin-top: 40px;
}

.btn {
    width: 100px;
}

#twitter {
    background-color: #292929;
    color: #F29300;
    font: 12px Verdana;
    float: left;
    margin: 10px;
    margin-top: 10px;
    opacity: 0.7;
    padding: 5px;
    width: 94%;
}

.titulo2 {
    margin-bottom: 15px;
    margin-top: 15px;
    float: left;
    width: 100px;
}

.imagem {
  float: left;
  margin-right: 5px;
}

.prefixo {
  float: left;
}
