@charset "utf-8";
/* CSS Document */

/***	 Resets	 ***/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, q, blockquote, pre, code, var
a, big, del, em, font, small, strong,
b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body{
	font:12px Arial, Ubuntu, "Lucida Console", Helvetica, sans-serif;
	line-height:1.4;
	color:#000;
	background:#adb3b3 url(i/bg_body.jpg) no-repeat center top;
}
a{color:#f8ac19;}
a:hover{text-decoration:underline;}
a img, a:link img, a:visited img, a:active img, a:hover img, fieldset, abbr, acronym{border:0;}
:focus{outline:0;}
table{border-spacing:0; border-collapse:collapse;}
th, caption{text-align:center;}
pre, code{font-family:'Courier New', Courier, monospace;}
label:hover{cursor:pointer;}
ol, ul{list-style:none;}
form{margin:0; padding:0; display:inline;}
input, select, textarea{
	font-family:Tahoma, Arial, Ubuntu, "Lucida Console", Helvetica, sans-serif; 
	font-size:100%; 
	line-height:1.25;
}
p{padding:0 0 8px 0;}

.clr{height:1%;}
.clr:after{clear:both; display:block; content:'';}
.bx{margin-bottom:10px;}
.ct{text-align:center !important;}
.lt{text-align:left !important;}
.rt{text-align:right !important;}
.fl{float:left;}
.fr{float:right;}

.rownaj{text-align:justify;}

.error{
	color:#ff0000;
	font-size:20px;
	padding:3px 15px;
	border:1px solid #ff0000;
	margin:0;
}
.errorPage{
	background:url(i/error.jpg) no-repeat 10px top;
	height:260px;
	padding:150px 0 0 420px;
	text-align:center;
	font-size:20px;
}

#navi{
	width:974px;
	height:126px;
	margin:0 auto -16px auto;
	background:url(i/bg_nav.png) no-repeat right bottom;
	position:relative;
	color:#fff;
	z-index:2;
}
#navi h1{
	position:absolute;
	left:70px;
	top:34px;
	font:bold 70px Arial, Helvetica, sans-serif;
	text-shadow:#999 2px 2px 2px;
	color:#f6b404;
	background:url(i/logo_mg.png) no-repeat left top;
	width:157px;
	height:70px;
	overflow:hidden;
	text-indent:-1920px
}
#navi h2{
	position:absolute;
	/*left:320px;*/
	right:30px;
	top:70px;
	font:bold 26px Arial, Helvetica, sans-serif;
	text-shadow:#999 2px 2px 2px;
	text-transform:uppercase;
}
#navi p{
	position:absolute;
	right:30px;
	top:23px;
	font:16px Arial, Helvetica, sans-serif;
	text-shadow:#fff 1px 1px 2px;
	color:#8c8c8d;
}
#navi div{
	position:absolute;
	right:30px;
	top:15px;
}
#navi div a{
	display:block;
	width:35px;
	height:35px;
	float:right;
	margin-left:10px;
}
#rotator, #punkty, #uslugi, #kolumny, #stopka{
	width:950px;
	margin:0 auto;
}

#punkty{
	padding:20px 0 15px;
	background:#e2e3e4 url(i/bg_punkty.png) repeat-x left top;
	border-radius:0 0 3px 3px;
	box-shadow:3px 4px 10px rgba(0,0,0,.12);
	margin-bottom:10px;
}
#punkty .cnt{background:url(i/bg_punkty-cnt.png) repeat-y center top;}
#punkty .block{
	float:left;
	width:281px;
	padding:0 15px 0 20px;
}
#punkty .block100pr{
	float:none;
	width:auto;
	padding:0 15px 0 20px;
}
#punkty .block h3{
	color:#182736;
	font-size:29px;
	margin:0;
}
#punkty .block .foto{
	float:left;
	margin:5px 15px 0 0;
	padding:3px;
	box-shadow:3px 4px 10px rgba(0,0,0,.12);
}
#punkty .block ul{padding:0 0 6px 15px;}
#punkty .block ul li{
	background:url(i/li.png) no-repeat left 8px;
	padding:0 0 2px 8px;
}

#punkty .block .ukrywanie{
	height:107px;
	overflow:hidden;
}
#punkty .block .ukrywanie.pokaz{height:auto;}
#punkty .block .trik span{cursor:pointer; color:#f8ac19;}

#uslugi .cnt{
	padding:15px 20px;
	background:#121d29 url(i/bg_uslugi.png) repeat-x left bottom;
	border-radius:3px;
	box-shadow:3px 4px 10px rgba(0,0,0,.12);
	margin-bottom:10px;
	color:#fff;
}
#uslugi .cnt h2{
	background:url(i/ico_narzedzia.png) no-repeat left top;
	padding:5px 0 15px 70px;
	font-size:30px;
}
#uslugi .cnt h2 em{
	font-style:normal;
	font-size:17px;
	color:#f6b404;
	padding-left:5px;
}
#uslugi .cnt ul{
	padding:0 0 6px 15px;
	height:1%;
}
#uslugi .cnt ul:after{clear:both; display:block; content:'';}
#uslugi .cnt ul li{
	float:left;
	width:260px;
	background:url(i/li.png) no-repeat left 8px;
	padding:0 20px 2px 8px;
}

#kolumny{height:1%;}
#kolumny:after{clear:both; display:block; content:'';}
#kolumny .col310{
	float:left;
	width:309px;
}
#kolumny .col630{
	float:right;
	width:630px;
}

.godziny{
	background:url(i/bg_godziny.png) no-repeat left top;
	height:123px;
	padding:20px 0 20px 20px;
	overflow:hidden;
}
.godziny h3{
	font-size:30px;
	line-height:30px;
	color:#fff;
	padding-bottom:10px;
}

.onas{
	background-color:#e8e9ea;
	height:250px;
	padding:20px;
	overflow:hidden;
	border-radius:3px;
}
.onas h3{
	font-size:30px;
	line-height:30px;
	color:#172533;
	padding-bottom:10px;
}

.mapa{
	background-color:#e8e9ea;
	height:423px;
	padding:20px;
	overflow:hidden;
	border-radius:3px;
}
.mapa h3{
	font-size:30px;
	line-height:30px;
	color:#172533;
	padding-bottom:10px;
}
.mapa .mapka{
	float:right;
	display:block;
	margin-bottom:10px;
}
.mapa .pierwsza{padding-top:20px;}


.slider{
	width:950px;
	margin:0 auto -10px;
}
.items{display:none;}
.buttons{
	position:absolute;
	bottom:20px;
	right:10px;
	z-index:2;
	background:url(i/buttons.gif) 0 0 repeat-x #f6b404;
	border-radius:3px;
	padding:2px 4px 0px 6px;}
.buttons a{
	display:inline-block;
	overflow:hidden;
	margin:3px;
}
.play{
	background:url(i/play.png) 0 0 no-repeat;
	width:4px;
	height:8px;
}
.pause{
	background:url(i/pause.png) 0 0 no-repeat;
	width:6px;
	height:8px;
}
.play.active{background:url(i/play-active.png) 0 0 no-repeat;}
.pause.active{background:url(i/pause-active.png) 0 0 no-repeat;}

/* To be used with cookieCuttr by Chris Wharton (http://cookiecuttr.com) */

.cc-cookies { position:fixed; width: 90%; left: 0; top: 0; padding: 0.5em 5%; background: #565656; background: rgba(86,86,86,0.95); color: #fff; font-size: 13px; font-weight: 700; text-shadow: 0 -1px 0 rgba(0,0,0,0.35); z-index: 99999; text-align: center; color: #fff; }
.cc-cookies a, .cc-cookies a:hover { color: #fff; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }

@media screen and (max-width: 768px) {
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0; }
}

@media screen and (max-width: 480px) {
.cc-cookies { position: relative; float: left; }
}