/* General ****************************************/


html, body, h1, h2, h3, h4, h5, h6, p, ul {
	padding: 0;
	margin: 0;
}

body {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: small;
}

* html body {
	font-size: x-small;
	f\ont-size: small;
}

a { color: #39c; }
a:hover { background: #f6f6f6; }
a img { border: none; }
a.imglink:hover { background: transparent; }

p {
	margin: 0 0 1em 0;
}

/* Etc ********************************************/

.aviso {
	border: 1px solid #ccc;
	background: #ffc;
	font-weight: bold;
	padding: 10px;
	margin: 0 0 10px 0;
}

.local {
	color: #666;
	font-size: 85%;
	margin: 0 0 5px 0;
}

.descricao {
	clear: both;
	float: none;
	border-top: 1px solid #39c;
	/*margin: 0 0 25px 0;*/
	padding: 10px 0 50px 0;
}

/* Top ********************************************/

#top {
	position: absolute;
	top: 0px;
	left: 10px;
}

/* Navigation *************************************/

#livro {
	margin: 25px 0 50px 0;
}

#nav-admin,
#nav {
	position: absolute;
	top: 100px;
	left: 10px;
}

#nav-admin ul,
#nav ul {
	list-style: none;
}

#nav ul li a {
	text-decoration: none;
	display: block;
	height: 80px;
	width: 168px;
	text-indent: -1000em;
	background: url(img/nav.jpg) no-repeat;
}

#nav li a#secao1 { background-position: 0 0; }
#nav li a#secao2 { background-position: -168px 0; }
#nav li a#secao3 { background-position: -336px 0; }
#nav li a#blog { background-position: -504px 0; }
#nav li a#contato { background-position: -672px 0; }
#nav li a#secao1:hover { background-position: 0 -80px; }
#nav li a#secao2:hover { background-position: -168px -80px; }
#nav li a#secao3:hover { background-position: -336px -80px; }
#nav li a#blog:hover { background-position: -504px -80px; }
#nav li a#contato:hover { background-position: -672px -80px; }

/* Subnav *****************************************/

li#subnav {
	font-size: 85%;
	height: auto;
	min-height: 80px;
	width: 168px;
	background: url(img/nav.jpg) no-repeat;
}

* html li#subnav {
	height: 80px;
}

li#subnav span {
	display: none;
}

#nav li.secao1 { background-position: 0 -160px; }
#nav li.secao2 { background-position: -168px -160px; }
#nav li.secao3 { background-position: -336px -160px; }
#nav li.blog { background-position: -504px -160px; }

li#subnav ul { padding: 50px 0 5px 10px; margin: 0 0 10px 0; }
#nav li.secao2 ul { padding-left: 70px; }
#nav li.secao3 ul { padding-top: 40px; }

#nav li#subnav a {
	display: inline;
	height: auto;
	width: auto;
	text-indent: 0;
	background: none;
	padding: 0 0 0 10px;
}

#nav li#subnav a:hover {
	color: #333;
	background: #f6f6f6 url(img/arrow.gif) 0 50% no-repeat;
}

#nav li#subnav ul li.current {
	padding: 0 0 0 10px;
	color: #333;
	background: url(img/arrow.gif) 0 50% no-repeat;
}

/* Main *******************************************/

#main {
	position: absolute;
	top: 100px;
	left: 220px;
	font-size: 100%;
	color: #333;
	width: 570px;
}

#main h2 {
	font-weight: normal;
	font-size: 130%;
}

#main h2 a {
	color: #f60;
	text-decoration: none;
}

#main h3 {
	font-weight: normal;
	font-size: 85%;
	margin: 0 0 10px 0;
}

/* Home *******************************************/

div.recent,
div.thumb {
	padding: 10px 0;
	border-top: 1px solid #39c;
}

div.recent img {
	margin: 10px 0 0 0;
}

div.thumb {
	width: 570px;
	float: left;
	clear: both;
}

* html div.thumb {
	float: none;
}

div.thumb div {
	float: left;
	width: 370px;
}

div.thumb a.imglink {
	display: block;
	float: right;
}

div.thumb a img {
	padding: 10px;
	margin: 0 0 0 10px;
}

div.thumb a:hover img {
	background: #fff url(img/img-hover-bg.jpg) center center no-repeat;
}

/* Section ****************************************/

div.section {
	clear: both;
	padding: 10px 0;
	border-top: 1px solid #39c;
}

div.section a img {
	padding: 10px;
	margin: 10px 15px 0 0;
}

div.section a:hover img {
	background: #fff url(img/img-hover-bg.jpg) center center no-repeat;
}

div.section p.more {
	display: block;
	text-align: right;
}

/* Imgnav *****************************************/

ul.imgnav {
	font-size: 85%;
	list-style: none;
	text-align: center;
	margin: 10px 0 0 0;
}

ul.imgnav li {
	/*float: left;*/
	display: inline;
}

ul.imgnav li a {
	text-decoration: none;
	padding: 1px 5px;
	margin: 0 1px;
}

ul.imgnav li a.current {
	font-weight: bold;
}

/* Footer *****************************************/

#footer {
	clear: both;
	font-size: 85%;
	color: #666;
	padding: 10px 0 25px 0;
	border-top: 1px solid #39c;
}

#footer a {
	text-decoration: none;
}

/* Forms ******************************************/

.contato form {
	margin: 25px 0 50px 0;
}

div.form,
form {
	clear: both;
	border: 1px solid #ccc;
	margin: 0 0 10px 0;
	padding: 10px;
}

div.form h2,
form h2 {
	margin: 0 0 10px 0;
}

form.edit {
	border: none;
	background: #eee;
}

form * {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

form p {
	margin: 0 0 25px 0;
}

textarea {
	font-size: 100%;
	height: 8em;
}

input.campo,
textarea {
	width: 380px;
}

input.botao {
	overflow: visible;
	width: auto;
	padding: 0 10px;
}

/* Tables *****************************************/

table {
	border: none;
	border-collapse: collapse;
}

td {
	vertical-align: top;
	width: 380px;
}

td.rotulo {
	width: 145px;
	font-weight: bold;
	text-align: right;
	padding: 0 5px 0 0;
}

form.edit td { width: 260px; }
form.edit td.img { width: 170px; }
form.edit td.rotulo { width: 95px; }
form.edit input.campo,
form.edit textarea { width: 260px; }

form.add div {
	background: #eee;
	padding: 10px;
	margin: 0 0 10px 0;
}

form.add td { width: 370px; }
form.add td.rotulo { width: 135px; }

/* Thumbs *****************************************/

.thumbs {
	width: 548px;
	float: left;
}

* html .thumbs {
	float: none;
}

.thumbs div {
	width: 33%;
	float: left;
	text-align: center;
	margin: 0 0 25px 0;
}