/* ------ Notas ----------------------------------------- Sem nota --------- Informações de Atualização -------------------- Tipo de CSS: Geral Projeto: Engels Espíritos Ultima Atualização: 26 de Dezembro de 2006 Ultima Atualização Feita Por: Rafael Torales Contatos: Rafael Torales (rafaelrtp@gmail.com) --------------------------------------------------------- */ * {margin: 0; padding: 0; list-style: none;} /* Clearfix */ .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ ul, ol, dl {position:relative; /* IE/Win Disappearing List-Background Bug */} address {font-style:normal;} label {cursor:pointer;} fieldset {border:none;} input, select, textarea, button {font-family:Arial, Helvetica, sans-serif; font-size:100%; vertical-align:middle;} hr {} code, kbd, pre {font-family:Monaco,Courier,"Courier New",Tahoma;} ins {background-color:#dde3dd; text-decoration:none;} abbr, acronym {border:none;} abbr[title], acronym[title] {border-bottom:1px dotted #666; cursor:help;} table {border-top: 1px solid #ccc; border-left: 1px solid #ccc; margin: 5px 0;} table tr td {border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px;} table tr th {border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: left; padding: 4px 8px; background: url(../_img/bg-table.gif) repeat-x #E9E7D0;} /* Classes Globais -------------------------------------------------------------------- */ .floatr {float: right;} .floatl {float: left;} .align-left {text-align: left;} .align-right {text-align: right;} .align-center {text-align: center;} .floatn {float: none;} .hide {display: none;} .clear {clear: both; height: 0px; line-height:0px; font-size: 0px;} .destaque {background-color:#ffc;} .fontNormal {font-weight: normal;} /* Html e Body -------------------------------------------------------------------- */ body {background: url(../_img/bg.jpg) repeat-x #24282d; font-family: Trebuchet MS; font-size: 12px; } body.control {background: url(../_img/bg-control.jpg) repeat-x; padding-top:2x; font-family: Trebuchet MS; font-size: 12px; } body.popup {background-color: #000; background-image:none;} a {color: #333;} a:hover {text-decoration: none;} a img {border: 0;} /* Control -------------------------------------------------------------------- */ #control {border-bottom: 1px solid #333; width: 100%; margin: 0 auto;} .player {float:left; margin-top: -3px;} /* Wrap -------------------------------------------------------------------- */ #wrap {width: 779px; margin: 0 auto; background: url(../_img/bg-wrap.jpg) repeat-y; position: relative;} /* Header -------------------------------------------------------------------- */ #header {height: 129px; width: 779px; background: url(../_img/bg-header.jpg) no-repeat;} h1.titulo {visibility: hidden;} /* Container -------------------------------------------------------------------- */ #container {} #menu1 {width: 162px; height: 219px; float: left; background: url(../_img/bg-menu1.jpg) no-repeat #14171E;} #menu1 ul {padding-top: 46px; width: 162px; height: 161px;} #menu1 ul li {float: left;} #menu1 ul li a.historico {width: 162px; height: 41px; display: block; background: url(../_img/mn-historico.jpg) no-repeat;} #menu1 ul li a.shows {width: 162px; height: 40px; display: block; background: url(../_img/mn-shows.jpg) no-repeat;} #menu1 ul li a.fotos {width: 162px; height: 40px; display: block; background: url(../_img/mn-fotos.jpg) no-repeat;} #menu1 ul li a.agenda {width: 162px; height: 40px; display: block; background: url(../_img/mn-agenda.jpg) no-repeat;} #menu2 {width: 161px; height: 219px; float: right; background: url(../_img/bg-menu2.jpg) no-repeat #14171E;} #menu2 ul {padding-top: 46px; width: 161px; height: 161px;} #menu2 ul li {float: left;} #menu2 ul li a.depoimentos {width: 161px; height: 41px; display: block; background: url(../_img/mn-depoimentos.jpg) no-repeat;} #menu2 ul li a.cds {width: 161px; height: 40px; display: block; background: url(../_img/mn-cds.jpg) no-repeat;} #menu2 ul li a.extras {width: 161px; height: 40px; display: block; background: url(../_img/mn-extras.jpg) no-repeat;} #menu2 ul li a.contato {width: 161px; height: 40px; display: block; background: url(../_img/mn-contato.jpg) no-repeat;} #menu1-en {width: 162px; height: 219px; float: left; background: url(../_img/bg-menu1.jpg) no-repeat #14171E;} #menu1-en ul {padding-top: 46px; width: 162px; height: 161px;} #menu1-en ul li {float: left;} #menu1-en ul li a.historico {width: 162px; height: 41px; display: block; background: url(../_img/mn-historico-en.jpg) no-repeat} #menu1-en ul li a.shows {width: 162px; height: 40px; display: block; background: url(../_img/mn-shows-en.jpg) no-repeat;} #menu1-en ul li a.fotos {width: 162px; height: 40px; display: block; background: url(../_img/mn-fotos-en.jpg) no-repeat;} #menu1-en ul li a.agenda {width: 162px; height: 40px; display: block; background: url(../_img/mn-agenda-en.jpg) no-repeat;} #menu2-en {width: 161px; height: 219px; float: right; background: url(../_img/bg-menu2.jpg) no-repeat #14171E;} #menu2-en ul {padding-top: 46px; width: 161px; height: 161px;} #menu2-en ul li {float: left;} #menu2-en ul li a.depoimentos {width: 161px; height: 41px; display: block; background: url(../_img/mn-depoimentos-en.jpg) no-repeat;} #menu2-en ul li a.cds {width: 161px; height: 40px; display: block; background: url(../_img/mn-cds-en.jpg) no-repeat;} #menu2-en ul li a.extras {width: 161px; height: 40px; display: block; background: url(../_img/mn-extras-en.jpg) no-repeat;} #menu2-en ul li a.contato {width: 161px; height: 40px; display: block; background: url(../_img/mn-contato-en.jpg) no-repeat;} #menu1 ul li a:hover.historico, #menu1 ul li a:hover.shows, #menu1 ul li a:hover.fotos, #menu1 ul li a:hover.agenda, #menu2 ul li a:hover.depoimentos, #menu2 ul li a:hover.cds, #menu2 ul li a:hover.extras, #menu2 ul li a:hover.contato, #menu1-en ul li a:hover.historico, #menu1-en ul li a:hover.shows, #menu1-en ul li a:hover.fotos, #menu1-en ul li a:hover.agenda, #menu2-en ul li a:hover.depoimentos, #menu2-en ul li a:hover.cds, #menu2-en ul li a:hover.extras, #menu2-en ul li a:hover.contato {background-position: right;} .historico span, .shows span, .fotos span, .agenda span, .depoimentos span, .cds span, .extras span, .contato span {display: none;} #content {width: 456px; float: left; background: url(../_img/bg-content.jpg) no-repeat; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 150%;} #content h1.tlt-historico {width: 226px; height: 125px; display: block; background: url(../_img/tlt-historico.jpg) no-repeat;} #content h1.tlt-shows {width: 375px; height: 129px; display: block; background: url(../_img/tlt-shows.jpg) no-repeat;} #content h1.tlt-fotos {width: 383px; height: 121px; display: block; background: url(../_img/tlt-fotos.jpg) no-repeat;} #content h1.tlt-agenda {width: 231px; height: 132px; display: block; background: url(../_img/tlt-agenda.jpg) no-repeat;} #content h1.tlt-depoimentos {width: 274px; height: 135px; display: block; background: url(../_img/tlt-depoimentos.jpg) no-repeat;} #content h1.tlt-cds {width: 140px; height: 82px; display: block; background: url(../_img/tlt-cds.jpg) no-repeat;} #content h1.tlt-extras {width: 152px; height: 116px; display: block; background: url(../_img/tlt-extras.jpg) no-repeat;} #content h1.tlt-contato {width: 414px; height: 140px; display: block; background: url(../_img/tlt-contato.jpg) no-repeat;} #content h1.tlt-historico-en {width: 245px; height: 139px; display: block; background: url(../_img/tlt-historico-en.jpg) no-repeat;} #content h1.tlt-shows-en {width: 359px; height: 135px; display: block; background: url(../_img/tlt-shows-en.jpg) no-repeat;} #content h1.tlt-fotos-en {width: 374px; height: 130px; display: block; background: url(../_img/tlt-fotos-en.jpg) no-repeat;} #content h1.tlt-agenda-en {width: 125px; height: 91px; display: block; background: url(../_img/tlt-agenda-en.jpg) no-repeat;} #content h1.tlt-depoimentos-en {width: 227px; height: 136px; display: block; background: url(../_img/tlt-depoimentos-en.jpg) no-repeat;} #content h1.tlt-contato-en {width: 438px; height: 120px; display: block; background: url(../_img/tlt-contato-en.jpg) no-repeat;} h1.tlt-historico span, h1.tlt-shows span, h1.tlt-fotos span, h1.tlt-agenda span, h1.tlt-depoimentos span, h1.tlt-cds span, h1.tlt-extras span, h1.tlt-contato span, h1.tlt-historico-en span, h1.tlt-shows-en span, h1.tlt-fotos-en span, h1.tlt-agenda-en span, h1.tlt-depoimentos-en span, h1.tlt-contato-en span {display: none;} #content p {padding: 5px 50px;} #content ul {padding: 5px 50px;} #content ul li {margin-left: 15px; list-style:disc; margin-bottom: 10px; } #content ol {padding: 10px 55px; _padding: 10px 58px;} #content ol li {margin-left: 15px; list-style:decimal; font-weight: bolder; color:#c5c3c6;} #content ol li span.musica {font-weight:normal; color:#fff;} #content h2 {font-size: 15px; padding: 5px 50px; font-family: Trebuchet MS; font-style:italic; color: #c5c3c6; clear: both;} #content img.imgr{float:right; margin-left: 10px; background:url(../_img/bg-img.jpg) repeat-x; padding: 8px;} #content img.imgl{float:left; margin-right: 10px; background:url(../_img/bg-img.jpg) repeat-x; padding: 8px;} .depoimentos p {font-style:italic; font-size: 12px; width: 350px; margin: 5px 0; font-family:Arial, Helvetica, sans-serif;} .depoimentos p strong {font-style:normal; font-size: 11px; color: #c5c3c6;} #content a {color: #fff; text-decoration: underline;} #content a:hover {text-decoration:none;} #content a.letras {padding-right: 15px; background: transparent url(../_img/ico-letras.png) center right no-repeat; text-decoration:none;} #content a:hover.letras {text-decoration:underline;} #content a.linkexterno {padding:0 15px 0 0 !important; background:transparent url(../_img/icones/ico-link-externo.gif) center right no-repeat;} #content a.linkpopup {padding:0 15px 0 0 !important; background:transparent url(../_img/icones/ico-link-popup.gif) center right no-repeat;} #content a.icopdf {padding:0 15px 0 0 !important; background:transparent url(../_img/icones/ico-pdf.gif) center right no-repeat;} #content a.icozip {padding:0 15px 0 0 !important; background:transparent url(../_img/icones/ico-zip.gif) center right no-repeat;} #content a.icodoc {padding:0 15px 0 0 !important; background:transparent url(../_img/icones/ico-doc.gif) center right no-repeat;} #content a.icovideo {padding:0 18px 0 0 !important; background:transparent url(../_img/icones/ico-video.gif) center right no-repeat;} /* Formulário -------------------------------------------------------------------- */ /* Form Style */ form {padding:0; margin:0; font-size: 13px;} form fieldset {border:none; padding:0; margin:0;} form legend {display:none;} form div {margin:2px 0 3px 0; float: left;} form legend {margin:0;} form label {} form .fieldText {font-family: Arial; font-size: 12px;} textarea, input[type='text'], input[type='password'], select {border: 1px solid #623434; background: #fff;} textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #1c9ab4; } textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #1c9ab4; outline:2px solid #5393ff;} /* Buttons */ form div.buttons {margin-top: 6px; width: 100%; text-align:right; float: left;} /* CONTACT US -------------------------------------------------------------------------- */ div#wrap-contact-us {text-align: left; float: left; border-top: 1px solid #24272C; border-bottom: 1px solid #24272C; margin: 10px 50px; padding: 10px 0;} div#wrap-contact-us form label strong {font-weight: normal;} div#wrap-contact-us .full {width:200px !important;} div#wrap-contact-us form input.fieldText, div#wrap-contact-us form textarea.fieldText {width: 100%; color: #444; margin: 0; padding: 4px; border-color: #1b2e4e; border-top-color: #1b2e4e; border-style:solid; border-width:1px; background-color:#C5C3C6;} div#wrap-contact-us form div.textarea {margin-top: -10px;} div#wrap-contact-us form.frmContact {} div#wrap-contact-us form.frmContact ol {margin: 0; padding: 10px 0 10px 0; float: left;} div#wrap-contact-us form.frmContact ol li {padding: 2px 10px !important; float: left; width: 100%; list-style: none; margin: 0;} div#wrap-contact-us form.frmContact label.field {width: 80px; padding-top: 4px; padding-right: 10px; float: left; text-align: right; padding-bottom: 3px; } div#wrap-contact-us form.frmContact label {width: 160px; text-align: left; padding-top: 5px; float: left;} div#wrap-contact-us form.frmContact div {width: 200px; float: left; overflow: visible;} div#wrap-contact-us form.frmContact div.buttons {width: 140px; height: 34px; padding-bottom: 10px; padding-left: 100px; text-align: left; position: relative; float: left;} div#wrap-contact-us form.frmContact div.buttons .btSend {width: 110px; height: 44px; font-size: 1px; color: #fff; border: 0; display: inline; text-align: left; display: block; text-indent: -9999px; overflow: hidden; background:url("../_img/bt-enviar.jpg") no-repeat 0 0; cursor:pointer;} div#wrap-contact-us form.frmContact div.buttons .btSend2 {width: 110px; height: 44px; font-size: 1px; color: #fff; border: 0; display: inline; text-align: left; display: block; text-indent: -9999px; overflow: hidden; background:url("../_img/bt-enviar2.jpg") no-repeat 0 0; cursor:pointer;} /* DEFAULT -------------------------------------------------------------------------- */ /* Congratulation message */ .MsgSent { display: block; padding: 20px 40px; margin: 0 50px; background-color: #24272C; border: 2px solid #5393ff; } .MsgSent h1 { line-height: 20px; font-size: 30px; font-weight: normal !important; } /* Error message */ .MsgError { display: block; padding: 10px; margin: 40px auto; width: 400px; } .MsgError h1 { padding-left: 20px; height: 85px; line-height: 85px; color: #c99d7d; } .MsgSent p, .MsgError p { font-size: 1.3em; color:#C5C3C6; margin: 0 !important; padding: 0 !important; } /* Agenda -------------------------------------------------------------------- */ table, tr, td, thead, th {border: 0; padding: 4px; margin: 0;} table.agenda {margin: 0 auto; border-left: 1px solid #000; border-top: 1px solid #000;} table.agenda tr {background-color: #252935;} table.agenda tr.linha {background-color: #323640;} table.agenda tr td {border-right: 1px solid #000; border-bottom: 1px solid #000; font-size: 11px;} table.agenda thead th {border-right: 1px solid #000; border-bottom: 1px solid #000; background-color: #c5c3c6; text-align:left;} /* Banners -------------------------------------------------------------------- */ #banner-l {width: 120px; position: absolute; top: 360px; left: 25px;} #banner-l img {margin-bottom: 10px;} #banner-r {width: 120px; position: absolute; top: 360px; left: 635px;} #banner-r img {margin-bottom: 10px;} /* TchickBox -------------------------------------------------------------------- */ .galeria {margin: 0 50px; padding: 12px; background: url(../_img/bg-img.jpg) repeat-x; min-height: 100px; _height: 50px;} .galeria a {float: left; padding: 4px; background-color:#FFFFFF; margin: 3px 3px;} .galeria a img {border: 1px solid #333;} .galeria a:hover img {border: 1px dashed #333;} #TB_overlay { position: absolute; top: 0; left: 0; z-index:100; width: 100%; height: 100%; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } #TB_window { position: absolute; background: #fff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; } #TB_window img { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption{ height:25px; padding:10px 30px 10px 25px; float:left; } #TB_closeWindow{ height:25px; padding:10px 25px 10px 0; float:right; } #TB_closeAjaxWindow{ padding:5px 10px 7px 0; margin-bottom:1px; text-align:right; background-color:#e8e8e8; } #TB_ajaxContent{ padding:2px 15px 15px 15px; overflow:auto; } #TB_load{ text-align: center; position: absolute; top: 50%; left: 0px; width: 100%; overflow: visible; visibility: visible; display: block; z-index:101; } #TB_loadContent { margin-left: -125px; position: absolute; top: -50px; left: 50%; width: 250px; height: 100px; visibility: visible; } /* Footer -------------------------------------------------------------------- */ #footer {width: 100%; height: 116px; background: url(../_img/bg-footer.jpg) repeat-x; margin-top: -10px; _margin-top:0;} #footer-content {height: 116px; width: 779px; position: relative; background: url(../_img/bg-footer-ct.jpg) no-repeat; margin: 0 auto;} p.creditos {text-align: right; padding: 60px 245px 0 0; font-size: 11px; color: #333;} p.creditos strong {font-size: 12px;} .bends {width: 103px; height: 52px; display: block; position: absolute; top: 52px; left: 176px;} /* Letras Musicas -------------------------------------------------------------------- */ p {margin: 10px 0;}