html {overflow-y: scroll}

body {background-color:#fff; text-align:center}
.wraper {margin:0 auto; width:916px; height:100%; border-left:1px dotted #999; border-right:1px dotted #999; text-align:center}
.innerWraper {width:836px; margin:0 auto; text-align:center}
.header {padding-top:47px; width:836px; font-size:1px}

/* Logotipo */
.header h1 {float:left; background: url("../img/logo.gif") no-repeat; width:256px; height:44px}
.header h1 a {display:block; width:256px; height:44px}
.header h1 b {display:none}

/* Login cabeçalho */
.header .frmLogin {float:right; width:284px}
.header .frmLogin img,
.header .frmLogin a,
.header .frmLogin #txtUserName,
.header .frmLogin #txtPassword {float:left}
.header .frmLogin .bt {float:right}
.header .frmLogin #txtUserName {width:120px}
.header .frmLogin #txtPassword {width:70px; margin-left:5px}
.header .frmLogin .esqueci {margin:5px 0 0 45px; font:800 12px/14px Verdana; color: #999;}	
.header .frmLogin .esqueci:hover {color: #000;}

/* Link de usuário logado */
.header .frmLogin ul {text-align:right}
.header .frmLogin li {float:right; clear:both}
.header .frmLogin li a {font:400 12px/14px Verdana; color: #999; letter-spacing: -1px;}
.header .frmLogin li a:hover {color: #000}

/* menu sup*/
.baseMenu {float:left; width:836px; height:32px; margin-top:20px; background:#f33 url(../img/bgMenuSup.gif) }
.baseMenu li {float:left;}
.baseMenu b {display:none}
.baseMenu .menuHome,
.baseMenu .menuUltimas,
.baseMenu .menuFutebol,
.baseMenu .menuEsportes,
.baseMenu .menuBuscaAvancada,
.baseMenu .menuCadastre {display:block; height:32px; background-image: url(../img/menuSup.gif)}
.baseMenu .menuHome {width:69px}
.baseMenu .menuHome:hover {background-position: 0 -32px}
.baseMenu .menuUltimas {width:76px; background-position: -69px 0}
.baseMenu .menuUltimas:hover {background-position: -69px -32px}
.baseMenu .menuFutebol {width:77px; background-position: -145px 0}
.baseMenu .menuFutebol:hover {background-position: -145px -32px}
.baseMenu .menuEsportes {width:90px; background-position: -222px 0}
.baseMenu .menuEsportes:hover {background-position: -222px -32px}
.baseMenu .menuBuscaAvancada {width:131px; background-position: -312px 0}
.baseMenu .menuBuscaAvancada:hover {background-position: -312px -32px}
.baseMenu .menuCadastre {width:106px; background-position: -443px 0}
.baseMenu .menuCadastre:hover {background-position: -443px -32px}


/* Busca */
.baseMenu .frmBusca {float:right; width:200px; height:32px; background: url(../img/detMenuSup.gif) right no-repeat}
.baseMenu .frmBusca .search,
.baseMenu .frmBusca .bt {float:left; margin-top:3px}
.baseMenu .frmBusca .search {width:120px; margin:6px 4px 0 0; border:1px solid #999; font-size:13px}

.bordaResultados {font-weight:800; width:735px; border:1px solid #aaa; padding:5px 0 5px 5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.bordaResultados td {padding-left:10px}





/* Sub Futebol */
.baseMenu li {position:relative}
.baseMenu li ul {position:absolute; top:32px; left:0; z-index: 40; background-image: url(../img/bgSubFutebol.gif); display: none;}
.baseMenu li li {height:26px; clear:both}
.baseMenu li li a {display:block; margin:7px 19px 0 19px; font:400 12px/14px verdana; color:#333}
.baseMenu li li a:hover {color:#f33}
.baseMenu pre {font-family: verdana}

/* Sub-menu sup*/
.baseSubMenu {float:left; width:836px; height:30px; margin-top:1px; background:#f33 url(../img/bgSubMenuSup.gif) }
.baseSubMenu p {float:left; width:4px; height:30px; background:#f33 url(../img/detSubMenuSup.gif)}
.baseSubMenu ul {float:right; width:369px; }
.baseSubMenu li {float:left}
.baseSubMenu b {display:none}
.baseSubMenu li a {display:block; height:30px; background-image: url(../img/subMenuSup.gif)}
.baseSubMenu .subMenuAgif {width:58px}
.baseSubMenu .subMenuAgif:hover {background-position: 0 -30px}
.baseSubMenu .subMenuServicos {width:71px; background-position: -58px 0}
.baseSubMenu .subMenuServicos:hover {background-position: -58px -30px}
.baseSubMenu .subMenuPlanos {width:64px; background-position: -129px 0}
.baseSubMenu .subMenuPlanos:hover {background-position: -129px -30px}
.baseSubMenu .subMenuTermos {width:101px; background-position: -193px 0}
.baseSubMenu .subMenuTermos:hover {background-position: -193px -30px}
.baseSubMenu .subMenuContato {width:75px; background-position: -295px 0}
.baseSubMenu .subMenuContato:hover {background-position: -295px -30px}

/* Foto destaque home */
.destaqueHome {position:relative; width:742px; margin:10px auto; font-size:0; background:#eeeded; z-index:10}
.destaqueHome .detTopo {position:absolute; top:0; left:0; width:742px; height:3px; background:url(../img/detTopoDestHome.gif); z-index:20}
.destaqueHome a:hover {font-size:0}
.destaqueHome a {display:block; font-size:0px}
.destaqueHome img {border:1px solid #666}
.destaqueHome .textoDestHome {width:740px; _width:742px; height:80px; border-left:1px solid #666; border-right:1px solid #666; padding:12px 0}
.destaqueHome .textoDestHome p {padding:4px 30px; font:400 12px/14px verdana; color:#333}
.destaqueHome .textoDestHome p .icoFotos,
.ultConteudo .ultBoxes .icoFotos {padding-left:17px; background: url(../img/icoFotos.gif) no-repeat 0 2px}
.destaqueHome .detRodap {width:742px; height:4px; background: url(../img/radapFotoDestHome.gif)}

/* Recado editor */
.recadoE {width:742px; height:32px; background:url(../img/bgRecadoE.gif); margin:auto}
.recadoE h2 {float:left; width:134px; height:32px; background:url("../img/recadoE.gif") no-repeat}
.recadoE h2 b {display:none}
.recadoE .recTexto {height:32px; padding-top:10px; margin-left:148px; font:400 12px/14px verdana; color:#333; background:url(../img/recadoEDir.gif) 100% 0 no-repeat}

/* Últimas */
.ultimas {width:836px; margin:30px auto 0 -43px; text-align:center}
.ultimas .ultTitulo {width:742px; height:23px; background:url("../img/bgDotted.gif"); margin:auto}
.ultimas .ultTitulo h2 {width:66px; height:15px; background:url("../img/ultimas.gif"); margin-left:40px}
.ultimas .ultTitulo h2 b {display:none}
.ultimas .ultConteudo {width:836px;}
.ultimas .ultVoltar {width:30px; height:30px; margin:105px 10px 0 0; float:left}
.ultimas .ultAvancar {width:30px; height:30px; margin:105px 0 0 6px; float:left}
.ultimas .ultBoxes {width:830px; margin-left:7px;float:left; overflow:hidden}
.ultimas .ultBoxes ul {width:5000px; float:left}
.ultimas .ultBoxes li {width:242px; float:left; padding-right:8px}
.ultimas .ultBoxes li a {display:block; width:242px; height:242px; text-align:center; line-height:241px; margin:0 auto; background: url("../img/boxUltimas.gif"); font-size:0}
.ultimas .ultBoxes li a img {vertical-align:middle}
.ultimas .ultBoxes li p {width:232px; margin:10px auto 0 auto; font:400 12px/14px verdana; color:#333}

/* Serviços */
.servicos {width:742px; margin:30px auto 0 auto; text-align: center}
.servicos .servTitulo {width:742px; height:23px; background:url("../img/bgDotted.gif"); margin:auto}
.servicos .servTitulo h2 {width:74px;  height:23px; background:url("../img/servicos.gif"); float:left; margin-left:40px}
.servicos .servTitulo h2 b {display: none}
.servicos .servDownProd {width:223px; height:23px; float:right; margin-right:40px}
.servicos .servConteudo {width:743px; float:left; margin-top:10px}
.servicos .servContMidia {float:left; width:161px; height:147px; padding-right:16px; border-right:1px dotted #999; margin-right:16px}
.servicos .servContDemand {float:left; width:161px; height:147px; padding-right:16px; border-right:1px dotted #999; margin-right:16px}
.servicos .servContCreative {float:left; width:161px; height:147px; padding-right:16px; border-right:1px dotted #999; margin-right:16px}
.servicos .servContDivulga {float:left; width:161px; height:147px}

/* Coleções */
.colecoes {width:742px; margin:30px auto 0 auto; text-align: center}
.colecoes .coleTitulo {width:742px; height:23px; background:url("../img/bgDotted.gif"); margin:auto}
.colecoes .coleTitulo h2 {width:79px;  height:23px; background:url("../img/colecoes.gif"); float:left; margin-left:40px}
.colecoes .coleTitulo h2 b {display:none}
.colecoes .coleConteudo {width:746px; float:left; margin-top:10px}
.colecoes .coleBox {float:left; width:161px; padding-right:16px; border-right:1px dotted #999; margin:0 16px 30px 0}
.colecoes .coleBoxUlt {float:left; width:161px}
.colecoes .coleBoxTopo {width:161px; height:4px; background:url("../img/coleBoxTopo.gif")}
.colecoes .coleBoxItem {width:159px; _width:161px; font:400 12px/14px verdana; color:#999; border-left:1px solid #999; border-right:1px solid #999; margin:0 auto; text-align:center}
.colecoes .coleBoxItem img {margin: 6px 0 6px 0}
.colecoes .coleBoxItem p {width:140px; text-align:left; padding: 0 10px 6px 10px; color:#333}
.colecoes .coleBoxRodap {width:161px; height:5px; background:url("../img/coleBoxRodap.gif")}

/* Rodapé */
.rodape {width:836px; margin:0 auto; text-align:center; border-top:1px solid #999; padding:16px 0}
.rodape .rodLinks {float:left; width:450px; font:400 12px/14px arial; }
.rodape .rodLinks ul {clear:both}
.rodape .rodLinks li {float:left; height:15px; padding:0 7px 5px 0; font:800 13px/14px verdana; color:#333}
.rodape .rodInfo {float:left; margin-top:10px; clear:both}
.rodape .rodComunid {float:right; width:280px; text-align:right}
.rodape .rodBotoes {float:right}
.rodape .rodBotoes li {margin-right:5px; float:right}

/* Listagem Fotos */
.listFotos,
.listFotos2 {float:left; width:750px; margin:0 auto; clear:both}
.listFotos li {float:left; width:242px; margin:0 8px 10px 0;}
.listFotos2 li {float:left; width:750px; margin-bottom:10px}
.listFotos .linkFoto,
.listFotos2 .linkFoto {width:242px; height:242px; line-height:242px; text-align:center; background: url("../img/boxUltimas.gif"); font-size:0}
.listFotos .linkFoto {display:block}
.listFotos2 .linkFoto {float:left; margin-right:10px}
.listFotos li .linkFoto img,
.listFotos2 li .linkFoto img {vertical-align:middle}
.listFotos .texto {display:block; text-align:left; font:400 13px/15px verdana; color:#333; width:232px; margin: 10px 0}
.listFotos2 .texto {float:left; text-align:left; font:400 13px/15px verdana; color:#333; width:480px; margin:10px}
.listFotos .texto:hover,
.listFotos2 .texto:hover {color:#a33}
.listFotos2 .data,
.listFotos .data {font:400 11px/15px verdana; color:#333; margin-right:3px}
.listFotos .titulo {font:800 13px/15px verdana; color:#333; clear:both; margin-bottom:5px}
.listFotos2 .titulo {color:#000; clear:both}
.listFotos2 .texto {margin:10px 0; width:480px}

.listFotos li .botoes {margin:2px 0 8px 0; height:17px; ; -moz-border-radius:2px}
.listFotos li .botoes li {float:left; background-color:#e00; width:79px; height:17px; margin:0 0 0 1px; text-align:center; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}


.btAddMesa  { display: inline; }
.btDelMesa { display: none; }
.inMesa .btAddMesa { display: none; }
.inMesa .btDelMesa { display: inline; }

/* Cadastro de clientes */
#frmAddClient .tabela td,
#frmAddCol .tabela td,
#frmLogin .tabela td {padding:5px}

/* fontes */
.duvidas,
.duvidas:hover {text-decoration:underline}

/* formulário cliente */
.formCliente td {padding:5px}


/* Home Login Ondemand */
.loginOnDemand {background:url(../img/bgWraperOnDemand.gif) center repeat-y}
.loginOnDemand .wraper {border:none }

.loginOnDemand h1 {width:379px; height:69px; background:url(../img/logo-agifG.gif) bottom no-repeat; margin:0 auto 45px auto; padding-top:100px; text-indent:-2000px;}
.loginOnDemand form fieldset {width:290px; height:150px; border:dotted 1px #999; margin:0 auto 45px auto}
.loginOnDemand h3 {width:235px; height:12px; background:url(../img/areaExclusivaParaClientesOnDemand.gif); margin:20px auto; text-indent:-2000px;}
.loginOnDemand form .linha {height:20px; margin:0 0 5px 30px}
.loginOnDemand form .txtLogin {float:left; width:36px; height:15px; background:url(../img/loginOnDemand.gif); margin:3px 7px 0 6px; text-indent:-2000px;}
.loginOnDemand form .txtSenha {float:left; width:42px; height:12px; background:url(../img/senhaOnDemand.gif); margin:3px 7px 0 0; text-indent:-2000px;}
.loginOnDemand form .texto_inputs {float:left; width:180px; border:solid 1px #bbb}
.loginOnDemand form .btEntrarLogin {width:227px; height:20px; margin:10px 0 20px 38px; text-align:right}
.loginOnDemand form .btEntrarLogin .esqueci {float:left; width:119px; height:8px; background-image:url(../img/esqueciMinhaSenhaOnDemand.gif); margin-top:6px; text-indent:-2000px;}