body {
	font-family: "HelveticaNeueLTStd-BdCn", Helvetica, sans-serif;
	margin:0;
	padding:0;
} 

.in, .out {
	-webkit-animation-timing-function: ease-in-out !important;
	-moz-animation-timing-function: ease-in-out !important; 
	animation-timing-function: ease-in-out !important; 
	
	-webkit-animation-duration: 700ms !important;
	-moz-animation-duration: 700ms !important;
	animation-duration: 700ms !important;

}
div.ui-input-text {
	background-color:white;
}
input.ui-input-text {
	color:#444444;
}
    
h1, h2, h3, h4, a {
	font-family: "HelveticaNeueLTStd-BdCn", Helvetica, sans-serif;

}
h1 {
	font-size:48px;
}

.actived {
	background-color: #007e7a !important;
}
#center {
	position: relative;
	max-width:1024px;
	max-height:768px;
	width:100%;
	height:100%;
	top:0px;
	margin: auto;
}

#screen {
	width:100%;
	height:100%;
	overflow:hidden;

	
	
}
.ui-mobile .ui-page {
	background-position: center center !important;
	background-repeat: no-repeat !important;
}


#titinputfoto {
	position: absolute;	
	top:180%;
	left:50%;
	margin-left:-235px;
	margin-top:-82px;
	mix-blend-mode: multiply;
}

#tithorizontal {
	position: absolute;	
	top:180%;
	left:50%;
	margin-left:-185px;
	margin-top:-54px;
	mix-blend-mode: multiply;
}

#bthorizontal2 {
	position:absolute;
	z-index:3;
	left:50%;
	bottom:-20%; 
	margin-left:-73px;
	mix-blend-mode: multiply;  
}

#input_seta {
	position: absolute;
	right: 120%;
	top: 50%;
	margin-top: -87px;
	width: 100px;
	height: 174px;
	background-image: url(../img/bt-input_foto.png);
	background-repeat: no-repeat; 
	mix-blend-mode: multiply;	
}

#custom_fotouser {	
	position:absolute;
	left:50%;
	bottom:-20%;
	margin-left:-50px;
	width:100px;
	height:100px;
   	background: url(../img/inputfoto-bt.png) no-repeat;
	mix-blend-mode: multiply; 
	overflow:hidden;
	   	
}
#custom_fotouser p {
  color:white;
  margin-top:30px;
  font-size:20px;
} 

#custom_fotouser input {
 	margin: 0;
	width:100px;
	height:100px;
    opacity: 0.0;
    -moz-opacity: 0.0;
    filter: alpha(opacity=00);
	
	
}
#custom_fotouser .ui-input-text {  
	position:absolute;
	top:0;
	z-index:1;
	padding: 0;
	opacity: 0.0;
	margin: 0;   
}


#custom_fotogopro {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -125px;
	margin-top: -125px;
	width: 250px;
	height: 250px;
}

#custom_fotogopro input {
	width:250px;
	height:250px;
    opacity: 0.0;
    -moz-opacity: 0.0;
    filter: alpha(opacity=00);
}
#custom_fotogopro .ui-input-text {
	opacity: 0.0;	
}


.menushare {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	text-align:center;
}

.bt-facebook {
	position:relative;
	z-index:3;
	float:left;
	width:144px;
	height:144px;
	background-image: url(../img/bt-fb.png);
}
.bt-email {
	position:relative;
	z-index:3;
	float:left;
	margin-top:20px;
	width:144px;
	height:144px;
	background-image: url(../img/bt-email.png);
}

.bt-close {
	mix-blend-mode: multiply;
}

#tit-close {
	width:80%;
	max-width:744px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 140px;
	margin-bottom: 30px;
	mix-blend-mode: multiply;
}
#tit-abertura {
	width:80%;
	max-width:744px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 100px;
	margin-bottom: 30px;
	mix-blend-mode: multiply;
}

#graf-close {
	position:absolute;
	top:0;
	left:0; 
	mix-blend-mode: multiply; 
}
.logo {
	position:absolute;
	bottom:20px;
	right:20px;
	width:120px;
}

#post iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	border: none;
}  

#act1 canvas {
	position: absolute;
	left: 50%;
	margin-left: -512px;
}
#frame img {
	width:100%;
}
#slider .ui-header .ui-title {
	text-align:left;	
}

.ui-header h1.ui-title {
	font-size:42px;
	margin-top:30px;
	margin-bottom:0px;
}
.ui-header h3.ui-title {
	color:black;
}

.ui-btn-icon-left > .ui-btn-inner > .ui-icon, .ui-btn-icon-right > .ui-btn-inner > .ui-icon {
	margin-top: -12px;
}
#filter .ui-header .ui-btn-inner {
	font-size: 18px;
}
#filter .ui-btn-up-a {
	background:none;
	border:none;
}

#filter #filters div {
	text-align:center;
}
#filter #filters canvas {
	width:100%;
	height:100%;
}  



#gopro {
	text-align:center;
}

.menucrop {
	position: absolute;
	z-index: 7;
	left: 50%;
	margin-left: -150px;
	width: 300px;
	text-align: center;
	bottom: 4%;
}

#renderinput {
	position: relative;
	width: 100%;
	float: left;
	height: 768px;  
	background-color: white;
}
#renderblank {
	position:absolute;
	top:50%;
	left:50%; 
	width: 640px;
	height: 480px;
	margin-left:-320px;
	margin-top:-240px;
	background-color: white;
	z-index:1;
}    

.btHome {
	float:left;
	width:100%;
	height:768px;
	overflow:hidden;
} 
.btHome .roller {
	position:relative;
	top:0px; 
	background-color: #fcb315;
}   

#block h1 {
	margin:auto;
	width:600px;
	margin: 200px auto 0px auto;
	text-transform: uppercase;
	mix-blend-mode: multiply;
}     
#menusliderImage {
	position: absolute;
	width: 640px;
	margin-left:-320px;
	bottom: 80px;
	left: 50%;
	z-index: 20;
}
    
#btMenu {
	position:absolute;
	left:50%;
	bottom:5%;
	margin-left:-74px;
}
    
#btClose {
 	position:absolute;
	right:3%;
	top:3%;
}