html, body {height:100%}
body{  background-color: #303030;  font-family:Helvetica; color: #323232; }

div#site { margin: 0px auto; width: 1090px;  height: 800px;  position: relative; background: url('../img/bg.jpg') bottom center no-repeat; }

div#cabecalho {  height: 110px; width: 1090px; z-index: 1; position: absolute;  top: 0px; background: url('../img/top.png') top center no-repeat; overflow: hidden; }

div#cabecalho h1 { color: #FFF; font-size: 32px; text-align: right; line-height: 110px; margin-right: 110px;}
.logo { position: absolute; left: 80px; top: 20px;}

ul.menu {
	position: absolute;
	left: 80px;
	bottom: -18px;
}

ul.menu x:default {
	bottom: -14px;
}
 .menu li {
	list-style: none;
    float: left;
	padding: 0px;
	margin: 0px;
	text-align: center;
}



.menu a {
    color: #fff;
    font-size: 14px;
	height: 36px;
	line-height: 38px;
    text-align: center;
    text-decoration: none;
    width: 58px;
	float: left;
	font-weight: normal;
}

.menu a.selected {
    background: url("../img/selected.png") repeat-x left center;
    color: #313131;
    width: 78px;
	font-weight: bold;
}


div#busca { background: url('../img/busca.png') repeat-x; width: 600px; float: right; }
div#busca label { color: #FFF; font-weight: bold; margin-right: 5px;}
div#busca div.input input { background: url('../img/field-buscar.png') no-repeat left center; width: 160px; padding: 5px 10px; border: 0px; margin-top: 2px; margin-right: 45px;}
div#busca div.submit input { background: url('../img/submit.png') no-repeat left center; width: 35px; padding: 5px 10px; border: 0px; margin-top: 2px; font-weight: bold; position: absolute; top: -2px; right: 5px;}

div#rodape {  position: fixed; width: 1090px; z-index: 1;  margin-top: 825px; height: 20000px;  background-position: center -825px;}


h3, h2, h1 { text-transform: uppercase; }

#opcoes { position: absolute; top: 105px;  left: 60px; width: 250px; background: transparent; bottom: 90px;}
#opcoes #livros { width: 100%; float:left; text-align: left; padding-top: 5px;}
#opcoes #livros  .input { background: url('../img/input.png') repeat-x;  padding: 4px; margin-bottom: 5px;}
#opcoes #livros  .input select { width: 100%; } 
#opcoes #livros h3 { font-size: 16px; font-weight: bold ; text-transform: uppercase; line-height: 1; margin: 0px; padding: 0px; }
#opcoes #livros ul, #livros ul li { margin: 0px; padding: 0px; list-style: none;}
#opcoes #livros ul li { float: left; width: 200px; }


#conteudo { position: absolute;  z-index: 2;   right: 66px;  background: transparent;   width: 718px; bottom: 90px; overflow: auto; top: 105px; }


table th { color: #FFF; text-align: left; background: url('../img/th.png') repeat-x; height: 23px; padding-left: 10px; line-height: 23px; font-size: 14px;}
table td { background: #F9F7F4; font-color: #000; font-size: 14px; padding: 10px 5px;}

ol#versiculos { list-style:none; margin: 0px; padding: 0px; padding-bottom: 15px;}
ol#versiculos li h3 { margin: 0px; padding: 0px; margin-left: 10px; font-size: 16px; }
ol#versiculos li { margin: 0px;  padding: 10px;  padding-bottom: 22px;}
ol#versiculos li:hover {  }
ol#versiculos li div.social { display: none; height: 32px; width: 88px;  float: right; clear: both; background: url('../img/share.png'); cursor: pointer; margin-right: 30px;}
ol#versiculos li:hover div.social { display: block; }
ol#versiculos li div.social:hover { background: url('../img/share_hover.png'); }
.bg-versiculo-top{ background: url('../img/bg-versiculo-top.png') center top repeat-y; margin: 0px; padding: 0px; padding: 0px; }
.bg-versiculo-bottom{ background: url('../img/bg-versiculo-bottom.png') center bottom no-repeat; margin: 0px; padding: 10px 30px;  padding-bottom: 15px; text-align: center;  font-size: 14px; }


form {
	clear: both;
	margin-right: 20px;
	padding: 0;
	width: 95%;
}
fieldset {
	border: 1px solid #ccc;
	margin-bottom: 1em;
	padding: 16px 20px;
}
fieldset legend {
	background:#fff;
	color: #e32;
	font-size: 160%;
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 10px;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
	clear: both;
	margin-bottom: 1em;
	padding: .5em;
	vertical-align: text-top;
}
form .input {
	color: #444;
}
form .required {
	font-weight: bold;
}
form .required label:after {
	color: #e32;
	content: '*';
	display:inline;
}

label {
	display: block;
	font-size: 110%;
	margin-bottom:3px;
}
input, textarea {
	clear: both;
	font-size: 100%;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 1%;
	width:98%;
}
textarea { height: 100px;}

select {
	clear: both;
	font-size: 120%;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 120%;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
div.checkbox label {
	display: inline;
}
input[type=radio] {
	float:left;
	width:auto;
	margin: 0 3px 7px 0;
}
div.radio label {
	margin: 0 0 6px 20px;
}
input[type=submit] {
	display: inline;
	font-size: 110%;
	width: auto;
}



/* Ajudante http://www.positioniseverything.net/easyclearing.html */
* html .clearfix { height: 1%; }
.clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; }