html, body {
	width:100%;
	height:100%;
	padding: 0px;
	margin: 0px;
}

#table {
	width: 100%;
	height: 100%;
	position: static;
	display: table;
	*overflow: hidden; /* hack para o IE6 e IE7 */
	*position: relative; /* hack para o IE6 e IE7 */
}

#cell {
	vertical-align: middle;
	display: table-cell;
	position: static;
	*top: 50%; /* hack para o IE6 e IE7 */
	*position: absolute; /* hack para o IE6 e IE7 */
}

#site {
	top: -50%;
	width: 1000px;
	margin: auto;
	position: relative;
	
}

#kki, #kki_contato, #kki_index {
	float: left;
	display: inline;
	margin: 10px 0 0 0;
	width: 287px;
}

#kki_contato {
	margin: 9px 0 0 -18px;
	_margin: 0px 0 0 -18px;
}

#kki_index {
	margin: 5px 0 0 1px;
}

#kki_index img {
	margin-left: 1px;
}

#logo a {
	position: relative;
	left: 45px;
}

#logo_contato a {
	position: relative;
	left: 63px;
	top: -1px;
}

#logo_index a {
	position: relative;
	left: 43px;
	top: 2px;
}

#texto, #interna_varias, #interna_contato {
	float: left;
	display: inline;
	margin: 10px 0 0 5px;
	background: url(img/texto.jpg);
	width: 707px;
	height: 546px;
}

#interna_varias, #interna_contato {
	background: none;
	width: auto;
}

#topo {
	margin: 20px 0 0 0;
}

#topo_contato {
	margin: 80px 0 0 120px;
}

#meio {
	margin: 100px 0 0 0px;
}

#meio_links {
	clear: both;
	padding-top: 35px;
	*padding-top: 0px;
	*margin-top: -65px;
}

#meio a {
	float: left;
	display: inline;
	margin-left: 70px;
}

#varias_rodape, #contato_rodape {
	width: 401px;
	height: 35px;
	background: url(img/varias_rodape.jpg) no-repeat;
	margin: 101px 0 0 82px;
	*margin: 190px 0 0 82px;
	_margin: 198px 0 0 82px;
}

#contato_rodape {
	margin: 355px 0 0 100px;
	*margin: 95px 0 0 100px;
	_margin: 10px 0 0 100px;
}

#conto a {
	position: absolute;
	top: 33px;
	margin-left: 1px;
	background: url(img/conto.jpg) no-repeat;
	width: 54px;
	height: 24px;
}

#conto a:hover { 
	background: url(img/conto2.jpg) no-repeat;
}

#vida a {
	position: absolute;
	top: 35px;
	margin-left: 165px;
	background: url(img/vida.jpg) no-repeat;
	width: 54px;
	height: 24px;
}

#vida a:hover { 
	background: url(img/vida2.jpg) no-repeat;
}

#filme a {
	position: absolute;
	top: 77px;
	margin-left: 347px;
	background: url(img/filme.jpg) no-repeat;
	width: 65px;
	height: 21px;
}

#filme a:hover {
	background: url(img/filme2.jpg) no-repeat;
}

#fotos a {
	position: absolute;
	top: 145px;
	margin-left: 395px;
	background: url(img/fotos.jpg) no-repeat;
	width: 65px;
	height: 18px;
}

#fotos a:hover {
	background: url(img/fotos2.jpg) no-repeat;
}

#digo a {
	position: absolute;
	top: 180px;
	margin-left: 108px;
	background: url(img/digo.jpg) no-repeat;
	width: 52px;
	height: 18px;
}

#digo a:hover {
	background: url(img/digo2.jpg) no-repeat;
}

#lila a {
	position: absolute;
	top: 236px;
	margin-left: 128px;
	background: url(img/lila.jpg) no-repeat;
	width: 128px;
	height: 24px;
}

#lila a:hover {
	background: url(img/lila2.jpg) no-repeat;
}

#escrever a {
	position: absolute;
	top: 288px;
	margin-left: 360px;
	background: url(img/escrever.jpg) no-repeat;
	width: 127px;
	height: 19px;
}

#escrever a:hover {
	background: url(img/escrever2.jpg) no-repeat;
}

#estudar a {
	position: absolute;
	top: 327px;
	margin-left: 198px;
	background: url(img/estudar.jpg) no-repeat;
	width: 93px;
	height: 19px;
}

#estudar a:hover {
	background: url(img/estudar2.jpg) no-repeat;
}

#trabalhar a {
	position: absolute;
	top: 348px;
	margin-left: 123px;
	background: url(img/trabalhar.jpg) no-repeat;
	width: 136px;
	height: 21px;
}

#trabalhar a:hover {
	background: url(img/trabalhar2.jpg) no-repeat;
}

#acredito a {
	position: absolute;
	top: 349px;
	margin-left: 288px;
	background: url(img/acredito.jpg) no-repeat;
	width: 93px;
	height: 20px;
}

#acredito a:hover {
	background: url(img/acredito2.jpg) no-repeat;
}

#divertido a {
	position: absolute;
	top: 368px;
	margin-left: 202px;
	background: url(img/divertido.jpg) no-repeat;
	width: 118px;
	height: 19px;
}

#divertido a:hover {
	background: url(img/divertido2.jpg) no-repeat;
}

#satisfacao a {
	position: absolute;
	top: 370px;
	margin-left: 491px;
	background: url(img/satisfacao.jpg) no-repeat;
	width: 122px;
	height: 22px;
}

#satisfacao a:hover {
	background: url(img/satisfacao2.jpg) no-repeat;
}

#criancas a {
	position: absolute;
	top: 389px;
	margin-left: 299px;
	background: url(img/criancas.jpg) no-repeat;
	width: 114px;
	height: 27px;
}

#criancas a:hover {
	background: url(img/criancas2.jpg) no-repeat;
}

#varias a {
	position: absolute;
	top: 468px;
	margin-left: 342px;
	background: url(img/varias.jpg) no-repeat;
	width: 98px;
	height: 23px;
}

#varias a:hover {
	background: url(img/varias2.jpg) no-repeat;
}


#dizer a {
	position: absolute;
	top: 504px;
	margin-left: 183px;
	background: url(img/dizer.jpg) no-repeat;
	width: 77px;
	height: 17px;
}

#dizer a:hover {
	background: url(img/dizer2.jpg) no-repeat;
}

#comeco a, #contato_comeco a {
	position: absolute;
	top: 455px;
	_top: 465px;
	margin-left: 85px;
	background: url(img/comeco.jpg) no-repeat;
	width: 111px;
	height: 48px;
}

#contato_comeco a {
	top: 455px;
}

#comeco a:hover, #contato_comeco a:hover { 
	background: url(img/comeco2.jpg) no-repeat;
}

.twitter {
	margin-top: 9px;
}

.kki {
	margin-top: -5px;
}

.orkut {
	padding-left: 5px;
}

.flickr {
	margin: 5px 0 0 85px !important;
}

.lila {
	margin-left: 50px !important;
}

.ideias {
	margin: 10px 0 0 45px !important;
}

.scribr {
	padding-left: 10px;
}

.escudo {
	margin-top: -15px;
}

.eba {
	margin-top: -15px;
	margin-left: 50px !important;
}

.blogkids {
	margin: -20px 0 0 28px !important;
}

#formulario {
	margin: -50px 0 0 100px;
	width: 400px;
	_width: 600px;
}

.form_left, .form_right {
	float: left;
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.form_right p, .form_left p {
	height: 25px;
	_width: 300px;
}

.form_left p {
	*height: 30px; 
	_width: 100px;
	text-align: right;
}

.form_right {
	margin: 0px 0 0 5px;
}

input, textarea {
	width: 300px;
}

textarea {
	height: 100px;
}

#submit {
	clear: both;
	margin: 80px 0 0 255px;
	_margin: 0px 0 0 255px;
	width: 50px;
}