/*
 ***************************************************
 * VIBRANT RECYCLING
 * Copyright © 2012 - 2014, Andre Antonio Schmitz
 * All Rights Reserved
 *
 * http://www.ciangames.com
 *
 ***************************************************
 *
 * Game StyleSheet
 *
 ***************************************************
 */

@font-face {
    font-family: 'Galindo';
    src: url('fonts/galindo.eot');
    src: url('fonts/galindo.eot?#iefix') format('embedded-opentype'),
         url('fonts/galindo.woff') format('woff'),
         url('fonts/galindo.ttf') format('truetype'),
         url('fonts/galindo.svg#galindo') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    -user-select: none;
    -ms-touch-action: none;
    touch-action: none;
}

html, body {
	width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    border: none;
    overflow: hidden;
    font-family: "Galindo", cursive;
	font-size: 10pt;
}

a {
	text-decoration: none;
	color: #FFFFFF;
}

a:hover {
	color: #000000;
}

img {
    margin: 0px;
    border: 0px;
}

#leftBanner {
    width: 120px;
	height: 600px;
	margin: auto;
	position: absolute;
	left: 15px;
	top: 0px;
	bottom: 0px;
}

#rightBanner {
    width: 160px;
	height: 600px;
	margin: auto;
	position: absolute;
	right: 15px;
	top: 0px;
	bottom: 0px;
}

#contentNormal {
	background-image: -webkit-linear-gradient(top, #067F9D 5%, #B4D4EE 70%, #586b33);
	background-image: -moz-linear-gradient(top, #067F9D 5%, #B4D4EE 60%, #586b33);
	background-image: -ms-linear-gradient(top, #067F9D 5%, #B4D4EE 60%, #586b33);
	background-image: -o-linear-gradient(top, #067F9D 5%, #B4D4EE 60%, #586b33);
	background-image: -khtml-linear-gradient(top, #067F9D 5%, #B4D4EE 60%, #586b33);
}

#contentLoader {
	position: relative;
	width: 100%;
	height: 100%;
}

#loading {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -16px;
	margin-top: -16px;
	display: block;
}

#loadingAd {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -160px;
	margin-top: 20px;
	display: block;
}

#contentGame {
	position: absolute;
	left: 50%;
	top: 50%;
}

#canvasGame {
	vertical-align: top;
	width: 100%;
	height: 100%;
	border: 2px solid #000000;
	display: none;
}

#contentSite {
	background-color: #586b33;
	margin-top: -40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
}

#contentSiteEN {
	position: relative;
	width: 800px;
	margin: 0px auto;
	display: none;
}

#contentSitePT {
	position: relative;
	width: 800px;
	margin: 0px auto;
	display: none;
}

#contentSiteES {
	position: relative;
	width: 800px;
	margin: 0px auto;
	display: none;
}

#contentFooter {
	position: fixed;
	bottom: 0px;
	width: 100%;
	height: 20px;
}

#footerPanel {
	margin: 0px auto;
	text-align: center;
	width: 100%;
}

#noCanvas {
	position: absolute;
	top: 50%;
	width: 100%;
    font-size: 14pt;
    text-align: center;
    color: #D00015;
}

#noScript {
    height: 20px;
    clear: both;
    display: block;
    background: #FFBABA;
    border: solid 1px #fff;
    padding: 4px;
}

.head-h1 {
	margin-top: 40px;
	font-size: 30px;
	text-align: center;
	font-family: "Galindo", cursive;
}

.head-h2 {
	margin-top: 20px;
	font-size: 20px;
	text-align: center;
}

.text-justify {
	text-align: justify;
	text-justify: inter-word;
	text-indent: 20px;
	margin-top: 20px;
}

.text-center {
	text-align: center;
	margin-top: 20px;
}

.text-bold {
	text-align: center;
	margin-top: 20px;
	font-weight: bold;
}

.list {
	list-style-type: none;
	margin-left: -15px;
}

.list li {
	padding-top: 5px;
}

.list li img {
	padding-right: 8px;
	vertical-align: top;
}