@import url(http://fonts.googleapis.com/css?family=VT323);
/* reset */
@import url('reset.css');
/* base html5 */
@import url('base.css');
/* nav */
@import url('nav.css');
/* accordion */
@import url('accordion.css');
/* panorama */
@import url('panorama.css');
/* geral */
@import url('geral.css');

a {text-decoration: none;}
a:hover {text-decoration: underline;}

/* novidades */
hgroup h1, hgroup h2, hgroup h4 {font-family: 'VT323', monospace; padding: 20px;}
hgroup h1 {background: url(../images/cha/lateralbg.gif); color: #F3C; font-size: 3em;}
hgroup h2 {background: url(../images/cha/pagebg.png); color: #FC0; font-size: 2em;} .portugues {color: #fafafa; padding-bottom: 10px;}
.dedinhos {color: #3F6;}
hgroup h3 {padding: 20px; background:#111; color: #0F0; font-size: 1.2em; line-height: 1.3em;}
hgroup h4 {padding: 20px; font-size: 4em; color: #6FF; background:#303;}
.viagem {background: #600; color: #Fc0;}
.portugues {color: #fafafa; }
#new {position: relative;left: 0;}

/* botões novos */
#buttons {height: 490px; background:url(../images/cha/pagebg.png); }
#buttons div {width: 100%; font-family: 'VT323', monospace; font-size: 3em; font-family: 'VT323', monospace; padding: 25px 0px; text-indent: 50px; }
.inverno11 {background: #cff;}
.inverno11:hover {background: #000;} 
.inverno11 span.title {display: block; position: relative; margin: 0 auto; top: 50px;}
.inverno11 a {color: #000; text-decoration: none;} .inverno11:hover a {color: #ff0; } .inverno11:hover a:hover {background: #030; color: #CFF;}

/* chazinho */
#mesa {z-index: 5; top: 250px; background-image: url(../images/cha/mesa.png);height: 250px;}
#tchai { position: relative; background: url(../images/bg-cha.png);}
#tchai:hover {background: url(../images/bg-cha2.png);} #tchai a {color: #0F6; background: #000; text-decoration:none;} #tchai a:hover {color: #390;}
#tchai:hover span {visibility: visible;}
#tchai img {margin-left: 70px;}
#saquinho {position: absolute; top: 64px; left: 98px; z-index: 2;}
#liquido {position: absolute; left: 71px; top: 27px; z-index: 3; opacity: 0.6; filter: alpha(opacity=60);}
#tampa {position: absolute; left: 69px; top: 39px; z-index: 4; opacity: 0.15; filter: alpha(opacity=15);}

/* robô */
#robot {background: #003;} #robot img {margin-top: 15px;}
#robot span {display: block; padding: 12px; background: #030; visibility: hidden; position: relative; margin: 0 auto; font-size: 2.5em; font-family: 'VT323', monospace;}
#robot a {color: #CFF; text-decoration:none;} #robot a:hover {color: #3F0;}
#robot:hover span {visibility: visible;}
#robot:hover {background:#000;}

/* botão about */
#about {background-image: url(../images/rafaelpixel-blue.png); background-color:#900; }
#about span {position: relative; display: block; margin: 0 auto; bottom: 0px; padding: 10px; background:#111; color: #ff0; visibility: hidden;}
#about:hover {background-image: url(../images/rafaelpixel.png);} #about:hover span {visibility: visible;}
#about a {color: #ff0;} #about a:hover {background: #000; color: #0F3;}
#about-en {background: url(../images/grad3.gif);  } 
#about-en:hover {background: url(../images/grad.gif) }
#about-en a {background: #000; color: #fff;} #about-en:hover a:hover {background: #600; color: #0F3;}

/* old */
li.man {clear: right;}
#old h5 {font-family: 'VT323', monospace; padding: 20px; color: #FF0; background:#300; font-size: 4em;}
h6 {font-family: 'VT323', monospace; padding: 20px; color: #0CF; background:#033; font-size: 4em;}
#timemachine {display:block; width: 100%; clear: both;}
#v1 h6 {background: url(../ver/01/images/colunas.png);} #v1 a {background: #C00; color: #0FF;} #v1 a:hover {background: #ff0; color: #000;}
#v2 h6 {background: url(../ver/02/images/bg.gif);} #v2 a {background: #0F6; color: #000;} #v2 a:hover {background: #030; color: #CF0;}