/*
O estilo para o menu geral horizontal esta dentro do arquivo MenuHorizontalSite.ascx
O estilo para o menu de cada divisao do site esta no webcontrol do menu
*/


/* inicio comportamento de todos os links */
a.linkGeral:link {  color: #0089CD; text-decoration: underline}
a.linkGeral:visited {  color: #0089CD; text-decoration: underline}
a.linkGeral:hover {  color: #55A4DF; text-decoration: underline}
/* fim */


/* inicio label e asteristico de campo obrigatorio nos formularios */
label {font-weight:bold;}
label span {font-size:9px; margin:0 2px 0 2px;}
/* fim */


body 
{
    /*background-color: #BDCFDB;*/
    background-image: url(../Imagens/bg_body_home.gif);
    background-repeat:repeat-y;
    font-family: Arial;
    margin:0px;
    padding:0px;
    
}


/* inicio do estilo para qualquer borda de tabela. 
   aplicar a cor da borda e background diretamente nas tags th, tr ou td */

table.bordaFina { border-collapse: collapse; }

table.bordaFina th
{
    border-width:1px;
    border-style:solid;
    /*border-color:#000000;*/
}

table.bordaFina tr td 
{
    border-width:1px;
    border-style:solid;
    /*border-color:#000000;*/
}
/* fim */


/* inicio estilo para as diversas partes da pagina */
#fundoDegradeTop
{
    background-image: url(../Imagens/fundo_degrade_top.jpg);
    background-repeat:no-repeat;
    margin:0px;
    padding:0px;
}

#containerPagina 
{
    width: 950px;
    margin:0 0 0 20px;
}

#cabecalhoPagina
{
    width: 100%;
    margin:0px;
    padding:0px;
}

#corpoPagina
{
    width: 940px;
    background-color: #FFFFFF;
    margin:0px;
    padding:0px;
}
/* fim */


/* inicio estilo para o cabecalho da Home e demais paginas */
img {border:none;}

.cabecalhoLinha
{
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.cabecalhoColuna1
{
    margin:0px;
    padding:0px;
    float:left;
}

.cabecalhoColuna2
{
    margin:0px;
    padding:0px;
    float:left;
}

.cabecalhoColuna3
{
    margin:0px;
    padding:0px;
    float:left;
}

.cabecalhoColuna4
{
    margin:0px;
    padding:0px;
    float:left;
}

.posicaoMenu
{
    float:right;
    margin:5px 0 0 0;
}
/* fim */


/* inicio estilo para o conteudo da Home */
#conteudoHome
{
    display:inline;
    width:940px;
    height:415px;
    margin:10px 0 0 0;
    padding:0px;
    display:table;
}

/*
#colConteudoHome1
{
    width:300px;
    height:410px;
    float:left;
    border-right: dotted 2px #CCCCCC;
    margin:0 0 0 5px;
}

#colConteudoHome2
{
    width:300px;
    height:410px;
    float:left;
    border-right: dotted 2px #CCCCCC;
    text-align:center;
}

#colConteudoHome3
{
    width:300px;
    height:410px;
    float:left;
    text-align:right;
}
*/

.bordaPontilhadaHome 
{
    border-right: dotted 2px #CCCCCC; 
}

/* fim */


/* inicio estilo para rodape dentro do corpo da Home */
#rodapeCorpo
{
    width:920px;
    margin: 20px auto 5px auto;
    border-top: dotted 2px #CCCCCC;
    border-bottom: dotted 2px #CCCCCC;
}

#rodapeCorpo p
{
    margin:0;
    padding:10px 0;
    font-size: 10px;
    color:#4882AA;
    text-align:center;
    border-left:none;
    border-right:none;
    word-spacing:1px;
}

#rodapeCorpo span { font-weight: bold;}
/* fim */


/* inicio estilo para conteudo das paginas internas, todas menos a Home */
#conteudoInterno
{
    color:#495677;
    font-family: Verdana, Arial;
    background-image: url(../Imagens/bg_interno.gif);
    background-repeat:repeat-y;
    font-size:11px;
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    display:table;
}

#colConteudoInterno1
{
    width:158px;
    height:auto;
    float:left;
    /*background-color:#BDCFDC;*/
    margin: 0px;
    padding: 0px;
}

#colConteudoInterno2
{
    width:770px;
    height:auto;
    float:right;
    margin: 10px 0 0 0;
    padding: 0px;
    background-color:#FFFFFF;
}
/* fim */


/* inicio estilo para o painel do conteudo de cada divisao */
.panConteudoRoundedCorner { width:98%; }

.panConteudo
{
    margin:0 0 0 8px;
    padding:0;
    width:100%;
    height:auto;
    display:table;
}

.panConteudoEsq
{
    float:left;
    width:58%;
    border-right: dotted 2px #E8E8E8;
    padding-right:5px;
}

.panConteudoDir
{
    float:right;
    width:41%;
    /*border-left: dotted 2px #E8E8E8;*/
    text-align: center;
}

.cabecalhoConteudo
{
    margin:0 0 10px 0;
    padding:0px;
    width:100%;
}
/* fim */


/* inicio estilo para rodape dentro de cada pagina interna, menos a Home */
#rodapeConteudoInterno
{
    font-family:Verdana, Arial;
    width:98%;
    padding: 3px 0 3px 0;
    margin: 15px 0 0 0;
    border-top: dotted 2px #CCCCCC;
    border-bottom: dotted 2px #CCCCCC;
}

#rodapeConteudoInterno p
{
    margin:0px;
    padding:0px;
    font-size: 10px;
    color:#4882AA;
    text-align:center;
    line-height: 18px;
}

#rodapeConteudoInterno .nomeFantasia
{
    font-weight: bold;
    font-size: 11px;
}
/* fim */


/* inicio estilo para rodape com os logos das empresas */
#rodapeConteudoLogoEmpresas
{
    width:98%;
    margin: 15px 0 0 0;
    text-align:center;
}

#rodapeConteudoLogoEmpresas img
{
    border-width:0px;
    padding:0 10px 0 10px;

}
/* fim */


/* estilo para os campos input de qualquer form */
.inputTextForm
{
    font-size:11px;
    background-color:#E8EDF1;
    border: solid 1px #9DB3D1;
    padding:2px;
}


/* estilo para os campos select de qualquer form */
.SelectForm
{
    font-size:11px;
    background-color:#E8EDF1;
    border: solid 1px #9DB3D1;
    padding: 2px;
}


/* estilo para os botoes de qualquer form */
.inputButtonForm
{
    border-top: solid 3px #9DB3D1;
    border-bottom: solid 3px #576C9F;
    border-left: solid 3px #6588B0;
    border-right: solid 3px #6588B0;
    background-color:#6588B0;
    padding: 1px;
    font-weight:bold;
    font-size: 11px;
    color: White;
}


/* estilo para o erro na validacao de qualquer form */
.erroValidacaoForm
{
    color:Red;
    font-size:9px;
    padding:2px;
}


/* estilo para o Webcontrol de Comprar Passes */
#comprePasse { margin:0px; }


/* copyright na pagina Home */
.copyright
{
    font-size:9px;
    margin:10px 0 0 0;
}


/* inicio estilo para os visitantes on-line na Home */
.visitasOnLine
{
    text-align:center;
    font-size:9px; 
    margin:10px 0 0 0;
}

.visitasOnLine img { margin:0 5px 0 5px; }

.visitasOnLine span { font-size:11px; font-weight:bold; }
/* fim */


/* estilos para o primeiro paragrafo com capitalizacao */
p.initial:first-letter 
{ 
    color:#C2D2DB;
    font-size: 4.2em;
    font-weight:bold;
    line-height:93%;
    margin:0 8px 0 0;
    float:left;
}


/* detalhe das teclas do menu interno */
.detalheTeclaMenuInterno
{
    border-top: solid 3px #9DB3D1;
    border-bottom: solid 3px #576C9F;
    border-left: none;
    border-right: none;
}


/* inicio montagem do form do Fale Conosco */
#formFaleConosco
{
    margin:0px; 
    width:100%;
}

#formFaleConosco dt
{
    padding:3px 0 3px 0; 
    float:left; 
    width:220px;
    margin-right:15px;
    margin:0px;
}

#formFaleConosco dd
{
    padding:3px 0 3px 0;
    margin:0px;
}
/* fim */


/* inicio do form de consulta de linha na Home */
#formPesqLinhaHome
{
    margin:0px;
    width:100%;
}

#formPesqLinhaHome dt
{
    font-size:10px;
    padding:5px 0 5px 0; 
    float:left; 
    width:70px;
    margin-right:15px;
    margin:0px;
    text-align:justify;
}

#formPesqLinhaHome dd
{
    font-size:10px;
    padding:5px 0 5px 0;
    margin:0px;
}
/* fim */


/* inicio estilo para Repeater das noticias */
#gridNoticias
{
    margin:0px;
    width:100%;
}

#gridNoticias dt
{
    padding:5px 0 5px 0; 
    float:left; 
    width:65px;
    margin:0 10px 0 0;
}

#gridNoticias dd
{
    padding:5px 0 5px 0;
    margin:0px;
}
/* fim */


/* inicio estilo para as perguntas dos FAQs (links) */
#gridPerguntasFaq
{
    margin:0px;
    padding:0px;
    width:100%;
}

#gridPerguntasFaq dt
{
    padding:5px 0 5px 0; 
    float:left; 
    width:25px;
    margin:0 5px 0 0;
    text-align:right;
}

#gridPerguntasFaq a:link, a:visited { text-decoration:none; }

#gridPerguntasFaq a:hover { text-decoration:underline; }

#gridPerguntasFaq dd
{
    padding:5px 0 5px 0;
    margin:0px;
}
/* fim */


/* inicio estilo para as perguntas do Faq para todos os cartoes e na pagina de perguntas e respostas */
.perguntaFaq 
{
	font-weight:bold;
	font-size:12px;
	margin: 35px 0 0 0;
	/*cursor:pointer;*/
}

.respostaFaq 
{
	margin: 0 0 10px 0;
}

.respostaFaq p
{
    margin:8px 0 8px 0;
}

.respostaFaq ul
{
    margin:8px 0 8px 30px;
}

/* fim */


/* inicio estilo para o gif de progresso do ajax */
.ajaxProgress 
{
    position: fixed; 
    top: 0; 
    left: 0; 
    z-index:999
}


/* estes servem para exibir no centro da tela e com fundo cinza
nao esquecer de atribuir cssClass aos elementos html div e image

.ajaxProgressContainer
{
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: visible;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #CCCCCC;
  z-index: 998;
  filter:alpha(opacity=65);
  -moz-opacity:0.65;
  padding-top: 20%;
}

.ajaxProgressImg
{
    position: absolute; 
    top: 50%; 
    left: 50%; 
    margin: -100px 0 0 -25px;
    z-index:999
}
fim */


/* Inicio comportamento dos links das iniciais do alfabeto 
   Especificar o tamanho da fonte no componente */
a.iniciaisAlfabeto:link, a.iniciaisAlfabeto:visited 
{
    font-family:Arial;
	color: #0000FF;
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
	padding: 1px;
}

a.iniciaisAlfabeto:hover 
{
    font-family:Arial;
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 11px;
	background-color: #FF0000;
	font-weight: bold;
	padding: 1px;
}

.letraVazia 
{
    font-family:Arial;
	color: #999999;
	font-size: 11px;
	padding: 1px;
}
/* Final comportamento dos links das iniciais do alfabeto */


/* inicio estilo para os paineis de erro, alerta, ok e info */
.imgMsg
{
    float:left;
    margin-right:10px;
}

.bulletlistMsg
{
    margin:0 0 0 50px;
    padding:0px;
}

.panMsgErro
{
    background-color:#FFCCCC;
    border:solid 1px #FF0000;
    padding:5px;
    margin:0 0 10px 0;
    color:#FF0000;
    font-size: 11px;
}

.panMsgAlerta
{
    background-color:#FFFFCC;
    border:solid 1px #FF9900;
    padding:5px;
    margin:0 0 10px 0;
    color:#FF9900;
    font-size: 11px;
}

.panMsgOk
{
    background-color:#99FF99;
    border:solid 1px #006600;
    padding:5px;
    margin:0 0 10px 0;
    color:#006600;
    font-size: 11px;
}

.panMsgInfo
{
    background-color:#CCFFFF;
    border:solid 1px #0033FF;
    padding:5px;
    margin:0 0 10px 0;
    color:#0033FF;
    font-size: 11px;
}
/* fim */


.itemLista
{
    list-style-image:url(../Imagens/list_item_triangulo.gif);
    margin:0 4px 4px 15px;
}


/* inicio estilo para os links dentro de um GridView
   deve ser aplicado no cssClass do GridView e não nos diversos estilos para cada parte do GridView */
table.lnkGridView a:link {  color: #0089CD; text-decoration: underline}
table.lnkGridView a:visited {  color: #0089CD; text-decoration: underline}
table.lnkGridView a:hover {  color: #55A4DF; text-decoration: underline}
/* fim */



/* inicio estilo Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:White;
	border:solid 3px Gray;
	padding:3px;
}
/* fim */



a.flvplayer
{
    display:block;
    padding:0;
    margin:0;
}
/*
a.flvplayer:link 
{   
    border:solid 1px #D8D8D8;
} 

a.flvplayer:visited 
{ 
    border:solid 1px #D8D8D8;
} 
 
a.flvplayer:hover 
{ 
    border:solid 1px #000000;
}
*/
a.flvplayer img 
{
    border:0;
    padding:0;
    margin:0;
 
}