header.main {
	padding-top: 80px;
}

header.main h1 {
	background-image: url('../../../web/templates/img/bg-titulo-index.png');
	width: 603px;
	height: 45px;
}

header.main h2 {
	font-weight: normal;
	font-size: 19.2px;
	font-size: 1.2rem;
	margin-top: 5px;
}

.index-content {
	background: url('../../../web/templates/img/bg-index.jpg') no-repeat center center;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	max-width: 1800px;
	min-height: 400px;
	margin: 30px auto;
	padding: 30px 0;
}

.index-intro {
	font-size: 28.8px;
	font-size: 1.8rem;
	line-height: 1.1;
	width: 50%;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}

.index-start {
	width: 370px;
	padding: 20px;
	background: white;
	-moz-box-shadow: 0 0 1px black;
	-webkit-box-shadow: 0 0 1px black;
	-o-box-shadow: 0 0 1px black;
	box-shadow: 0 0 1px black;
	margin-top: 50px;
}

.index-start .link-play {
	display: block;
	text-decoration: none;
	color: black;
	font-size: 24px;
	font-size: 1.5rem;
	text-transform: uppercase;
	line-height: 1;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.index-start .link-play .icon-play-circle {
	float: left;
	font-size: 60px;
	text-decoration: none;
	margin-right: 10px;
	margin-top: -8px;
	color: #00b2b2;
}

.index-start .link-play:hover {
	color: #00b2b2;
}

.index-start p {
	color: #666666;
	font-size: 14.4px;
	font-size: 0.9rem;
	line-height: 1.3;
}

.index-start p a {
	color: #00b2b2;
}

.index-start p a:hover {
	color: black;
	text-decoration: none;
}