@font-face {
	font-family: 'KabelBdNormal';
	src: url('../fonts/KabelBdNormal.ttf') format('truetype');
}
@font-face {
	font-family: 'CalibriRegular';
	src: url('../fonts/CalibriRegular.ttf') format('truetype');
}
* {
  font-family: KabelBdNormal, sans-serif;
  outline: 0;
  margin: 0;
  padding: 0;
}
body {
	background: url(../images/FondoSolo.png) no-repeat;
	height: 100%;
}
#main {
	float: left;
	padding: 0 5%;
	position: relative;
	width: 90%;
}
#logo-hdc {
	height: 70px;
	left: 20px;
	position: absolute;
	top: 20px;
	width: 70px;
}
#logo {
	height: 147px;
	position: relative;
	margin: 10px auto;
	width: 220px;
}
#content {
	margin: 0 auto;
	width: 1000px;
}
#content h1 {
	color: #f3d726;
	font-size: 24px;
	font-weight: normal;
	margin-top: -20px;
	text-align: center;
	text-shadow: 2px 2px 1px #4f50a5;
}
#content p {
	color: #ffffff;
	font-family: CalibriRegular;
	font-size: 15px;
	text-align: center;
}
#content h2 {
	color: #f3d726;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	text-shadow: 2px 2px 1px #4f50a5;
}
#video {
	background: url(../images/Pantalla01.png) no-repeat;
	background-size: cover;
	clear: both;
	float: left;
	height: 418px;
	position: relative;
	margin-top: -96px;
	width: 550px;
}
#video iframe {
	margin-left: 82px;
	margin-top: 116px;
}
#menu {
	/*float: left;
	margin-left: 20px;*/
	float: right;
	margin-top: 0;
	position: relative;
	width: 430px;
}
#menu-buttons {
	margin: 0 auto;
	width: 430px;
}
#kodi {
	float: right;
	margin-top: 30px;
	position: relative;
	width: 200px;
}
#kodi img {
	float: right;
	position: relative;
	width: 80%;
}
#menu a {
	float: left;
	position: relative;
	margin-top: 10px;
	text-decoration: none;
	width: 200px;
}