body

{

	margin:0px;

	padding:0px;

	font-family:Arial, Helvetica, sans-serif;

	background-color:#ddd;

}

.main

{

	margin:0px auto;

	width:85%;

	background-color:#fff;

}

.wrapper

{

	width:100%;

	padding:15px;

}

.top

{

	background-color:#fff;

	border-bottom:1px solid #999;

}



.top .wrapper 

{

	padding:0px;

	padding:10px;

	padding-top:5px;

	padding-bottom:0px;

	margin:0px;

}

.top .wrapper img

{

	padding:0px;

	width:65px;

	height:65px;

}

header

{

	padding-left:0px;

	background: url(../images/background.png) no-repeat; 

	background-color:#ccc;

	padding-top:20px;

	padding-bottom:20px;

}

header h1

{

	color:#fefefe;

	font-size:30px;

	width:55%;

}

section

{

	clear:both;

}

section .left

{

	width:53%;

	float:left;

	font-size:15px;

	text-align:justify;

	line-height:1.5;

	color:#444;

}



section .right

{

	width:40%;

	float:right;

	padding:1%;

	background-color:#eee;

	margin-right:30px;

	margin-top:-75px;

}

table

{

	width:100%;

}

table tr td

{

	padding:5px;

}

@media screen and (max-width: 1320px)

{

	section .left

	{

		font-size:15px;

	}

}

@media screen and (max-width: 1080px)

{

	section .left

	{

		font-size:15px;

	}

	header h1

	{

		color:#fff;

		font-size:24px;

	}

}

@media screen and (max-width: 950px)

{

	section .left

	{

		clear:both;

		width:93%;

		padding:10px;

		font-size:14px;

	}

	section .right

	{

		width:93%;

		margin:0px;

		float:left;

		margin-top:15px;

	}

	header

	{

		text-align:center;

	}

	header h1

	{

		color:#fff;

		font-size:24px;

		width:93%;

		text-align:center;

	}

}

@media screen and (max-width: 640px)

{

	section .left

	{

		clear:both;

		width:92%;

		padding:5px;

		font-size:14px;

	}

	section .right

	{

		width:92%;

		margin:0px;

		float:left;

		margin-top:5px;

	}

	header h1

	{

		color:#fff;

		font-size:20px;

		width:92%;

		text-align:center;

	}

	

	header

	{

		text-align:center;

		background-color:#333;

		height:100px;

		padding:10px;

		padding-left:0px;

		background: url(../images/background.jpg) no-repeat fixed; 

		 -webkit-background-size: 120% 50%;

		 -moz-background-size: 120% 50%;

		 -o-background-size: 120% 50%;

		 background-size:120% 100%;

	}

}

.form table

{

	width:100%;

}

.form table tr td

{

	padding:6px;

	width:100%;

}

.form table tr td input[type="text"],

.form table tr td input[type="email"],

.form table tr td input[type="number"],

.form table tr td select

{

	padding:12px;

	width:100%;

    box-sizing:border-box;

	border-radius:2px;

	border:1px solid #eee;

	font-size:15px;

}

.form table tr td input[type="submit"]

{

	padding:12px;

	background-color:#0066CC;

	color:#eee;

	width:100%;

    box-sizing:border-box;

	font-size:16px;

	border-radius:5px;

}

.form table tr td input[type="submit"]:hover

{

	background-color:#f86a16;

	cursor:pointer;

	color:#fff;

}

footer

{

	text-align:center;

	font-size:14px;

	padding:20px;

	color:#333333;

}