/* CSS  */

@import 'css_reset.css';

/****** SITE ******/
html{height:100%; width:auto;}
body{height:100%; width:auto; margin:0; padding:0; text-align:center; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;; background:#e5dfcc;}

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

#principal{height:100%; width:auto; text-align:center;}

/* Menu */
#principal #menu{height:100%; width:205px; float:left; background:#000; color:#fff; text-align:left;}
#principal #menu h1{margin:25px auto; text-indent:-5000px; display:block; overflow:hidden; width:158px; height:131px; background:url(../imagens/plakker_logo.png) no-repeat;}
#principal #menu ul li{margin:0; padding:0;}
#principal #menu .menu-navegacao{margin:10px 0 0 0;}
#principal #menu .menu-navegacao li{padding:0; margin:0; display:block; width:205px; height:28px;}
#principal #menu .menu-album{}
#principal #menu .menu-album li{margin:0; padding:0; display:block; width:205px; height:45px;}
#principal #menu #apoio{position:absolute; bottom:0;}
#principal #menu #apoio ul li{float:left;}
#principal #menu a{color:#fff;}
.hello{margin:0 0 0 5px;}

#principal #menu #controles{width:185px; padding:5px; color:#FFF; text-transform:uppercase; font-size:10px;}
#principal #menu #controles a{color:#CCC;}
#principal #menu #controles a:hover{color:#999; text-decoration:underline;}
#principal #menu #controles .logout{float:right;}

/* album */
#principal #container{height:100%; width:auto; display:block; overflow:hidden; position:relative;}
#principal #container.brasil{background:#3c981c url(../imagens/fundo_album1b.jpg) repeat-x;}
#principal #container.selecoes{background:#024ba4 url(../imagens/fundo_album2b.jpg) repeat-x;}
#principal #container.gold{background:#fb9400 url(../imagens/fundo_album3b.jpg) repeat-x;}
#principal #container #conteudo{height:100%; width:9500px; display:block; position:absolute; overflow:visible; cursor:pointer;}
#principal #container #conteudo.brasil{background:url(../imagens/fundo_album1a.jpg) no-repeat;}
#principal #container #conteudo.selecoes{background:url(../imagens/fundo_album2a.jpg) no-repeat;}
#principal #container #conteudo.gold{background:url(../imagens/fundo_album3a.jpg) no-repeat;}
#principal #container #conteudo .figurinha{float:left; height:100%; width:250px; text-align:center; overflow:hidden;}
#principal #container #conteudo .figoff_brasil{border-right:2px dotted #77c620;}
#principal #container #conteudo .figoff_selecoes{border-right:2px dotted #4492e9;}
#principal #container #conteudo .figoff_gold{border-right:2px dotted #ffd389;}
#principal #container #conteudo_internas{background:#e2dac6 url(../imagens/fundo_interna01.jpg) center top; width:100%; height:100%; display:block; text-align:center; overflow-y:scroll;}
#principal #container #conteudo_internas #pagina_interna{text-align:center; border:0px solid red; width:790px; padding:30px 0 0 0; margin:0 auto; font-size:14px; color:#585858;}
#principal #container #conteudo .figurinha table{border:none; margin:0; padding:0; width:100%; height:100%; z-index:1;}
#principal #container #conteudo .figurinha table tr td{vertical-align:middle; text-align:center;}
#principal #container #conteudo .figurinha a{display:block;}
#principal #container #conteudo .figurinha a:hover{}
#principal #container #conteudo .figurinha .selecoes a:hover{background:#1b3778;}
#principal #container #conteudo .figurinha .gold a:hover{background:#ea7400;}
#principal #container #conteudo .figurinha img{margin:auto;}
#principal #container #conteudo .informacoes{padding:10px 0 0 0; font-weight:bold;}

#principal #container #conteudo .nome_jogador_brasil{font-size:16px; color:#9ae498; display:inline;}
#principal #container #conteudo a.nome_ilustrador_brasil{font-size:16px; color:#cbeeca; display:inline;}
#principal #container #conteudo a.nome_ilustrador_brasil:hover{text-decoration:underline;}

#principal #container #conteudo .nome_jogador_selecoes{font-size:16px; color:#85b7ff; display:inline;}
#principal #container #conteudo a.nome_ilustrador_selecoes{font-size:16px; color:#85b7ff; display:inline;}
#principal #container #conteudo a.nome_ilustrador_selecoes:hover{text-decoration:underline;}

#principal #container #conteudo .nome_jogador_gold{font-size:16px; color:#e4e098; display:inline;}
#principal #container #conteudo a.nome_ilustrador_gold{font-size:16px; color:#eeecca; display:inline;}
#principal #container #conteudo a.nome_ilustrador_gold:hover{text-decoration:underline;}

#principal #container #logos{height:30px; display:block; overflow:hidden; width:100%; background:#000000; color:#fff; position:absolute; bottom:0; text-align:right;}
#principal #container #logos #container{width:775px; float:right; height:28px;}
#principal #container #logos #container #right{width:620px; float:right; text-align:right; padding-top:4px;}
#principal #container #logos #container #left{width:150px; float:left; font-size:12px; line-height:12px; padding:8px 0 0 0; height:30px; display:block; overflow:hidden;}
#principal #container #logos #container img{width:20px; height:20px;}
#principal #container #conteudo #pontilhado_vazio{width:173px; height:278px; margin:0 auto; text-align:center;}
#principal #container #conteudo #pontilhado_vazio.cor_brasil{color:#a4dd54; background:url(../imagens/img_pontilhado_brasil.png)no-repeat;}
#principal #container #conteudo #pontilhado_vazio.cor_selecoes{color:#85bafe; background:url(../imagens/img_pontilhado_selecoes.png)no-repeat;}
#principal #container #conteudo #pontilhado_vazio.cor_gold{color:#f7daa1; background:url(../imagens/img_pontilhado_gold.png)no-repeat;}
#principal #container #conteudo #pontilhado_vazio p{padding:120px 0; font-size:36px;}

/* Calendario */
#principal #calendario{height: 400px; width: 749px; padding-left: 7px; text-align:left; color:#fff; margin:0 auto;}
#principal #calendario #cabecalho {height: 25px; width: 732px; margin-bottom: 7px; margin-right: 7px; background-color: #003b43; padding: 7px 0 0 10px;}
#principal #calendario .celula {float: left; height: 60px; width: 90px; margin-right: 7px; margin-bottom: 7px; background-color: #36747c; padding: 10px 0 0 10px;}
#principal #calendario .celula2 {float: left; height: 60px; width: 90px; margin-right: 7px; margin-bottom: 7px; background-color: #003b43; padding: 10px 0 0 10px;}
#principal #calendario .texto_celula {float: left;}
#principal #calendario p {font-size: 11px;}
#principal #calendario h2 {font-size: 12px;}
#principal #calendario a{color:#FFF; text-decoration:none;}
#principal #calendario a:hover{text-decoration:underline;}


/* Home */
#principal.home{background:#e5dfcc url(../imagens/home_fundo.jpg) center top; text-align:center; position:relative;}
#principal.home #container_home{margin:0 auto; padding:15px 0 0 0; width:930px; text-align:left; position:relative;}
#principal.home h1{width:241px; height:221px; margin:0 auto 10px auto; display:block; overflow:hidden; text-indent:-5000px; background:url(../imagens/home_logo.png) no-repeat;}
#principal.home #home_cadastro{margin:35px 0 0 0; text-align:center;}
#principal #home_esq{width:280px;}
#principal #home_dir{width:615px; float:right;}
#principal.home  #apoio{clear:right; float:right;}
#principal.home #midias_sociais{float:right; margin:20px 220px 0 0;}

#principal.home #idiomas{position:absolute; right:17px; top:3px;}


#principal.home .form{width:280px;}
#principal.home .form .td_label{width:62px; height:29px; padding-bottom:10px;}
#principal.home .form .td_campo{width:218px; height:29px; padding-bottom:10px;}
#principal.home .form input{width:166px; height:29px; padding:0 3px; margin:0; background:#337079; border:0; font:12px 'trebuchet ms', arial, verdana; color:#FFF;}
#principal.home .form input.bt_enviar{width:105px; height:29px; background:url(../imagens/bt_entrar.jpg); text-indent:-5000px;}

#principal.home #form_cadastro{}
#principal.home #form_login{}
#principal.home #home_btcadastro{margin:26px 0 0 0;}
#principal.home #home_btlogin{margin:10px 0 0 0;}
#principal.home #erro_login{width:250px; height:40px; display:block; overflow:hidden; font-size:14px; color:#003b43; margin:0 0 5px 0; text-align:center;}

#principal #home_blogs{color: #e9e9e9; font-size:10px; background-color: #4d878e; clear:both; display:block; position:absolute; bottom:0; display:block; width:100%;} 
#principal #home_blogs #container{width:910px; margin:0 auto; height:33px;}
#principal #home_blogs #left{width:130px; float:left; padding-top:10px;}
#principal #home_blogs #right{width:780px; float:right; text-align:right; padding-top:4px;}
#principal #home_blogs #right img{padding-left:2px; border:none;}

/* Formularios */
.form table{}
.form table tr{}
.form table tr td{vertical-align:middle;}
.form table tr td.td_label{width:80px; text-align:right; font:bold 14px 'tahoma', arial, verdana;}
.form table tr td.td_campo{font-family:'trebuchet ms', arial, tahoma;}
.form h2{color:#FFF;}
.acertoBT{text-align:right; padding:0 46px 0 0;}

#principal #admin{margin:0 0 0 205px; padding:10px 0 0 10px;}
#principal #admin table.comum {border:1px solid #000;}
#principal #admin table.comum tr{}
#principal #admin table.comum tr td{border:1px solid #000; text-align:center; line-height:100%; vertical-align:middle;}

#form_cadastroImagens{padding:10px; width:450px; background:#CCC;}

input{border:0; padding:3px; font:14px 'tahoma', arial, verdana; width:200px; border:1px solid #666666; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
input.bt_enviar{width:100px; border:1px solid #666666; border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; cursor:pointer; font-weight:bold;}
input.campo_file{border:none; width:250px;}