body {font-family: 'Open Sans', sans-serif;font-weight:300;font-size: 14px;}

.head {float:left;width:100%; display:block; border-bottom: 1px solid #ccc; }
.logo {float:left;width: 10%; }
.nav  {float:left;width: 90%; padding-top:30px;}
.menu {list-style-type: none; margin: 0;padding-left: 60px;}
.menu li {display:inline;padding-right:25px;}
.menu li a {color:#000;text-decoration:none;}
.menu li a:hover {color:#000;text-decoration:underline;}
.menu li a.active {color:#000;text-decoration:underline;}
.footer {float:left; width:80%; text-align:right; font-weight:600;font-size: 16px; color:#8a8989;margin-bottom:25px;}

	a, a:active, a:visited, a:hover, a:focus, a:hover {outline:none;}

.map .countries>.dolnoslaskie {background-image: url('../images/dolnoslaskie.png')}
.map .countries>.kujawsko-pomorskie {background-image: url('../images/kujawsko-pomorskie.png')}
.map .countries>.lubelskie {background-image: url('../images/lubelskie.png')}
.map .countries>.lubuskie {background-image: url('../images/lubuskie.png')}
.map .countries>.lodzkie {background-image: url('../images/lodzkie.png')}
.map .countries>.malopolskie {background-image: url('../images/malopolskie.png')}
.map .countries>.mazowieckie {background-image: url('../images/mazowieckie.png')}
.map .countries>.opolskie {background-image: url('../images/opolskie.png')}
.map .countries>.podkarpackie {background-image: url('../images/podkarpackie.png')}
.map .countries>.podlaskie {background-image: url('../images/podlaskie.png')}
.map .countries>.pomorskie {background-image: url('../images/pomorskie.png')}
.map .countries>.slaskie {background-image: url('../images/slaskie.png')}
.map .countries>.swietokrzyskie {background-image: url('../images/swietokrzyskie.png')}
.map .countries>.warminsko-mazurskie {background-image: url('../images/warminsko-mazurskie.png');}
.map .countries>.wielkopolskie {background-image: url('../images/wielkopolskie.png')}
.map .countries>.zachodnio-pomorskie {background-image: url('../images/zachodnio-pomorskie.png')}
.map .countries>li.hover {background-position: -800px 0}
/*
 * Łódzkie
 */
.map .countries>.piskorek-lodzkie {background-image: url('../images/piskorek-lodzkie.png')}
.map .countries>.tylman-lodzkie {background-image: url('../images/tylman-lodzkie.png')}

/*
 * Wielkopolskie
 */

.map .countries>.odwrot-wielkopolskie {background-image: url('../images/odwrot-wielkopolskie.png')}
.map .countries>.tylman-wielkopolskie {background-image: url('../images/tylman-wielkopolskie.png')}
/*
 * Projektowanie
 */
.map .countries>.kucinski-projektowanie {background-image: url('../images/m-projektowanie-z-hover.png')}
.map .countries>.siara-projektowanie {background-image: url('../images/m-projektowanie-w-hover.png')}
.map .countries>.pilch-projektowanie {background-image: url('../images/m-projektowanie-p-hover.png')}

/*
 * Map container
 */
 .content {float:left;width:100%;}
.map-container, .map-container * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.map-container {display:block;overflow: hidden; max-width: 800px; margin: 10px auto}
.map-container>div {overflow: hidden; max-width: 800px; border: 0px solid #ccc}
.map-container .mobile {display: none; margin-top: 0}


.map {position: relative; overflow: hidden; width: 800px; height: 758px; margin: 0; background: #fff }

.map img {position: relative; z-index: 4; margin: 0; padding: 0; width: 100%}
.map .background {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;}

.map .countries,
.map .countries>li {position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2; margin: 0; padding: 0}
.map .countries>li {background: transparent none no-repeat 0 0; text-indent: -9999em}
.map .countries>li.hover {z-index: 3; background-position: -800px 0}





/*
 * dane kontaktowe
 */
	.dane {position: absolute;}
	.dane-warminsko-mazurskie { bottom: 180px; right:40px; z-index: 100;width: 270px;}
			.dane-zachodnio-pomorskie { top: 40px; left:40px; z-index: 100;width: 270px;}
			.dane-wielkopolskie { top: 100px; right:50px; z-index: 100;width: 270px;}
			.dane-lubuskie { top: 100px; left: 60px; z-index: 100;width: 270px;}
		    .dane-malopolskie { top: 350px; left: 0px; z-index: 100;width: 240px;}
			.dane-opolskie { top: 50px; left: 60px; z-index: 100;width: 270px;}
			.dane-dolnoslaskie { top: 420px; left: 60px; z-index: 100;width: 270px;}
			.dane-malopolskie { top: 350px; left: 0px; z-index: 100;width: 240px;}
			.dane-slaskie { top: 80px; right: 40px; z-index: 100;width: 240px;}
			.dane-podkarpackie { top: 350px; left: 0px; z-index: 100;width: 280px;}
			.dane-swietokrzyskie { top: 150px; left: 0px; z-index: 100;width: 280px;}
			.dane-podlaskie { top: 50px; left: 50px; z-index: 100;width: 280px;}
			.dane-lubelskie { top: 30px; left: 0px; z-index: 100;width: 280px;}
			.dane-pomorskie { top: 480px; left: 320px; z-index: 100;width: 230px;}
			.dane-kujawsko-pomorskie { top: 300px; left: 0; z-index: 100;width: 240px;}
			.dane-mazowieckie { top: 500px; left: 0; z-index: 100;width: 250px;}
			.dane-lodzkie {top: 0; left: 0; z-index: 100;width: 270px;}
			
			.dane-projektowanie-z { bottom:0; left:0; z-index: 100;width: 270px;}
			
 .wsp {border-top:3px solid #b59023;}
 .kontakt  {list-style-type: none; margin: 0;padding: 0;margin-bottom:15px;display:block;background:#fff; }
 .kontakt li {padding:3px 6px;border-bottom:1px solid #b6b6b6}
 .kontakt li.title {background:#ededed; }
 .kontakt li a {color:#004288; text-decoration:none;}
  .kontakt li a:hover {color:#004288; text-decoration:underline;}

 .back {position: absolute; top: 0px; right: 0px;  z-index: 101;width: 33px;}