*{
	margin:0;
	padding:0;
	list-style:none;
}

body {
	margin:0;
	padding:0;
	font:11px Arial, Helvetica, sans-serif;
}

.clear{
	clear:both;
}

/********** topo ***********/

#header{
	width:980px;
	height:54px;
	margin:0 auto;
	display:table;
}

h1 a{
	display:block;
	width:140px;
	height:54px;
	float:left;
}

h2{
	color:#0db5e4;
	font:bold 25px Arial, Helvetica, sans-serif;
	letter-spacing:-2px;
	padding:20px 0 20px 135px;
}

ul.icones{
	float:left;
	margin:11px 0 0 60px;
}

ul.icones li{
	float:left;
	padding-left:5px;
}

ul.icones li span{
	margin-top:8px;
	display:block;
	color:#fff;
}

ul.icones li a.twitter{
	display:block;
	width:30px;
	height:32px;
	background:transparent url(../img/icon-twitter.png) no-repeat;
}

ul.icones li a.orkut{
	display:block;
	width:30px;
	height:32px;
	background:transparent url(../img/icon-orkut.png) no-repeat;
}

ul.icones li a.behance{
	display:block;
	width:30px;
	height:32px;
	background:transparent url(../img/icon-behance.png) no-repeat;
}


.email{
	float:left;
	margin:12px 0 0 60px;
	color:#3c7596;
}

.email a{
	text-decoration:none;
	color:#fff;
}

ul.menu{
	float:right;
	margin-top:20px;
}

ul.menu li{
	float:left;
	border-left:1px solid #009999;
}

ul.menu li a{
	color:#fff;
	font-size:14px;
	font-weight:bold;
	letter-spacing:-1px;
	text-decoration:none;
	display:block;
	padding:0 15px;
}

ul.menu li a:hover{
	text-decoration:underline;
}

.azul{
	color:#3a9adb;
}

/********** FIM topo ***********/

#bg_home{
	background:url(../img/bg.jpg) top center no-repeat;
}

#bg_internas{
	background:url(../img/bg-internas.png) top center no-repeat;
}

#geral {
	margin:0 auto;
	padding:0;
	width:980px;
}

#slide{
	width:970px;
	display:table;
	background:url(../images/aguarde.gif) center center no-repeat;
}

/********** miniaturas ***********/

#conteudo{
	width:720px;
	margin:0 auto;
}

#col_right{
	width:200px;
	float:right;
	color:#555;
}

.livros{
	width:120px;
	text-align:center;
	padding:0 0 15px 30px;
}

.livros img{
	width:120px;
	height:120px;
}

#miniaturas{
	width:500px;
	margin:0 auto;
	float:left;
}

#miniaturas div{
	float:left;
	width:223px;
	height:200px;
	padding:0 22px 25px 0;
}

#miniaturas div img{
	border:1px solid #ccc;
	width:223px;
	height:151px;
}

#miniaturas div img:hover{
	border-color:#0db5e4;
}

span.titulo{
	float:left;
	text-transform:uppercase;
	letter-spacing:-1px;
	color:#727272;
}

span.credito{
	float:right;
	color:#999;
	font-size:10px;
	text-align:right;
}

/********** rodape ***********/

#rodape{
	margin:20px auto;
	border-top:1px solid #BBB;
	padding:10px 0 30px 0;
	color:#666;
	width:740px;
}