/*GENERAL _______________________________ */
html {
	margin: 0;
	padding: 0;
}
body {
	font-size:62.5%;
	margin: 0;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

body a {
	text-decoration: none;
}

img{
	border: 0;
}

.spacer {
  clear: both;
  margin: 0;
  padding: 0;
}

.separador {
  clear: both;
  margin: 0px 0;
  padding: 0px;
  border-bottom: 1px dotted #808285;
}

ul.listaSimples, ul.listaLinks {
	list-style-type: none;
	margin:0;
	padding:0;
}

ul.listaSimples li, ul.listaLinks li {
	padding: 0;
	margin: 0 0 3px 0;
	list-style-type: none;
}

ul.listaSimples h1, ul.listaLinks li h1 {
	font-size: 1.1em;
	padding: 0;
	margin: 0;
	color:#000;
	font-weight: bold;
}

ul.listaSimples h2, ul.listaLinks li h2 {
	font-size: 1.1em;
	
	line-height: 1.2em;
	padding: 0;
	margin: 0;
	color: #808285;
	font-weight: normal;
}

ul.listaSimples h3, ul.listaLinks h3 {
	font-size: 1.1em;
	line-height: 1.2em;
	padding: 0;
	margin: 0;
	color: #000;
	font-weight: normal;
}

h1 {
	font-size: 1.7em;
	line-height:0.9em;
	font-weight: bold;
	margin: 0;
}

h2 {
	font-size: 1.2em;
	line-height: 0.9em;
	color: #808285;
	letter-spacing: 1px;
	margin: 0 0 3px 0;
}

.float {
	display:inline;
	float: left;
	margin: 0 20px 10px 0;
}

.align40em {
text-align: right;
width: 40em;
}

#swf { width:100%; height:100%; left:0px; top:0px; position: absolute;  }

.roxo {
color:#F09;
}



table {
border-collapse:collapse;
margin: auto;
}

thead {
font-weight: bold;
}

tbody td {
border-bottom: 1px dotted #808285;
}

.catalogoBloco tbody td {
border-bottom: 0;
}


/*Style sheet used for demo. Remove if desired*/
.handcursor{
cursor:hand;
cursor:pointer;
}


#impressao {
	width: 600px;
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 20px 20px 30px 40px;
	}

	
#impressao .rightColumn {
	text-align: left;
	width: 600px;
	margin: 0 0 20px 0;
	border-left-width: 0;
	padding: 0 0 0 10px;
	min-height: 20px;
}


#impressao .catalogoLista h1 {
	font-size: 14px;
	margin-bottom: 10px;
}

#impressao .livroLinhaRightColumn h1 {
	font-size: 11px;
	margin: 0;
	
}


/* CODIGO BARRA _______________________________ */
.n0 {background-color:#ffffff;height:40px;width:1px;float:left;}
.n1 {background-color:#000000;height:40px;width:1px;float:left;}
.l1 {background-color:#000000;height:50px;width:1px;float:left;}
.nombre {position:absolute;font-size:11px;font-family:Arial, Helvetica, sans-serif;}
.nombre1 {position:relative;font-size:11px;font-family:Arial, Helvetica, sans-serif;;float:left;top:40px;}
.barreCode  {float: right; position:relative; margin: 0 0 20px 20px;}

.iconImprimir {
	background: #fff url(../img/picto_imprimir.gif) right top no-repeat;
	width: 25px;
	height: 17px;
	vertical-align: bottom;
	margin: 0 0 0 460px;
}

.iconImprimir:hover {
	background: #fff url(../img/picto_imprimir.gif) left top no-repeat ;
}

/* FORM _______________________________ */
form {
	border: 0;
	margin: 0;
	padding: 0;
	width: 50em;	/*** Largeur du formulaire ***/
}

.botao {
cursor: pointer;
}

input  {
    color: #000;
    background-color: #F0F0F0;
    font-size: 11px;
	height: 12px;
	border-top: 1px solid #7C7C7C;
	border-left: 1px solid #7C7C7C;
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #DDD;
	font-size: 0.9em;
	margin: 0 0 5px 0;
}


select  {
    color: #000;
    background-color: #F0F0F0;
    font-size: 11px;
	border-top: 1px solid #7C7C7C;
	border-left: 1px solid #7C7C7C;
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #DDD;
	font-size: 0.9em;
	margin: 0 0 5px 0;
}

textarea {
	width: 280px;
    color: #000;
    background-color: #F0F0F0;
    font-size: 11px;
	border-top: 1px solid #7C7C7C;
	border-left: 1px solid #7C7C7C;
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #DDD;
	font-size: 0.9em;
}

.piedForm {
	text-align: right; /*** Les boutons sont alignés à droite ***/
	width: 40em;
}

.piedFormLivre {
	text-align: right; /*** Les boutons sont alignés à droite ***/
}

.piedForm input, .piedFormLivre input {
	color:#fff;
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	background-color: #000;
	height: 20px;
}
.corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	margin: 0;
	padding: 0;
}

.corpForm fieldset {	/*** Mise en forme des cadres ***/
	border: 0;
	margin: 0;
	font-style: normal;
	padding: 10px 0 ;
	background-color: #FAFAFA;
	border: 1px dotted #808285;
}
.corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-size: 1.4em;
	font-weight: bold;
	color: black;
}
.corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .1em 0;
	margin: 0 0 .2em 0;
}
.corpForm fieldset label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}
.corpForm label:hover, .piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
.corpForm label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}
.corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #808285;
	margin: 0;
	padding: 0;
}
.corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
.corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}
.corpForm a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}
.corpForm .focus, #search .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: #ccc;
	color: #000;
}
.corpForm .normal, #search .normal  {	/*** Retour à l'état normal après l'utilisation ***/
	background: #F0F0F0;
	color: #000;
}

/*** Mise en forme des messages d'erreur ***/

.corpForm .alerte {	/*** Mis en évidence des champs mal renseignés ***/
	background-color: #F09;
}
.corpForm .messageAlerte {	/*** Mise en forme des message d'alerte ***/
	display: block;
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	font-weight: bold;
	background: url('img/icon_alert.gif') no-repeat left center;
}
/* TOP _______________________________ */

#header {
	left: 0px;
	top: 0px;
	height: 74px;
	width: 100%;
}

#menuTop {
	font-size: 1.1em;
	font-family:Arial, Helvetica, sans-serif;
	left: 115px;
	font-weight: bold;
	position: absolute;
	padding: 5px 0 0 0;
	margin: 0;
	top: 0px;
}

#menuTop li {
	list-style-type: none;
	margin: 0 10px 0 0;
	display: inline;
}

#menuTop a {
	text-decoration: none;
	color: #000;
}

#menuTop a:hover {
	border-width: 5px 0px 0px;
	border-style: solid;
	border-top-color: #808285;
	}
	
#menuTop .btLivraria, #menuTop .btLivraria a {
	color: #F09;
}

.menuTopSelected {
	border-width: 5px 0px 0px;
	border-style: solid;
	border-top-color: #000;
}

#search {
	position: absolute;
	float: right;
	padding-bottom: 5px;
	margin: 0;
	top: 5px;
	right: 10px;
	text-align: right;
}

#search a, #cesto a {
	font-size:1.1em;
	color: #000;
}

#search a:hover, #cesto a:hover {
	color: #FFF;
	background-color: #000;
}

.submitSearch {
	background: #fff url(../img/picto_ok.gif) left top no-repeat;
	color: #000;
	margin: 0 0 0 5px;
	width: 15px;
	height: 15px;
	vertical-align: top;
}

.submitSearch:hover {
	background: #fff url(../img/picto_ok.gif) right top no-repeat ;
}

#cesto {
	position: absolute;
	float: right;
	width: 150px;
	margin: 0;
	padding: 5px 0 0 0;
	top: 45px;
	right: 10px;
	vertical-align: top;
	text-align: right;
	border-top: 1px dotted #CCCCCC;
}
#cesto img {
	vertical-align: middle;

}


/* PESQUISA _______________________________ */


#pesquisaAvancadaForm {
	width: 40em;
	line-height: 2em;
}

#campoPesquisa label {
display:block;
float:left;
}

/* HOMEPAGE _______________________________ */

#homepage {
	width: 100%;
	}
	

#hp a {
	text-decoration: none;
	border: 0;
}

#hp img, #hp object {
	padding-left: 115px;
	}
	
/* CONTENT _______________________________ */

#content {
	width: 80%;
	min-height: 450px;
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0px 20px 0px 65px;
	}


#content p {
	font-size: 1.1em;
	margin: 0 0 10px 0;
}


#content .listaLinks a {
	color: #F09;
}

#content .listaLinks a:hover {
	color: #F09;
}

#content a, #impressao a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}


#content a:hover, #impressao a:hover {
	color: #fff;
	background-color: #000;
}

#content a.external, #impressao a.external {
	background: url(../img/picto_external.gif) no-repeat right bottom;
	padding-right: 13px;
}

#content a:hover.external, #impressao a:hover.external {
	background-color: #000;
}

a.internal {
	background: url(../img/picto_internal.gif) no-repeat right bottom;
	padding-right: 13px;
}

#content a:hover.internal {
	background-color: #000;
}


#content .nota  {
	font-size: 1em;
	line-height: 1.1em;
}

	
#content .preco a:hover, #content .precoBloco a:hover,  #content .icon a:hover, #content .livro100 a:hover, #content .livro50 a:hover  {
	background-color: #fff;
}

.leftColumn {
	float: left;
	text-align: right;
	width: 200px;
	margin-bottom: 10px;

}

.leftColumn h1{
	font-size: 1.9em;
	font-weight: bold;
	margin: 0 10px 0 0;
}

.leftColumn h2{
	font-size: 1em;
	font-weight: normal;
	margin: 0 10px 0 0;
}

.rightColumn {
	text-align: left;
	margin-left: 200px;
	margin-bottom: 20px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #000;
	padding: 0 0 0 10px;
	min-height: 20px;
}

.subContent .rightColumn {
	width: 70%;
}

.subContent .insertImage {
	float: left;
	margin: 5px 10px 5px 0;
}



/* TOOLBOX _______________________________ */

.toolBox .fichaRightColumn, .toolBox .rightColumn, .toolBox .fichaLeftColumn {
	/*height: 1em;*/
	line-height: 1.2em;
}

#content .toolBox a {
	font-weight: normal;
}

.toolBox  h1{
	font-size: 1.1em;
	margin: 0 10px 0 0;
}
.toolBox strong{
	font-size: 1em;
	font-weight: bold;
	margin: 0 10px 0 0;
}

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

ul#menuOrdenar, ul#menuNavegar {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#menuOrdenar li, ul#menuNavegar li {
	float: left;
	font-weight: bold;
	padding: 0 10px 0 0;
}

ul#menuOrdenar a, ul#menuNavegar a {
	float: left;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
}

ul#menuPage {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#menuPage li {
	float: left;
	font-weight: bold;
	padding: 0 5px 0 0;

}

ul#menuPage a {
	float: left;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
}

/* EDITORA */

.noticia {
	margin: 0 0 20px 0;

}

.noticia .header {
	margin: 0 0 5px 0;

}


#content .noticia h3, #content .float h3 {
	font-size: 1.1em;
	line-height: 0.1em;
}

#content .noticia h3 a, #content .float h3 a {
	color: #F09;
	font-weight: bold;	
}

#content .noticia h3 a:hover {
	color: #F09;
}
/* FICHA */

.fichaLeftColumn {
	float: left;
	text-align: right;
	width: 200px;
}

.fichaLeftColumn h1 {
	font-size: 1.9em;
	font-weight: bold;
	margin: 0 10px 10px 0;
	padding: 0;
}

.margemRight10 {
	text-align: right;
	margin: 0 10px 0 0;
	padding: 0;
}

.margemRight5 {
	text-align: right;
	margin: 0 5px 0 0;
	padding: 0;
}

.margem10_5 {
	margin: 0 5px 0 10px;
	padding: 0;
}

.margemTop10 {
	margin: 10px 0;
	padding: 0;
}

.fichaRightColumn {
	text-align: left;
	margin-left: 200px;
	margin-bottom: 20px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #000;
	padding: 0 0 0 10px;
	min-height: 20px;
}
#fichaPrincipal .fichaRightColumn {
	
	text-align: left;
	margin-left: 200px;
	margin-bottom: 20px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #000;
	padding: 0 0 0 10px;
	min-height: 200px;
}

#fichaPrincipal .fichaRightColumn h1 {
font-size: 1.7em;
line-height: 1em;
}

#fichaPrincipal a {
	font-weight: normal;
}

#fichaPrincipal .fichaRightColumn h3 {
	font-size: 1.2em;
	line-height: 1.4em;
	color: #000;
	margin: 0;
	font-weight: normal;
}

#fichaPrincipal .fichaRightColumn h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 4.8em;
	font-weight: bold;
	line-height: 1em;
	margin: 0.3em 0 0.3em 0;
}

#fichaPrincipal .fichaRightColumn h5 {
	font-size: 1.2em;
	margin: 0.8em 0 0 0;
}

#fichaPrincipal .fichaRightColumn h5 a {
	color: #808285;
}

#fichaPrincipal .fichaRightColumn h6 {
	font-size: 1.2em;
	margin: 0.8em 0 0 0;
	font-style: normal;
	font-weight: normal;
}




.iconPreview {
	background: #fff url(../img/picto_exerto.gif) right top no-repeat;
	width: 25px;
	height: 17px;
	vertical-align: top;
	margin: 5px 10px 0 0;
}

.iconPreview:hover {
	background: #fff url(../img/picto_exerto.gif) left top no-repeat ;
}

.iconImprensa {
	background: #fff url(../img/picto_imprensa.gif) right top no-repeat;
	width: 25px;
	height: 17px;
	vertical-align: top;
	margin: 5px 10px 0 0;
}

.iconImprensa:hover {
	background: #fff url(../img/picto_imprensa.gif) left top no-repeat ;
}

.iconComprar {
	background: #fff url(../img/picto_comprar.gif) right top no-repeat;
	width: 25px;
	height: 17px;
	vertical-align: top;
	margin: 0 10px 0 10px;
}

.iconComprar:hover {
	background: #fff url(../img/picto_comprar.gif) left top no-repeat ;
}

.iconFactura {
	background: #fff url(../img/picto_factura.gif) right top no-repeat;
	width: 25px;
	height: 17px;
	vertical-align: top;
	margin: 0 10px 0 10px;
}

.iconFactura:hover {
	background: #fff url(../img/picto_factura.gif) left top no-repeat ;
}


/* CATALOGO */



#trailimageid
{
	font-size: 0.75em;
	position: absolute;
	display: none;
	left: 0px;
	top: 0px;
	width: 400px;
	height: 0px;
	z-index: 200;
}

.livroBloco {
	float: left;
	width: 250px;
	margin: 0 0 10px 0;
	padding: 0;
}

.livroBloco a {
	font-weight: normal;
}


.catalogoBloco .rightColumn {
	text-align: left;
	top: 0px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #000;
	padding: 0 0 0 10px;
	min-height: 30px;
	
}

.catalogoBloco table {
	display:inline;
	float:left;
	width: 250px;
	border: 0;
	margin: 0 20px 10px 0;
}

table .space {
	height: 10px;
}

.livro100 {
	float: left;
	height: 100px;
}

.livroLinha {
	padding:0;
	width: 90%;
	margin: 0 0 10px 0;
}

.livroLinha a {
	font-weight: normal;
}

.livro50 {
	float: left;
	width: 60px;
	margin: 0;
	padding: 0;
}

.livroLinhaRightColumn {
	margin-left: 60px;
	padding: 0 0 0 10px;
}

.preco {
	position:relative;
	top: -1.4em;
	text-align: right;
	margin: 0;
	padding: 0;
	font-weight: bold;
	float: right;
}

.precoPromo {
	color: #F09;
	font-size: 0.8em;
	margin: 0 10px 0 0;
	padding: 0;
	text-decoration: line-through;
}

.precoBloco {
	line-height: 1.4em;
	margin: 10px 0 0 0;
	padding: 0;
	font-weight: bold;
}


		/* gere la superposition du picto*/
.livro100 a {
	display: block;
	position: relative;
}

.livro100 a:hover{ /* bug ie6*/
	background: none;
}

.livro100 a span{
	display: none;
}

.livro100 a:hover span{
	display: block;
	width: 12px;
	height:12px;
	position: absolute;
	left: 0;
	top: 88px;
	border: 0;
	text-decoration: none;	
}

.livro50 a {
	display: block;
	position: relative;
}

.livro50 a:hover{ /* bug ie6*/
	background: none;
}

.livro50 a span{
	display: none;
}

.livro50 a:hover span{
	display: block;
	width: 12px;
	height:12px;
	position: absolute;
	left: 0;
	top: 48px;
	border: 0;
	text-decoration: none;	
}

/* fin gere la superposition du picto*/

.livroBlocoRightColumn {
	text-align: left;
	width: 135px;
	float: left;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #000;
	padding: 0 0 0 10px;
	max-height: 100px;
	
}

.livroBloco h1, .livroLinha h1, #content .livroBloco h1 a, #content .livroLinha h1 a {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	line-height: 1em;
}


.livroBloco h2, .livroLinha h2, #content .livroBloco h2 a, #content .livroLinha h2 a {
	font-size: 1em;
	color: #808285;
	font-weight: normal;
	margin: 0;
	line-height: 1em;
}


.livroBloco h3, .livroLinha h3, #content .livroBloco h3 a, #content .livroLinha h3 a {
	font-size: 1em;
	margin: 3px 0 0 0;
	line-height: 1em;
	font-style: normal;
	font-weight: normal;
}

.livroBloco h4, .livroLinha h4, #content .livroBloco h4 a, #content .livroLinha h4 a {
	font-size: 0.9em;
	margin: 4px 0 0 0;
	font-style: italic;
	font-weight: normal;
	
}

/* AUTORES _______________________________ */

ul.listaAutores {
	
	line-height: 1.6em;
	margin: 0;
	padding: 0;
	list-style-type: none;

	
}

ul.listaAutores li {
	font-weight: bold;
	padding: 0 1.4em 0  0;
	display: inline;

}
/* CONTACTOS _______________________________ */


#livrariaForm {
	width: 40em;	/*** Largeur du formulaire ***/
}

#livrariaForm fieldset label {	/*** Mise en forme des intitulés de champs ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
}



/* FOOTER _______________________________ */

#footer {
	right: 0px;
	bottom: 0px;
	height: 20px;
	width: 100%;
	background-color: #FFF;
}

#menuBottom {
	font-size: 1em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
	padding: 0 0 5px 0;
	margin: 0;
}

#menuBottom a {
	text-decoration: none;
	color: #000;
}

#menuBottom li {
	list-style-type: none;
	margin: 0 10px 0 0;
	padding: 0;
	display: inline;
}
	
#menuBottom a:hover {
	border-width: 0px 0px 5px 0px;
	border-style: solid;
	border-bottom-color: #808285;
}

.menuBottomSelected {
	border-width: 0 0 5px 0;
	border-style: solid;
	border-bottom-color: #000;
}

/* BO _______________________________ */
.checkBoxSolo {
	margin: 0 5px;
}

.iconSolo {
	margin: 0 5px;
	vertical-align: middle;
}


.stock {
	margin: 0 5px;
	width: 50px;
}

.estatuto {
	margin: 0 5px;
	width: 50px;
}

#boForm .corpForm fieldset {
width: 500px;
}

#boForm .nota  {
	font-size: 0.8em;
	color:#999;
}

#boForm input  {
	height: auto;
}

#boForm select  {
    color: #000;
    background-color: #F0F0F0;
    font-size: 11px;
	height: auto;
	border-top: 1px solid #7C7C7C;
	border-left: 1px solid #7C7C7C;
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #DDD;
	font-size: 0.9em;
	margin: 0 0 5px 0;
}

#boForm textarea {
    color: #000;
    background-color: #F0F0F0;
    font-size: 11px;
	border-top: 1px solid #7C7C7C;
	border-left: 1px solid #7C7C7C;
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #DDD;
	font-size: 0.9em;
}

/* Factura _______________________________ */
#corpoFactura {
	margin: 20px 20px 30px 40px;
	width: 700px;
}

#corpoFactura table {
text-align:left;
}

#destFactura {
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 20px 20px 30px 330px;
	width: 250px;
	
}
#dadosFactura {
	font-size: 1.1em;
	line-height: 1.3em;
}
#numFactura {
	position: absolute;
	font-size: 2em;
	top: 20px;
	left: 450px;
	margin: 0;
	padding: 0;
	
}

#rodapeFactura {
position: absolute;
bottom: 40px;
	text-align:center;
	bottom: 0px;
	margin: 20px 0;
	width: 595px;
}