/*
 * Green panel
 */

.green-panel
{
	background: rgba(220,235,180,1);
	background: -moz-linear-gradient(-45deg, rgba(220,235,180,1) 0%, rgba(120,188,43,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(220,235,180,1)), color-stop(100%, rgba(120,188,43,1)));
	background: -webkit-linear-gradient(-45deg, rgba(220,235,180,1) 0%, rgba(120,188,43,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(220,235,180,1) 0%, rgba(120,188,43,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(220,235,180,1) 0%, rgba(120,188,43,1) 100%);
	background: url('img/background.png'), linear-gradient(135deg, rgba(220,235,180,1) 0%, rgba(120,188,43,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcebb4', endColorstr='#78bc2b', GradientType=1 );
	background-size: cover;
}

.green-panel>.margin
{
	width: 900px;
	margin: auto;
	padding: 35px 0;
}

.green-panel>.margin>.title
{
	color: #555;
	font-size: 30pt;
	font-weight: lighter;
}

.green-panel>.margin>.subtitle
{
	color: #555;
	font-size: 22pt;
	padding-top: 10px;
}

.green-panel>.margin>.button-table
{
	display: table;
}

.green-panel>.margin>.button-table>.button-cell
{
	display: table-cell;
	padding: 50px 30px 0 0;
}

.green-panel>.margin>.button-table>.button-cell>a:hover
{
	text-decoration: none;
}



/*
 * Main button
 */

.main-button
{
	display: table;
	height: 35px;
	color: #555;
	background: #fafafa;
	border: 1px solid #aaa;
}

a:hover .main-button
{
	background: #eee;
}

.main-button>.cell
{
	display: table-cell;
	vertical-align: middle;
}

.main-button>.icon-cell
{
	font-size: 0pt;
	padding: 5px 0 5px 10px;
}

.main-button>.cell>.download-icon
{
	display: inline-block;
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
	background-image: url('img/download.png');
}

.main-button>.cell>.guide-icon
{
	display: inline-block;
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
	background-image: url('img/guide.png');
}

.main-button>.text-cell
{
	font-size: 14pt;
	padding: 5px 0px 5px 20px;
	width: 260px;
}


/*
 * Low panel
 */

.low-panel
{
	padding: 50px 0;
	display: table;
	width: 900px;
	margin: auto;
	table-layout: fixed;
}

.low-panel>.cell
{
	display: table-cell;
	width: 50%;
	padding-right: 40px;
}

.low-panel>.cell>.title
{
	padding-bottom: 20px;
	font-size: 18pt;
	font-weight: lighter;
	color: #555;
}

.low-panel>.cell>.text
{
	color: #555;
}

.low-panel>.cell>.text>p>.new
{
	color: red;
	font-weight: bolder;
	font-size: 10pt;
}