/* WEB FONTS */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
html, button, input, select, textarea { font-family:'Open Sans', sans-serif; font-size:100%; }
html { height:100% }
body { height:100%; margin:0; padding:0; background-color:#E6E6E6; }
.ieso-container { position:absolute; top:0; margin:0; padding:0; border:0; display:block; width:100%; height:100%; z-index:99; }
.ieso-col-20, ieso-col-80 { position:relative; margin:0; padding:0; height:100%; float:left; }
.ieso-col-20 { position:relative; width:20%; height:100%; float:left; }
.ieso-col-80 { position:relative; width:80%; height:100%; float:right; }
#map-canvas { position:relative ;border-left:1px solid #999999; margin-left:-1px; width:100%; height:100%; display:block; }
.ieso-left-content { position:relative; margin-top:65px; }
/* INTRO */
#intro { position:absolute; margin:0; padding:0; border:0; top:60px; width:320px; left:20%; }
#intro .intro-content { margin:0; color:#ffffff; background-color:#174674; cursor:pointer; opacity:0.8; filter:alpha(opacity=80); }
#intro .intro-content p { font-size:0.9em; }
#intro .intro-content .close { position:absolute; top:10px; right:15px; font-size:1.4em; }
/* LAYER TITLE */
#layer-title { position:absolute; margin:10px 20px 0px 0px; padding:0; border:0; top:60px; width:70%; right:0; }
#layer-title #lang { text-align:right; }
#layer-title #lang a { text-decoration:underline; color:#000000; }
#layer-title #title { color:#666666; font-size:2em; font-weight:bold; opacity:0.7; filter:alpha(opacity=70); text-align:right; }
/* links */
a,
a:link,
a:active,
a:visited,
a:hover { margin:0; padding:0; border:0; display:inline; text-decoration:none; font-size:0.8em; cursor:pointer; color:inherit; }
a.ieso-link,
a.ieso-link:link,
a.ieso-link:active,
a.ieso-link:visited,
a.ieso-link:hover { margin:0; padding:0; border:0; display:inline; text-decoration:none; font-size:0.8em; cursor:pointer; color:inherit; }
/* hr */
hr { margin:10px 0px 10px 0px; padding:0; border-width:1px; height:1px !important; border:0; border-top:1px solid #ffffff; }
hr.ieso-legend-line { margin:0; border-width:3px; height:3px !important; width:60px; color:#000000; border-color:#000000; vertical-align:top; text-align:left; }
/* text */
h1, h2, h3, h4, h5 { margin:0; padding:0; border:0; font-family:'Open Sans', sans-serif; font-size:100%; font-weight:normal; }
h1 { font-size:1.3em; line-height:normal; font-weight:500; margin:0.4em 0 0.5em 0; color:#42210B; }
h2 { font-size:1.2em; line-height:normal; color:#ffffff; }
h4 { font-size:0.8em; margin:0 0 0.2em 0; padding:0; line-height:1.2em; color:#808080; text-align:center; text-transform:uppercase; }
p { font-size:0.9em; line-height:1.4em; }
/* margins */
.ieso-mrgn-5 { margin:5px !important; }
.ieso-mrgn-10 { margin:10px !important; }
.ieso-mrgn-20 { margin:20px !important; }
.ieso-mrgn-40 { margin:40px !important; }
.ieso-mrgn-none { margin:0 !important; }
.ieso-nomrgn-top { margin-top:0 !important; }
.ieso-nomrgn-right { margin-right:0 !important; }
.ieso-nomrgn-bottom { margin-bottom:0 !important; }
.ieso-nomrgn-left { margin-left:0 !important; }
/* padding */
.ieso-pad-10 { padding:10px; }
.ieso-pad-20 { padding:20px; }
.ieso-pad-40 { padding:40px; }
.ieso-nopad-top { padding-top:0; }
.ieso-nopad-right { padding-right:0; }
.ieso-nopad-bottom { padding-bottom:0; }
.ieso-nopad-left { padding-left:0; }
.ieso-nopad { padding:0; }
/* header */
#ieso-header { position:absolute; top:0px; margin:0; padding:0; border:0; display:block; width:100%; height:60px; background-color:#ffffff; -moz-box-shadow:0px 2px 4px #b4b4b4; -webkit-box-shadow:0px 2px 4px #b4b4b4; box-shadow:0px 2px 4px #b4b4b4; z-index:100; }
#ieso-header .ieso-header-container { position:relative !important; margin:0; padding:0; border:0; clear:both; background-color:#ffffff; }
html #ieso-header .ieso-header-container { zoom:1; } /* ie 6 */
*:first-child+html #ieso-header .ieso-header-container { zoom:1; } /* ie 7 */
#ieso-header .ieso-header-container:after { font-size:0; display:block; content:" "; clear:both; height:0; line-height:0; visibility:hidden; }
#ieso-header .ieso-header-container .ieso-title { margin:0; padding:0; border:0; width:60%; float:left; }
#ieso-header .ieso-header-container .ieso-logo { margin:0; padding:0; border:0; width:40%; float:left; }
#ieso-header .ieso-header-container .ieso-logo img { max-width:175px; }
#ieso-header .ieso-header-content { padding:6px 20px 4px 20px; }
/* content */
.ieso-content { position:relative; margin:0; padding:0; border:0; }
html .ieso-content { zoom:1; } /* ie 6 */
*:first-child+html .ieso-content { zoom:1; } /* ie 7 */
.ieso-content:after { font-size:0; display:block; content:" "; clear:both; height:0; line-height:0; visibility:hidden; }
/* left nav */
ul.ieso-left-controls { position:relative; margin:0; padding:0; border:0; display:block; list-style:none; width:100%; float:left; }
ul.ieso-left-controls li { position:relative; margin:0px 0px 4px 0px; padding:0; border:0; display:block; list-style:none; width:100%; float:left; }
/* top nav links */
ul.ieso-left-controls li a,
ul.ieso-left-controls li a:link,
ul.ieso-left-controls li a:active,
ul.ieso-left-controls li a:visited,
ul.ieso-left-controls li a:hover { margin:0px 20px 0px 20px; padding:11px 10px 10px 20px; border:0; display:block; text-decoration:none; font-size:0.8em; font-weight:500; color:#fbfbfb; background-color:#3398cc; cursor:pointer; }
ul.ieso-left-controls li a:hover { background-color:#174674; }
ul.ieso-left-controls li a.ieso-link,
ul.ieso-left-controls li a.ieso-link:link,
ul.ieso-left-controls li a.ieso-link:active,
ul.ieso-left-controls li a.ieso-link:visited,
ul.ieso-left-controls li a.ieso-link:hover { margin:0; padding:0; border:0; display:inline; font-size:1em; text-decoration:none; cursor:pointer; color:inherit; }
ul.ieso-left-controls li ul.ieso-left-controls-sub { margin:-5px 0px 0px 0px; padding:0; display:none; width:100%; }
ul.ieso-left-controls li ul.ieso-left-controls-sub li { margin:0; padding:0; width:100%; }
ul.ieso-left-controls li span.sub { margin:0px 20px 0px 20px; padding:5px 20px 15px 20px; font-size:0.7em; background-color:#ffffff; display:block; vertical-align:top; }
ul.ieso-left-controls li span.desc { margin:0px 20px 0px 20px; padding:10px 20px 10px 20px; font-size:0.7em; display:block; vertical-align:top; }
ul.ieso-left-controls li .sub img.icon { padding-left:10px; width:25px; vertical-align:middle; }
ul.ieso-left-controls li.active a, ul.ieso-left-controls li.active a:hover { background-color:#ffffff; color:#4c4c4c; }
ul.ieso-left-controls li.active ul.ieso-left-controls-sub { display:block; }
/* LEGEND ( table ) */
.ieso-legend-container { margin:0px 20px 0px 20px; padding:0px 20px 10px 20px; background-color:#ffffff; display:none; }
ul.ieso-left-controls li.active .ieso-legend-container { display:block; }
table.ieso-legend, table.ieso-legend tr, table.ieso-legend td { margin:0; padding:0; border:0; }
table.ieso-legend { width:100%; }
table.ieso-legend td { vertical-align:top; padding-bottom:3px; font-size:0.7em; }
table.ieso-legend td.icon img { padding-right:2px; width:20px; }
table.ieso-legend td.bar img { width:60px; height:3px; vertical-align:middle; margin-bottom:2px; }
/* MAP ( options ) */
.ieso-map-item { margin:0; padding:0; border:0; display:none; }
/* MAP ( region labels ) */
.ieso-map-item .ieso-region-label { font-family:'Open Sans', sans-serif; color:#000000; line-height:normal; }
.ieso-map-item .ieso-region-town { font-family:'Open Sans', sans-serif; text-transform:uppercase; color:#000000; }
.ieso-map-item .ieso-region-town:before { content:"•"; font-size:250%; padding-right:2px; color:#F68520; }
/* tools */
.ieso-float-left { float:left; }
.ieso-float-right { float:right; }
/* media sizes */
@media (min-width: 980px) {
	hr { margin:10px 20px 10px 20px; }
}
@media (max-width: 980px) { }
@media (max-width: 1024px) {
	/* legend */
	.ieso-legend-container { padding:0px 10px 10px 20px; }
	table.ieso-legend td { min-width:75%; display:inline-block; }
	table.ieso-legend td.icon { min-width:15%; display:inline-block; }
}
@media (max-width: 480px) {
	.ieso-col-20 { width:30%; }
	.ieso-col-80 { width:70%; }
	#intro { top:40px; left:30%; width:70%; }
	#layer-title { top:40px; margin:10px 10px 0px 0px; }
	#layer-title #title { font-size:1.2em; }
	/* legend */
	.ieso-legend-container { margin:0px 5px 0px 5px; padding:0px 5px 0px 5px; }
	table.ieso-legend td { min-width:75%; display:inline-block; }
	table.ieso-legend td.icon { min-width:15%; display:inline-block; }
}
@media (max-width: 768px) {
	#ieso-header .ieso-header-container .ieso-logo img { height:30px; }
	#ieso-header { height:40px; }
	#ieso-header .ieso-header-content { padding:5px 10px 0px 10px; }
	.ieso-left-content { position:relative; margin-top:40px; }
	#intro { top:40px; }
	#layer-title { top:40px; }
	h1 { font-size:0.8em; margin:0.2em 0 0.2em 0; }
	h4 { font-size:0.6em; }
	hr { margin:5px; }
	/* controls */
	ul.ieso-left-controls li a,
	ul.ieso-left-controls li a:link,
	ul.ieso-left-controls li a:active,
	ul.ieso-left-controls li a:visited,
	ul.ieso-left-controls li a:hover { margin:0px 5px 0px 5px; padding:5px; font-size:0.7em; }
	ul.ieso-left-controls li ul.ieso-left-controls-sub li { font-size:0.9em; }
	ul.ieso-left-controls li span.sub,
	ul.ieso-left-controls li span.desc { margin:0px 5px 0px 5px; padding:0px 5px 5px 5px; }
	/* legend */
	.ieso-legend-container { margin:0px 5px 0px 5px; padding:0px 5px 0px 5px; }
	table.ieso-legend td { min-width:75%; display:inline-block; }
	table.ieso-legend td.icon { min-width:15%; display:inline-block; }
}
@media (min-width: 768px) and (max-width: 979px) {
	/* controls */
	hr { margin:10px 5px 10px 5px; }
	ul.ieso-left-controls li a,
	ul.ieso-left-controls li a:link,
	ul.ieso-left-controls li a:active,
	ul.ieso-left-controls li a:visited,
	ul.ieso-left-controls li a:hover { margin:0px 5px 0px 5px; padding:5px; font-size:0.7em; }
	ul.ieso-left-controls li ul.ieso-left-controls-sub li { font-size:0.9em; }
	ul.ieso-left-controls li span.sub,
	ul.ieso-left-controls li span.desc { margin:0px 5px 0px 5px; padding:0px 5px 5px 5px; }
	/* legend */
	.ieso-legend-container { margin:0px 5px 0px 5px; padding:0px 5px 0px 5px; }
	table.ieso-legend td { min-width:75%; display:inline-block; }
	table.ieso-legend td.icon { min-width:15%; display:inline-block; }
}