body {
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size : 20px;
	line-height: 20px;
	color: #FFF;
	background-color: #000;
	margin: 0px 0px 0px 0px;
	min-width: 1175px;
	background-repeat: no-repeat;
	overflow:hidden;
}
.inner { position: absolute; }
.cleaner { clear:both; }
.hide { display:none; }
.show { display:block; }
.first {
	margin: 90px 0px 0px 110px;
	width:850px;
#	height:810px;
#	background-color: #F005;
}
.second {
	width:850px;
#	height:850px;
#	background-color: #00F5;
}
.restaurant {
	font-size: 54px;
	font-weight: 700;
	line-height: 60px;
}
.topic {
	font-size: 54px;
	font-weight: 700;
	line-height: 60px;
	color: #cb521b;
	margin: 0px 0px 50px 0px;
}
H1	{
	font-size: 30px;
	font-weight: 700;
	color: #cb521b;
	line-height: 30px;
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
}
H2,li	{
	font-size: 25px;
	font-weight: 500;
	line-height: 30px;
	margin: 20px 0px 0px 0px;
}
.sup	{
	position: relative;
	top: -0.5em;
	font-size: 50%;
}
.picto	{
	margin: 0px 0px 0px 7px;
}
.listok {
	position: absolute;
	z-index:1;
}
.reklama {
	position: absolute;
	z-index:9;
}
#div { border: 1px solid #0F0; }

@media only screen and (min-width: 640px) { /* For portrait */ body {
	background-image: url("images/sphere_background.png");
	width:1080px;
	height:1920px;
}
.second { margin: 0px 0px 0px 110px; }
}

@media only screen and (min-width: 1900px) {
/* For landscape */
body {
	background-image: url("images/sphere_background_land.png");
	width:1920px;
	height:1080px;
}
.first,.second { float: left; }
.second { margin: 90px 0px 0px 60px; }
}