/* CSS PADRAO DO SITE 
ESTILOS UNICOS POR PAGINA DEVEM SER CHAMADOS POR ID E ESTILOS REPETIDOS POR CLASS
INTERESSANTE SEMPRE USAR SEMÂNTICA PARA TODAS AS PÁGINAS
--------------------------------------------------------------------------------*/

/*STYLOS GERAIS PARA FUNCIONAMENTO DE TODO O SITE 
--------------------------------------------------------------------------------*/

/*body { font : normal 12px/14px arial; color : #666666; margin : 0px!important; padding : 0px!important;}*/
*          {margin: 0; padding: 0;}
html, body {width: 100%; height: 100%;}


/*body {font-family: Arial, Helvetica; font-size: 12px; color: #666666; margin: 0;}*/
body {font-family: Arial, Helvetica; font-size: 12px; color: #666666;}

#page-wrap {width: 100%; height: auto; min-width: 980px; min-width: 980px;}
img {border : 0px; margin : 0px; padding : 0px; outline : none}
p {margin : 0px; padding : 0px}
ul {margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px; list-style-type : none}
/*li {margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px}*/
form {margin : 0px; padding : 0px}
h1 {margin : 0px; margin-left: 25px; height:37px; background: transparent url('/images/common/bg-barra-menu.gif') repeat-x;} 
#controlaSubTitulos {height: 48px;}
#controlaSubTitulos img {float : left;}
#baseConteudo {height: 18px;}
#baseConteudo span {display : block; float : left; width : 930px; height : 18px; background : url('/images/common/px_base_conteudo.gif') repeat-x 0px 0px;}
#baseConteudo img {float : left;}
#controlaSubTitulos h2 { background : url('/images/common/px_campo_titulo.jpg') repeat-x 0px 0px; float : left; width : 912px; height : 33px; font-size : 14px; font-weight : bold; color : #000; margin : 0px; padding : 15px 0px 0px 0px;}
a { outline : none; text-decoration : none; color : #ff5d00}

/* DEFINE TODOS OS STYLOS GERAIS DAS PÁGINAS EM COMUM
---------------------------------------------------------------------------------------*/
div#global {
    width : 100%;
    height : 171px;
    background : url('/images/common/faixa_menu_inteira.jpg') repeat-x 0px 97px;
}
div#controlaSite {
    width : 100%;
    height : 36px;
    background : url('/images/common/bg_campo_input_top_inteiro.jpg') no-repeat right 0px;
}
div#geral {
    width : 996px;
    text-align : left;
    margin : auto;
    position : relative;
}

/********
---------------- STYLOS PADRÃO BREADS----------*/
div#bread {
    font-size : 11px;
    margin: 10px 0 0 65px;
}
div#bread strong {
    display : block;
    width : 80px;
    float : left;
    font-size : 11px;
}
div#bread a {
    float: left;
    padding : 0px 10px 0px 5px;
    background: url('/images/common/seta-laranja.gif') no-repeat right 4px;
}

div#bread a:hover {text-decoration: underline; color: #febf00}

div#bread span {
    padding : 0px 5px 0px 5px;
}
/*------- FECHA STYLOS PADRÃO BREADS----------*/

/* TOPO	
------------------------------------------------------------------------------------------*/
div#topo                  {height: 97px; margin-left: 25px;}
div#topo #ajustaLogoMarca {float : left;}

div#topo #direitaTopo {
    float: right;
    width : auto;
    height : 97px;
    background-color : #fff;
    text-align: right;
}
div#topo #direitaTopo #campoEnvieParaAmigo {
    float : right;
    width : 412px;
    height : 36px;
    background : #e8e8e8 url('/images/common/barra-cinza-convide.gif') no-repeat 0px 0px;
}
div#topo #direitaTopo #campoEnvieParaAmigo .classBgInputTopo {
    float : left;
    border : 0px;
    color : #666666;
    width : 207px;
    height : 18px;
    padding : 8px 0px 0px 7px;
    margin: 3px 0px 0px 10px;
    font-size : 11px;
    background : url('/images/common/bg_campo_input_top.gif') no-repeat 0px 3px;
}
div#topo #direitaTopo #campoEnvieParaAmigo #btoConvideAmigo {
    float : right;
    margin : 8px 20px 0px 0px;
}
div#topo #direitaTopo #nomeUsuario {
    float : right;
    clear : both;
    width : auto;
    padding : 20px 0px 0px 0px;
    margin-right: 10px;
}
div#topo #direitaTopo #nomeUsuario #textIdentficacao {
    display : block;
    float: left;
    width : 23px;
    color : #a5a5a5;
}
div#topo #direitaTopo #nomeUsuario #usuarioLogado {
    float : left;
    width : auto;
    margin-left: 2px;
}
div#topo #direitaTopo #nomeUsuario #efetuarLogout {
    float : left;
    display : block;
    font-size : 11px;
    width : 80px;
    padding : 3px 0px 0px 15px;
    background : url('/images/common/seta-laranja.gif') no-repeat 5px 8px;
}
/* FECHA TOPO	
------------------------------------------------------------------------------------------*/

/* MENU DE NAVEGAÇÃO
------------------------------------------------------------------------------------------*/

#menuNavegacao {
    height : 35px;
    margin-left: 62px;
    border-top:1px solid #fff;
    background-color: #ababab;
}
#menuNavegacao li{
    display:inline;
}
#menuNavegacao ul {
}
#menuNavegacao ul li a {
    display : block;
    float : left;
    height : 25px;
    color : #fff;
    font-weight : bold;
    text-decoration : none;
    padding : 10px 10px 0px 10px;
    border-right:1px solid #fff;
}
#menuNavegacao ul li a:hover {
    display : block;
    float : left;
    height : 25px;
    color : #fff;
    font-weight : bold;
    text-decoration : none;
    padding : 10px 10px 0px 10px;
    background-color : #df6b1a;
    border-right:1px solid #fff;
}



/* Gambiarra */

#menuNavegacao2 {
    height : 35px;
    margin-left: 62px;
    border-top:1px solid #fff;
    background-color: #6f6f6f;
}
#menuNavegacao2 li{
    display:inline;
}
#menuNavegacao2 ul {
}

#menuNavegacao2 ul li a {
    display : block;
    float : left;
    height : 25px;
    color : #ffffff;
    font-weight : bold;
    text-decoration : none;
    padding : 10px 10px 0px 10px;
    border-right:1px solid #ffffff;
    border-left:1px solid #ffffff;
    background-color: #ababab;
    margin-left: -1px;
}

#menuNavegacao2 ul li span {
    display : block;
    float : left;
    height : 25px;
    color : #a6a6a6;
    font-weight : bold;
    text-decoration : none;
    padding : 10px 10px 0px 10px;
    border-right:1px solid #a6a6a6;
}

/* Gambiarra */

/* Correção da gambiarra acima */

#nav-menu          {height: 37px; margin: 1px 0 0 62px; background-color: #ababab; color: #ffffff; font-weight: bold;}
#nav-menu ul       {height: 100%;}
#nav-menu li       {height: 100%; line-height: 37px; display: inline; float: left; padding: 0 8px; border-right: 1px solid #ffffff;}
#nav-menu li a     {color: #ffffff;}
#nav-menu .current {background-color: #da7531;}
#nav-menu .disable {background-color: #6f6f6f;}

.semBorda {
    border-right : none!important;
}
/* FECHA MENU DE NAVEGAÇÃO
------------------------------------------------------------------------------------------*/

/* CORPO	
------------------------------------------------------------------------------------------*/
#corpo {padding-bottom: 20px;}
#controlaConteudo {
    width : 946px;
    padding : 8px 25px 0px 25px;
}
#conteudoPage {
    width : 946px;
    padding : 30px 0px 15px 0px;
    clear :  both;
}
#centerPage {
    width : 941px;
    background-color : #fff;
    border-left:1px solid #d9d9d9;
    border-right:1px solid #d9d9d9;
}


#content {height:auto; border-bottom: 1px solid #d9d8d8; margin: 10px 65px 0 65px; padding-bottom: 15px;}
/* FECHA CORPO	
------------------------------------------------------------------------------------------*/

/* RODAPÉ
------------------------------------------------------------------------------------------*/
div#controlaRodape {
    padding-top : 15px;
    width : 915px;
    margin-left: 65px;
}
div#rodape {
    float : left;
    padding : 5px 0px 0px 5px;
    height : 53px;
    width : 810px;
    background : url('/images/common/rodape-esquerdo.jpg') repeat-x 0px 0px;
}

#apoio {
    height:51px;
    margin: 13px 15px 0 65px;
}

.img-apoio {
    float: left;
}

#apoio ul {
    border: 1px solid #B8B8B8;
    height: 49px;
    list-style-type: none;
    margin-left: 91px;
    width: auto;

}

#apoio li       {width: 100px; display: inline-block; opacity:0.3; filter: alpha(opacity=30); float: left;background: url('/images/apoio/apoiadores.gif') no-repeat;}
#apoio li a     {height: 49px; display: block;}

#apoio #uirapuru-banner           {background-position: 15px 0;}
#apoio  #uirapuru-banner:hover    {opacity:1; filter: alpha(opacity=100)}
#apoio  #worldgames-banner        {background-position: -85px 0;}
#apoio  #worldgames-banner:hover  {opacity:1; filter: alpha(opacity=100)}

#apoio #foto-perfil          {background-position: 15px 0;}
#apoio #foto-perfil:hover    {opacity:1; filter: alpha(opacity=100)}


.flash {width: 854px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; background-color: #DA7314; font-weight: bold;
        height: 40px; line-height: 40px; margin: 20px auto 0 auto; padding: 0 15px; color: #ffffff;}

.flash .close {background: transparent url(/images/common/close.png) no-repeat scroll 0 0; cursor: pointer; height: 18px;
               display: block; text-indent: -9999px; margin-top: 10px; opacity: 0.8; width: 18px; float: right;}

.all-four-rounded-corners    {-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.top-left-rounded-corner     {-webkit-border-top-left-radius: 5px; -khtml-border-radius-topleft: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px;}
.top-right-rounded-corner    {-webkit-border-top-right-radius: 5px; -khtml-border-radius-topright: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px;}
.bottom-left-rounded-corner  {-webkit-border-bottom-left-radius: 5px; -khtml-border-radius-bottomleft: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px;}
.bottom-right-rounded-corner {-webkit-border-bottom-right-radius: 5px; -khtml-border-radius-bottomright: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px;}





.main-box {border: 1px solid #d9d9d9; margin-bottom: 10px;
           -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.main-box h2, .main-box .main-box-title {height: 33px; background-color: #e8e8e8; border: 1px solid #f3f3f3; border-bottom: 0; padding: 15px 0 0 20px; font-size: 14px; text-align: left; font-weight: bold; color: #000000;
                                         -webkit-border-top-left-radius: 5px; -khtml-border-radius-topleft: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px;
                                         -webkit-border-top-right-radius: 5px; -khtml-border-radius-topright: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px;}

.yellow-box {width: auto; height: auto; background-color: #fffbcc; border: 1px solid #e7da58; margin: 15px; margin-bottom: 0; padding: 15px 20px; line-height: 20px;}
.yellow-box h3 {margin-bottom: 10px; padding-left: 28px; font-size: 14px; background: transparent url('/images/common/icons/alert.png') no-repeat left bottom; line-height: 14px}

a.main-button {height: 26px; display: inline-block; margin: 15px; padding-left: 13px; background: transparent url('/images/common/buttons/main-button-left.png') no-repeat left top;}
a.main-button span {height: 26px; font-size: 12px; font-weight: normal; display: block; padding: 7px 30px 0 0; color: #ffffff; background: transparent url('/images/common/buttons/main-button-right.png') no-repeat right top;}

a.prev-button {height: 26px; display: inline-block; margin: 15px; padding-right: 13px; background: transparent url('/images/common/buttons/prev-button-right.png') no-repeat right top;}
a.prev-button span {height: 26px; font-size: 12px; font-weight: normal; display: block; padding: 7px 0 0 30px; color: #ffffff; background: transparent url('/images/common/buttons/prev-button-left.png') no-repeat left top;}

#title-bar            {width: auto; height: 37px; margin-left: 25px; background: transparent url(/images/common/bg-barra-menu.gif) repeat-x;}
#title-bar img        {margin-left: 13px;}



#menu-apps-icon       {width: 35px; height: 36px; float: left; background: transparent url(/images/common/seta-barra.gif) no-repeat; border: 1px solid #000000; border-bottom: 0;}
#menu-apps-icon-n     {width: 35px; height: 36px; float: left; background: transparent url(/images/common/seta-barra.gif) no-repeat; border: 1px solid #000000; border-bottom: 0;}
#menu-apps-content    {width: 172px; height: auto; position: absolute; display: none; top: 134px; left: 25px; border: 1px solid #dbdbdb; border-top: 0; z-index: 9999; background: #f5f5f5;}
#menu-apps-content li {height: 44px;}
#menu-apps-content li:hover {background-color: #ffecc3;}


#menu-apps-content a  {display: block; height: 44px;}


#nav-bank               {background: url('/images/menu-apps/menu-apps.png')0 -3px;}
#nav-boomer             {background: url('/images/menu-apps/menu-apps.png') 0 -48px;}
#nav-club a             {background: url('/images/menu-apps/menu-apps.png') 0 -96px;}
#nav-cupula a           {background: url('/images/menu-apps/menu-apps.png') 0 -144px;}
#nav-tradicoes a        {background: url('/images/menu-apps/menu-apps.png') 0 -192px;}
#nav-dream a            {background: url('/images/menu-apps/menu-apps.png') 0 -240px;}
#nav-course a           {background: url('/images/menu-apps/menu-apps.png') 0 -284px;}


.clearfix:after {content: "."; visibility: hidden; display: block; height: 0; clear: both;}
.clear {clear:both;}

.left {float: left;}
.right {float: right;}

/* Mensagens */

#message {margin-top: 10px; text-align: center;}

/* Apoiadores */

.supporters-banner img            {margin: 0 0 0 15px;}
.supporters-banner .opacity       {filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;}
.supporters-banner .opacity:hover {filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;}

.overlay-banner                         {width: 788px; height: 493px; display: none; background: url(/images/common/banner-overlay-bg.png); border: 1px solid #dbdbdb; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.overlay-banner .close                  {height: 30px;}
.overlay-banner .close img              {float: right; margin: 10px 18px 0 0; cursor: pointer;}
.overlay-banner .overlay-title          {height: 23px; background-color: #959595;}
.overlay-banner .setinha                {width: 23px; height: 23px; float: left; margin-right: 10px; background: url(/images/common/setinha23px.png);}
.overlay-banner .overlay-banner-content {height: 350px; margin: 40px 36px 48px 36px;}
.overlay-banner .banner-image           {width: 250px; height: 270px; float: left; padding-top: 80px; border-right: 1px solid #e8e8e8;}
.overlay-banner .apoiador-info          {width: 430px; height: 270px; float: right; padding-top: 20px; text-align: justify; color: #000000;}
.overlay-banner .apoiador-text          {height: 300px; overflow: auto; padding-right: 10px; margin-bottom: 10px;}
.overlay-banner .apoiador-text p        {margin-bottom: 15px;}
.overlay-banner .apoiador-site          {padding-left: 12px; background: url(/images/common/seta-laranja.gif) no-repeat 0 4px;}

div.tooltip {background-color: #000; border: 1px solid #ffffff; padding: 10px 15px; width: 250px; display: none; color: #ffffff; text-align: left; font-size: 12px; -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000;}


/* title-bar */

#title-bar #menu-apps-icon {margin-right: 13px;}
#title-bar a               {font-family: 'MicrogrammaDMedExtRegular'; font-size: 18pt; color: #ffffff; text-transform: uppercase; line-height: 40px;}

@font-face {
    font-family: 'MicrogrammaDBolExtRegular';
    src: url('/fonts/microgbe-webfont.eot');
    src: local('☺'), url('/fonts/microgbe-webfont.woff') format('woff'), url('/fonts/microgbe-webfont.ttf') format('truetype'), url('/fonts/microgbe-webfont.svg#webfontAEuZiiKP') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MicrogrammaDMedExtRegular';
    src: url('/fonts/microgme-webfont.eot');
    src: local('☺'), url('/fonts/microgme-webfont.woff') format('woff'), url('/fonts/microgme-webfont.ttf') format('truetype'), url('/fonts/microgme-webfont.svg#webfontGPP3NgTP') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ArialNarrow';
    src: url('/fonts/arialn-webfont.eot');
    src: local('☺'), url('/fonts/arialn-webfont.woff') format('woff'), url('/fonts/arialn-webfont.ttf') format('truetype'), url('/fonts/arialn-webfont.svg#webfontGPP3NgTP') format('svg');
    font-weight: normal;
    font-style: normal;
}