@import "reset.css";
@import "font-face.css";

body{
	font:12px Arial, Helvetica, sans-serif;
	color:#011432;
}

/***********************
	TOPO FIXO
***********************/

.topo{
	width:100%; height:44px;
	background:url(images/bg-menu.png) repeat-x;
	position:fixed; top:0; left:0;
	z-index:50;
}

.topo-inside{
	width:940px;
	margin:0 auto;
	overflow:hidden;
}

.share{
	margin:10px 0;
	width:420px;
}
	.share li{float:left;}
	.share li.linked-in{margin-right:13px;}
	
	.share li.facebook{
		margin-right:30px;
	}
	.share li.facebook a{
		display:block;
		text-indent:-9999px;
		width:20px;
		height:20px;
		background:url(images/icon-facebook.png) left top no-repeat;
	}
	.share li.facebook a:hover{
		opacity:0.8;
		filter:alpha(opacity=80);
	}
	
	.share > ul > li > div[style]{width:75px !important;}

.compre-now{
	margin:15px 0;	
}

.compre-now img{
	display:block;
	margin-top:10px;
}

.topo-inside .menu{float:right;}

.topo-inside .menu li{
	float:left;
	font-family:'DustismoRegular';
	color:#FFFFFF;
	font-size:18px;
	margin-left:10px;
}
.topo-inside .menu li a{
	color:#FFFFFF;
	margin-right:2px;
	display:inline-block;
	*display:block;
	padding-bottom:1px;
	cursor:pointer;
}
.topo-inside .menu li a:hover{
	text-decoration:none;
	border-bottom:1px solid #FFFFFF;
}
.topo-inside .menu li a{
	*display:inline;
}
.topo-inside .menu li a.active{
	color:#2b9a88;
	border-bottom:1px solid #2b9a88;
}

/***********************
	ESTRUTURA DO SITE
***********************/

.page{
	width:100%;
	margin:0 auto;
	border-top:3px solid #0e192a;
	position:relative;
	/*overflow:hidden;*/
}
	.page#livro{border-top:none;}
	.page span.fundo{
		position:absolute;
		z-index:10;
		display:block;
		height:100%;
		top:0;
		background-repeat:no-repeat;
		background-position:center center;
	}
	.page span.fundo.dir{right:0;}
	.page span.fundo.esq{left:0;}
	
	#livro .fundo{background-image:url(images/pattern-10.png);}
	#downloads .fundo{background-image:url(images/pattern-11.jpg);}
	#autor .fundo{background-image:url(images/pattern-12.jpg);}
	#depoimentos{background:url(images/pattern-02.gif) repeat;}
	#editora .fundo{background-image:url(images/pattern-10.jpg);}
	
	.page span.divisoria{
		width:940px; height:16px;
		position:absolute; z-index:40;
		bottom:-10px; left:50%;
		background:url(images/divisoria.png) repeat-x 2px top;
		margin-left:-470px;
	}
	
	.page .conteudo{
		width:900px;
		margin:0 auto;
		background:#FFFFFF;
		position:relative;
		z-index:20;
		padding:75px 20px 40px;
	}
	
	h1{
		font-family:'CabinRegular';
		color:#008cb7;
		font-size:48px;
		margin-bottom:20px;
	}
		h1 span{color:#ffb400;}
	
	h2{
		font-family:'CabinRegular';
		color:#499a8d;
		font-size:24px;
		margin-bottom:10px;
	}
		h3 span{
			font-family:'CaslonCalligraphicInitialsRg';
			font-size:40px;
			display:inline-block;
			margin-top:11px;
			*font-family:Arial;
			*font-size:22px;
			*display:inline;
			*margin-top:0;
		}
	h3{
		color:#041735;
		font-size:18px;
		margin-bottom:15px;
		line-height:24px;
	}
	
	.col-left{
		float:left;
		width:420px;
		overflow:hidden;
	}
	.conteudo p{padding:8px 0;}
	.conteudo p a, h3 a{color:#005c78;}
	.col-right{
		float:right;
		width:420px;
		overflow:hidden;
	}
	
	.frase-livro{
		display:block;
		color:#227089;
		font-family:'ArchitectsDaughterRegular';
		font-size:28px;
		margin-top:30px;
		line-height:30px;
	}
	.frase-livro span{
		display:block;
		font-size:18px;
	}
	
	.ilusao{
		position:absolute;
		top:70px; right:-11px;
		font-size:14px;
		font-family:'CabinRegular';
		background:url(images/bg-veja-ilusao.png) no-repeat right top;
		height:35px;
		
	}
		.ilusao a{
			color:#FFFFFF;
			background-color:#008cb7;
			display:block;
			padding:4px 15px 5px;
			margin-right:11px;
		}
	
	.botao{
		background-image:url(images/botoes.gif);
		background-repeat:no-repeat;
		display:block;
		height:39px;
		text-indent:-9999px;
		border:none;
		width:170px;
		cursor:pointer;
	}
	
/***********************
	PÁGINA O LIVRO
***********************/
	.titulo{
		font-family:'CabinRegular';
		font-size:30px;
		color:#041735;
		line-height:32px;
		margin-bottom:15px;
		display:block;
	}
		span.titulo span{
			font-family:'CaslonCalligraphicInitialsRg';
			font-size:40px;
			display:inline-block;
			margin-top:11px;
			*font-family:CabinRegular;
			*font-size:34px;
			*display:inline;
			*margin-top:0;
		}
	.capa-livro{
		text-align:center;
		margin-top:31px;
	}
	
	#livro h1{margin-bottom:30px;}
	
/***********************
	PÁGINA COMPRE SEU LIVRO
***********************/

	.botao.baixe-introducao{background-position:-1166px 0;}
	.botao.baixe-introducao:hover{background-position:-1166px -49px;}

	.botao.baixe-capitulo{background-position:0 0; margin-left:20px;}
	.botao.baixe-capitulo:hover{background-position:0 -49px;}
	
	.botao.compre-agora{
		background-position:-360px 0;
		height:61px; width:310px;
		margin-bottom:10px;
		display:none;
	}
	.botao.compre-agora:hover{background-position:-360px -72px;}
	
	#compre h2{margin-bottom:30px;}
	
/***********************
	PÁGINA DEPOIMENTOS
***********************/

	#depoimentos h2{margin-bottom:30px;}

	.depo{
		float:left;
		width:420px;
		background:url(images/divisoria-depoimento.png) no-repeat left top;
		padding-top:10px;
		margin-top:25px;
		padding-top:25px;
	}
	
	.col-left .depo:first-child, .col-right .depo:first-child{
		background:none;
		padding-top:5px;
		margin-top:0;
	}
	
	.depo div{
		font-size:12px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		margin-bottom:10px;
		line-height:18px;
		*line-height:22px;
		background:url(images/aspas.gif) no-repeat left top;
	}
	.depo div a{
		color:#041735;
		display:inline-block;
	}
	.depo div a:hover{
		color:#005C78;
		text-decoration:none;
	}
	.depo div span{
		font-family:'CaslonCalligraphicInitialsRg';
		font-size:22px;
		font-style:normal;
		display:inline-block;
		margin-bottom:5px;
		margin-left:26px;
		*font-family:Georgia, "Times New Roman", Times, serif;
		*font-style:normal;
		*font-size:22px;
		*font-weight:bold;
		*display:inline;
		*margin:0 3px 5px 28px;
			
	}
	.depo > span{display:block;}
	.depo > span strong{display:block;}
	
	.envie-seu-depo{
		margin:30px 0 10px;
		overflow:hidden;
	}
	.envie-depoimento{
		background-position:-790px 0;
		width:250px;
	}
	.envie-depoimento:hover{background-position:-790px -49px;}
	
	.botao.indique-amigo{
		background-position:-180px 0;
	}
	.botao.indique-amigo:hover{background-position:-180px -49px;}
	
	
	.depoimento-page{
		padding:25px;
		background-color:#FFFFFF;
	}
	
	.depoimento-page h1{
		font-size:24px;
		color:#008cb7;
		font-family:'CabinRegular';
		margin-bottom:10px;
	}
	
	.depoimento-page .depo{
		float:none;
		width:100%;
		background:none;
		padding:0; margin:0;
	}
	.depoimento-page .depo p{
		margin-bottom:10px;
	}
	.depoimento-page .depo div{
		font-size:14px;
		margin-bottom:25px;
	}
	.depoimento-page .depo div span{
		font-size:26px;
		*font-size:26px;
	}
	
	
/***********************
	PÁGINA O AUTOR
***********************/

.entre-em-contato{margin-top:15px;}

a.contato{background-position:-1346px 0;}
a.contato:hover{background-position:-1346px -49px;}
	
/***********************
	PÁGINA EDITORA
***********************/

	#editora h3{line-height:26px;}
	#editora h3 span{margin-bottom:15px;}
	
	.rodape{
		text-align:right;
		font-family:'CabinRegular';
		font-size:14px;
		border-top:3px solid #0E192A;
		position:relative;
		width: 900px;
		margin: 0 auto;
		background: white;
		position: relative;
		z-index: 20;
		padding: 20px;
	}
	.rodape a{
		color:#005c78;
		font-weight:bold;
	}
	
	.page .rodape > span.divisoria{bottom:51px;}
	
/***********************
	PÁGINA COM ILUSÃO
***********************/

.ilusao-page{
	width:600px;
	height:600px;
	overflow:hidden;
}
	
/***********************
	FORMULÁRIO
***********************/

.formulario{
	padding:25px;
	background-color:#FFFFFF;
}

.formulario h1{
	font-size:24px;
	color:#008cb7;
	font-family:'CabinRegular';
	margin-bottom:10px;
}

.formulario .line{
	margin:0 0 8px;
	overflow:hidden;
}

.formulario .line label{
	display:block;
	margin-bottom:5px;
	color:#000000;
	font-family:'CabinRegular';
	font-size:14px;
}

.formulario .line input[type=text]{
	border:1px solid #aeaeae;
	height:30px; line-height:30px;
	padding:0 3px;
	font-family:Arial, Helvetica, sans-serif;
	color:#777777;
	background:url(images/bg-input.png) repeat-x left top;
	width:402px;
	*width:400px;
}

.formulario .line textarea{
	border:1px solid #aeaeae;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	color:#777777;
	background:url(images/bg-input.png) repeat left top;
	width:402px; max-width:402px;
	height:110px; max-height:110px;
	*width:400px;
}

.formulario .enviar input{
	float:right;
	background-position:-1050px 0;
	width:106px;
}
.formulario .enviar input:hover{background-position:-1050px -49px;}