whtml,body,div,span,applet,object,iframe,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;vertical-align:baseline;background:transparent;margin:0;padding:0}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:0}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
.clear{clear:both}
.left{float:left}
.right{float:right}

@font-face {
    font-family: 'helveticaUL'; /*a name to be used later*/
    src: url(../../assets/helveticaUL.otf); /*URL to font*/
}

@font-face {
    font-family: 'helveticaBQ'; /*a name to be used later*/
    src: url(../../assets/helveticaBQ.otf); /*URL to font*/
}

body {
	background-image: url(../../img/background.jpg);
    background-position: left bottom;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
    background-size: cover;
	margin-top: 0 !important;
	width: 100%;
	position: relative;
	display: block;
	font-family:helvetica;
}

body.internal {
	padding-top:90px;
	background-position: 0px -330px;
	
}

#signIn{
	margin-top: 25px !important;
	position: absolute;
	right: 30px;
}

#signIn a {
	color: #fff;
	font-family: 'helveticaUL';	
	font-size: 25px;
	text-decoration: none;
	-webkit-transition: 300ms linear 0s;
	-moz-transition: 300ms linear 0s;
	-o-transition: 300ms linear 0s;
	transition: 300ms linear 0s;
}

#signIn a:hover {
	text-shadow: 0px 0px 3px #fff;
	outline: 0 none;
}

#lineFooter{
	width:100%;
	height:30px;
	position:fixed;
	bottom:50px;
	background-image: url(../../img/line_footer.png);
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:center;
	-webkit-background-size:800px 30px;
	-moz-background-size:800px 30px;
	-o-background-size:800px 30px;
	background-size:800px 30px;
}

#lineFooter div{
	width:100%;
	height:30px;
	background-image: url(../../img/logo_footer.png);
	background-repeat:no-repeat;
	background-position:center;
	-webkit-background-size:30px 30px;
	-moz-background-size:30px 30px;
	-o-background-size:30px 30px;
	background-size:30px 30px;
}

#menuFooter{
	height: 50px;
	width: 100%;
	bottom:0;
	position: fixed;
	background-color:rgba(255,255,255,1);
 	font-family: helvetica;
 	font-size:14px;
 	letter-spacing:1px;
	color: #4A4A4A;
}

#menuFooter ul.left {
	float:left;
	padding:0px;
	margin-top:16px;
	margin-left:15px;
	list-style:none;
}

#menuFooter ul.left li { display: inline; }

#menuFooter ul.left li a {
	padding: 2px 10px;
	display: inline-block;
	color: #787878;
	text-decoration: none;
}

#menuFooter ul.left li a:hover {
	color: #000;
}

#menuFooter .select-language {
	width: 90px;
	padding: 0px 15px;
	float:right;
	margin-top:10px;
	margin-right:12px;
	background-image: url(../../img/icon_arrow_down.png);
	background-repeat: no-repeat;
	background-color: #fff;
	background-position: right center;
}

#menuFooter .select-language select {
	background: transparent;
	width: 110px;
	padding: 5px;
	font-size: 16px;
	line-height: 1;
	border: 0px;
	border-radius: 0;
	height: 32px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.ui-icon.language {
	background-position: -68px -14px;	
	display:inline-block;
}

#content .logoWrapper {
	width:570px;
	height: 100px;
	/*margin-top:-50px;
	margin-left:-50px; 
	top:40%;
	left:55%;*/
	position:absolute;
	margin: 17% auto auto 57%;
}

#content .logoWrapper .logo{
	width:410px;
	background-image: url(../../img/logo-sombra.png);
	height: 95px;
	background-position: center;
	display: block;
	margin: 0 auto 15px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#content .logoWrapper .slogan {
	width:590px;
	display:block;
	font-size:36px;
	font-family: 'helveticaUL';
	text-align:center;
	color: #fff;
	letter-spacing: 1px;
}

#content .logoWrapper .storeButtons {
	width: 320px;
	height:60px;
	margin: auto;
	margin-top:40px;
	opacity: 0.8;
}

#content .logoWrapper .storeButtons img {
	width:149px;
	border:none;
	cursor:pointer;
}

#content .logoWrapper .storeButtons .googlePlay {
	margin-left: 15px;
}

#content.internal {
	width:100%;
	height:100%;
	overflow:auto;
	background-color: #fff;
}

body.internal .logo{
	width:240px;
	height: 58px;
	display: block;
	position:absolute;
	margin: -80px 19% 15px;
	cursor:pointer;
	background-image: url(../../img/logo-sombra.png);
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body #content .contentWrapper {
	margin:0 auto;
	width:100%;
	max-width: 800px;
	padding:30px 0 60px 0;
}

p {
	color: #8C8B8B;
	font-size:14px;
	padding:0px 10px;
	letter-spacing:1px;
	text-align:justify;
	text-justify:inter-word;
	font-family: 'helveticaBQ';
}

h1 {
	color: #8C8B8B;
	font-size:24px;
	padding:0px 10px;
	font-family: 'helveticaBQ';
	font-weight:normal;
	letter-spacing:1px;
	text-align:justify;
	text-justify:inter-word;
	display:block;
	margin:0;
}

h2 {
	color: #8C8B8B;
	font-size:16px;
	padding:0px 10px;
	font-family: 'helveticaBQ';
	font-weight:normal;
	letter-spacing:1px;
	text-align:justify;
	text-justify:inter-word;
	display:block;
	margin:10px 0;
}

a {
	color:#5E5E5E;
	font-size:14px;
	letter-spacing:1px;
	text-decoration:none;
}

a:hover {
	color:#000;
}

/* Imprensa */
.pressText {
	margin-top:40px;	
}

.pressText .pressBlock {
	width:750px;
	margin:0 0 50px 25px;
}

.pressText .pressImage {
	width:128px;
	height:60px;
}

.pressText .pressDate {
	font-family: 'helveticaBQ';
	font-size:12px;
}

.pressText blockquote {
	width:610px;
	margin-bottom:4px;
	font-family:Georgia,Cambria,"Times New Roman",Times,serif;
	font-size:18px;
}

.pressText blockquote > a {
	text-decoration:none;
	font-family: 'helveticaBQ';
	color:#647D9A;
	font-weight:700;
}

.pressText blockquote > a:hover {
	font-family: 'helveticaBQ';
	color:#35567c;
}

.pressText cite {
	width:610px;
	margin-bottom:15px;
	font-size:12px;
	color:#6c6c6c;
	display:block;
	text-align:left;
	font-family: 'helveticaBQ';
}

.pressText cite > a {
	text-decoration:none;
	font-size:12px;
	color:#6c6c6c;
}

#tos p{
	margin: 20px;
}
			
#tos h2{
	margin-top: 40px;
	font-size: 20px;
}

@media (min-width: 1900px) and (max-width: 2560px) {
	#content .logoWrapper {	margin: 17% auto auto 62%; }
	body.internal .logo{ margin: -80px 15% 15px; }
}

@media (min-width: 1270px) and (max-width: 1400px) {
	#content .logoWrapper {	margin: 17% auto auto 50%; }
	body.internal .logo{ margin: -80px 15% 15px; }
}

@media (min-width: 979px) and (max-width: 1200px) {
	#content .logoWrapper {	margin: 17% auto auto 22%; }
	body.internal .logo{ margin: -80px 15% 15px; }
}

@media (min-width: 768px) and (max-width: 979px) {
	#content .logoWrapper {	left:35%; }
	body.internal .logo{ margin: -80px 1% 15px; }
}

@media (max-width: 767px) {
	#content .logoWrapper {	left:18%; }
	body.internal .logo{ margin: -80px 1% 15px; }
}

@media (max-width: 599px) {
	#content .logoWrapper {	margin: 25% auto auto -18%; }
	body.internal .logo{ margin: -80px 1% 15px; }
	#content .logoWrapper {	width:533px; height: 90px; }
	#content .logoWrapper .logo{ width:340px; height: 80px; }
	#content .logoWrapper .slogan {	width:540px; font-size:26px; }
}

@media (min-width: 599px) and (max-width: 604px) {
	#content .logoWrapper { margin: 25% auto auto -13%; }
	body.internal .logo{ margin: -80px 1% 15px; }
	#content .logoWrapper {	width:533px; height: 90px; }
	#content .logoWrapper .logo{ width:340px; height: 80px; }
	#content .logoWrapper .slogan {	width:540px; font-size:26px; }
}

@media (min-width: 605px) and (max-width: 769px) {
	#content .logoWrapper {	left:21%; }
	body.internal .logo{ margin: -80px 1% 15px; }
	#content .logoWrapper {	width:533px; height: 90px; }
	#content .logoWrapper .logo{ width:340px; height: 80px; }
	#content .logoWrapper .slogan {	width:540px; font-size:26px; }
}

@media (min-width: 750px) and (max-width: 801px) {
	#content .logoWrapper {	margin: 35% auto auto -6%; }
	body.internal .logo{ margin: -80px 1% 15px; }
	#content .logoWrapper {	width:533px; height: 90px; }
	#content .logoWrapper .logo{ width:340px; height: 80px; }
	#content .logoWrapper .slogan {	width:540px; font-size:26px; }
}

@media (max-height: 1281px) and (max-width: 801px) {
	#content .logoWrapper {	margin: 35% auto auto -19%; }
	body.internal .logo{ margin: -80px 1% 15px; }
	#content .logoWrapper {	width:533px; height: 90px; }
	#content .logoWrapper .logo{ width:340px; height: 80px; }
	#content .logoWrapper .slogan {	width:540px; font-size:26px; }
}

@media (min-width: 300px) and (max-width: 321px) {
	#content .logoWrapper {	left:12%; }
	body.internal .logo{ margin: -80px auto 5px; }
	#content .logoWrapper {	width:345px;height:500px; }
	#content .logoWrapper .logo{ width:270px;height:65px; }
	#content .logoWrapper .slogan {	width:350px;font-size:16px; }
	#content .logoWrapper .storeButtons { width: 280px;	}
	
	#content .logoWrapper .storeButtons img { width:129px; }
}

@media (min-width: 322px) and (max-width: 361px) {
	#content .logoWrapper {	left:15%; }
	body.internal .logo{ margin: -80px auto 5px; }
	#content .logoWrapper {	width:345px;height:500px; }
	#content .logoWrapper .logo{ width:270px;height:65px; }
	#content .logoWrapper .slogan {	width:350px;font-size:16px; }
	#content .logoWrapper .storeButtons { width: 280px;	}
	
	#content .logoWrapper .storeButtons img { width:129px; }
}