/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);*/
@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,200,300,600,700);

body {
	margin:0;
	padding:0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 14px;
	width: 100%;
	height: 100%;
}

.MainWrapper {
	margin: 15px;	
	padding-bottom: 100px;
	width: 740px;
	font-size: 12px; font-weight: 300;	
	color:#aaa;	
}

ul#nav{ margin:0px ; }
.logo img { width: 250px !important; }

ul#nav li{ margin:0 0 10px 0; padding:10px; display:block; background:url('../img/bg-black.png'); width: 100%; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
a{ color:#999; font-weight:bold; text-decoration: none; margin-left: 5px; margin-right: 5px;}
a.active { color: #FFF; }
a:hover { color: #fff;}

.Page {
padding:10px;  background:url('../img/bg-black.png'); width: 100%;  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

blockquote, p { line-height: 150%; margin: 0px 0px 10px 0px;}
blockquote { font-size: 16px; font-weight: 700; color: #999; }

table.brands { border-collapse:collapse; }
table.brands td { border-top: solid 1px #666; padding-bottom: 10px; padding-top: 20px; }

.lang {
	float: right;	
	margin-top: 18px;
}

p {font-size:14px;}

/*Set my logo in bottom left*/
			.image-controller {
				position: fixed;
				bottom: 0px;
				right: 0px;
				width: 42px;
				height: 42px;
				background:url('../img/bg-hover.png') repeat-x 0 44px;
				/*background: #FFF;*/
				text-align: center;
				z-index: 1000;		
				-webkit-transition:  all 0.3s ease-in-out;
				-moz-transition:  all 0.3s ease-in-out;
				-o-transition:  all 0.3s ease-in-out;
				-ms-transition:  all 0.3s ease-in-out;
				transition:  all 0.3s ease-in-out;					
			}
			#fullscreen {
				width: 36px;
				height: 36px;
				padding: 3px;
				text-indent: -9999px;
				overflow: hidden;
				float: left;
				z-index:150;
				opacity:.70; filter:alpha(opacity=70); filter:”alpha(opacity=70)”;
								
			}
			#fullscreen {  }
			#fullscreen:hover { background-position: bottom left; opacity:1; filter:alpha(opacity=100); filter:”alpha(opacity=100)”; }
			#fullscreen.active { background-position: top right; }			
			#fullscreen.active:hover { background-position: bottom right; }		


.fancybox-inner table a { margin: 0px 0px 0px 0px !important; }
.fancybox-inner table a:hover { color: #000; }


/*mobile*/
@media handheld, only screen and (max-width: 767px) {
	
.MainWrapper {
	margin: 5%;
	width: 85%;
}
.logo img { width: 200px !important; }
	#fullscreen { display: none; }
	ul#nav li a {display: block; }

}