body {
	background-image: url("/witcher/gfx/the-witcher-3-wild-hunt-maps-background.png");
	background-color: #73879f;
	background-position:center top; 
	background-repeat: repeat;
}

a {
	color: #000000;
}

a:hover {
	color: #0066cf;
}

hr {margin: 15px 0;border: 0;height: 1px;background-image: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));}

h1, h2, h3 {margin: 10px 0 0 0;padding: 0;font-family: 'Open Sans Condensed', sans-serif;letter-spacing: 0.25px;text-shadow: 1px 1px rgba(128,128,128,0.1);}
h1 {font-size: 40px;line-height: 56px;}
h2 {font-size: 28px;line-height: 38px;}
h3 {font-size: 24px;line-height: 30px;}

.h-01 {font-size: 40px;line-height: 56px;}
.h-02 {font-size: 28px;line-height: 38px;}
.h-03 {font-size: 24px;line-height: 30px;}

p {font-family: 'Open Sans', sans-serif;font-size: 18px; margin: 5px 0;}

.breadcrumb {
	box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
	width: 100%;
	max-width: 1024px;
	margin: 8px auto 0 auto;
	background-color: rgba(255,255,255,0.7);
	padding: 8px 20px 7px 20px;
	border-bottom: 3px solid #111111;
	border-top: 1px solid #111111;
}

.breadcrumb div {
	display: inline-block;
}

.breadcrumb a {
	font-size: 14px;
	color: #000000;
}

.breadcrumb a:hover {
	color: #444444;
}

.breadcrumb .next {
	font-family: Verdana;
	font-size: 14px;
	color: #770000;
	margin: 0 3px 2px 3px;
	font-weight: 700;
}

/* section */

section {box-sizing: border-box;width: 100%;max-width: 1024px;margin: 8px auto 0 auto;background-color: rgba(255,255,255,0.7);padding: 20px;}

/* section - index */

section.index img {display: block;max-width: 100%;margin: 10px auto;}

/* stages */

.stage { border: 1px dotted #000000; margin: 20px; padding: 5px 10px 5px 10px; background-color: rgba(0,0,0,0.1) }
.stage h4{font-family: 'Open Sans', sans-serif; font-size: 20px; color: #000000; font-weight: bold;}
.stage .shadowbox-cnt {text-align:center;}

/* share */

.share {float:right;}
.share a {display:inline-block;background-color:#bfd6f0;border-radius:5px;}
.share img {display:block;float:left;width:32px;opacity:0.8;}
.share img:hover {opacity:1;}
.share span {display:block;float:left;min-width:24px;height:32px;line-height:32px;text-align:center;font-family:Verdana;font-size:15px;color:#444444;}

#disqus_thread {
	font-family: 'Open Sans', sans-serif;
	box-sizing: border-box;
	background-color: rgba(255,255,255,0.7);
	width: 100%;
	max-width: 1024px;
	padding: 10px 10px 0 10px;
	margin: 10px auto 10px auto;
}

.top img {
	display: block;
	margin: 10px auto 0 auto;
	max-width:100%;
}

.top nav {
	box-sizing: border-box;
	background-color: rgba(255,255,255,0.8);
	width: 100%;
	max-width: 1024px;
	padding: 8px;
	margin: 10px auto 10px auto;
	text-align: center;
}

.top nav li {
	display: inline-block;
	list-style: none;
	padding: 0 15px;
}

.top nav li a {
	font-family:'Open Sans Condensed',sans-serif;
	font-size: 24px;
	color: #202b38;
}

.top nav li a:hover {
	color: #0066cf;
}

article {
	box-sizing: border-box;
	width: 100%;
	max-width: 1024px;	
	margin: 10px auto 0 auto;
	background-color: rgba(255,255,255,0.7);
	padding: 20px;
}

article img {
	display: block;
	max-width: 100%;
	margin: 10px auto;
}

article h1 {
	box-sizing: border-box;
	font-family:'Open Sans Condensed',sans-serif;
	font-size: 48px;
	color: #444444;
	font-weight: bold;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #eaeaea;
}

article h2 {
	box-sizing: border-box;
	font-family:'Open Sans Condensed',sans-serif;
	font-size: 36px;
	color: #888888;
	font-weight: bold;
	padding: 0 0 10px 0;
}

article h2 strong {
	color: #000000;
}

article h3 {
	box-sizing: border-box;
	font-family:'Open Sans Condensed',sans-serif;
	font-size: 24px;
	color: #444444;
	font-weight: bold;
	margin: 10px 0 0 0;
}

article p {
	box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
	margin: 5px 0;
}

blockquote{
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	font-weight: bold;
	display:inline-block;
	background: rgba(255,255,255,0.5);
	padding: 15px 20px 15px 45px;
	margin: 20px 0 20px 0;
	position: relative;
	border-left: 15px solid rgba(155,136,94,0.3);
}

blockquote::before{
	content: "\201C";
	font-family: Georgia, serif;
	font-size: 60px;
	font-weight: bold;
	color: #999999;
	position: absolute;
	left: 10px;
	top: 5px;
}

.google-responsive {width: 100%;max-width: 970px;margin: 20px auto 0 auto;text-align: center;}

.screenshots {
	box-sizing: border-box;
	width: 100%;
	max-width: 1024px;
	background-color: rgba(255,255,255,0.7);
	margin: 10px auto 0 auto;
	padding: 5px;
}

.screenshots a {
	display: block;
	box-sizing: border-box;
	padding: 5px;
}

.screenshots a:hover {
	opacity: 0.9;
}

.screenshots img {
	display: block;
	width: 100%;
}

.buttons-maps {
	box-sizing: border-box;
	width: 100%;
	max-width: 1024px;
	background-color: rgba(255,255,255,0.7);
	padding: 10px;
	margin: 0 auto;
}

.button-map {
	text-align: center;
	box-sizing: border-box;
	display: block;
	width: 100%;
	border: 1px solid #4b6382;
	padding: 4px 8px 4px 8px;
	margin: 5px 0 5px 0;
	border-radius: 3px;
	color: #ffffff;
	background-color: #73879f;
}

.button-quest {
	text-align: center;
	box-sizing: border-box;
	display: block;
	width: 100%;
	border: 1px solid #4b6382;
	padding: 5px 15px 5px 15px;
	margin: 5px 0 5px 0;
	border-radius: 3px;
	color: #ffffff;
	background-color: #7a9f73;
}

.button-gear {
	text-align: center;
	box-sizing: border-box;
	display: block;
	width: 100%;
	border: 1px solid #4b6382;
	padding: 5px 15px 5px 15px;
	margin: 5px 0 5px 0;
	border-radius: 3px;
	color: #ffffff;
	background-color: #9f7374;
}

.button-map a, .button-quest a, .button-gear a {
	display: block;
	font-family: 'Open Sans Condensed',sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #ffffff;
}

.buttons-maps .active {
	background-color: #a95700;
	border-color: #653400;
}

.button-map:hover, .button-quest:hover, .button-gear:hover {
	background-color: #ffc600;
}

.button-map:hover > a, .button-quest:hover > a, .button-gear:hover > a {
	color: #000000;
}

/* MAPS */

.map-title {
	box-sizing: border-box;
	width: 100%;
	max-width: 1024px;
	background-color: rgba(255,255,255,0.7);
	padding: 10px;
	margin: 10px auto 0 auto;	
}

.map-title h1 {
	box-sizing: border-box;
	font-family:'Open Sans Condensed',sans-serif;
	font-size: 36px;
	color: #888888;
	font-weight: bold;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #eaeaea;
}

.map-title h1 strong {
	font-size: 48px;
	color: #000000;
}

.map-title h2, .map-desc h2 {
	box-sizing: border-box;
	font-family:'Open Sans Condensed',sans-serif;
	font-size: 26px;
	color: #444444;
	font-weight: bold;
	padding: 0 0 10px 0;
	margin-top: 20px;
}

.map-title h4, .map-desc h4 {
	font-size: 22px;
}

.map-title p {
	font-family: 'Open Sans', sans-serif;
	box-sizing: border-box;
	margin: 5px 0;
}

.jump {
	font-family: 'Open Sans', sans-serif;
	display: inline-block;
	padding: 5px 15px;
	margin: 5px;
	background-color: #eaeaea;
	border: 1px solid #597994;
}

.map-gfx {
	box-sizing: border-box;
	width: 100%;
	text-align: center;
}

.maparea {
	box-sizing: border-box;
	display: inline-block;
	max-width: 100%;
	background-color: rgba(255,255,255,0.7);
	padding: 10px 2px 10px 2px;
	margin: 0 auto 0 auto;
}

.mapareazoom-notice {background-color: #444444; color: #eaeaea; box-sizing: border-box; font-family: 'Open Sans Condensed', sans-serif; font-size: 14px; padding: 4px; text-align: center;}

h5 {
	display: inline;
	font-size: 18px;
	color: #796f57;
}

desc {
	font-size: 14px!important;
}

.map-desc {
	box-sizing: border-box;
	width: 100%;
	max-width: 1024px;
	background-color: rgba(255,255,255,0.7);
	padding: 10px;
	margin: 0 auto 0 auto;	
}

.map-title h3, .map-desc h3 {
	background-color: rgba(0,0,0,0.05);
	border-bottom: 1px solid #aaaaaa;
	padding: 7px 5px 5px 5px;
	margin: 20px 0 10px 0;
	font-family:'Open Sans',sans-serif;
	font-size: 17px;
	font-weight: 700;
}

.map-desc h3 img {
	display: inline;
	margin: 0 10px 0 0;
	vertical-align: middle;
}

.map-desc .poi-desc {
	margin: 15px 10px 10px 10px;
}

.map-title p, .map-desc p {
	font-family: 'Open Sans', sans-serif;
	line-height: 24px;
}

.map-desc p b {
	color: #000000;
}

.map-title .ttdesc, .map-desc .ttdesc {
	display: inline-block;
	padding: 5px 20px 5px 20px;
	background-color: rgba(128,128,128,0.1);
	margin-bottom: 5px;	
}

.map-title .ttdesc p, .map-desc .ttdesc p {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #444444;
	line-height: 20px;
}

target {
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	background-image: url('/witcher/gfx/target.png');
	margin: 0 5px 0 5px;
	opacity: 0.3;
}

target:hover {
	cursor: pointer;
	opacity: 1;
}



div.marked figure{
	background-color: #ff00ff;
	z-index: 100;
}

span {font-family: 'Open Sans', sans-serif;}

span.signpost { display: inline-block; background-color: #eaeaea; vertical-align: middle; box-sizing: border-box; margin: 3px; line-height: 30px; min-width: 270px; }
span.signpost span { display: inline-block; background-color: #43772c; color: #eaeaea; font-size: 13px; padding: 2px 10px 2px 10px; vertical-align: middle; box-sizing: border-box; }
span.signpost b { display: inline-block; margin: 0; vertical-align: middle; font-size: 15px; font-weight: 400; padding: 2px 8px 2px 8px; text-align: center; }

span.placeofpower { display: inline-block; background-color: #eaeaea; vertical-align: middle; box-sizing: border-box; margin: 3px; line-height: 30px; min-width: 270px; }
span.placeofpower span { display: inline-block; background-color: #444444; color: #eaeaea; font-size: 13px; padding: 2px 10px 2px 10px; vertical-align: middle; box-sizing: border-box; }
span.placeofpower b { display: inline-block; margin: 0; vertical-align: middle; font-size: 15px; font-weight: 400; padding: 2px 8px 2px 8px; text-align: center; }

span.noticeboard { display: inline-block; background-color: #ffc600; vertical-align: middle; box-sizing: border-box; margin: 3px; line-height: 30px; min-width: 270px; }
span.noticeboard span { display: inline-block; background-color: #8c700c; color: #eaeaea; font-size: 13px; padding: 2px 10px 2px 10px; vertical-align: middle; box-sizing: border-box; }
span.noticeboard b { display: inline-block; margin: 0; vertical-align: middle; font-size: 15px; font-weight: 400; padding: 2px 8px 2px 8px; text-align: center; }
.noticeboard-desc { display: inline-block; padding: 5px 10px 5px 10px; background-color: rgba(255,255,255,0.2); box-sizing: border-box; margin: 3px; min-width: 270px; }
.noticeboard-desc p { font-size: 14px; }

span.craftsman { display: inline-block; background-color: #eaeaea; vertical-align: middle; box-sizing: border-box; margin: 3px; line-height: 30px; min-width: 270px; }
span.craftsman span:nth-of-type(1) { display: inline-block; background-color: #444444; color: #eaeaea; font-size: 13px; padding: 2px 10px 2px 10px; vertical-align: middle; box-sizing: border-box; }
span.craftsman span:nth-of-type(2) { display: inline-block; margin: 0; vertical-align: middle; font-size: 15px; font-weight: 400; padding: 2px 8px 2px 8px; text-align: center; }
span.craftsman span:nth-of-type(3) { display: inline-block; background-color: #ffffff; color: #222222; font-size: 13px; padding: 2px 10px 2px 10px; vertical-align: middle; box-sizing: border-box; }

span.scavenger { display: inline-block; background-color: #74b1c3; vertical-align: middle; box-sizing: border-box; margin: 3px; line-height: 30px; min-width: 270px; }
span.scavenger span { display: inline-block; background-color: #0c5d8c; color: #eaeaea; font-size: 13px; padding: 2px 10px 2px 10px; vertical-align: middle; box-sizing: border-box; }
span.scavenger b { display: inline-block; margin: 0; vertical-align: middle; font-size: 15px; font-weight: 400; padding: 2px 8px 2px 8px; text-align: center; }
.scavenger-desc { display: inline-block; padding: 5px 10px 5px 10px; background-color: rgba(255,255,255,0.2); box-sizing: border-box; margin: 3px; min-width: 270px; }
.scavenger-desc p { font-size: 14px; }

span.treasure { display: inline-block; background-color: #eaeaea; vertical-align: middle; box-sizing: border-box; margin: 3px; line-height: 30px; }
span.treasure span:nth-of-type(1) { display: inline-block; background-color: #43772c; color: #eaeaea; font-size: 13px; padding: 2px 10px 2px 10px; vertical-align: middle; box-sizing: border-box; }
span.treasure span:nth-of-type(2) { display: inline-block; margin: 0; vertical-align: middle; font-size: 15px; font-weight: 400; padding: 2px 8px 2px 8px; text-align: center; }
span.treasure span:nth-of-type(3) { display: inline-block; background-color: #ffffff; color: #222222; font-size: 13px; padding: 2px 10px 2px 10px; vertical-align: middle; box-sizing: border-box; }

span.quest { display: inline-block; background-color: #ffc600; vertical-align: middle; box-sizing: border-box; margin: 3px; line-height: 30px; min-width: 270px; }
span.quest span { display: inline-block; background-color: #8c700c; color: #eaeaea; font-size: 13px; padding: 2px 10px 2px 10px; vertical-align: middle; box-sizing: border-box; }
span.quest b { display: inline-block; margin: 0; vertical-align: middle; font-size: 15px; font-weight: 400; padding: 2px 8px 2px 8px; text-align: center; }
.quest-desc { display: inline-block; padding: 5px 10px 5px 10px; background-color: rgba(255,255,255,0.2); box-sizing: border-box; margin: 3px; min-width: 270px; }
.quest-desc p { font-size: 14px; }

span.quest-2 { display: inline-block; background-color: #ffc600; vertical-align: middle; box-sizing: border-box; margin: 3px; line-height: 30px; }
span.quest-2 span:nth-of-type(1) { display: inline-block; background-color: #8c700c; color: #eaeaea; font-size: 13px; padding: 2px 10px 2px 10px; vertical-align: middle; box-sizing: border-box; }
span.quest-2 span:nth-of-type(2) { display: inline-block; margin: 0; vertical-align: middle; font-size: 15px; font-weight: 400; padding: 2px 8px 2px 8px; text-align: center; }
span.quest-2 span:nth-of-type(3) { display: inline-block; background-color: #ffffff; color: #222222; font-size: 13px; padding: 2px 10px 2px 10px; vertical-align: middle; box-sizing: border-box; }

span.enemy { display: inline-block; background-color: #da5353; vertical-align: middle; box-sizing: border-box; margin: 3px; line-height: 30px; }
span.enemy span:nth-of-type(1) { display: inline-block; background-color: #bd0000; color: #eaeaea; font-size: 13px; padding: 2px 10px 2px 10px; vertical-align: middle; box-sizing: border-box; }
span.enemy span:nth-of-type(2) { display: inline-block; margin: 0; vertical-align: middle; font-size: 15px; font-weight: 400; padding: 2px 8px 2px 8px; text-align: center; }
span.enemy span:nth-of-type(3) { display: inline-block; background-color: #ffffff; color: #222222; font-size: 13px; padding: 2px 10px 2px 10px; vertical-align: middle; box-sizing: border-box; }


.maplegend {
	box-sizing: border-box;
	width: 100%;
	margin: 10px 0;
	padding: 5px 0 5px 0;
	border-top: 1px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.maplegend h3 {
	box-sizing: border-box;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 24px;
	color: #444444;
	font-weight: 700;
	padding: 5px 10px 5px 10px;
	background-color: rgba(255,255,255,0.3);
	margin: 0;
}

.maplegend h3 small {
	color: #888888;
}

.maplegend .element {
	box-sizing: border-box;
	float: left;
	background-color: rgba(255,255,255,0.7);
	border: 1px dotted rgba(0,0,0,0.2);
	border-radius: 3px;
	padding: 5px 10px;
	margin: 5px 5px 0 0;
}

.maplegend .element input {
	box-sizing: border-box;
	vertical-align: middle;
}

.maplegend .element img {
	box-sizing: border-box;
	vertical-align: middle;
	margin: 0 10px 0 5px;
	
}

.maplegend .element span {
	box-sizing: border-box;
	vertical-align: middle;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;	
}

.maplegend .special {
	background-color: rgba(0,0,0,0.1);
	cursor: pointer;
}

.maplegend .special:hover {
	background-color: #ffc600;
}

.legend .element {display:block;border:2px solid rgba(0,0,0,0.6);float:left;margin:3px;border-radius:3px;box-sizing:border-box;text-align:center;box-shadow: 2px 2px 1px #bbb;cursor:pointer;}
.legend input[type=checkbox]:checked + label {background-color:rgba(205,229,110,0.7);}
.legend .element img {display:inline-block;margin:0 auto;vertical-align:middle;}
.legend .element span {display:inline-block;display:none;vertical-align:middle;font-family:'Open Sans Condensed', sans-serif;font-size:15px;margin-left:5px;color:#000;}
.legend input[type=checkbox] + label:hover {background-color:rgba(255,255,255,1)!important;}
.legend input[type=checkbox]:checked + label:hover {background-color:rgba(205,229,110,1)!important;}
.legend .special {background-color:rgba(191,214,240,0.7);}
.legend .special:hover {background-color:rgba(191,214,240,1);}

/* POIS */

.poi-tooltip {background-color: rgba(255,255,255,0.4);padding: 10px;font-size: 15px;}
.poi-tooltip::before{content: "Map tooltip";font-family: 'Open Sans Condensed', sans-serif;font-size: 20px;font-weight: bold;color: #999999;left: 10px;top: 5px;}

.pois, .info {margin-top: 20px;}
.pois h2, .info h2 {box-sizing: border-box;font-family: 'Open Sans Condensed', sans-serif;font-size: 24px;color: #444444;font-weight: 700;}
.poi {box-sizing: border-box;display: block;float: left;background-color: rgba(0,0,0,0.1); padding: 5px; margin: 5px;}
.pois h3 .icon {box-sizing: border-box;display: inline-block;vertical-align: middle;margin: 0 10px 0 0;}
.poi .icon {box-sizing: border-box;display: block;float: left;vertical-align: middle;margin: 0 10px 0 0;}
.poi .icon-cnt {display: inline-block;float:left; height:32px;vertical-align:middle;}
.element .icon-cnt {display: inline-block;height:32px;vertical-align:middle;}
.pois h3 {background-color: rgba(0,0,0,0.05);border-bottom: 1px solid #aaaaaa;padding: 7px 5px 5px 5px;	margin: 20px 0 10px 0;font-family:'Open Sans',sans-serif;font-size: 17px;	font-weight: 700;}
.poi h6 {box-sizing: border-box;display: block;float: left; vertical-align: middle; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 32px;}
.poi p { box-sizing: border-box;display: inline;line-height: 32px;vertical-align: middle;font-size: 13px;padding-right: 5px;padding-left: 5px; border-right: 1px solid #bbbbbb; margin: 0;}
.poi p:nth-of-type(1) {padding-left: 0;}
.poi p:nth-last-of-type(1) {border-right: none;}
.poi target, .pois .poi div[data-type=focus] {box-sizing: border-box;display: block;float: left;vertical-align: middle;width: 18px;height: 32px;background-image: url('/fallout4/gfx/target.png'); background-repeat: no-repeat; background-position: center; margin: 0 5px 0 5px; opacity: 0.3;}
.poi target:hover, .pois .poi div[data-type=focus]:hover {opacity: 1.0;}
.poi a.more {box-sizing: border-box;display: block;float: left;vertical-align: middle;width: 24px;height: 32px;background-image: url('/fallout4/gfx/more.png'); background-repeat: no-repeat; background-position: center; margin: 0 5px 0 5px; opacity: 0.3;}
.poi a.more:hover {opacity: 1.0;}

.poi-lt {display: inline-block; box-sizing: border-box; margin: 5px; background-color: rgba(255,255,255,0.5); border: 1px solid rgba(0,0,0,0.1); border-radius: 3px;}
.poi-lt h6 {box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-size: 16px;}
.poi-lt a {display: block; box-sizing: border-box; padding: 5px 15px;}
.poi-lt a:hover {background-color: #ffc600;}

/* bricks */

.col-01 {color: #000000}
.col-02 {color: #ffffff}
.col-03 {color: #858585}
.col-04 {color: #ffc600}

.plaq-01 {color: #ffffff;background-color: #000000;padding: 0 8px;}
.plaq-02 {color: #000000;background-color: #ffffff;padding: 0 8px;}

.bg-01 {background-color: #000000;}
.bg-02 {background-color: #ffffff;}
.bg-03 {background-color: rgba(0,0,0,0.5);}
.bg-04 {background-color: rgba(255,255,255,0.5);}

.padh-01 {padding-left: 5px;padding-right: 5px;}
.padh-02 {padding-left: 10px;padding-right: 10px;}

.padv-01 {padding-top: 5px;padding-bottom: 5px}
.padv-02 {padding-top: 10px;padding-bottom: 10px}

.marh-01 {margin-left: 5px; margin-right: 5px;}
.marh-02 {margin-left: 10px; margin-right: 10px;}
.marh-11 {margin-left: 0; margin-right: 5px;}
.marh-21 {margin-left: 0; margin-right: 10px;}
.marh-12 {margin-left: 5px; margin-right: 0;}
.marh-22 {margin-left: 10px; margin-right: 0;}

.marv-01 {margin-top: 5px; margin-bottom: 5px;}
.marv-02 {margin-top: 10px;}

.lh-01 {line-height: 56px;}
.lh-02 {line-height: 38px;}
.lh-03 {line-height: 30px;}

/* buttons */

.btn-01 {display: inline-block; box-sizing: border-box; min-width: 120px; border: 1px solid #aeaeae; font-family: 'Open Sans', sans-serif; font-size: 16px; color: #000000; text-align: center; background: linear-gradient(to bottom, #ffffff 0%,#ededed 74%,#ededed 99%,#ffffff 100%);padding: 5px 15px; margin: 5px;}
.btn-01:hover {color: #000000; background: #ffc600;}

/* images */

.img-01 {box-sizing: border-box; display: inline-block; max-width: 100%; padding: 4px; background-color: #000000; vertical-align: middle;}
.img-02 {display: block; margin: 20px auto; text-align: center;}
.img-02 img {box-sizing: border-box; display: inline-block; max-width: 100%; margin: 0 auto; border: 1px dashed #000000;}
.img-02 img:hover {opacity: 0.9;}

/* floats */

.fl-left {float: left;}
.fl-right {float: right;}

/* tables */

table.tt01 { box-sizing: border-box; width: 100%; margin-top: 20px; border-bottom: 1px dotted #888888; }
table.tt01 tr { box-sizing: border-box; }
table.tt01 tr:nth-child(1) { background-color: rgba(0,0,0,0.7); color: #eaeaea;}
table.tt01 tr:nth-child(even) { background-color: rgba(0,0,0,0.1); }
table.tt01 td { box-sizing: border-box; padding: 4px 8px; font-family: 'Open Sans', sans-serif; font-size: 16px; }
table.tt01 th { box-sizing: border-box; padding: 4px 8px; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: bold;}
table.tt01 td:nth-child(2),table.tt01 td:nth-child(3) { font-family: 'Open Sans Condensed', sans-serif; text-align: center; }
table.tt01 td h4 { font-family: 'Open Sans', sans-serif; font-size: 19px; color: #000000;}
table.tt01 td small { font-family: 'Open Sans Condensed', sans-serif; font-size: 16px; color: #000000;}
table.tt01 td:nth-child(4) {max-width:500px;}

/* ================================================================================ */

/* LARGE */

@media screen and (min-width : 1025px) {
	.google-300x250 {
		float: right;
		margin-left: 10px;
		min-width:300px;
		min-height:250px;
	}
	.screenshots a {
		float: left;
		width: 50%;	
	}
	.button-map-cnt {
		box-sizing: border-box;
		display: inline-block;
		min-width: 25%;
		padding: 0 5px 0 5px;
	}	
	.maparea {
		min-width: 1024px;
	}	
	.vissmall {display: none;}
}

/* MEDIUM */

@media screen and (min-width : 641px) and (max-width : 1024px) {
	.google-300x250 {
		float: right;
		margin-left: 10px;
		min-width:300px;
		min-height:250px;
	}
	.screenshots a {
		float: left;
		width: 50%;	
	}	
	.button-map-cnt {
		box-sizing: border-box;
		display: inline-block;
		min-width: 33.3%;
		padding: 0 5px 0 5px;
	}
	.maparea {
		min-width: 100%;
	}
	.vissmall {display: none;}
}

/* SMALL */

@media screen and (max-width : 640px) {
	.google-300x250 {
		margin: 20px auto;
		text-align: center;
		min-width:300px;
		min-height:250px;		
	}
	.screenshots a {
		width: 100%;	
	}
	.button-map-cnt {
		box-sizing: border-box;
		display: inline-block;
		min-width: 50%;
		padding: 0 5px 0 5px;
	}
}