/*
  Cliente: Magazine Luiza
  Projeto: Luiza Cred
*/

/*
  --------------
  PALETA DE CORES
  --------------

  #333333 - Textos

*/


/*
  --------------
  ORDEM DOS ATRIBUTOS
  --------------

  { position: ; top: ; left: ; clear: ; float: ; display: ; width: ; height: ; margin: ; padding: ; border: ; background: ; font: ; color: ; text: ; }

*/


/*
  --------------
  ELEMENTOS e CLASSES
  --------------
*/

/* ------- GERAL ------- */
.e-bit * { margin: 0; padding: 0; z-index: 1; } /* reseta todas as margens, paddings e define o nivel das camadas do site */
.e-bit .limites { position: relative; min-width: 1002px; margin-bottom: 5px; background: url(../imagens/limites-bg.png) bottom repeat-x; font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; }
.conteudo { padding: 18px 11px; background: url(../imagens/conteudo-bg.png) repeat-x; }
.inicio, .fim { position: absolute; width: 100%; height: 7px; }
* html .inicio, * html .fim { overflow: hidden; }
.inicio span, .fim span { display: block; height: 7px; }
.inicio { background: url(../imagens/inicio-bg.png) no-repeat; }
.inicio span { background: url(../imagens/inicio-bg.png) bottom right no-repeat; }
.fim { margin-top: -7px; background: url(../imagens/fim-bg.png) no-repeat; }
.fim span { background: url(../imagens/fim-bg.png) bottom right no-repeat; }
* html .inicio span, * html .fim span { background-position: -7px right; }

/* ------- ELEMENTOS ------- */
.e-bit a { text-decoration: none; }

.form ol { list-style: none; }
.form a.botao { display: block; font-size: 1.35em; font-weight: bold; text-decoration: none; color: #fff; }
.form a.botao.enviar { width: 98px; height: 42px; padding-top: 6px; background: url(../imagens/form-botao-enviar.png) no-repeat; text-transform: uppercase; text-align: center; }
.form input, .form select, .form textarea { border-left: 1px solid #62A9BD; border-top: 1px solid #4795AB; border-right: 1px solid #C3DEE6; border-bottom: 1px solid #D7E9EE; font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#0F6EB0; }
.form input, .form textarea { padding: 2px 5px; }
.form textarea { overflow: auto; }

.e-bit p { margin-bottom: 1em; }


/* ------- CLASSES ------- */
.e-bit .direita { float: right; }
.e-bit .esquerda { float: left; }
.e-bit p.direita, .e-bit p.esquerda { float: none; }
.e-bit p.direita { text-align: right; }
.e-bit p.esquerda { text-align: left; }
.e-bit .centro { text-align: center; }

/* contendo float */
.contemfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.contemfloat { display: inline-block; }
/* Hides from IE-mac \*/
* .contemfloat { height: 1%; }
.contemfloat { display: block; }
/* End hide from IE-mac */


/* ------- COLUNA 1 ------- */
.coluna1 { float: left; width: 158px; padding-bottom: 10px; background: url(../imagens/coluna1-bg.png) bottom no-repeat; font-size: 1.18em; }
.coluna1 ul { position: relative; height: 1%; padding: 20px 8px 0; background: url(../imagens/coluna1-bg.png) no-repeat; list-style: none; }
.coluna1 ul ul { margin-left: 7px; padding: 0; background: transparent; font-size: .83em; }
.coluna1 ul li { padding: 10px 0; background: url(../imagens/coluna1-separador.png) no-repeat; }
.coluna1 ul li.primeiro, .coluna1 ul li ul li { padding-top: 0; background: transparent; }
.coluna1 ul li ul li { margin: .5em 0; padding-bottom: 0; }
.coluna1 ul li a { color: #0059bf; }
.coluna1 ul li a:hover { color: #0077fb; }
.coluna1 ul li.ativo a { padding-left: 12px; background: url(../imagens/bullet-maior.png) 0 center no-repeat; font-weight: bold; color: #3f9f0f; }
.coluna1 ul li ul li a, .coluna1 ul li.ativo ul li a { padding-left: 8px; background: url(../imagens/bullet.png) 0 6px no-repeat; font-weight: normal; color: #666; }
.coluna1 ul li ul li.ativo a { font-weight: bold; background-position: 0 -4px; }
.coluna1 ul li ul li a:hover { color: #999; }


/* ------- COLUNA 2 ------- */
.coluna2 { height: 1%; margin-left: 183px; padding-top: 5px; background: url(../imagens/coluna2-titulo.png) no-repeat; color: #666; }
.coluna2 h2 { position: absolute; text-indent: -9999em; overflow: hidden; }
.coluna2 h1 { margin: -5px 0 65px 238px; font-style: italic; font-size: 1.81em; color: #1e6dc7; }
.coluna2 h1 span { font-size: 1.25em; color: #3f9f0f; }
.coluna2 a { text-decoration: underline; color: #666; }

/*
  --------------
  PAGINAS ESPECIFICAS
  --------------
*/

/* ------- E-BIT ------ */

.e-bit { font-size: 14px; font-family: Trebuchet, Arial, Helvetica; color: #666; }
.e-bit p { font-size: 14px; }

.e-bit .texto { width: 860px; margin: 0 auto; }

.e-bit h1 { width: 100px; height: 50px; margin: 0 auto; margin-bottom: 20px; background-image: url(../imagens/logo-e-bit.png); text-indent: -9000px; }

.e-bit .chamada { width: 612px; height: 105px; margin: 0 auto; padding: 16px 10px 20px 147px; background-image: url(../imagens/chamada-diamante.png); background-repeat: no-repeat; }
.e-bit .chamada * { text-align: center; }
.e-bit .chamada h2 { font-size: 16px; line-height: 17px; color: #60c; }
.e-bit .chamada p { margin-top: 7px; }

.e-bit p { margin-bottom: 28px; text-align: justify; }

.e-bit .par-dir { margin-left: 20%; }

.e-bit .comentario { float: left; width: 16%; height: 300px; padding: 135px 5px 10px 5px; background-image: url(../imagens/avaliado.jpg); background-position: top center; background-repeat: no-repeat; }
.e-bit .comentario blockquote { margin-bottom: 7px; font-style: italic; }
.e-bit .comentario h3 { margin-bottom: 5px; color: #60c; }
.e-bit .comentario cite { font-weight: bold; }
.e-bit .comentario cite img { position: relative; top: 10px; left: 2px; }

.e-bit .fonte { font-size: 12px; text-align: right; }