/*
===================================================================================================
S T Y L E S . C S S
===================================================================================================
*/

html { background: #fff; font: normal 87.5%/1.5 'Droid Sans', "Helvetica Neue", Arial, Helvetica, sans-serif; color: #384749; text-align: center; }
body { height: 100%; margin: 0 auto; position: relative; }

h1, h2, h3, p, small, ul, ol, dl, pre, address, table, form, hr, figure, audio, video { margin-bottom: 1em; }

/* Headings ------------------- */
h1, h2, h3 {  }
h1 { font-size: 1.5em; line-height: 1.1; margin-bottom: .5em; }
h1 span { font-size: 87.5%; color: #889799; }
h2 { font-size: 1em; margin: 0; }
h3 { font-size: 2em; line-height: 1.2; margin-bottom: .5em; }

/* Links ------------------- */
a { color: #5EBD2F; text-decoration: none; }
a:visited { color: #5EBD2F; text-decoration: none; }
a:hover { color: #5EBD2F; text-decoration: underline; }
a:active { color: #5EBD2F; text-decoration: underline; }

/* Forms ------------------- */
form { float: right; width: 80%; margin: 0; }

/* Default Form Styles */
label { }
input[type="text"] { background: #eee; font-size: 160%; float: left; width: 75%; height: 2em; border: 0 none; padding: .25em .375em; border-radius: 5px 0 0 5px; }

::-webkit-input-placeholder { color: #889799; }
:-moz-placeholder { color: #889799; }
:placeholder { color: #889799; }

/* Focus Form Styles */
input[type=text]:focus { }

/* Error Form Styles */
label.error { }
input[type=text].error { }

.error::-webkit-input-placeholder { }
.error:-moz-placeholder { }
.error:placeholder { }

/* Button */
button { background: #5ebd2f; font-family: inherit; font-weight: bold; font-size: 160%; color: #fff; float: left; width: 25%; height: 2em; border: 0 none; margin: 0; border-radius: 0 5px 5px 0; }
button:hover {  }
button:active {  }

/*
===================================================================================================
H E A D E R
===================================================================================================
*/

#masthead { max-width: 1000px; overflow: hidden; background: #fff; height: 3em; margin: 0 auto; position: relative; z-index: 1; margin-bottom: 3em; padding: 1.5em 2%; }

a#logo { float: left; width: 18%; }
a#logo img { display: block; width: 100%; max-width: 100%; height: auto; }
.ie7 a#logo img { display: inline-block; }

/*
===================================================================================================
I N F O
===================================================================================================
*/

#info { text-align: left; width: 75%; max-width: 960px; overflow: hidden; background: #fff; margin: 0 auto; position: relative; z-index: 1; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.45); border-bottom: 1px solid #777; padding: 1.5em 2%; }

#info article { width: 49%; }
#info .close { position: absolute; top: 1em; right: 2%; width: 32px; height: 32px; }
#info .close img { display: block; width: 100%; max-width: 100%; height: auto; }

/*
===================================================================================================
M A P
===================================================================================================
*/

#map_canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; border-top: 6em solid #fff; border-bottom: 4em solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*
===================================================================================================
F O O T E R
===================================================================================================
*/

 /* NEW */
footer { font-size: 75%; background: #fff; width: 100%; position: absolute; bottom: 0; z-index: 1; }
footer .left { width:25%; float:left; }
footer .right { width:25%; float:right; }
footer .center { width:50%; float:right; overflow: hidden; margin: 0 auto; padding: 1.5em 0; }
footer p { overflow: hidden; margin: 0; }
footer .light { color: #999; }

footer .right a
{
	display:block;
	float:right;
	margin:8px 8px 0 0;
	padding:10px;
	border-radius: 5px;
	background-color:#dbdde4;
	font-size:1.1em;
	font-weight:bold;
	text-align:left;
	color:#3c4868;
	overflow:hidden;
}

footer .right a:hover
{
	text-decoration: none;
	background: #cecfd6;
}

footer .right a small
{
	font-weight:normal;
	padding:0;
	margin:0;
}

footer .right a b
{
	color:#55b41c;
}

/*
===================================================================================================
M E D I A   Q U E R I E S   >   Min-width:  480px 
===================================================================================================
*/

@media only screen and (min-width: 480px) {

}

/*
===================================================================================================
M E D I A   Q U E R I E S   >   Min-width:  768px 
===================================================================================================
*/

@media only screen and (min-width: 768px) {
html { font-size: 100%; }
}

/*
===================================================================================================
M E D I A   Q U E R I E S   >   Min-width:  992px 
===================================================================================================
*/

@media only screen and (min-width: 992px) {
	
}





/*
===================================================================================================
M E D I A   Q U E R I E S   >   Max-width:  1360px 
===================================================================================================
*/

@media only screen and (max-width: 1360px) {
	footer .right { width:36%; }
	footer .left { display:none; }
	footer .center { width:64%; }
}


/*
===================================================================================================
M E D I A   Q U E R I E S   >   Max-width:  500px 
===================================================================================================
*/

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

	#masthead {  padding: 1.5em 2%; height:2em; }
	#map_canvas { border-top: 2em solid #fff; }

	/*a#logo 
	{
		float:none;
		margin:0 auto;
		background:red;
	}

	a#logo img { margin:0 auto; width:30%; }

	form { float: none; width: 100%; margin: 0; } 
	*/

	form
	{

	}

	input[type="text"] { font-size:100%; width: 70%; height: 2em; padding: .25em .375em; }
	button { font-size: 100%; width: 30%; height: 2em; }

	/*input[type="text"] { background: #eee; font-size: 100%; float: left; width: 70%; height: 2em; border: 0 none; padding: .25em .375em; border-radius: 5px 0 0 5px; }
	button { background: #5ebd2f; font-family: inherit; font-weight: bold; font-size: 100%; color: #fff; float: left; width: 30%; height: 2em; border: 0 none; margin: 0; border-radius: 0 5px 5px 0; }
*/
	footer .right { display:none; }
	footer .center { width:auto; float:none; text-align:center; }
}



/*
===================================================================================================
M E D I A   Q U E R I E S   >   Print Styles
===================================================================================================
*/

@media print {

	* { background: transparent !important; color: black !important; text-shadow: none !important; box-shadow: none !important; filter: none !important; -ms-filter: none !important; }
	@page { margin: .5cm; }
	nav { display: none; }
	a, a:visited { color: black !important; text-decoration: underline; }
	pre, blockquote { page-break-inside: avoid; }
	tr, img { page-break-inside: avoid; }
	td { border-top: 1px solid black; }
	h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }
	p, h1, h2, h3, h4, h5, h6 { orphans: 3; widows: 3; }
	ul { list-style: disc inside; padding: 0 1em; }
	ol { list-style: decimal inside; padding: 0 1em; }

}