/* SUSHIPEDIA - www.sushipedia.com.br
visite o Nanten - www.nanten.com.br */

@import url("reset.css");

@import url("960.css");

body {
	font: 10px/220% "Lucida Sans", "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	color: #777;
	background-color: #eee;
	height: 100%;
}

input {
	border: none;
	outline: none;
}

/* @group Texto */

p {
	padding: 10px 0;
	line-height: 1.4em;
	font-size: 1.1em;
}

h2, h3, h4 {
	line-height: 1.4em;
}

h2 {
	color: #d44;
	font-size: 2.2em;
	line-height: 1.2;
	padding-bottom: 10px;
	letter-spacing: -1px;
}

h3 {
	color: #555;
	text-transform: uppercase;
	line-height: 1.5;
	font-size: 1.4em;
}

p a, ul a, #voltar a {
	color: #d44;
}

p a:hover, ul a:hover, #voltar a:hover {
	color: #900;
}

/*



 @end */

/* @group Estrutura */

#main {
	width: 99%;
	height: 99%;
	margin: 0;
	padding: 0;
}

#footer-wrap, #content-wrap, #header-wrap {
	width: 100%;
}

#header-wrap {
	background: url(../img/header_wrap.gif) repeat-x;
	height: 125px;
	position: fixed;
	margin-top: -15px;
}

#content-wrap {
	clear: both;
	padding: 110px 0 0;
}

#footer-wrap {
	background: url(../img/footer_wrap.gif) repeat-x;
	position: fixed;
	bottom: 0;
	clear: both;
	margin: -1px;
}

* html #footer-wrap {
	position: absolute;
}

#header {
	background: url(../img/header_bg.png) no-repeat;
	height: 125px;
}

#content {
	font-size: 1.2em;
	min-height: 450px;
}

#footer {
	background: url(../img/footer.jpg) no-repeat;
}

#footer-wrap, #footer {
	height: 71px;
}

/* @end */

/* @group Header */

#logo {
	float: left;
	width: 275px;
	height: 100px;
}

h1 {
	background: url(../img/logo.jpg) no-repeat;
	margin: 30px 0 0 20px;
}

h1 span {
	display: none;
}

h1, h1 a, h1 img {
	width: 275px;
	height: 70px;
}

#menu {
	float: right;
	width: 310px;
}

/* @group Menu */

#menu, #menu ul, #menu li, #menu a {
	height: 100px;
}

#menu ul {
	float: left;
}

#menu li {
	float: left;
	width: 120px;
	background-image: url(../img/hbt_bg.jpg);
	padding-left: 30px;
}

#menu li, #menu a {
	display: block;
}

#menu a {
	background: url(../img/bts_menu.png) no-repeat;
	width: 90px;
	height: 100px;
}

#menu #bt_hein a {
	background-position: 0 0;
}

#menu #bt_quiz a {
	background-position: -90px 0;
}

#menu #bt_hein a:hover {
	background-position: 0 -100px;
}

#menu #bt_quiz a:hover {
	background-position: -90px -100px;
}

#menu .hide {
	display: none;
}

#menu #home_hein a {
	background-position: 0 -100px;
}

#menu #home_quiz a {
	background-position: -90px -100px;
}


/* @end */

/* @end */

/* @group Footer */

#footer a span {
	display: none;
}

#footer a {
	display: block;
}

#send2friend {
	float: left;
	width: 300px;
	height: 38px;
	padding: 32px 0 0 10px;
}
#sharethis {
	float: left;
	width: 300px;
	height: 50px;
	padding: 15px 0 0 10px;
}

#nanten, #nanten a {
	width: 125px;
	height: 50px;
	margin-top: 15px;
}

#nanten {
	float: right;
	background: url(../img/nanten.gif) no-repeat;
}

#send2friend a {
	width: 180px;
	height: 39px;
	background: url(../img/send2friend.jpg) no-repeat 0 0;
}

#send2friend a:hover {
	background-position: 0 -40px;
}

/* @end */

#texto {
	padding-bottom: 40px;
	margin-bottom: 20px;
}

#texto li {
	font-size: 1.2em;
	line-height: 1.7;
	color: #444;
	border-left: 1px solid #ddd;
	padding-left: 5px;
}

#box {
	background: url(../img/bgbox.jpg) no-repeat fixed center 100px;
	padding-top: 20px;
	min-height: 360px;
}

/* @group Enviar para um amigo (form) */

#enviar #box {
	padding-top: 70px;
}

#form {
	padding-top: 10px;
}

#form div p {
	height: 65px;
}

label, button {
	cursor: pointer;
}

input, button {
	border: none;
	outline: none;
}

input[type="text"] {
	font-size: 1.1em;
	color: #333;
	width: 170px;
	height: 30px;
	background: url(../img/txtform.jpg) no-repeat 0;
	padding: 10px 0 0 2px;
	text-indent: 5px;
}

input[type="submit"],button {
	width: 115px;
	height: 45px;
	text-indent: -900px;
	background: transparent url(../img/submit.jpg) no-repeat;
}

#btsend {
	text-align: right;
	margin: 0 90px 0 0;
}

#msg_enviada #box {
	height: 360px;
	margin-top: 40px;
}

#enviar #box #texto {
	padding-top: 60px;
}

.error {
	font-size: .8em;
	padding: 0 15px;
	color: #e98;
	clear: both;
}

/* @end */

/* @group Quiz */

#p_quiz #content-wrap {
	padding: 100px 0 40px;
	height: 460px;
}

/* @end */

/* @group formatacao geral */

.fl {
	float: left;
}

.fr {
	float: right;
}

.tl {
	text-align: left;
}

.tm {
	text-align: center;
}

.tr {
	text-align: right;
}

.uppercase {
	text-transform: uppercase;
}

.negrito {
	font-weight: bold;
}

.small {
	font: 10px Verdana, Helvetica, sans-serif;
	font-weight: normal;
}

h2 .small {
	font-size: 50%;
	font-weight: normal;
	font-variant: normal;
}

/* @end */