/*
 * Nome: ivo-pessoa.css
 * Desenvolvido por: Webee E-marketing
 * Data da Criação: 30-11-2009
 * Última modificação: 09-12-2009
 * Última modificação: 11-03-2010
 * Última modificação: 11-05-2010
 * Copyright (c) 2009 Webee E-marketing (http://www.webee.com.br)
 * Versão: 2.0.2
 */

/* Tipografia, cores e fundos / Reset ===================================================== */
/*html { overflow: -moz-scrollbars-vertical; } rolagem firefox */
* { margin: 0; padding: 0; list-style-type: none; font: 11px "Trebuchet MS", Arial; color: #990000; }
body { margin: 0; background: #670A05 url(../img/bg-fundo-html.jpg) no-repeat center top fixed; }
h1 {}
h2 { padding: 0 0 5px; font-size: 16px; font-weight: bold; }
h3 { padding: 0 0 10px; font-size: 14px; font-weight: bold; text-align: center; }
ul {}
object { outline: none; }
strong { font-weight: bold; }
a img { border: 0; }
.tit-margem { margin-top: 10px; }

/* Elementos de formulário */
fieldset { border: 0; }
label { font: normal 11px "Trebuchet MS", Arial !important; color: #990000 !important; }
input, select, textarea { border: 1px solid #990000; background: #FEE1D8; }
button { margin: 0 0 0 5px; padding: 0; border: 0; color: #fff; background: #990000; cursor: pointer; }
button:hover { color: #990000; background: #fff; cursor: pointer; }

.button { margin: 0 0 0 5px; padding: 1px 5px; border: 0; color: #fff; background: #990000; cursor: pointer; }
.button:hover { color: #990000; background: #fff; cursor: pointer; }

/* Links */
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; color: #fff; }
a:active { text-decoration: none; color: #fff; }
/* ======================================================================================= */

/* Layout ================================================================================ */
#tudo { width: 923px; height: auto; margin: 0 auto; background: url(../img/bg-corpo.jpg) center 410px no-repeat; }

/* Cabeçalho */
#cabecalho { position: relative; height: 410px; /*background: url(../img/bg-cabecalho.jpg) center 35px no-repeat;*/ overflow: hidden; }

/* Logo */
#cabecalho h1 { display: none; }

/* Menu */
#cabecalho #menu { float: left; width: 923px; height: 28px; padding-top: 7px; background: #000; text-align: center }
#cabecalho #menu li { display: inline; margin: 0 15px; }
#cabecalho #menu li a { font-size: 12px; font-weight: bold; text-transform: uppercase; color: #C8C8C8; }
#cabecalho #menu li a:hover { color: #fff; }

/* Banner Flash*/
#cabecalho #banner-flash { float: left; width: 448px; height: 375px; }

/* Player */
#cabecalho #player { visibility: hidden; float: right; width: 416px; height: 28px; margin-top: 202px; background: url(../img/bg-conteudo.png) repeat; }
#player-topo { text-align: center; }

/* Notas Rápidas */
#cabecalho #notas-rapidas { position: absolute; top: 310px; right: 0; width: 471px; height: 76px; padding: 2px; background: url(../img/bg-conteudo.png) repeat; }
#cabecalho #notas-rapidas h6 { font-size: 15px; font-weight: bold; text-transform: uppercase; }
#cabecalho #notas-rapidas p { font-size: 12px; }
#cabecalho #notas-rapidas span { float: right; display: inline-block; font-size: 12px; text-align: right; padding-right: 5px; }

/* Corpo */
#corpo { float: left; width: 893px; padding: 10px 15px; background: url(../img/bg-conteudo.png) repeat; position: relative; }
#ajax_loader { position: absolute; top: 2px; left: 2px; display: none; width: 16px; height: 16px; background: url(../img/ajax-loader.gif) 2px 0px no-repeat; }

/* Conteúdo */
#conteudo { padding: 0 0 15px; }

/* Box Titulo 1 */
#conteudo .pag-titulo { padding-bottom: 10px; }
#conteudo .pag-titulo h1 { font-size: 20px; color: #990000; text-transform: uppercase; }
#conteudo .pag-titulo h1 span { font-size: 18px; text-transform: capitalize; }
#conteudo .pag-titulo p { font-size: 13px; color: #990000; }

/* Box Titulo 2 */
#conteudo .pag-titulo-dois { padding: 0 0 0 40px; }
#conteudo .pag-titulo-dois h2 { font-size: 20px; color: #990000; text-transform: uppercase; }

/* Estrutura 2 Colunas */
.col-1 { float: left; width: 445px; }
.col-2 { float: right; width: 447px; }

/* Rodapé */
#rodape { position: relative; clear: both; width: 893px; min-height: 93px; padding: 32px 15px 0; color: #fff; }
#rodape strong { display: block; font-weight: bold; font-size: 14px; color: #fff; }
#rodape p { clear: both; color: #fff; font-size: 12px; text-align: center; }
/* ======================================================================================= */

/* Página - Galeria ====================================================================== */
.lista-galeria { width: 459px; margin: 0 auto; }
.lista-galeria li { float: left; width: 209px; height: 188px; margin: 0 6px 10px; padding: 1px; background: #fff; }
* html .lista-galeria li { margin: 0 3px 10px; }
.lista-galeria li a { cursor: pointer; }
.lista-galeria li a img { display: block; }
.lista-galeria li a span { clear: both; display: block; width: 209px; height: 29px; padding: 2px 0 0; background: #990000; font-size: 18px; text-align: center; color: #fff; }
.lista-galeria li a:hover span { background: #BA0000; }
/* ======================================================================================= */

/* Página - Galeria Listagem ============================================================= */
.lista-galeria-dois {}
.lista-galeria-dois li { float: left; width: 144px; height: auto; margin: 0 17px 10px; background: #990000; }
* html .lista-galeria-dois li { margin: 0 8 10px; }
.lista-galeria-dois li a { cursor: pointer; }
.lista-galeria-dois li a img { display: block; width: 140px; height: 94px; border: 2px solid #fff; }
.lista-galeria-dois li a span { display: block; padding: 0 2px; font-size: 10px; text-align: left; color: #fff; }
.lista-galeria-dois li a span strong { font-size: 10px; font-weight: bold; color: #fff; }
.lista-galeria-dois li a:hover span { text-decoration: underline; }
/* ======================================================================================= */

/* Página - Galeria Detalhe Video ======================================================== */
#video { width: 425px; margin: 0 auto; }
/* ======================================================================================= */

/* Página - Área Restrita Cadastro ======================================================= */
.lista-form {}
.lista-form li { height: 45px; }
.lista-form li label { display: block; }
.lista-form .input-box { float: left; width: 413px; padding-right: 30px; }
.lista-form .input-box input { width: 413px; }

.lista-form .input-box-cidade { float: left; width: 339px; padding-right: 15px; }
.lista-form .input-box-cidade input { width: 339px; }

.lista-form .input-box-estado { float: left; width: 60px; padding-right: 30px; }
.lista-form .input-box-estado select { width: 60px; }

.lista-form .button-box { float: right; padding-right: 35px; }
/* ======================================================================================= */

/* Página - Contato ======================================================================= */
.lista-contato { }
.lista-contato li { height: 45px; }
.lista-contato li label { display: block; }

.lista-contato .input-box { float: left; width: 413px; }
.lista-contato .input-box input { width: 413px; }

.lista-contato .input-box-cidade { float: left; width: 339px; padding-right: 15px; }
.lista-contato .input-box-cidade input { width: 339px; }

.lista-contato .input-box-estado { float: left; width: 60px; }
.lista-contato .input-box-estado select { width: 60px; }

.lista-contato .textarea-box { float: left; width: 413px; height: 120px; }
.lista-contato .textarea-box textarea { width: 413px; }

/* Box botões */
.button-box { float: right; padding-right: 35px; }
.button-box-dois { float: right; }
#esqueci-senha { float: left; }
.txt-both { clear: both; padding-top: 10px; }

/* Contratante */
.col-contratante { height: 280px; }
.box-contratante { width: 244px; height: auto; margin: 0 auto; padding: 16px; background: #EEC9BC; }
.box-contratante h3 { text-align: left; }
/* ======================================================================================= */

/* Página - Recado ======================================================================= */
.recado {}

/* Lista de recados */
.lista-recado { min-height: 280px; padding: 0 0 0 40px; }
.lista-recado li address { margin-bottom: 10px; padding-top: 10px; font-weight: bold; }
/* ======================================================================================= */

/* Página - Agenda ======================================================================= */
.lista-agenda {}
.lista-agenda li { float: left; width: 209px; height: 110px; margin: 0 6px 10px; padding: 10px 1px 1px; font-size: 14px; background: url(../img/bg-barra-vertical.gif) right 5px no-repeat; }
.lista-agenda li { margin: 0 3px 10px; }
.lista-agenda li h2 { padding-bottom: 10px; font-weight: bold; text-transform: uppercase; font-size: 14px; }
.lista-agenda li address strong { font-weight: bold; font-size: 14px; }
.lista-agenda li address span { font-size: 14px; }
/* ======================================================================================= */

/* Página - Contratante ================================================================== */
.lista-contratante { height: 300px; }
.lista-contratante li { min-height: 40px; }
.lista-contratante li { min-height: 40px; height: auto !important; height: 40px; }
.lista-contratante li label { display: block; }
.lista-contratante li p { clear: both; padding: 6px 0 3px; }

.lista-contratante .input-box { float: left; width: 413px; }
.lista-contratante .input-box input { width: 413px; }
.lista-contratante .input-box select { width: 413px; }

.lista-contratante .input-box-data { float: left; width: 113px; }
.lista-contratante .input-box-data input { width: 103px; }

.lista-contratante .txt-data-show { clear: none; float: left; padding: 18px 0 0; }

.lista-contratante .input-box-cidade { float: left; width: 339px; padding-right: 15px; padding-bottom: 0px; }
.lista-contratante .input-box-cidade input { width: 339px; }

.lista-contratante .input-box-estado { float: left; width: 60px; padding-bottom: 0px; }
.lista-contratante .input-box-estado select { width: 60px; }

.lista-contratante .input-box-capacidade { float: left; width: 230px; padding-top: 10px; }
.lista-contratante .input-box-capacidade label { float: left; width: 160px; }
.lista-contratante .input-box-capacidade input { float: left; width: 60px; }

.lista-contratante .input-box-publico { float: right; width: 180px; padding-top: 10px; }
.lista-contratante .input-box-publico label { float: left; width: 110px; }
.lista-contratante .input-box-publico input { float: left; width: 68px; }

.lista-contratante .textarea-box { float: left; width: 413px; height: 120px; }
.lista-contratante .textarea-box textarea { width: 413px; }

.lista-contratante .radio-box { float: left; width: 45px; }
.lista-contratante .radio-box input {}

.lista-contratante .input-box-qual { float: left; width: 323px; }
.lista-contratante .input-box-qual input { width: 292px; }

/* Coluna 2 - Contratante */
.col-2-contratante { width: 413px; padding-left: 25px; background: url(../img/bg-barra-vertical.gif) 0 0 repeat-y; }
/* ======================================================================================= */

/* Página - Imprensa ===================================================================== */
.lista-galeria-imprensa {}
.lista-galeria-imprensa li { float: left; width: 123px; height: 93px; margin: 0 5px 5px 0; overflow: hidden }

.lista-download { padding-left: 40px; }
.lista-download li { margin-bottom: 5px; }
/* ======================================================================================= */

/* Página - Discografia ================================================================== */
.nome-mais-capa { float: left; width: 235px; height: 240px; }
.nome-mais-capa h2 { font-size: 14px; margin: 5px 0; }
.nome-mais-capa div { width: 217px; height: 194px; padding: 1px; background: #9B0404; }
.nome-mais-capa div img { display: block; float: left; }
.faixas { float: left; width: 198px; height: 240px; }

.lista-discografias { padding: 0; }
.lista-discografias li { float: left; margin: 0 36px 19px 0; }
.lista-discografias li div { width: 107px; height: 106px; padding: 1px 2px 2px 1px; background: #9B0404; overflow: hidden; }
.lista-discografias li a { display: block; }
/* ======================================================================================= */

/* Página - Área Restrita Index ========================================================== */
.lista-download-restrito { float: left; width: 748px; }
.lista-download-restrito li { float: left; width: 164px; height: 188px; padding: 0 7px 36px; background: url(../img/bg-area-logado.gif) no-repeat right top; }
.lista-download-restrito li h2 { height: 36px; font-size: 20px; }
.lista-download-restrito li div { float: left; padding: 2px; margin: 0 0 5px; background: #fff; }
.lista-download-restrito li div img { display: block; }
.lista-download-restrito li button { display: block; }

/* Menu Logadado */
#menu-logado { float: right; width: 116px; height: 174px; margin: 0 20px 0 0; background: url(../img/bg-conteudo.png) repeat; }
#menu-logado h3 { padding: 2px; font-size: 12px; font-weight: normal; color: #fff; background: #990000; }
#menu-logado h3 strong { font-weight: bold; color: #fff; }
#menu-logado ul { padding: 9px 0 15px 13px; font-size: 13px; }

/* Galeria Download */
.lista-galeria-download { float: left; width: 748px; }
.lista-galeria-download li { float: left; width: 144px; height: auto; margin: 0 17px 10px; background: #990000; }
.lista-galeria-download li img { display: block; width: 140px; height: 94px; border: 2px solid #fff; }
/*.lista-galeria-download li a span { display: block; padding: 0 2px; font-size: 10px; text-align: left; color: #fff; }*/
.lista-galeria-download li strong { display: block; padding: 0 3px; font-size: 10px; font-weight: bold; color: #fff; }
.lista-galeria-download li a { display: inline-block; padding: 0 3px; color: #fff; cursor: pointer; }
.lista-galeria-download li a:hover { text-decoration: underline; }
/* ======================================================================================= */

/* Página - Inicial ====================================================================== */
#pag-inicio {}
#pag-inicio #corpo { background: url(../img/bg-corpo-inicio.gif) no-repeat center top; }
#pag-inicio #corpo h3 { padding: 10px 0; text-align: left; }

/* Box Cadastro */
#box-cadastro { float: left; width: 261px; height: 242px; padding: 8px 14px; background: url(../img/bg-conteudo.png) repeat;  }
#box-cadastro .lista-contato { width: 261px; padding: 0 0 10px; }
#box-cadastro .lista-contato div { width: 261px; }

#box-cadastro .button-box { padding-right: 22px; }
#box-cadastro input { width: 238px; height: 23px; color: #fff; background: #990000; }

/* Box Agenda */
#box-agenda { float: right; width: 261px; height: 242px; padding: 8px 14px; background: url(../img/bg-conteudo.png) repeat; }
#box-agenda .lista-agenda-mini { padding: 10px 0 0; font-size: 13px; }
#box-agenda .lista-agenda-mini dt { font-weight: bold; }
#box-agenda .lista-agenda-mini dd { margin-bottom: 10px; font-size: 12px; text-transform: uppercase; }

/* Botão */
#box-agenda .button { float: right; }

/* Box Galeria */
#box-galeria { margin: 0 289px 0 303px; width: 261px; height: 242px; padding: 8px 14px; background: url(../img/bg-conteudo.png) repeat; }
#box-galeria .lista-fotos { background: #0f0; }
#box-galeria .lista-fotos li { float: left; margin: 0 4px 0; }
#box-galeria .button { float: right; margin-right: 9px; }

.box-titulo h1 { font-size: 16px; font-weight: bold; }
.box-titulo h2 { font-size: 16px; font-weight: bold; margin: 0; padding: 0; }
.box-titulo p { font-size: 12px; font-weight: bold; margin: 0; padding: 0; }
/* ======================================================================================= */

/* Complementos ========================================================================== */
/* Mensagem de aviso */
.msg-sucesso { color: #3d6611; }
.msg-erro { color: #df280a; }
.msg-aviso { padding: 0; margin: 0; font-weight: normal; color: #e26703; }
.msg-sucesso, .msg-erro { padding: 0; margin: 0; font-weight: bold; }

/* Barra Vertical */
.barra-vertical, 
.barra-vertical-dois, 
.barra-vertical-tres { 
	min-height: 280px; 
	background-image: url(../img/bg-barra-vertical.gif); 
	background-repeat: repeat-y;
}
* html .barra-vertical, 
* html .barra-vertical-dois, 
* html .barra-vertical-tres { 
	min-height: 280px;
	height: auto !important;
	height: 280px;
}
.barra-vertical { background-position: 27px 0; }
.barra-vertical-dois { background-position: 27px 26px; }
.barra-vertical-tres { background-position: 0 0 }
.barra-vertical-quatro { height: 140px; background-image: url(../img/bg-barra-vertical.gif); background-repeat: repeat-y; }
/* Icones */
.ico-download { padding: 0 0 0 20px; background: url(../img/ico-download.gif) 2px 2px no-repeat; }
.ico-ouvir { padding: 0 0 0 20px; background: url(../img/ico-ouvir.png) 2px 2px no-repeat; }
* html .ico-ouvir { background: url(../img/ico-ouvir.gif) 2px 2px no-repeat; }

/* Campos bloqueados */
.readonly { background: #E3C9C1; }

/* Loading */
#loading { height: 26px; background: url(../img/ajax-loader.gif) left 10px no-repeat; }

/* tooltip */
#tooltip {
	position: absolute; 
	top: 0; 
	right: 10px;
	z-index: 3000;
	width: 100px;
	height: 100px;
	padding: 2;
	font-size: 11px;
	border-bottom: 1px solid #B8DA78;
	background: #0f0;
	opacity: 0.95;
	display: block;
}
.info-det { display: none; }

* html #corpo { behavior: url("js/iepngfix/iepngfix.htc") }
* html #box-cadastro { behavior: url("js/iepngfix/iepngfix.htc") }
* html #box-galeria { behavior: url("js/iepngfix/iepngfix.htc") }
* html #box-agenda { behavior: url("js/iepngfix/iepngfix.htc") }
* html #player { behavior: url("js/iepngfix/iepngfix.htc") }
* html #notas-rapidas { behavior: url("js/iepngfix/iepngfix.htc") }
* html #rodape img { behavior: url("js/iepngfix/iepngfix.htc") }
/* ======================================================================================= */