@import url('growl.css');
@import url('vtip.css');
@import url('facebox.css');
@import url('galeria.css');
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic&subset=latin,latin-ext);
body {width:100%;min-height:816px;margin:0 auto;background-image:url('../gfx/background.jpg');background-repeat:no-repeat;background-position:center top;background-color:#000;position:relative;padding-top:150px;color:#000;}
body.main {background-image:url('../gfx/background-main.jpg');}
a img {border:0;} a, input { outline:none;text-decoration:none;} li a {display:block;}
p {line-height:19px;} a {color:#fff;} a:hover {color:#e13131;}
article, aside, canvas, details,
figcaption, figure, footer, header,
hgroup, nav, section, summary, video {
    display: block;
}

header {position:absolute;top:20px;left:50%;margin:0 0 0 -480px;z-index:10;}
header h1 {margin:0;}
header a {display:block;}

nav#menu {width:675px;height:38px;position:absolute;top:40px;left:50%;margin:0 0 0 -185px;}
nav#menu ul {margin:0;padding:0;list-style:none;width:100%;height:44px;font-size:0;text-align:right;}
nav#menu ul li {display:inline-block;padding:0;margin:0;}
nav#menu ul li a {display:block;padding:16px 33px;margin:0 1px 0 0;color:#fff;font-size:18px;line-height:17px;text-decoration:none;font-family: 'Roboto Condensed', sans-serif;font-weight:300;text-transform:uppercase;transition:background-color 0.5s ease-out;}
nav#menu ul li a:hover,nav#menu ul li a.active {display:block;color:#fff;background-color:#e13131;}

section#content {width:960px;margin:0 auto;min-height:400px;position:relative;}
section#content.main header h2 {width:960px;margin:0;font-size:82px;line-height:70px;font-family: 'Roboto Condensed', sans-serif;font-weight:700;position:absolute;top:40px;left:0;}
section#content.main p.header {font-family: 'Roboto Condensed', sans-serif;font-weight:300;font-size:24px;position:absolute;top:125px;left:0;width:700px;line-height:32px;}
section#content.main p.header strong {font-weight:700;}
section#content.main p.header.second {top:200px;}
section#content.main ul {margin:0;padding:0;list-style:none;position:absolute;top:290px;left:0;width:610px;}
section#content.main ul li {margin:0;padding:7px 0;width:259px;background-position:0 0;background-repeat:no-repeat;font-weight:400;font-family: 'Roboto Condensed', sans-serif;font-size:18px;float:left;padding-left:46px;}
section#content.main ul li.first {background-image:url('../gfx/list/kawa.png');}
section#content.main ul li.second {background-image:url('../gfx/list/internet.png');}
section#content.main ul li.third {background-image:url('../gfx/list/poczekalnia.png');background-position:3px 0;}
section#content.main ul li.fourth {background-image:url('../gfx/list/dzieci.png');background-position:7px 0;}
section#content.main div.aktualnosci {width:100%;padding-top:40px;border-top:1px solid #FFF;position:absolute;top:495px;left:0;font-family:Arial, Helvetica, sans-serif;}
section#content.main div.aktualnosci article {padding:30px 40px;background-image:url('../gfx/transparent.png');width:380px;min-height:100px;float:left;}
section#content.main div.aktualnosci article:nth-of-type(2) {float:right;}
section#content.main div.aktualnosci article header {position:static;top:auto;left:auto;margin:0 0 5px 0;}
section#content.main div.aktualnosci article header h3 {margin:0;font-family:Arial, Helvetica, sans-serif;font-size:18px;font-weight:bold;}
section#content.main div.aktualnosci article header h3 a {color:#FFF;}
section#content.main div.aktualnosci article p {color:#FFF;margin:4px 0;font-size:12px;} section#content.main div.aktualnosci article p a {color:#e13131;}

section#content p.quote {font-family:'Roboto Condensed', sans-serif;font-size:36px;font-weight:300;color:#FFF;line-height:42px;font-style:italic;text-align:center;padding:0 50px;}
section#content p.quote span {color:#b0b0b0;}

section#content.o-nas article {width:530px;height:auto;overflow:visible;left:0;top:20px;position:relative;padding-bottom:100px;}
section#content.o-nas article * {text-align:justify;}
section#content.o-nas article header {position:static;top:auto;left:auto;margin:0 0 5px 0;}
section#content.o-nas article header h2 {font-size:36px;color:#fff;font-family:'Roboto Condensed',sans-serif;font-weight:700;line-height:30px;}
section#content.o-nas article p {color:#b0b0b0;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
section#content.o-nas article p.white {color:#FFF;}
section#content.o-nas article p.sign {color:#FFF;font-family:'Roboto Condensed',sans-serif;font-size:24px;font-style:italic;font-weight:300;text-align:right;}
section#content.o-nas article p.lead {font-size:18px;color:#e13131;font-family:'Roboto Condensed',sans-serif;font-weight:400;line-height:24px;}
section#content.o-nas div.list {width:380px;height:auto;overflow:visible;position:absolute;top:0px;right:0;}
section#content.o-nas div.list p.header {font-size:18px;color:#fff;font-family:'Roboto Condensed',sans-serif;font-weight:300;line-height:22px;margin:16px 0 0 0;}
section#content.o-nas div.list ul {margin:30px 0 0 0;padding:0;list-style:none;}
section#content.o-nas div.list ul li {margin:0;padding:40px 0;background-position:left center;background-repeat:no-repeat;font-weight:300;font-family: 'Roboto Condensed', sans-serif;font-size:24px;padding-left:100px;font-style:italic;color:#FFF;}
section#content.o-nas div.list ul li.first {background-image:url('../gfx/list/b-kawa.png');}
section#content.o-nas div.list ul li.second {background-image:url('../gfx/list/b-internet.png');}
section#content.o-nas div.list ul li.third {background-image:url('../gfx/list/b-poczekalnia.png');background-position:left top;padding:20px 0 20px 100px;}
section#content.o-nas div.list ul li.fourth {background-image:url('../gfx/list/b-dzieci.png');}

section#content.oferta article {width:570px;height:auto;overflow:visible;left:0;top:20px;position:relative;padding-bottom:100px;}
section#content.oferta article header {position:static;top:auto;left:auto;margin:0 0 5px 0;}
section#content.oferta article header h2 {font-size:36px;color:#fff;font-family:'Roboto Condensed',sans-serif;font-weight:700;line-height:30px;}
section#content.oferta article p {color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
section#content.oferta div.list {width:340px;height:auto;overflow:visible;position:absolute;top:290px;right:0;}
section#content.oferta div.list p {color:#FFF;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
section#content.oferta div.list p.title {margin-bottom:0;}
section#content.oferta div.list p.header {font-size:36px;color:#fff;font-family:'Roboto Condensed',sans-serif;font-weight:700;line-height:36px;margin:16px 0 24px 0;}
section#content.oferta div.list p.header span {color:#e13131;}
section#content.oferta div.list ul {margin:0;padding:0;list-style:none;}
section#content.oferta div.list ul li {margin:0;padding:4px 0;background-position:4px 10px;background-image:url('../gfx/list/dot.png');background-repeat:no-repeat;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:16px;padding-left:12px;color:#FFF;} section#content.oferta div.list ul li span {color:#e13131;font-weight:bold;}

section#content.kontakt div.form {width:570px;height:auto;overflow:visible;position:relative;top:40px;left:0;}
section#content.kontakt div.form header {position:static;top:auto;left:auto;margin:0 0 5px 0;}
section#content.kontakt div.form header h2 {font-size:36px;color:#fff;font-family:'Roboto Condensed',sans-serif;font-weight:400;line-height:30px;}
section#content.kontakt div.form header h2 strong {font-weight:700;}
section#content.kontakt div.form input[type=text] {width:410px;background-color:#000;opacity:0.6;color:#FFF;font-family:Arial, Helvetica, sans-serif;font-size:12px;padding:8px 10px 7px 10px;border:0;margin:4px 0;}
section#content.kontakt div.form textarea {width:550px;height:160px;background-color:#000;opacity:0.6;color:#FFF;font-family:Arial, Helvetica, sans-serif;font-size:12px;padding:6px 10px;border:0;margin:4px 0;}
section#content.kontakt div.form input[type=submit] {font-family:'Roboto Condensed',sans-serif;font-size:14px;font-weight:300;color:#FFF;background-color:#e13131;padding:8px 24px;float:right;text-transform:uppercase;border:0;margin:6px 0;}
section#content.kontakt article {width:340px;height:auto;overflow:visible;position:absolute;top:27px;right:0}
section#content.kontakt article p {color:#b0b0b0;font-size:12px;font-family:Arial, Helvetica, sans-serif;}
section#content.kontakt article p strong {color:#FFF;}
section#content.kontakt article a {color:#FFF;font-family:Arial, Helvetica, sans-serif;font-size:12px;}

section#content.galeria {height:auto;overflow:visible;display:table;padding-bottom:60px;}
section#content.galeria p a {font-family:Arial, Helvetica, sans-serif;}
section#content.galeria header {position:static;top:auto;left:auto;margin:0 0 5px 0;}
section#content.galeria header h2 {font-size:36px;color:#fff;font-family:'Roboto Condensed',sans-serif;font-weight:700;line-height:30px;}
section#content.galeria table {width:960px;margin-top:80px;}
section#content.galeria table tr td div.galeria-kategoria {width:280px;height:185px;margin:0 0 80px 0;background-color:#e13131;position:relative;}
section#content.galeria table tr td div.galeria-kategoria img {transition:opacity 0.5s ease-out;width:280px;}
section#content.galeria table tr td div.galeria-kategoria:hover img {opacity:0.7;}
section#content.galeria table tr td p {position:absolute;bottom:-45px;left:0;text-align:center;width:280px;} 
section#content.galeria table tr td p a {font-family:'Roboto Condensed',sans-serif;font-size:18px;font-weight:300;color:#FFF;transition:color 0.5s ease-out;} section#content.galeria table tr td div.galeria-kategoria:hover p a {color:#e13131;}
section#content.galeria div.galeria {width:280px;height:185px;float:left;padding:0;margin:20px;background-color:#e13131;position:relative;}
section#content.galeria div.galeria img {transition:opacity 0.5s ease-out;}
section#content.galeria div.galeria:hover img {opacity:0.7;}
section#content.galeria div.galeria a img {position:absolute;top:0px;left:0px;}
section#content.galeria div.galeria p {position:absolute;bottom:5px;left:5px;font-size:11px;text-align:right;margin:0;width:270px;} section#content.galeria div.galeria p a:hover {color:#FFf;}

aside.aktuelle {position:absolute;top:60px;right:0;}
section#content.admin {color:#FFF;font-family:Arial, Helvetica, sans-serif;}

footer {width:100%;height:68px;background-color:#000;position:fixed;bottom:0;left:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
footer p.copyright {width:204px;margin:0;position:absolute;top:17px;left:50%;margin-left:-478px;color:#DDD;}
footer p.copyright a {display:inline-block;} footer p.copyright a img {position:absolute;top:1px;}
footer p.kontakt {width:805px;margin:0;position:absolute;top:17px;left:50%;margin-left:-280px;color:#FFF;}
footer p.kontakt strong {color: #CC0000;margin-right: 4px;}
footer p.kontakt strong.white {color: #FFFFFF;margin-right: 4px;}
footer p.kontakt span {border-left: 1px solid #CC0000;float: left;margin: 0;padding: 0 10px;}
footer p.kontakt span a {color: #FFFFFF;text-decoration: none;}

a.wyloguj {position:absolute;top:0;background-color:#000;color:#fff;right:0;padding:8px 16px;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
div.admin-form {width:620px;float:left;height:auto;overflow:visible;padding:2px 0;margin:2px 0;}
div.admin-form label {width:610px;float:left;clear:both;font-weight:bold;padding:0 5px 2px 5px;}
div.admin-form input {width:610px;padding:3px 5px;}
div.admin-form textarea {border:1px solid #EEE;width:610px;}
#facebox label {
	width:440px;
	height:18px;
	font-size:12px;
	padding-top:2px;
	padding-bottom:0;
	border-bottom:1px dotted #D8D8D8;
	margin-bottom:5px;
	margin-top:10px;
	clear:both;
}
#facebox  input, select {
	width:440px;
	border:1px dotted #D8D8D8;
	background-color:#EFEFEF;
	clear:both;
	margin-bottom:5px;
	padding:4px 0;
}