/* reset */
@import url('reset.css');
/* base html5 */
@import url('base.css');
/* geral */
@import url('geral.css');

/* robot */
body {background:url(../images/robot/bg.png);}
#robot {position:relative; width:1346px; height:1534px; z-index:2; margin: 0 auto; background-image:url(../images/robot/humanoide.png);}
#robot img {position: absolute;}
.coronario {top: 2px; left: 612px;}
.chakras-boca {top: 240px; left: 646px;}
.olhos {top: 292px; left: 594px;}
.ouvidos {top: 216px; left: 524px;}
.circuitos-bracoesquerdo {top: 648px; left: 42px;}
.pinca {top: 724px; left: 808px; z-index: 3;}
.chakras-maos {top: 834px; left: 12px;}
.circuitos-bracodireito {top: 648px; left: 960px; z-index: 2;}
.circuitos-peitorais {top: 554px; left: 504px;}
.trocadores {top: 586px; left: 574px;}
.circuitos-sutis {top: 744px; left: 562px;}
.bolaverde {top: 766px; left: 642px; z-index: 2;}
.coluna {top: 481px; left: 666px; z-index: 3;}
.bolainferior {top: 1070px; left: 642px;}
.botoes-pelvicos {top: 1010px; left: 574px;}
.dissipadores {top: 1146px; left: 600px;}
.dissipadores-pernas {top: 1148px; left: 222px;}

/* text */
hgroup {width: 800px; position: relative; margin: 0 auto; text-align:center; padding: 1em; background: #000; top: 50px; border: 2px solid #0F6;  
-webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}
h1 {font-size: 2em; padding: 0.5em; color: #0F0;}
h2 {font-size: 1.4em; padding: 0.5em; color: #FC0;}
h3 {font-size: 1em; padding: 0.5em;}
#dedosinfo {display: block; text-indent: -9999em; width: 258px; height: 50px; 
background-image:url(../images/robot/dedosinfo.png); background-repeat:no-repeat; position: relative; margin: 0 auto; top: 110px; padding-bottom: 80px;}
#dedosinfo:hover {background-position: -258px 0px;}