/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
video {
  width: 100%    !important;
  height: auto   !important;
}
body {
	background: #fff;
	line-height: 1.3em;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


a:hover, a:selected; a:active {
	border:0; color: #ffffff;
}
a {
	color: #eeeeee;
	text-decoration:none;
}

/* FONTS _________________________ */

@font-face {
	font-family: Open;
	src: url('OpenSans-Regular.ttf');
}
@font-face {
	font-family: OpenItalic;
	src: url('OpenSans-Italic.ttf');
}
@font-face {
	font-family: OpenBold;
	src: url('OpenSans-Bold.ttf');
}
@font-face {
	font-family: OpenBoldItalic;
	src: url('OpenSans-BoldItalic.ttf');
}

em {
	font-family: OpenItalic;
}
strong {
	font-family: OpenBold;
}
em strong, strong em {
	font-family: OpenBoldItalic;
}

	body {
		width: 100%;
		background-color: #000000;
		font-family: Open, sans-serif;
	}
	#main_container {
		width: 640px;
		font-size: 14px;
		color: #FFFFFF;
		margin: 0px auto;
		padding: 0;
		line-height: normal;
		position: relative;
		display: block;
		float: none;
		background: #000000 url(images/background.jpg) no-repeat center top;
		background-size: 1240px 1754px;
		height: 600px;
		overflow: hidden;
	}
	#logo {
		width: 300px;
		display: block;
		margin: 100px auto;
		padding: 0;
		height: 200px;
		background: none;
		float: none;
	}
	#footer {
		width: 60%;
		background-color: none;
		display: block;
		margin: 80px 20%;
		padding: 0;
		height: auto;
		float: left;
		text-align: center;
		line-height: 20px;
	}
	#container_legal {
		width: 80%;
		height: auto;
		color: #333333;
		line-height: normal;
		background-color: #ffffff;
		margin: 0;
		padding: 30px 10%;
		display: block;
		float: left;
		position: relative;
	}
	#container_legal a, #container_legal a:visited, #container_legal a:active {
		color: #333333;
	}
	#container_legal a:hover {
		color: #666666;
	}
	#faldon {
		width: 600px;
		height: 70px;
		margin: 0px auto;
		padding: 20px 20px;
		background: #e2e1dd url(images/faldon_background.jpg) top center no-repeat;
		background-size: 100%;
		float: none;
		clear: both;
		display: block;
		text-align: center;
		font-size: 12px;
		color: #333333;
	}
	#faldon a, #faldon a:visited, #faldon a:active {
		color: #333333;
	}
	#faldon a:hover {
		color: #666666;
	}

@media all and (min-width: 1000px) {
	#main_container {
		width: 1000px;
	}
	.container_head {
		width: 100%;
		height: auto;
		background: none;
	}
	.menu a {
		color: #111;
		text-shadow: none;
	}
	.menu a:hover {
		color: #555;
		text-shadow: 1px 1px 0px #ffffff;
	}
	.web_main {
		color: #111111;
		text-shadow: none;
		font-size: 30px;
	}
	.container_body {
		width: 320px;
		float: none;
		clear: both;
		text-align: center;
		margin: 0 auto;
		display: block;
		padding: 0px;
	}
	#faldon {
		width: 960px;
	}

}