/* GERAIS */
/* CLEAR */
.clear { clear:both;}
span.clear { display:block; height:0; overflow:hidden;}

.clearfix:after { clear: both; display: block; height: 0; font-size: 0; visibility: hidden; content: " ";}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* FLOAT */

.left { float:left;}
.right { float:right;}

/* DISPLAY */

.none { display:none;}
.block { display:block;}


html, body { height:100%;  } /* ie6 hack for height:100% */

adress, article, aside, details, footer, header, hgroup, nav, sidebar, summary { display:block;} /* html 5 */

a, a:visited {text-decoration:none; color:#6d6d6d; -webkit-tap-highlight-color: rgba(0,0,0,0); transition: all 0.1s linear; -webkit-transition: all 0.1s linear; }
a:hover {color:#991a1a; }

ul, ol,
fieldset, legend,
input,
th, td { padding:0;}

p {line-height:19px;}

body,
p,
ul, ol,
form, fieldset,
input, select, textarea,
h1, h2, h3, h4, h5, h6,
blockquote, pre,
dl, dd { margin:0; padding:0;}

ul, ol { list-style:none;} /* you choose */

th,
h1,h2,h3,h4,h5,h6 { font-weight:normal;}

table, caption { text-align:left;}

img,
fieldset,
iframe { border:none;}

textarea { resize:none;} /* please, define something for chrome and safari */

input, select, textarea { outline:none;} /* please, define something for chrome and safari */

q:before, q:after { content:none; }

table { border-spacing:0; border-collapse:collapse;}

/* Estrutura*/

body {
    background:url(../img/bg_geral.jpg) #e1d5d6 repeat-x center 440px;
    font-family: 'Signika', arial, tahoma, sans-serif;
    font-size:13px;
}

.bt_troca_cpc { display: block; position: fixed; right: 0px; color:#333!important; top:70px; border-radius: 7px 0px 0px 7px; background-color: #99aa43; z-index: 100; padding: 8px 8px 5px 8px; text-align: center; }
	.bt_troca_cpc img { clear: both; margin: 0 auto 5px auto; display: block; width: 70px; }
	.bt_troca_cpc:hover { color:#10446f; background-color:#c1d947  }
	
@media screen and (max-width: 1180px) {  

	.bt_troca_cpc { display: none; }

}

.fb_buttom_home { position: absolute; left: 497px; top:257px; z-index: 20; }


.overlayer_modal { width:100%; height:100%; top:0; left:0; position:fixed; z-index:60; background:#000000 }
.modal { width:722px; height:auto; background:#f0f0f0; z-index:70; padding:0; position:absolute; top:-500px; left:50%; margin:0 0 0 -361px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 40px 0px #000000; box-shadow: 0px 0px 40px 0px #000000; }
.modal_head {padding:20px 20px 25px 20px; float:left; margin:0; width:682px;}
.modal_head h1 { float:left; font-weight:600; text-transform:uppercase; font-size:22px; margin:0; padding:0 0 5px 0; color:#912121; font-family:'PT Sans', sans-serif; }
.modal_head a.fechar, .modal_head a.fechar:visited { transition: none; -webkit-transition: none; padding:8px 43px 6px 0; float:right; height:17px; background:url(../img/ui_interno_externo.png) right 0px; display:block; font-size:11px; color:#912121; }
.modal_head a.fechar:hover { color:#ecb8b5; background:url(../img/ui_interno_externo.png) right -31px; }
.modal_head a.fechar:active { margin-top:1px; }
.modal_corpo {padding:23px 20px 23px 20px; float:left; margin:-10px 0 0 0; width:682px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0px -1px 2px 0px rgba(0,0,0,0.1); box-shadow: 0px -1px 2px 0px rgba(0,0,0,0.1); background:#fff url(../img/bg_pattern_white.gif) repeat; }
.modal_corpo #modal_data {float:left; width:100%;}
.loader { background: url(../img/loader_frist.gif) no-repeat center center #eaeaea;	width:60px; height:60px; display:block; -webkit-border-radius: 10px; border-radius: 10px; margin:0 auto;}
.error {color:#c71414;}
.header_bar {
    float:left;
    width:100%;
    height:50px!important;
    background:#0b0e19;
}
/* CSS BARRA SUPERIOR */
.centro { width:996px; margin: 0 auto; position:relative;}
.header_bar h1, .header_bar h2 {font-size:18px; color:#fff; margin:14px 0 0 0; padding:0 0 0 0; display:block; float:left; font-family: 'Signika', sans-serif; }
.header_bar h2 { padding-left: 20px; font-weight:400; border-left: 1px solid #484848;  }
.header_bar span { color:#8b8c99; font-weight:700;  }

a.bt_autor, a.bt_autor:visited { font-weight:400; font-family: 'Signika', sans-serif; text-transform:uppercase; color:#bababa; display:block; margin:15px 20px 0 0px; float:left; padding: 0px 24px 2px 0; font-size: 15px; background:url(../img/ui_interno_externo.png) 128px 0px no-repeat; }

a.bt_autor:hover { opacity: 0.8 }

a.share { width: 32px; height: 32px; background:url(../img/ui_interno_externo.png) no-repeat; display: block; float: right; margin: 7px 0 0 10px; opacity: 1; }
	a.share:hover { opacity: 0.8; }
	
a.fb { background-position: -9px -684px }
a.tw { background-position: -42px -684px }
/* CSS BARRA SUPERIOR */

.no-multiplebgs .header_principal {
    background:#991a1a url(../img/bg_header_imagem.jpg) center top!important;
}

.header_principal {
    float:left;
    width:100%;
    height:391px;
    background-color:#991a1a;
    background-image:url(../img/bg_header_imagem.jpg);
    background-position:center top ;
    background-repeat:no-repeat;
}
/*Compra a obra */
a.comprarobra, a.comprarobra:visited {display:block; width:56px; height:57px; z-index:40; position:absolute; left:143px; top:45px; background:url(../img/ui_interno_externo.png) -231px -553px no-repeat;}
a.comprarobra:hover {background:url(../img/ui_interno_externo.png) -231px -610px no-repeat;}
/* Imagens - Click Passo a Passo */
a.area_a, a.area_a:visited { width:157px; height:224px; /*IE hacks*/ background:#000; background:rgba(0,0,0,0.0); opacity:0.0; filter: alpha(opacity = 0.0); /**/ display:block; position:absolute; left:3px; top:107px; z-index:35;}
a.area_b, a.area_b:visited { width:45px; height:91px; /*IE hacks*/ background:#000; background:rgba(0,0,0,0.0); opacity:0.0; filter: alpha(opacity = 0.0); /**/ display:block; position:absolute; left:165px; top:243px; z-index:36;}
a.area_c, a.area_c:visited { width:144px; height:187px; /*IE hacks*/ background:#000; background:rgba(0,0,0,0.0); opacity:0.0; filter: alpha(opacity = 0.0); /**/ display:block; position:absolute; left:216px; top:147px; z-index:38;}
a.area_d, a.area_d:visited { width:280px; height:188px; /*IE hacks*/ background:#000; background:rgba(0,0,0,0.0); opacity:0.0; filter: alpha(opacity = 0.0); /**/ display:block; position:absolute; left:295px; top:98px; z-index:37;}

img.imagem_header {position:absolute; left:-120px; top:11px; z-index:10; }
div.header_principal  h1.titulo_geral { text-shadow: 1px 1px 0px #000000; font-size:30px; text-transform:uppercase; color:#ffffff; margin:25px 0 0 0; padding:0 0 0 0; display:block; float:left; font-family: 'Signika', sans-serif; font-weight:400;}
div.header_principal p.descricao_geral {font-weight:400; font-size:13px; color:#ffffff; margin:0 0 0 0; clear:both;}

ul.header_imagemmenu { position:absolute; width:134px; left:588px; top: 73px; z-index:30;}
ul.header_imagemmenu li { position:relative; float:left; padding: 0 0 4px 0; }
ul.header_imagemmenu li a, ul.header_imagemmenu li a:visited { -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3); display:block; -webkit-border-radius: 0px 20px 20px 0px; border-radius: 0px 20px 20px 0px; width:112px; height:29px; padding:8px 20px 0 0px; text-align:right; font-size:17px; font-weight:700; font-family: 'PT Sans', sans-serif; text-transform:uppercase; color:#ffffff; }
.bg_a {background:#ba2222}
.bg_b {background:#991a1a}
.bg_c {background:#650a0a}
.bg_d {background:#000000}

/* editora atlas bt logo */
.bt_big_atlas { background:url(../img/ui_interno_externo.png) -142px -695px; width: 134px; height: 62px; display: block; position: absolute; left: 585px; top:293px; z-index: 20; }

/*Form Especial*/
form.especial label input { width: 189px; font-size:11px; z-index:14; -webkit-box-shadow: 0px 2px 1px -1px #919191; box-shadow: 0px 2px 1px -1px #919191; color:#626365; position: relative; -webkit-border-radius: 15px; border-radius: 15px; border: 1px solid #E0E1E6; line-height:15px; height: 22px; padding: 0px 15px 0 15px; }
input.campoEmail {width:189px!important}
input.campoSenha {width:152px!important}
input.campoCodigo {width:104px!important}
input.campoReSenha {width:153px!important}

form.resenha input[type='submit'] { left:190px!important; top:51px!important; }

input.submit { text-transform:uppercase; cursor:pointer; display:block; height:24px; font-size:11px!important; font-weight:bold; font-family:arial, tahoma; border:0; border-bottom:1px solid #aeafb3; border-top:1px solid #f0f1f6; color:#464648; text-shadow:1px 1px 0px #f0f0f0; padding:4px 15px 4px 15px; background:#e0e1e6; -webkit-border-radius: 16px; border-radius: 16px; -webkit-box-shadow: inset 0px 2px 15px -2px rgba(255,255,255,0.2); box-shadow: inset 0px 2px 15px -2px rgba(255,255,255,0.2);  }
input.submit:hover { color:#898989; background:#eff0f5; }
input.submit:active { color:#454547; background:#8c8c90; text-shadow:1px 1px 0px #a3a4a8; border-bottom:1px solid #ffffff; border-top:1px solid #454547; }


/*Form Especial*/

/* icons */
.ico-xg {width:13px; height:13px; display:block; padding:0!important; margin:9px 0 0 10px!important; float:left;}
.ico-g {width:13px; height:13px; display:block; padding:0!important; margin:6px 0 0 10px!important; float:left;}
.ico-n {width:13px; height:13px; display:block; padding:0!important; margin:2px 0 0 10px!important; float:left;}
.question {background:url(../img/ui_interno_externo.png) left -20px;}

div.login { position:absolute; left:738px; top:21px; z-index:9; width:257px; overflow:hidden; -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.5); box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.5); -webkit-border-radius: 6px; border-radius: 6px;}
div.area_senha {float:left; width:514px; margin:0 0 0 0px; }
div.div_login { float:left; width:221px; height:125px; padding:14px 15px 13px 15px; background:#912121 url(../img/bg_logintop.gif) left -2px repeat-x; border:3px solid #912121; -webkit-border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px; }

div.div_login input.subespecial { z-index:1; width:66px; position:relative; text-align: right; float:left; margin:8px 0 0 -30px; padding: 0 13px 0 0;}

div.div_recuperarsenha { float:left; position:relative; width:221px; height:125px; padding:14px 15px 13px 15px; background:#912121 url(../img/bg_logintop.gif) left -2px repeat-x; border:3px solid #912121; -webkit-border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px; }

div.div_recuperarsenha input.subespecial { z-index:1; width:66px; position:relative; text-align: right; float:left; margin:-43px 0 0 -221px; padding: 0 13px 0 0;}

form.especial {margin:0; padding:0;}
div.div_login h1, div.div_recuperarsenha h1 {float:left; font-weight:300; font-size:16px; margin:0; padding:0 0 8px 0; color:#fff; font-family:'Signika', sans-serif; }
div.div_login label, div.div_recuperarsenha label {display:block; float:left; padding:8px 0 0 0;}

div.div_login a.tooltip, div.div_recuperarsenha a.tooltip { margin: 3px 0 0 6px!important; }
div.div_login a, div.div_login a:visited, div.div_recuperarsenha a, div.div_recuperarsenha a:visited {color:#ecb8b5; display:block; margin:5px 0 0px 0; float:left; font-size:12px; }
div.div_login a:hover, div.div_recuperarsenha a:hover {color:#fff;}

#bt_esqueceusenha, #bt_voltarlogin { width:150px; margin:9px 0 0 0;}

div.div_cadastro { position:relative; float:left; width:221px; padding:20px 15px 15px 15px; background:#912121 url(../img/bg_pattern_divisor_dot.gif) left top repeat-x; border:3px solid #912121; -webkit-border-radius: 0px 0px 6px 6px; border-radius: 0px 0px 6px 6px; }
div.div_cadastro  h2 {float:left; font-size:13px; font-weight:bold; padding:0 0 0px 0; color:#ecb8b5; font-family:'Signika', sans-serif; }
div.div_cadastro p { line-height:14px!important; font-size:12px; color:#ecb8b5; display:block; width:200px!important; float:left; padding:0 0 13px 0; }

div.div_cadastro input.subespecial { z-index:1; width:108px; position:relative; text-align: right; float:left; margin:-24px 0 0 113px; padding: 0 13px 0 0;}

/* ajuste div atendimento */
div.div_atendimento { position:absolute; left:738px; padding:19px 15px 11px 15px; top:277px; z-index:8; width:227px; -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.5); box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.5); -webkit-border-radius: 6px; border-radius: 6px; background:#390606;}
/* ajuste div atendimento */
div.div_atendimento h3 { font-size:13px; font-weight:bold; padding:0 0 2px 0; color:#ffffff; font-family:'Signika', sans-serif; }
div.div_atendimento p {font-size:11px; line-height:14px; color:#ecb8b5;}

/*Conteudo*/

	.jurisref h1 { font-weight: 400!important; font-size: 19px!important; }
	.jurisref h1 span {font-size: 27px!important; font-weight: 600!important;}

div.content_miolo { float:left; width:100%; border-top:1px solid #f2f2f5; }
.box { -webkit-border-radius: 6px; border-radius: 6px; box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2); background:#fff url(../img/bg_pattern_white.gif) repeat;  }
.home_juris {width:485px; float:left; margin: 0 0 0 26px; margin-top:-18px!important;}
.header_box {float:left; width:455px; padding:17px 20px 0px 20px; }

.header_box h1 { float:left; font-weight:600; text-transform:uppercase; font-size:23px; margin:0; padding:7px 0 5px 7px; color:#912121; font-family:'PT Sans', sans-serif; }
.header_box a, .header_box a:visited { margin: 8px 0 20px 15px; text-transform:uppercase; font-size:12px; font-family:'PT Sans', sans-serif;  border-left: 1px #cccccc solid; display:block; float:left; padding:4px 10px 3px 15px; }
.header_box a span, .header_box  a:visited span {font-size: 14px}


.content_box { float:left; width:439px; padding:0 20px 17px 20px; overflow:auto; height:295px; }
ul.listagem {float:left;}
ul.listagem li {float:left; padding:0 0px 13px 0; vertical-align: top; }
	ul.listagem li:nth-child(odd) { padding-left: 25px; }
	ul.listagem li:first-child { padding: 0px; width: 930px; }
	.lista_completa li { padding: 0 0 13px 0!important; }
	ul.listagem li a span.dataitem, .noadm ul.listagem li a span.dataitem { font-size: 11px!important; display: inline-block!important; border-radius: 5px!important; background-color: #390606!important; color:#fff!important; padding: 1px 6px 0px 6px!important; line-height: 14px!important; vertical-align: top!important; margin: 2px 7px 0 0!important; }
	
	
		ul.listagem li a:hover span.dataitem { color:#fff }
ul.listagem li a, ul.listagem li a:visited { text-align: justify; font-weight:400; color:#912121; font-size:14px; line-height:19px; -webkit-border-radius: 4px; border-radius: 4px; display:block; float:left; width:435px; padding: 7px 9px 7px 9px;}
ul.listagem li a:hover {background:#912121; color:#fff;}
ul.listagem li a:hover span {color:#BA2222;}
ul.listagem li a span {color:#390606; font-size:11px; padding:0 0 0 6px;}
ul.listagem li a.destaque { background:rgb(228, 218, 218); color:#484F5A; }
ul.listagem li a.destaque span {color:#909090;}
ul.listagem li a.destaque_maior { width: auto; display: block; text-align: justify; margin:0 0 17px 0; font-weight:600; padding-bottom:20px; background:url(../img/separator_horizontal.gif) center bottom no-repeat; }
ul.listagem li a.destaque_maior:hover { color:#BA2222; }
ul.listagem li a.destaque_maior p {text-align: justify; color:#444444; font-weight:400; font-size:13px; padding: 8px 0 2px 0;}

.home_destaques {width:995px; float:left; margin-top:-18px!important;}
	.home_destaques .header_box { width: 100%; }
/* .home_destaques {width:485px; float:left; margin-top:-18px!important;} */

div.home_autor {float:left; width:100%; margin:20px 0 0 0; padding:20px 0 20px 0; background:url(../img/bg_pattern_dotted_white.gif) left top repeat-x;}

/* CSS sobre APPS e sobre BOLETIM */
div.boletim { height: 85px; float:left; width:936px; padding:30px 30px 30px 30px; position: relative; }

div.newsletter {float:left; width:351px; border-right: 1px solid #E2C4C4; padding:0 5px 0 0; }
div.boletim h2 {font-weight:700; text-transform:uppercase; font-size:21px; margin:0; padding:0 0 5px 0; color:#912121; font-family:'PT Sans', sans-serif; float: left; }
	div.boletim .ico-xg { margin-top:5px!important; }
	div.boletim p { clear:both; font-size:13px; margin:0; padding:0 0 10px 0; color:#808080;}
	div.boletim form.especial {width:100%; float:left; position:relative;}
	div.boletim form.especial label {width:100%; margin-right:5px;}
	div.boletim form.especial label input {width:107px;}
	div.boletim form.especial input.subespecial { z-index:1; width:60px; position:relative; text-align: right; float:left; margin:-24px 0 0 262px; padding: 0 13px 0 0; height: 25px; }

div.boletim p { font-size:13px; color:#808080; padding: 0 0 9px 0; line-height: 17px; }

div.appsmoveis { float:left;  padding:0 0 0 30px; }
div.appsmoveis h2 {font-weight:700; text-transform:uppercase; font-size:21px; margin:0; padding:0 0 5px 0; color:#912121; font-family:'PT Sans', sans-serif; float: left;}
div.appsmoveis p { width: 260px; }

a.apps { width: 127px; right: 22px; height: 45px; display: block; background:url(../img/ui_interno_externo.png) no-repeat; position: absolute; }

a.android { top: 25px; background-position: -1px -811px; }
a.ios { top: 75px;  background-position: -128px -811px; }

span.dispositivos { width: 169px; height: 154px; display: block; background:url(../img/ui_interno_externo.png) no-repeat -10px -863px; position: absolute; bottom: 0px; z-index: 0; right: 170px; }

/* CSS sobre APPS e sobre BOLETIM */
a.livro_a, a.livro_a:visited { display:block; margin: 0 20px 0 0; float:left; background:url(../img/ui_interno_externo.png) left -149px no-repeat; width:70px; height:63px; padding:18px 0 20px 80px; overflow:hidden; color:#29336c; line-height:15px; font-weight:600; }
a.livro_a span, a.livro_b span {font-size:11px; font-weight:400; color:#999999;}
a.livro_b, a.livro_b:visited { display:block; float:left; background:url(../img/ui_interno_externo.png) -220px -149px no-repeat; width:100px; height:63px; padding:18px 0 20px 75px; overflow:hidden; color:#1642a2; line-height:15px; font-weight:600; }

ul.secoes {width:966px; padding: 30px 15px 0 15px;}
ul.secoes li.boxe { margin:0 0 0 23px; padding:0 0 0 22px; float:left; width:322px; height:88px; border-left:1px dashed #7b3232; }
ul.secoes li.boxe:first-child {margin:0!important; padding:0!important; border-left:none}
ul.secoes li.boxe.social { width:230px; }
ul.secoes li.boxe h2 {float:left; text-transform:uppercase; font-weight:600; font-size:22px; margin:0; padding:0; color:#fff; font-family:'PT Sans', sans-serif;}
ul.secoes li.boxe p { clear:both; font-size:13px; margin:0; padding:0 0 10px 0; color:#ffffff;}
ul.secoes li.boxe form.especial {width:100%; float:left; position:relative;}
ul.secoes li.boxe form.especial label {width:100%; margin-right:5px;}
ul.secoes li.boxe form.especial label input {width:107px;}
ul.secoes li.boxe form.especial input.subespecial { z-index:1; width:60px; position:relative; text-align: right; float:left; margin:-24px 0 0 262px; padding: 0 13px 0 0;}
ul.secoes li.boxe span.info {margin-top:1px!important}
span.info {display:block; float:left; padding:2px 0 5px 28px; margin:0px 20px 0 0; font-size:12px; font-weight:600; color:#fff;}
.telefone {background:url(../img/ui_interno_externo.png) left -64px no-repeat;}
.suporte {background:url(../img/ui_interno_externo.png) left -88px no-repeat;}

.rodape_fb, .rodape_fb:visited { display:block; margin:4px 0 9px 0; width:225px; height:36px; float:left; background:url(../img/ui_interno_externo.png) left -553px no-repeat; }
.rodape_tw, .rodape_tw:visited { display:block; width:225px; height:36px; float:left; background:url(../img/ui_interno_externo.png) left -589px no-repeat; }


/* bt_normal */
a.bt_normal, a.bt_normal:visited { margin:0px 0 0 0; float:left; text-transform:uppercase; display:block; font-size:11px; font-weight:bold; border:0; border-bottom:1px solid #aeafb3; border-top:1px solid #f0f1f6; color:#464648; text-shadow:1px 1px 0px #f0f0f0; padding:6px 15px 6px 15px; background:#e0e1e6; -webkit-border-radius: 16px; border-radius: 16px;  box-shadow: inset 0px 2px 15px -2px rgba(255,255,255,0.2); }
a.bt_normal i { margin-right:8px!important; }
a.bt_normal:hover { color:#898989; background:#eff0f5; }
a.bt_normal:active { color:#454547; background:#8c8c90; text-shadow:1px 1px 0px #a3a4a8; border-bottom:1px solid #ffffff; border-top:1px solid #454547; }

/* bt_normal_cor */
a.bt_normal_cor, a.bt_normal_cor:visited { margin:0px 0 0 0; float:left; text-transform:uppercase; display:block; font-size:11px; font-weight:bold; border:0; border-bottom:1px solid #350d0d; border-top:1px solid #a02828; color:#ffffff; text-shadow:1px 1px 0px #1f2652; padding:6px 17px 6px 17px; background:#741d1d; -webkit-border-radius: 16px; border-radius: 16px; box-shadow: inset 0px 2px 15px -2px #8a2323; }
a.bt_normal_cor i { margin-right:8px!important; }
a.bt_normal_cor:hover { background:#7f2020; }
a.bt_normal_cor:active { color:#ce827d; background:#631818; text-shadow:0px 1px 0px #1d254c; border-bottom:1px solid #a02828; border-top:1px solid #350d0d; box-shadow: inset 0px 2px 15px -2px #461111;}

a.bt_fb, a.bt_fb:visited {background:#3c5a98; color:#ffffff; text-shadow:1px 1px 0px #263960; border-bottom-color:#263960; border-top-color:#5179cc; margin:0 0 0 10px;}
a.bt_fb:hover {background:#4e75c6; color:#ffffff;}
a.bt_fb:active {background:#213254; color:#496eb9; text-shadow:1px 1px 0px #0f1727; border-bottom-color:#4465ab; border-top-color:#0f1727;}

/*Tooltip*/
span.tooltipbox { max-width:200px; width:auto; text-align:center; display:block; position:absolute; z-index:200; color:#fff; text-shadow:0px 1px 0px #000;  padding: 6px 10px; -webkit-border-radius: 3px; border-radius: 3px; background:#000000; background:rgba(0,0,0,0.9); }
span.tooltipbox span {position:relative; text-align:center; font-size:12px; }
span.pointer { width:5px; height:3px; display:block; bottom:-5px; margin:0 auto -4px auto; background:url(../img/ui_interno_externo.png) -28px -23px no-repeat;}

/*formulario normal*/
form.normal { width:100%; padding:0; margin:0; float:left;}
form.normal label {padding: 0 20px 5px 0; margin:0; float:left; font-size:12px; line-height:18px; color:#626365; }
form.normal fieldset {float:left; border:0; border-bottom:1px dashed #ccc; padding:0 0 10px 0; margin:0 0 15px 0;}
form.normal fieldset  label {padding:0 20px 15px 0;}

.nopadding { padding: 0!important; }
.both { clear:both }
form.normal input[type='text'] {width: 181px; font-size:11px; -webkit-box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.3); box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.3); color:#626365; -webkit-border-radius: 15px; border-radius: 15px; border: 1px solid #E0E1E6; line-height:15px; height: 23px; padding: 0px 15px 0 15px; margin:1px 0 0 0;}
form.normal input[type='password'] {width: 181px; font-size:11px; -webkit-box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.3); box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.3); color:#626365; -webkit-border-radius: 15px; border-radius: 15px; border: 1px solid #E0E1E6; line-height:15px; height: 23px; padding: 0px 15px 0 15px; margin:1px 0 0 0;}
form.normal input[type='text']:focus { border:1px solid #b7b7b7; -webkit-box-shadow: 0px 0px 14px -2px #dfdfdf; box-shadow: 0px 0px 14px -2px #dfdfdf }
form.normal input[type='password']:focus { border:1px solid #b7b7b7; -webkit-box-shadow: 0px 0px 14px -2px #dfdfdf; box-shadow: 0px 0px 14px -2px #dfdfdf }
form.normal textarea { font-size:11px; -webkit-box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.3); box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.3); color:#626365; -webkit-border-radius: 15px 15px 0 0; border-radius: 15px 0 0 15px; border: 1px solid #E0E1E6; font-family:'Signika', Arial, Tahoma; font-size:13px; text-align:left; line-height:17px; width:647px; height: 160px; padding: 12px 15px; margin:12px 0 0 0; }
form.normal textarea:focus { border:1px solid #b7b7b7; -webkit-box-shadow: 0px 0px 14px -2px #dfdfdf; box-shadow: 0px 0px 14px -2px #dfdfdf }
form.normal input[type='checkbox'] { margin:2px 5px 0 0; }
.labl_check {font-size:13px!important; font-weight:600;}
.textermos {padding: 0 0 15px 0!important;}

form.normal input[type='submit']  { margin:15px 0 0 0; clear:both; float:left; text-transform:uppercase; cursor:pointer; display:block; font-size:11px; font-weight:bold; border:0; border-bottom:1px solid #aeafb3; border-top:1px solid #f0f1f6; color:#464648; text-shadow:1px 1px 0px #f0f0f0; padding:6px 18px 6px 18px; background:#e0e1e6; -webkit-border-radius: 16px; border-radius: 16px; -webkit-box-shadow: inset 0px 2px 15px -2px rgba(255,255,255,0.2); box-shadow: inset 0px 2px 15px -2px rgba(255,255,255,0.2);  }
form.normal input[type='submit']:hover { color:#898989; background:#eff0f5; }
form.normal input[type='submit']:active { color:#454547; background:#8c8c90; text-shadow:1px 1px 0px #a3a4a8; border-bottom:1px solid #ffffff; border-top:1px solid #454547; }

/*Cadastro*/
.cadastrotermos {margin: 16px 0 16px 0!important;}
.verificador {display:block; float:left; width:642px; background:#f0f0f0; padding:11px 20px 9px 20px; margin: 0 0 15px 0; -webkit-border-radius: 6px; border-radius: 6px;}
.verificador p {color:#579a00; font-size:14px; padding:5px 0 0 0; font-weight:600; }
.verificador .ico-xg {float:right!important;}
.confirmacao {float:left;}
.confirmacao span {font-weight:600;}
.confirmacao h2 { float:left; font-size:24px; clear:both; font-weight:400; padding:0 0 15px 0; color:#10be18;}
.confirmacao p { float:left; width:70%; font-size:13px; clear:both; padding:0 0 0px 0;}
.confirmacao a { clear:both; float:left; margin: 20px 0 5px 0; }
/* Paginas Popup */
div.conteudopop {float:left; width:100%;}
.conteudopop h2:first-child {padding:0px 0 15px 0!important;}
.conteudopop h2 { float:left; font-size:24px; clear:both; font-weight:400; padding:15px 0 15px 0; color:#333333;}
.conteudopop p { float:left; width:100%; font-size:13px; clear:both; padding:0 0 0 0;}
.conteudopop a .bt_normal { clear:both; float:left; margin: 20px 0 5px 0; }
/*pop passo a passo*/
.passo_screen {float:left; width:100%; margin:0 0 10px 0; }
.passo_desc {float:left; width:390px; margin:0 20px 0 0; }
.passo_desc .info {margin:5px 10px 0 0!important; color:#404040!important;}
.passo_cta {float:left; width:272px; padding:5px 0 0 0;}
.passo_cta .bt_app_a {margin:0px 9px 0 0;}
.bt_app_a, .bt_app_a:visited {width:130px; height:43px; display:block; float:left; background:url(../img/bts_appstores.jpg) -1px -87px;}
.bt_app_a:hover { background:url(../img/bts_appstores.jpg) -1px -130px;}
.bt_app_b, .bt_app_b:visited {width:132px; height:43px; display:block; float:left; background:url(../img/bts_appstores.jpg) -0px -0px;}
.bt_app_b:hover {background:url(../img/bts_appstores.jpg) -0px -43px;}
.bt_app_c, .bt_app_c:visited {width:271px; height:43px; display:block; float:left; background:url(../img/bts_appstores.jpg) -0px -174px;}
.bt_app_c:hover {background:url(../img/bts_appstores.jpg) -0px -217px;}


/*
IE HACKS
*/
.scrollbasic { float:left; width:439px; padding:0 20px 17px 20px; overflow:auto; overflow-x:hidden; height:295px; }
.iemessage {width:100%; padding: 10px 0 10px 0; background:#fff60b; float:left; }
.iemessage  p { float:left; padding: 0 0 0 10px; }
.iemessage  a, .iemessage  a:visited{ float:left; padding: 2px 0px 0 20px; font-weight:bold; color:#0b8fff; }
.iemessage  a:hover {text-decoration:underline;}

/*Loader Geral*/
.QOverlay {
    background-color: #ffffff;
    z-index: 923999;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
}

#qLpercentage {
    background: url(../img/loader_frist.gif) no-repeat center center #00b0ad;
    height: 1px;
    width:60px;
    height:60px;
    display:block;
    -webkit-border-radius: 10px; border-radius: 10px;
}

/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{
    width:auto;
    overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
    margin-right:0;
}
.mCustomScrollBox .mCSB_scrollTools{
    width:7px;
    height:100%;
    top:0;
    right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
    height:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.mCSB_scrollTools .mCSB_buttonUp+.mCSB_draggerContainer{
    padding-bottom:40px;
}
.mCSB_scrollTools .mCSB_draggerRail{
    width:7px;
    height:100%;
    margin:0 auto;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.mCSB_scrollTools .mCSB_dragger{
    width:100%;
    height:30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width:7px;
    height:100%;
    margin:0 auto;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
    height:20px;
    overflow:hidden;
    margin:0 auto;
    cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
    bottom:0;
    margin-top:-40px;
}
/* horizontal scrollbar */
.mCSB_horizontal .mCSB_container{
    height:auto;
    margin-right:0;
    margin-bottom:30px;
    overflow:hidden;
}
.mCSB_horizontal .mCSB_container.mCS_no_scrollbar{
    margin-bottom:0;
}
.mCSB_horizontal.mCustomScrollBox .mCSB_scrollTools{
    width:100%;
    height:16px;
    top:auto;
    right:auto;
    bottom:0;
    left:0;
    overflow:hidden;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerContainer{
    height:100%;
    width:auto;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    overflow:hidden;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft+.mCSB_draggerContainer{
    padding-bottom:0;
    padding-right:20px;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail{
    width:100%;
    height:2px;
    margin:7px 0;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger{
    width:30px;
    height:100%;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width:100%;
    height:4px;
    margin:6px auto;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{
    width:20px;
    height:100%;
    overflow:hidden;
    margin:0 auto;
    cursor:pointer;
    float:left;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{
    right:0;
    bottom:auto;
    margin-left:-40px;
    margin-top:-16px;
    float:right;
}
/* default scrollbar colors and backgrounds */
.mCSB_scrollTools .mCSB_draggerRail{
    background:#650a0a; /* rgba fallback */
    background:rgba(101,10,10,0.2);
    filter:"alpha(opacity=30)"; -ms-filter:"alpha(opacity=30)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background:#650a0a; /* rgba fallback */
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background:rgba(101,10,10,0.75);
    filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background:rgba(101,10,10,1);
    filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
    background-image:url(mCSB_buttons.png);
    background-repeat:no-repeat;
    opacity:0.4;
    filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp{
    background-position:0 0;
}
.mCSB_scrollTools .mCSB_buttonDown{
    background-position:0 -20px;
}
.mCSB_scrollTools .mCSB_buttonLeft{
    background-position:0 -40px;
}
.mCSB_scrollTools .mCSB_buttonRight{
    background-position:0 -56px;
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
    opacity:0.75;
    filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
    opacity:0.9;
    filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}


form#form_recuperar_senha .captcha-left {
    float:left;
    width: 80px;
    padding-top: 10px;
}
.captcha-left img {
    border-radius: 3px;
}
form#form_recuperar_senha .captcha-right {
    float:right;
    width: 120px;
    padding-top: 10px;
    color: #fff;
    font-size: 12px;
}
form#form_recuperar_senha .captcha-right input{
    margin-top: 5px;
    width: 100px;
    text-align: center;
    letter-spacing: 5px;
    border-radius: 10px;
    border:none;
    height: 19px;
}

.termos{
    margin:0;
    padding:0;
    resize:none;
    outline:none;
    font-size:11px;
    -webkit-box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.3);
    color:#626365;
    -webkit-border-radius: 15px 15px 0 0;
    border-radius: 15px 0 0 15px;
    border: 1px solid #E0E1E6;
    font-family:'Signika', Arial, Tahoma;
    font-size:13px;
    text-align:left;
    line-height:17px;
    width:647px;
    height: 160px;
    padding: 12px 15px;
    margin:12px 0 0 0;
    overflow: auto;
}

/*  Modal */
#dialog-box{-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.5);box-shadow:0px 0px 10px rgba(0,0,0,0.5);-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.5);-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;background:#eee;width:328px;position:absolute;z-index:5000;display:none}#dialog-box .dialog-content{text-align:left;padding:10px;margin:13px;color:#666;font-family:arial;font-size:12px}#dialog-box .dialog-content a.button{margin:10px auto 0 auto;margin-top:20px;text-align:center;display:block;width:50px;padding:8px 10px 6px;color:#fff;text-decoration:none;font-weight:bold;line-height:1;background-color:#390606;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);box-shadow:0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);text-shadow:0-1px 1px rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.25);position:relative;cursor:pointer}#dialog-box #modal-confirm-buttons{margin:10px auto 0 auto;margin-top:20px;position:relative;width:160px;height:40px}#dialog-box .dialog-content a.button:hover{background-color:#650A0A}#dialog-box .dialog-content p{font-weight:700;margin:0}#dialog-box .dialog-content ul{margin:10px 0 10px 20px;padding:0;height:50px}

/* novo rodape */
div.rodape {
    float:left;
    width:100%;
    background-image:url(../img/bg_header_imagem.jpg);
    background-position:center bottom ;
    background-repeat:repeat-x;
    height: 17px;
}

div.final {
    float:left;
    width:100%;
    padding:20px 0 20px 0;
}

div.final p { color:#303237; font-size:12px; line-height:16px;  float:left;}
div.final a.logo_rodapefinal, div.final a.logo_rodapefinal:visited { margin:24px 0 0 0; float:right; width:132px; height:17px; display:block; background:url(../img/ui_interno_externo.png) left -635px no-repeat;}
div.final a.logo_rodapefinal:hover { background:url(../img/ui_interno_externo.png) -143px -641px no-repeat;}


div.rodapelivros { background:#0f0f0f; padding: 15px 0 15px 0!important; } 
	div.rodapelivros h2 { font-size: 14px; color:#fff; font-family: 'PT Sans', sans-serif; width: 184px; text-transform: uppercase; display: block; }	
	div.rodapelivros hr.hrrodape { display: block; border:none; border-top:1px solid #262626; margin-left: 184px; margin-top: -12px; }
	
		div.rodapelivros ul { padding: 16px 0px 0px 0px; }
		div.rodapelivros ul li { vertical-align: top; display: inline-block; margin: 0 10px 0 0px; }	
		div.rodapelivros ul li a { width: 101px; display: block; }		
			div.rodapelivros ul li a img { width: 101px; height: 140px; }
		div.rodapelivros hr.end { width: 100%; margin: 15px 0 15px 0; border:none; border-top:1px solid #262626; }
		div.rodapelivros p { font-size: 12px; color:#626365; width: 100%; text-align: center; }
		div.rodapelivros ul li.textos { padding: 0 15px 0 15px; }
		
		div.rodapelivros ul li.textos h1 { font-size: 20px; font-weight: 400; line-height: 20px; color:#fff; padding: 0 0 25px 0; }
		div.rodapelivros ul li.textos span { display: block; clear: both; width: 83px; height: 42px; background:url(../img/ui_interno_externo.png) -143px -641px no-repeat;  }