html, body {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	height: 100%;
}

img { 
    /*image-rendering: optimizeSpeed;             /*                     */
    /*image-rendering: -moz-crisp-edges;*/          /* Firefox             */
    image-rendering: -o-crisp-edges;            /* Opera               */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
    image-rendering: optimize-contrast;         /* CSS3 Proposed       */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                */
}

.workspace {
	max-width: 600px;
	margin: auto;
}

#part1 {visibility: hidden;opacity: 0.0;}
#part2 {visibility: hidden;opacity: 0.0;}
#part3 {visibility: hidden;opacity: 0.0;}


.bgimg {
    background-image: url('../img/backgroung-desktop_opcional.jpg');
    background-position: center;
	background-repeat: repeat-y;
	background-size: cover;
}

@media screen and (max-width: 767px){
    .mobileImg1 {max-width: 157px;}
    .mobileImg2 {max-width: 250px;}
}
@media screen and (min-height: 400px){
    .workarea {
        height: calc(100% - 32px);
    }
}

/***** TEXT *****/
.text{
	font-family: 'Encode Sans', sans-serif;
	font-size: 12px;
	color: #666666;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

.typeC {font-family: 'Encode Sans', sans-serif;}

.colorWhite {color: #fff;}
.colorGrey {color: #666666;}
.colorDark {color: #000;}

.textBold {font-weight: 700;}
.textNormal {font-weight: 400;}
.textLight {font-weight: 300;}

.textItalic {font-style: italic;}

.textCenter {text-align: center;}
.textLeft {text-align: left;}
.textRight {text-align: right;}
.textJustify {text-align: justify;}

.textUp {text-transform: uppercase;}
.textDown {text-transform: lowercase;}

.textCursor {cursor:pointer;}

.line15 {line-height: 1.5em;}
.line2 {line-height: 2em;}
.tam10 {font-size: 10px;}
.tam11 {font-size: 11px;}
.tam13 {font-size: 13px;}
.tam14 {font-size: 14px;}
.tam16 {font-size: 16px;}
.tam18 {font-size: 18px;}
.tam20 {font-size: 20px;}
.tam30 {font-size: 30px;}
.tam40 {font-size: 40px;}
.tam50 {font-size: 50px;}
.tam60 {font-size: 60px;}

.textLink a{
    color: #666;
    text-decoration: none;
}
.textLink a:hover{
    color: #666;
    text-decoration: underline;
}

.inlinediv {
    display: inline-block;
}

.notLido a {
    color: #000;
    font-weight: 700;
}
.notLido a:hover {
    color: #000;
    font-weight: 700;
    text-decoration: underline;
}

/***** WEB3 *****/
.textWeb3 {
    font-family: 'Encode Sans', sans-serif;
    font-size: 13px;
    color: #000;
    font-style: normal;
    font-weight: normal;
    text-align: center;
}
.textWeb3 a{
    font-family: 'Encode Sans', sans-serif;
    font-size: 13px;
    color: #000;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

.textWeb3 a:hover{
    text-decoration: underline;
}