@charset "utf-8";
/* CSS Document */
#center {
margin:0 auto;
width:600px;}
img{
border:0;
}

* {
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
body {
	background:url(bg_shiro.jpg) top center no-repeat #4a7079;
}
#gabi{
	background:url(bg_gab.jpg) top center no-repeat #4a7079;
}
#rafa{
	background:url(bg_rafa.jpg) top center no-repeat #4a7079;
}


#robo{
	background:url(bg_robro.jpg) top center no-repeat #4a7079;
}
#jogo{
	background:url(bg_quirimo.jpg) top center no-repeat #4a7079;
}

#menu {
}

#menu ul {
padding:0px;
margin:0px;
float: left;
width: 100%;
background:url(white.png) top center;
list-style:none;
text-align:center;
}

#menu ul li { display: inline;
 }

#menu ul li a {
padding: 2px 10px;
float:left;
/* visual do link */
color: #333;
text-decoration: none;
margin-bottom:3px;

}

#menu ul li a:hover {
color: #6D6D6D;
border-bottom:3px solid #4a7079;
margin-bottom:0px;
}

h1 {
width:325px;
height:105px;
background:url(titulo_amigo.png) top center;
text-indent:-9000px;
margin: 30px 0 30px 0;
float:left;
}

#nav {
display:block;
width:350px;
}

#nav li {
float:left;
width:105px;
height:105px;
background:url(box.png) top center no-repeat;
margin:5px;
}

#nav li:hover {
float:left;
width:105px;
height:105px;
background:url(boxover.png) top center no-repeat;
margin:5px;
}
#nav li a {
margin:6px 0 0 8px;
}
#nav li #trailer {
background:url(icons/trailer.png) top center no-repeat;
width:90px;
height:90px;
display:block;
text-indent:-9000px;
}
#nav li #wall {
background:url(icons/wall.png) top center no-repeat;
width:90px;
height:90px;
display:block;
text-indent:-9000px;
}
#nav li #twit {
background:url(icons/twitter_icon.png) top center no-repeat;
width:90px;
height:90px;
display:block;
text-indent:-9000px;
}
#nav li #orkut {
background:url(icons/orkut_icon.png) top center no-repeat;
width:90px;
height:90px;
display:block;
text-indent:-9000px;
}
#nav li #paper {
background:url(icons/papertoy_icon.png) top center no-repeat;
width:90px;
height:90px;
display:block;
text-indent:-9000px;
}
#nav li #trailer {
background:url(icons/trailer.png) top center no-repeat;
width:90px;
height:90px;
display:block;
text-indent:-9000px;
}
#nav li #send {
background:url(icons/para_enviar_icon.png) top center no-repeat;
width:90px;
height:90px;
display:block;
text-indent:-9000px;
}
#nav li #facebook {
background:url(icons/facebook_icon.png) top center no-repeat;
width:90px;
height:90px;
display:block;
text-indent:-9000px;
}
#nav li #game {
background:url(icons/game.png) top center no-repeat;
width:90px;
height:90px;
display:block;
text-indent:-9000px;
}
#nav li #perso {
background:url(icons/perso.png) top center no-repeat;
width:90px;
height:90px;
display:block;
text-indent:-9000px;
}
#conteudo {
float:left;
font-size:24px;
color:#4a7079;
letter-spacing:-2px;
}
#tooltip {
    padding: 5px 10px;
    background: #cad7e0;
    border: 1px solid #b2bdc3;
    opacity: 0.90;
}