* {	margin: 0; padding: 0;}
html { height: 100%;}

body {	position:relative; background-color: #eee3c9;
		margin: 0 auto;	padding-bottom: 0;
		max-width: 100%; height: 100%;
}
           /*//////////////////////  PAGE  ////////////////////*/

.wrapper {	width: 100%; height: auto;
			margin: 0 auto;
}

img {	max-width: 100%;
		height: auto;
		width: auto; border: 0;
}


div#topbox{	width:100%; height:110px;
			background: #058951 url(/img/bgtop.jpg);
}
.top {		position: relative;
			width:1200px; height:55px;			
			margin: 0 auto;
}
.logo {		float: left;
			background: url(/img/logo.png);
			width: 450px; height: 100px;
			margin: 6px 0 0 60px;
}

.bannerbox { width:100%; height: 340px;
            background: #058951 url(/img/bgbanner3.jpg);
}
.banner { 	width: 1200px;
			margin: 0 auto;
}

.box1 {		width: 100%;
}
.bx1 {		width: 1080px; background-color: #FFF;
			margin: 0 auto; padding: 20px 60px 20px 60px;
			border-top: 6px solid #058951;
}

.box4 {		margin: -25px auto; background-color: #fff;
			width: 1200px;
}
div#bx4 {	float: left; width: 517px;
			margin: 10px -6px 0 0; padding: 0 20px 20px 60px;
			border-right: 6px solid #058951;
}

div#contact {	float: right; width: 517px;
			margin: -20px 0 0 -6px; padding: 0 60px 20px 20px; 
			border-left: 6px solid #058951;
}

.anchor {	opacity: 0; margin-top: -5px; height: 30px;
}

.line { line-height: 20px;}
.line-1 { line-height: 20px; margin-top: 20px;}
.line-2 { line-height: 30px; margin-top: 10px;}
.line-up { line-height: 30px; margin-top: 20px;}
.radio { line-height: 20px; margin-left: 90px;}
.submit { margin: 0px auto; text-align: center;}

input[type=submit] { color: #fff; font-size: 1em; padding: 2px;
			background-color : #058951; border: none; margin: 6px auto;
			width: 180px; height: 30px;
}
input[type=submit]:hover { background-color: #07cd79;
}

.error_message { color: #058951; line-height: 20px;}
.error_message li {
    background-image: url(/img/bullet.jpg);
    background-repeat: no-repeat;
    background-position: 0px 6px;
    padding-left: 14px;
}

                 /*////////////  FOOTER   //////////////*/

.footerbox { width: 100%; height: 220px;
             clear:both;
             color: #ccc; background: #dbd1b9;
}

div#footer { width: 1200px; height: 200px;
             margin: 0 auto; padding-top: 20px;
             color: #ccc; background: #5b6663;
}
div#footer p { font-size: 0.8em; line-height: 20px;
               margin: 0 0 15px 0; text-align: center; 
}
div#footer p a { color: #6fcea6;  
}

div#footer a:hover{ color: #07cd79;
}


.clearfloat { 
	clear: both;
	height: 0;
	line-height: 0px;
}
.cookie{
	position:fixed;
    bottom: 0px;
    background: #292929;
	width:100%;
	  z-index: 100000;
	height:auto;
	border-top: solid 2px #fff;
}


#cookie_consent { 

  bottom: 0;
  float: left;
  z-index: 100000;
  width: 100%;
  padding: 0;
}
#cookie_consent p {
 text-align: center;
  color: #fff;
 font-size: 14px;
  line-height: 20px;
  margin: 0;
  padding: 10px;
}
#cookie_consent a.accept_cookies {
 margin: 0 15px 0 15px;
  padding: 3px 10px 3px 10px;
  color: #fff;
 font-weight: normal;
  text-decoration: none;
  cursor: pointer;
  background: #079da1;
}
#cookie_consent a:hover.accept_cookies {
 margin: 0 15px 0 15px;
  padding: 3px 10px 3px 10px;
  color: #fff;
 font-weight: normal;
  text-decoration: none;
  cursor: pointer;
  background: #02c2c8;
}
#cookie_consent a.decline_cookies {
 margin: 0 5px;
  padding: 5px;
  color: #000;
 font-weight: normal;
  text-decoration: none;
  cursor: pointer;
  background: #f33;
}
#cookie_consent a.more_info {
 margin: 0 5px;
  padding: 5px;
  color: #15a8aa;
 font-weight: normal;
  text-decoration: none;
  cursor: pointer;

}



/**********************************************************************************/
/******************* for 960px or less *******************************************/

@media screen and (max-width: 1200px) {



div#topbox{	width:100%;
}
.top {		width:100%;
}
.logo {		margin: 6px 0 0 3%;
}

.bannerbox { 	background: none;
			width:100%; height: auto;
}
.banner { 	width: 100%;
			margin: 0 auto;
			background: none;
}

.box1 {		margin-top: -10px;
}
.bx1 {		width: 94%;
			margin: 0 auto; padding: 15px 3% 20px 3%; 
}

.box4 {		width: 100%;
}
div#bx4 {	float: left; width: 45%;
			margin: 10px -6px 0 0; padding: 0 2% 20px 3%;
			border-right: 6px solid #058951;
}
div#contact {	float: left; width: 44.8%;
			margin: -20px 0 0 0; padding: 0 2.5% 20px 1.9%; 
			border-left: 6px solid #058951;
}
.footerbox { width: 100%; height: 220px;
}

div#footer { width: 100%; height: 200px;
             margin: 0 auto; padding-top: 20px;
}
}
/*********** for 768px or less *******************/
@media screen and (max-width: 768px) {
div#topbox{	width:100%; height:80px;
}
.top {		width:100%; height:70px;			
			margin: 0 auto;
}
.logo {		background: url(/img/logo-small.png);
			width: 280px; height: 62px;
			margin: 9px 0 0 3%;
}

.box4 {		
			width: 100%;
}
div#bx4 {	float: left; width: 94%;
			margin: 0 0 20px 0; padding: 0 3% 20px 3%;
			border-right: none;
}
div#contact {	float: left; width: 94%;
			margin: -30 0 20px 0px; padding: 15px 3% 20px 3%; 
			border-left: none;
			border-top: 6px solid #058951;
} 
}
/*********************** for 480px or less ***********************/
@media screen and (max-width: 480px) {




}

@media (min-width: 981px) {

}
/**************************/
/*********************************End Media Queries****************************************/
/**************************/