/*##############
Estilos do site
##############*/

/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
ol,ul {list-style:none;}
th {text-align:left;}
hr {display:none;}
a {color:#CD3F41; text-decoration:none;}
a:hover {color:#B00401;}

/* Mensagens de Alerta*/
.statusNaoRealizado, .statusRealizado{border:solid 1px #EDDBB1; padding:5px 30px; font-weight:700; width:90%; margin:0 0 15px -1px;}
.statusNaoRealizado{color:red; background:#FFFFF0 url(../imagens/erro-ico.jpg) no-repeat left center;}
.statusRealizado{color:green; background:#FFFFF0 url(../imagens/confirme-ico.jpg) no-repeat left center;}

/* Classes */
.leiaMais {float:right; margin:20px 0 0 0; font-weight:700; padding:0 0 0 12px;}
.linkPadrao {font:700 12px arial;}
.azul {color:#0f80d9;}
.vermelho {color:#be1e2d;}
.linkExterno {float:left; clear:both; display:block; font-size:13px; text-align:center; width:180px; margin:10px 0; font-weight:700; border:solid 1px #ccc; background:#e9e9e9; padding:5px;}

body {font:12px Arial, Verdana, Helvetica, sans-serif;}
body.bgAzul {background:#0f80d9 url(../imagens/bg_site.gif) repeat-y center;}
body.bgAzulEscuro {background:#005fa8 url(../imagens/bg_site.gif) repeat-y center;}

body.bgverde{background:#00892e url(../imagens/bg_site_verde.gif) repeat-y center;}
body.bgAmarelo {background:#ffec00 url(../imagens/bg_site_amarelo.gif) repeat-y center;}
body.bgLaranja {background:#e65113 url(../imagens/bg_site_laranja.gif) repeat-y center;}
body.bgCinza {background: #edebeb url(../imagens/bg_site_cinza.gif) repeat-y center;}

#site {width:774px; margin:0 auto; background:#fff;}

/* Cabecalho */
#cabecalho {float:left; clear:both; width:774px; margin:0 0 20px 0;}
#cabecalho h1 { float:left; width:775px; margin:0 0 0 -1px; height:65px; background: url(../imagens/topo.gif) no-repeat; text-indent:-9000px;}
#cabecalho .menuSecundario {float:right; width:440px; margin:0 30px 0 0;}
#cabecalho .menuSecundario li {float:left;}
#cabecalho .menuSecundario li a {background:url(../imagens/menu.gif) no-repeat; height:23px; text-indent:-9000px; float:left; margin:0 10px 0 0;}
#cabecalho .menuSecundario li a.perguntas {width:171px; background-position:0 0;}
#cabecalho .menuSecundario li a.setrans {width:84px; background-position:-181px 0;}
#cabecalho .menuSecundario li a.grandeRecife {width:124px; background-position:-275px 0;}

/* CORPO */
#corpo {float:left; clear:both; width:774px;}

/* Esquerda */
#esquerda {float:left; width:210px; margin:0 15px 0 25px;}

/* Menu principal */
.menuPrincipal {float:left; width:200px; }
.menuPrincipal {float:left; clear:both; }
.menuPrincipal li { height:35px; background:url(../imagens/bg_menu_divisor.jpg) no-repeat left bottom;}
.menuPrincipal li a {display:block; padding:8px; text-indent:-9000px; width:100%;}
.menuPrincipal li:hover { background:#f1f1f1 url(../imagens/bg_menu_divisor.jpg) no-repeat left bottom;}
.menuPrincipal li.posicao1 a {background:url(../imagens/menu/home.gif) no-repeat;}
.menuPrincipal li.posicao2 a {background:url(../imagens/menu/o_que_e_bilhetagem_eletronica.gif) no-repeat;}
.menuPrincipal li.posicao3 a {background:url(../imagens/menu/o_que_e_o_cartao_vem.gif) no-repeat;}
.menuPrincipal li.posicao4 a {background:url(../imagens/menu/cuidados_com_cartao.gif) no-repeat;}
.menuPrincipal li.posicao5 a {background:url(../imagens/menu/fale_conosco.gif) no-repeat;}

/* Apoio */
.apoio {float:left; clear:both; width:100%; margin:30px 0 30px 0;}
.apoio li {float:left; width:auto; margin:0 0px 0 0;}

/* Direita */
#direita {float:left; width:450px; height:300px; background: url(../imagens/bg_direita.gif) no-repeat;}

/* Direita */
#direitaInterna {float:left; width:385px; padding:160px 12px 10px 57px; background: url(../imagens/bg_direita.gif) no-repeat;}
#direitaInterna h1, #direitaCartao h1 {color:#ce5662; font:14px "Lucida Sans Unicode", sans-serif, "Times New Roman", Times, serif; margin:0 0 20px 0;}
#direitaInterna h2, #direitaCartao h2 {font:700 18px Arial, Geneva, Tahoma, sans-serif; color:#2a3891; margin-bottom:20px;}
#direitaInterna p, #direitaCartao p {color:#707070; font-size:11px; margin:0 0 15px 0;}
#direitaInterna span, #direitaCartao span {font:700 13px Arial, Helvetica, sans-serif; letter-spacing:-1px;}

/* direita cartao */
#direitaCartao {float:left; width:385px; padding:0px 12px 10px 57px; background: url(../imagens/bg_direita.gif) no-repeat;}
.paginaCartao {margin:30px 0 20px 200px;}

/* CARTÕES */
#cartoes{float:left; clear:both; width:755px; margin:50px 0 25px 16px;}
#cartoes ul {float:left; clear:both; width:740px; }
#cartoes ul li{float:left; width:135px; margin:0 15px 0 0;}

/* Lista Perguntas */
.listaPerguntas {margin:0 0 20px 0;}
.listaPerguntas li {font-size:11px; color:#666;}
.listaPerguntas li .titulo {display:block; font-size:14px; color:#0f80d9; margin:10px 0 15px 0; float:left; clear:both; width:100%;}
.listaPerguntas ul {width:370px; margin:0 0 20px 0px;}
.listaPerguntas ul li {margin:0 0 7px 0;}
.listaPerguntas ul strong {font-size:12px; color:#0f80d9; display:block;}

/* Lista Form */
.listaForm {float:left; clear:both; width:320px; margin:0 0 30px 0;}
.listaForm li{float:left; clear:both; width:300px; margin:10px 0;  }
.listaForm li label {display:block; margin:0 0 3px 0; color:#0f80d9; font-weight:700;font-size:14px;}
.listaForm li input[type=text], .listaForm li textarea {width:300px; padding:3px; border:solid 1px #8FC9F8;}

/* Lista marcador */
.listaMarcador {float:left; clear:both; }
.listaMarcador li {background: url(../imagens/marcador_lista.gif) no-repeat 5px 5px; padding:0 0 0 16px; float:left; clear:both; width:100%;}

/* Lista geral de perguntas frequentes */
.ulPerguntasCartoes {float:left; clear:both; width:400px; margin:10px 0 0 0;}
.ulPerguntasCartoes li{float:left; width:135px; margin:0 40px 30px 0px;}


/* Perguntas (INDEX)*/
#perguntasIndex{float:left; width:490px; margin:0 0 0 0px;}
#perguntasIndex h2 {color:#ce5662; font:14px "Lucida Sans Unicode", sans-serif, "Times New Roman", Times, serif; margin:0 0 20px 0;}
#perguntasIndex ol.listaPerguntas{float:left; clear:both; width:465px; height:100px; overflow-y:scroll;overflow-x:hidden; border:solid 1px #B7B7B7; padding:15px; background:#E6E6E6;}
#perguntasIndex ol.listaPerguntas li{float:left; clear:both; width:430px; list-style-type:decimal; margin:0 0 5px 18px; padding:0 0 5px 0;}
#perguntasIndex ol.listaPerguntas li h4 {display:block; color:#ce5662; margin:0 0 3px 0; font-size:12px;}