body {
	overflow:hidden; 		/* needed to eliminate scrollbars caused by the background image */
	padding:0;margin:0;		/* necesarry for the raster to fill the screen */
	height:100%;width:100%;
	background-color:#000;
	font-family:Calibri,Arial;
	text-transform: lowercase;
	color:white;
	font-size:100%;
	font: 100%;


}

br {
	line-height:1.2;
}


a:link { font-weight:bold; color:white; text-decoration:none; }
a:visited { font-weight:bold; color:white; text-decoration:none; }
a:hover { font-weight:bold; color:#E46C0A; text-decoration:none; }
a:activ  { font-weight:bold; color:#E46C0A; text-decoration:none; }




h1 {
	font-size:1.20em;
	color:white;
	line-height:0.5;
}

h2 {
	font-size:1.2em;
	font-weight:normal;
	color:white;

}

h3 {
	font-size:1.30em;
	color:#A6A6A6;
}

h3,a{
	line-height:1.5;
	line-height:1.5\9;
	

}


h4 {

font-size:1.4em;
font-weight:bold;
color:#E46C0A;


}

h5 {
	font-size:0.85em;
	font-style:light;
	color:#A6A6A6;
}

table{

 margin-left: -0.5%;

}

/* CSS Document */


#bgimg {
	position:absolute;
	z-index: -1;
}

#realBody{
	position:absolute;
	
	z-index: 5;				/* Place the new body above the background image */
	overflow:auto; 			/* restore scrollbars for the content */
	height:100%;width:100%;	/* Make the new body fill the screen */
}

#screen {

	width:100%;
	height:100%;
	overflow:hidden;
	

}

 
#bg {
	position:absolute;
	width:100%;
	height:110%;
}

#bg img {

  	height:auto !important;
	min-width:50%;
	max-height:100%;
  	width:100% !important;
	margin: auto;

	position:top;
	bottom:0;
	right:0;


}


#logo img {
  	width:30%;
	min-width:85px;
	border:0;

}

#slogan img {
	float: left;
	margin-top:0.17em;
	width:35%;
	height:auto;
	min-width:15%;
	border:0;

}


/*
This next definition doesn't allow the background to get any smaller
than a predefined size (640x426px in this case). Change the values
here to match your background image size. The configuration in the
flexi-background javascript file should also match these values.
*/

@media only all and (max-width: 800px) and (max-height: 600px) {
#content {
	width:800px;
	height:548px;
	overflow:hidden;
}

}
 
 

/*
LOGO
*/
.logo{

		width: 90%;
        height: 6%;
		margin-top:2%;
        margin-left: 3%;

}

/*
MENU
*/
.menu{
		float: left;
		width: 48%;
        height: 10%;
        position: relative;
        margin-left: 3%;

}

.menu a{
	color:#A6A6A6;
	font-style:bolder;
	font-size:1.1em;
}


/*
CONTENT
*/
.content{
		float: left;
		margin-left:3%;
		margin-top:1%;
		width: 48%;
        height: 58%;
		position: relative;
		color:#A6A6A6;
		/* 
		opacity: 0.4;
		background-color: gray;
		*/
}

.content table,tr,td{

		font-size:1em;
		font-weight:bold;
		color:white;
		line-height:1;

}

.content a:link { font-weight:normal; color:#E46C0A; text-decoration:none; }
.content a:visited { font-weight:bold; color:#E46C0A; text-decoration:none; }
.content a:hover { font-weight:bold; color:#E46C0A; text-decoration:none; }


.country { line-height:1.6em; }
.country a:link { font-weight:bold; color:white; text-decoration:none; }
.country a:visited { font-weight:bold; color:white; text-decoration:none; }
.country a:hover { font-weight:bold; color:#E46C0A; text-decoration:none; }
.country a:active { font-weight:bold; background-color:transparent; color:#E46C0A; text-decoration:none; }

.city { color:black; line-height:1.3em; }
.city a:link { font-weight:bold; color:white; text-decoration:none; }
.city a:visited { font-weight:bold; color:white; text-decoration:none; }
.city a:hover { font-weight:bold; color:#E46C0A; text-decoration:none; }
.city a:active { font-weight:bold; background-color:transparent; color:#E46C0A; text-decoration:none; }




/*
RIGHT SPACE
*/
.rightspace{
	float: left;
	margin-top:1%;
	width: 42%;
	height: 58%;
	position: relative;
	/* 
	opacity: 0.4;
	background-color: gray;
	*/

}


.slogan{

	width:60%;
	display: table;
	margin: -40% 47% 10%;
	font-weight:bold;
	font-size:4.5em;
	color:#E46C0A;

}


.city{
	
	line-height:1.3em;
	color:gray;
	font-weight:bold;
}

.city_click{

	color:black;
	font-size:0.65em;
	font-weight:bold;
}
.city_number{
	 line-height:1.3em;
	color:black;
	font-weight:bold;
}
.contentbar{
	margin-top:-57.5%;
	margin-left: 25%;
	width:68.5%;
	height:19.4em;
	padding:3%;
	overflow:auto;
	background:#bbb;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;

}
.contentbar p:nth-child(even){color:#000; font-family:calibri; font-size:1.25em}
.contentbar p:nth-child(3n+0){color:#777;}
		
.contentbar1{
	
	text-transform: none;
	margin-top:0;
	margin-left: -3%;
	width:97%;
	height:22em;
	padding:3%;
	overflow:auto;
	background:#000;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;

}

.contentbar1 a { font-weight:normal; color:#E46C0A; text-decoration:none; }
.contentbar1 a:hover { font-weight:normal; color:#E46C0A; text-decoration:none; }
.contentbar1 a:link { font-weight:bold; color:#E46C0A; text-decoration:none; }
.contentbar1 a:visited { font-weight:bold; color:#E46C0A; text-decoration:none; }
	

.contentbar2{


	display-inline;
	margin-left: 8.5em;
	width:75%;
	margin-top:-5%;
	height:22em;
	padding:3%;
	background:transparent;

}

.contentbar2 a { font-weight:normal; color:#black; text-decoration:none; }
.contentbar2 a:hover { font-weight:normal; color:#E46C0A; text-decoration:none; }
.contentbar2 a:link { font-weight:bold; color:#E46C0A; text-decoration:none; }
.contentbar2 a:visited { font-weight:bold; color:#E46C0A; text-decoration:none; }
	
	
	
	
/*
FOOTER
*/

.slogan_footer{
	float: left;
	margin-left:3%;
	color:gray;
	position:relativ;
	width:40%;
	height:5%;   /* Height of the footer */
	/* 
	opacity: 0.4;
	background-color: gray;
	*/
}


.footer{
	color:#A6A6A6;
	position:absolute;
	*position:relative; /* IE 7 */
	bottom:0;
	width:100%;
	height:10%;   /* Height of the footer */
	*height:10%; /* IE 7 */
}



.footer p{
	font-size:1em;
	position:absolute;top: 25%; left: 3%;
	width:90%;
	/* 
	opacity: 0.4;
	background-color: gray;
	*/
	
}

.footer .first{ margin-left: 0%}

.footer a {margin-left:3%;}
.footer a:link { font-weight:normal; color:#A6A6A6; text-decoration:none;}
.footer a:visited { font-weight:normal; color:#A6A6A6; text-decoration:none; }
.footer a:hover { font-weight:normal; color:#E46C0A; text-decoration:none; }
.footer a:active { font-weight:normal; background-color:transparent; color:#E46C0A; text-decoration:none; }