html
{
  height: 100%;
}

body
{
  background: #191B18 none repeat scroll 0%;
  color: #ffffff;
  margin: 0;
  padding: 0;
  height: 100%;
  display: block;
  font: normal 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#container
{
  background: #FFF;
  min-height: 300px;
  min-width: 600px;
  position: absolute;
  top:	 5px;	/* margins in pixels */
  bottom: 5px;	/* could also use a percent */
  left: 5px;
  right: 5px;
  padding: 3px;
}

.container-fenix-logo
{
	width: 100%;
	height: 100%;
	z-index: -1;
	background: url('/assets/img/fenice_bg_col.png') no-repeat center top;
	background-size: cover;
}

#makeplan_logo_big
{
	position: relative;
	top: 20px;
	left: 30px;
	width: 300px;
}

#makeplan_logo_big div
{
	padding: 5px;
	margin: auto;
	width: 90%;
}

#makeplan_logo_big img
{
	height: 100%;
	width: 100%;
}

#makeplan_logo_small
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	margin: auto;
	border-bottom: 2px solid white;
}

#makeplan_logo_small div
{
	padding: 5px;
	margin: auto;
	width: 90%;
}

#makeplan_logo_small img
{
	height: 100%;
	width: 100%;
}