@charset "utf-8";
/* CSS Document */

*{ 
  margin:0;
  padding:0;
}
html, body{
 color:#004857;
 font-family:Tahoma, Geneva, sans-serif;
 font-size:14px;
 height:100%;
}
.geral {
	min-height:100%;
	position:relative;
	width:100%;
}

header{
	background-color:#004857;
	padding:5px;
	overflow:hidden;
}

.fb-share-button{float:right; margin-right:15px;}
.twitter-share-button{float:right;}

#buscador{width:780px; margin:180px auto 20px auto; overflow:hidden;}
h1{width:327px; height:85px; background-image:url(../imagem/logo-desktop.png); font-size:9px; overflow: hidden; text-indent: -3333px; background-repeat:no-repeat; margin:0px auto; }

.palavra{
	width: 758px;
	border: 1px solid #adc4c9;
	margin-top:30px;
	padding:10px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	color: #809fa4;
}

.lupa{background-image:url(../imagem/lupa.png); height:33px; width:34px; border:none; position:absolute; z-index:2; left:75%; top:327px; margin-left: -17px; background-color:#FFF; overflow:hidden;}
input:focus { outline: none; }
textarea:focus{ outline:none; border: 1px solid #004857;}

#alfabeto{margin-top:15px; font-size:12px; text-align:center;}
ul li{
	list-style-type: none;
	float:left;
	color:#004857;
	margin:0px 2px;
}

#alfabeto a{text-decoration:none; color:#004857;}
#alfabeto a:hover{
	text-decoration: none;
	color: #004857;
	font-weight: bold;
}

.ativo{
	font-weight: bold;
	background-color:#adc4c9;
}

article{width:780px; margin:15px auto 15px auto; overflow:hidden; background-color:#FFF; padding:10px; -moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;}

article p{
	line-height: 22px;
	color:#5c5c5c;
}

footer{
	bottom:0;
	clear:both;
	width:100%;
	font-size:10px;
	overflow:hidden;
}
footer img{margin:15px;}

h2{color:#809fa4; font-weight:normal;}




a { text-decoration: none; color: #5c5c5c; }
a:hover { color: #809fa4; font-weight: bold; }
#suggestion {width:758px; border: 1px solid #adc4c9; border-top: none; background: #fff; display: none; position: absolute; left: 50%; margin-left:-390px; top: 358px; overflow: auto; max-height: 100px; line-height: 18px; padding:10px; box-shadow: 0px 3px 3px #bdd0d4; -webkit-box-shadow: 0px 3px 3px #bdd0d4;}

header ul li a{text-decoration: none; color: #ffffff; font-size:12px; margin-right:8px;}

.botao{
	margin:10px 0px;
	padding: 5px;
	font-size: 11px;
	color: #666;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #f5f5f5;
	border: 1px solid #dcdcdc;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.botao:hover{background-color: #f5f5f5; border: 1px solid #5c5c5c;}