/* @override http://veo-design.dev/css/common/welcome.css */

@import "foundation.css";

html, body
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-image: none;
}

#main
{
	width: 470px;
	height: 100%;
	margin: 0 auto;
	min-height: 100%;
}

#main table
{
	height: 100%;
}

#main td
{
	vertical-align: middle;
}

#main .logo
{
	width: 466px;
	height: 175px;
	margin: 0 auto;
	text-indent: -99999999px;
	background-image: url(/images/layout/welcomeLogo.png);
	background-repeat: no-repeat;
}

#main .buttons ul
{
	width: 257px;
	list-style: none;
	margin: 30px auto 0 auto;
	padding: 0;
}

#main .buttons ul li
{
	width: 128px;
	height: 30px;
	display: block;
	float: left;
}

#main .buttons a
{
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	text-decoration: none;
	border: none;
}

#main .buttons .es a
{
	background-image: url(/images/layout/welcomeEnterEs.png);
}
#main .buttons .de a
{
	background-image: url(/images/layout/welcomeEnterDe.png);
}
#main .buttons .en a
{
	background-image: url(/images/layout/welcomeEnterEn.png);
}
#main .buttons a:hover
{
	background-position: center -32px;
}