body {
    background: #2E4172;
    background-image: url('../images/pattern.png');
    background-repeat: repeat;
    color:#cccccc;
    margin: 0px;
    padding: 0px;
    border: 0px;
}
canvas {
    image-rendering: optimizeSpeed;
    -webkit-interpolation-mode: nearest-neighbor;
    -ms-touch-action: none;
    margin: 0px;
    padding: 0px;
    border: solid black 3px;
    z-index: 0;
}
:-webkit-full-screen #canvas {
   width: 100%;
   height: 100%;
}
div.html5_div_class
{
    position: absolute;
    top: 80px;
    left: 50%;
    margin-left: -320px;
    padding: 0px;
    border: 0px;
    z-index: 0;
}
/* START - Login Dialog Box */
div.html5_login
{
    padding: 20px;
    position: absolute;
    border: solid 2px #000000;
    background-color: #404040;
    color:#00ff00;
    border-radius: 15px;
    box-shadow: #101010 20px 20px 40px;
}
div.html5_cancel_button
{
   float: right;
}
div.html5_login_button
{
   float: left;
}
div.html5_login_header
{
   text-align: center;
}
/* END - Login Dialog Box */
:-webkit-full-screen {
    width: 100%;
    height: 100%;
}
div.header_rony{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background-color: rgba(0,0,0,0.7);
    z-index: 1;
}

div.facebook_plugin{
    position: absolute;
    top: 10px;
    right: 120px;
    width: 200px;
    height:20px;
}

div.facebook_plugin iframe{
    position: absolute;
    top:0px;
    right: 0px;
    width: 100%;
    height:100%;
    border:none;
    overflow:hidden;
}

div.twitter_plugin{
    position: absolute;
    top: 10px;
    right: 0px;
    width: 120px;
    height:20px;
}

#naicura-logo{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#naicura-logo img{
    height: 100%;
}

#logo{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

#logo img{
    height: 90%;
}

#hermano{
    position: absolute;
    top: 590px;
    width: 100%;
    z-index: -1;
    text-align: center;
}

div.fb-comments {
    position: absolute;
    top: 650px;
    left: 50%;
    margin-left: -320px;
    width: 640px;
    z-index: -1;
    text-align: center;
}

#ad1{
    position: absolute;
    top: 80px;
    left: 20px;
    z-index: -2;
}

#ad2{
    position: absolute;
    top: 80px;
    right: 20px;
    z-index: -2;
}