@charset "UTF-8";
/* CSS Document */

	@import url(https://fonts.googleapis.com/css?family=Maven+Pro:400,700);

	body {
		font-family: 'Maven Pro', sans-serif;
		background-color: #FFF;
		margin:0;
		padding:0;
		font-size:12px;
		color:#666;
		text-align:justify;
		overflow-x:hidden; with: 100%;
 -background-size: 100% 600px;
 -moz-background-size: 100% 600px;
 -webkit-background-size: 100% 600px;
	}
	img { border:0; }
	a {
		text-decoration:none;
		color: #D42222;
	}
	.submenu {
		text-decoration:none;
		color: #213A76;
	}
	a:hover {
		text-decoration:none;
		color:#213A76;
	}

	h1 a {
		text-decoration:none;
		color: #000;
	}
	h1 a:hover {
		text-decoration:none;
		color:#D42222;
	}

	.autor {
		text-decoration:none;
		color: #868686;
	}
	.autor:hover {
		text-decoration:none;
		color: #D42222;
	}

	.autor_secundario {
		text-decoration:none;
		color: #213A78;
	}
	.autor_secundario:hover {
		text-decoration:none;
		color: #D42222;
	}

	.preco {
		text-decoration:none;
		color: #233C76;
		font-size:24px;
		font-weight: 100;
		margin:0;
		padding:0;
	}

	.preco_promo {
		text-decoration:none;
		color: #900;
		font-size:20px;
		font-weight: 100;
		margin:0;
		padding:0;
		text-decoration:line-through;
		margin-top:5px;
		margin-bottom:-5px;
	}

	.topico {
		text-decoration:none;
		color: #FFF;
	}
	.topico:hover {
		text-decoration:none;
		color: #D42222;
	}

	.mural {
		text-decoration:none;
		color: #666;
	}
	.mural:hover {
		text-decoration:none;
		color: #D42222;
	}
	.paginacao {
		text-decoration:none;
		font-size:20px;
	}


h2.accordion{ cursor: pointer; }
div.accordion{ display: none; }

	h1 {
		text-transform:uppercase;
		font-weight:100;
		color:#333;
		margin-top:40px;
		margin-bottom:30px;
	}
	h2 {
		font-weight:100;
		color:#333;
		margin-top:40px;
		margin-bottom:30px;
		font-size:30px;
	}
	h3 {
		font-weight:100;
		color:#858585;
		font-size:18px;
	}
	h4 {
		font-weight:100;
		color:#203978;
		font-size:14px;
	}
	.subtitulo {
		text-transform:uppercase;
		font-weight:100;
		color:#333;
		font-size:16px;
		margin-bottom:5px;
	}
	.bk-bookback, .bk-bookview {
		text-transform:uppercase;
		font-weight:100;
		color:#333;
		font-size:13px;
	}
	.tag {
		text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
		float:left;
		position:relative;
		color:#FFF;
		background: rgb(153,153,153); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(153,153,153,1) 0%, rgba(102,102,102,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,153,153,1)), color-stop(100%,rgba(102,102,102,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(153,153,153,1) 0%,rgba(102,102,102,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(153,153,153,1) 0%,rgba(102,102,102,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(153,153,153,1) 0%,rgba(102,102,102,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(153,153,153,1) 0%,rgba(102,102,102,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#666666',GradientType=0 ); /* IE6-9 */

	  -webkit-border-top-left-radius: 7px;
	  -webkit-border-top-right-radius: 7px;
	  -webkit-border-bottom-right-radius: 7px;
	  -webkit-border-bottom-left-radius: 7px;

	  -moz-border-radius-topleft: 7px;
	  -moz-border-radius-topright: 7px;
	  -moz-border-radius-bottomright: 7px;
	  -moz-border-radius-bottomleft: 7px;

	  border-top-left-radius: 7px;
	  border-top-right-radius: 7px;
	  border-bottom-right-radius: 7px;
	  border-bottom-left-radius: 7px;
	  padding:10px;
	  text-align:center;
	  margin-right:10px;
	}
	input, select {
		font-family: 'Maven Pro', sans-serif;
		color: #888888;
		font-size:16px;
		/*text-transform:uppercase;*/
	}
	#cabecalho {
		position:relative;
		border-top:10px solid #203978;
		border-bottom:6px solid #FFF;
		height: 560px;
		width:100%;
		background: rgb(255,255,255); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(186,186,186,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(186,186,186,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(186,186,186,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(186,186,186,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(186,186,186,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(186,186,186,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bababa',GradientType=0 ); /* IE6-9 */
		margin-bottom: 60px;
 background-repeat:repeat-x;
 background-size: 100% 600px;
 -o-background-size: 100% 600px;
 -moz-background-size: 100% 600px;
 -webkit-background-size: 100% 600px;


	}

	#rodape {
		margin-top: 70px;
		text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
		color:#FFF;
		height:235px;
		width:100%;
		border-top:6px solid #FFF;
		background: rgb(204,204,204); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(204,204,204,1) 0%, rgba(153,153,153,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,1)), color-stop(100%,rgba(153,153,153,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(153,153,153,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(153,153,153,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(153,153,153,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(204,204,204,1) 0%,rgba(153,153,153,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#999999',GradientType=0 ); /* IE6-9 */

	}
	#rodape a {
		text-decoration:none;
		color:#FFF;
	}
	#rodape a:hover {
		text-decoration:none;
		color:#213A76;
	}
	#lateral {
		background: rgb(255,255,255); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	  -webkit-border-top-left-radius: 15px;
	  -webkit-border-top-right-radius: 15px;
	  -webkit-border-bottom-right-radius: 15px;
	  -webkit-border-bottom-left-radius: 15px;

	  -moz-border-radius-topleft: 15px;
	  -moz-border-radius-topright: 15px;
	  -moz-border-radius-bottomright: 15px;
	  -moz-border-radius-bottomleft: 15px;

	  border-top-left-radius: 15px;
	  border-top-right-radius: 15px;
	  border-bottom-right-radius: 15px;
	  border-bottom-left-radius: 15px;
	  padding:20px;
	  padding-top:0px;

	}
	#relacionados{
		background: rgb(255,255,255); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	  -webkit-border-top-left-radius: 15px;
	  -webkit-border-top-right-radius: 15px;
	  -webkit-border-bottom-right-radius: 15px;
	  -webkit-border-bottom-left-radius: 15px;

	  -moz-border-radius-topleft: 15px;
	  -moz-border-radius-topright: 15px;
	  -moz-border-radius-bottomright: 15px;
	  -moz-border-radius-bottomleft: 15px;

	  border-top-left-radius: 15px;
	  border-top-right-radius: 15px;
	  border-bottom-right-radius: 15px;
	  border-bottom-left-radius: 15px;
	  padding:20px;
	  padding-top:0px;
	  width:100%;
	  height:235px;
	}
	.data {
		text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
		color:#FFF;
		background: rgb(153,153,153); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(153,153,153,1) 0%, rgba(102,102,102,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,153,153,1)), color-stop(100%,rgba(102,102,102,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(153,153,153,1) 0%,rgba(102,102,102,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(153,153,153,1) 0%,rgba(102,102,102,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(153,153,153,1) 0%,rgba(102,102,102,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(153,153,153,1) 0%,rgba(102,102,102,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#666666',GradientType=0 ); /* IE6-9 */

	  -webkit-border-top-left-radius: 7px;
	  -webkit-border-top-right-radius: 7px;
	  -webkit-border-bottom-right-radius: 7px;
	  -webkit-border-bottom-left-radius: 7px;

	  -moz-border-radius-topleft: 7px;
	  -moz-border-radius-topright: 7px;
	  -moz-border-radius-bottomright: 7px;
	  -moz-border-radius-bottomleft: 7px;

	  border-top-left-radius: 7px;
	  border-top-right-radius: 7px;
	  border-bottom-right-radius: 7px;
	  border-bottom-left-radius: 7px;
	  padding:5px;
	  width:40px;
	  text-align:center;
	  margin-bottom:-10px;
	  margin-top:-10px;
	  line-height:120%;

	}

	.conteudo {
		position:relative;
		width:992px;
		margin:auto;
		padding:20px;
	}
	.prateleira {
		width:855px;
		height:292px;
		background-image:url(img/prateleira.png);
		background-repeat:no-repeat;
		background-position:0 205px;
		padding-left:40px;
		float:right;

	}
	.prateleira2 {
		width:903px;
		height:292px;
		background-image:url(img/prateleira.png);
		background-repeat:no-repeat;
		background-position:0 205px;
		padding-left:50px;
		margin:auto;
		margin-left:40px;

	}

	.livro {
		position:relative;
		float:left;
		height:237px;
		width:140px;
		padding-left: 30px;
		padding-right: 30px;
	}

	.info {
		position:absolute;
		background-color:#FFF;
		text-align:left;
		width:166px;
		height:201px;
		top:-12px;
		left:-15px;
		border:2px solid #E1E2E3;
		background-color: rgba(255, 255, 255, 0.9);
		padding:30px;
		display:none;
		cursor:pointer;
		font-size:12px;

	}
	.info2 {
		position:absolute;
		background-color:#FFF;
		text-align:left;
		width:166px;
		height:201px;
		top:0px;
		left:-15px;
		border:2px solid #E1E2E3;
		background-color: rgba(255, 255, 255, 0.9);
		padding:15px;
		display:none;
		cursor:pointer;
		font-size:12px;
	}

	#redes {
		position:absolute; left:480px; top:30px;
		width:540px;
		overflow: hidden;
		height:95px;
	}
	#menu {
		text-align:center; font-size:14px; margin-bottom:-3px;

	}
	#menu a {
		text-decoration:none;
		color:#213A76;
	}
	#menu a:hover {
		text-decoration:none;
		color: #FFF;
	}
	#banner {
		width:952px;
		margin:auto;
		position:relative;
	}
	.cycle-pager {
		text-align: center; width: 100%; z-index: 500; position: absolute; top: 222px; overflow: hidden;
		opacity: 0.7;
	}
	.cycle-pager span {
    	font-family: arial; font-size: 50px; width: 14px; height: 14px;
    	color: #ddd; cursor: pointer;
	}
	.cycle-pager span.cycle-pager-active { color: #CCC;}

	.cycle-pager > * { cursor: pointer;}

	ul, li { margin:0; padding:0; margin-left:10px;}

@-moz-document url-prefix() {
  #topicos {
     padding-top:5px;
  }
}



  .black_overlay{
	  display: none;
	  position: absolute;
	  top: 0%;
	  left: 0%;
	  width: 100%;
	  height: 100%;
	  background-color: black;
	  z-index:1001;
	  -moz-opacity: 0.8;
	  opacity:.80;
	  filter: alpha(opacity=80);
  }
  .login {
	  display: none;
	  position: absolute;
	  top: 0%;
	  left: 15%;
	  width: 70%;
	  height: 80%;
	  padding: 16px;
	  border: 16px solid orange;
	  background-color: white;
	  z-index:1002;
	  overflow: auto;
  }
  .valor_total {
	font-size: 30px; font-weight: 100; color:#213A76;
  }

  .valor_desconto {
	font-size: 30px; font-weight: 100; color:#A1421F;
  }




/*#####################################################################################*/
/*						  								 							   */
/*								DEFINIÇÕES DE TABELA DO SISTEMA						   */
/*						  								 							   */
/*#####################################################################################*/

	/* TABELA DE NAVEGAÇÃO */

	table#navega {
		text-align:left;
		width: 100%;
		font-size:8pt;
		border-spacing:0px;
		*border-collapse: collapse; /* hack is needed for IE7 also */
	}
	table#navega td {
		/*border-left: 1px dotted #CCCCCC;*/
		border-bottom: #333333 1px dotted;
		padding-left:5px;
		padding-right:5px;
		font-size:10pt;
		padding:5px;
	}
	table#navega th {
		border-bottom: 2px solid #A1421F;
		font-size:10pt;
	  /* fallback */
	  background-color: #eeeeee;

	  /* Safari 4-5, Chrome 1-9 */
	  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#CCC));

	  /* Safari 5.1, Chrome 10+ */
	  background: -webkit-linear-gradient(top, #FFF, #CCC);

	  /* Firefox 3.6+ */
	  background: -moz-linear-gradient(top, #FFF, #CCC);

	  /* IE 10 */
	  background: -ms-linear-gradient(top, #FFF, #CCC);

	  /* Opera 11.10+ */
	  background: -o-linear-gradient(top, #FFF, #CCC);
	  height:30px;


	}

	table#navega  a{
	   color:#666;
	}

	/* GRID ZEBRADO E REALCE*/
	#grid {
		/*background-color:#999999;*/
		cursor: pointer;
		overflow:auto;
		width:100%;
		min-height:220px;
		/*border: #333333 1px dotted;*/
		/*background-color:#FFF;*/
	}
	tbody tr.menu  {
		background-color: ;

	}
	tbody tr.menu:hover   {
		background-color:  #A1421F;
	}
	tbody tr.par  {
		/*background-color: #eee;*/
	}
	tbody tr.impar  {
		/*background-color: #fff;*/
	}

	/*Realçar Linhas nas Tabelas*/
	tbody tr.par:hover, tbody tr.impar:hover {
		background-color: #A1421F;
		color: #FFFFFF;
	}
	/*Realçar Linhas nas Tabelas*/
	tbody tr.menu:hover {
		background-color: #A1421F;
		color: #FFFFFF;
	}

	/* TABELA DE CAMPOS */
	table#campos {
		width: 100%;
	}

  .bx-wrapper {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
  }

  .homepage .bx-wrapper .bx-controls-direction a.bx-prev {
		margin-left: -45px;
	}

	.homepage .bx-wrapper .bx-controls-direction a.bx-next {
		margin-right: -45px;
	}
/*#####################################################################################*/
/*						  								 							   */
/*						  		FINAL DA FOLHA DE ESTILO							   */
/*						  								 							   */
/*#####################################################################################*/



/*@media screen and (max-width: 1300px) {
    .sombra {
		display:none;
    }
}*/