body {
	background: #FFF;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	width:100%;
	height:100%;
	line-height:normal;
}

#page-background {
		position:fixed; top:0; left:0; width:100%; height:100%; z-index:-1;		
}

@media handheld, only screen and (max-width: 767px) {
	#page-background {
		display:none; !important;	
	}
}

#container {
	/*width:720px;*/  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	/*margin:0 auto;*/ /* the auto margins (in conjunction with a width) center the page */
	/*	border: 1px solid #fff;*/
}

#header {
	width:720px;
	height:74px;
	float:left;
}

#content {
	width:720px;
	position:absolute;
	left:50%; /*position the top left corner of the div in the half of width of the page*/
	top:50%; /*position the top left corner of the div in the half of height of the page*/
	margin:-260px 0px 0px -345px; /*half of height and width */	
}

@media handheld, only screen and (max-width: 767px) {
	#content {
		top:70%; !important;	
	}
}

.card4Cols {
	width:144px;
	height:135px;
	float:left;
	
	/**/
}

.card5Cols {
	width:130px;
	height:135px;
	float:left;
	/**/
}

.cards {
	width:125px;
	height:125px;	
}

.colsContainer {
	width:680px;
	padding-left: 50px;
}


h1 {
	padding: 10px 0px 0px 0px;
	font-family: "Patua One", sans-serif, Helvetica, Arial;/**/
	color:#000;/*#D4145A*/
	font-size:2.6em;
	font-weight:bold;
	letter-spacing:0em;
	text-shadow: 0px 0px 1px #999;
}

p {
	padding: 0px 0px 15px 0px;
}

strong {
	color:#D4145A;
}

#aprenda2Logo {
	width:220px;
	height:149px;
	float:right;
	padding-left: 25px;
}

.fontBigger {
	font-size:1.3em;
}

.fontBig {
	font-size:50px;
	font-family:"Noto Sans", sans-serif, Helvetica, Arial;
	letter-spacing:-3px;
	font-weight:normal;
	text-shadow: 0px 0px 1px #000;
}

.fontMedium {
	font-size:18px;
	font-family:"Noto Sans", sans-serif, Helvetica, Arial;
	letter-spacing:-0.1px;
	font-weight:normal;
}

#magic {
	height:205px;
	width:720px;
	float:left;	
}

@media handheld, only screen and (max-width: 767px) {
	#magic {
		display:none; !important;
	}
}

#languageContainer {
	width:720px;
	height:20px;
	float:left;
	margin: 0px 0px 0px 135px;	
}

.languageLink {
	width:150px;
	height:35px;
	float:left;	
}

#notesContainer {
	width:720px;
	height:50px;
	float:left;
	margin: 5px 0px 0px 0px;
}

#notesImage {
	width:200px;
	float:left;
	text-align:right;
}

#notesText {
	width:520px;
	padding-top:6px;
	float:left;
	text-align:left;
}

.footerlink {
	font-size:13px;
	padding: 15px;
}

#footer {
	width:720px;
	padding-top: 0px;
	font-size: 9px;
	font-family:"Noto Sans", sans-serif, Helvetica, Arial;
	color:#555;
	float:left;
}

a.bigger{
	font-size:1.4em;
	text-shadow: 0px 0px 1px #903;
}

a.gray:link{
	color:#222;
}

a:link { 
	color: #D4145A;
	text-decoration:none;
	}
a:visited { 
	color: #D4145A;
	text-decoration:none;
	}
a:hover { 
	color:#555;
	text-decoration:underline;
	}
a:active { 
	color: #D4145A;
	text-decoration:none;
}

#citymenuimg {
	position:absolute; 
	left:0px;
}

.citymenustyle {
	margin-left:20%;
	margin-top:0px; 
	height:400px; 
	width:400px; 
	background-color:#FFF; 
	position:absolute;
	top:20px; 
	box-shadow:0px 0px 80px 0px #000;
	border-color:#777;
	border-style:solid; 
	border-width:1px; 
	display:none;
}