/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
body {background:url(../images/tail-top.jpg) repeat-x center top #000;font-family:Arial, Helvetica, sans-serif;font-size:100%;line-height:1em;color:#a6a6a6}
html {min-width:1100px}
html, body {height:100%}
.container {margin:0 auto;overflow:hidden;width:1100px;padding:10px 0 155px 0}
header .container {height:500px;position:relative;padding:0}

aside {width:320px;position:relative;z-index:10;float:left;margin-left:15px;margin-right:10px}
section#content {position:relative;z-index:10;float:left;color:#fffafa}



footer {background:url(../images/tail-bottom.jpg) repeat-x center top;margin-top:-229px}
footer .container {height:229px;text-align:center;font-size:16px;color:#fff;padding:0;line-height:1.429em}
.fleft {float:left}
.fright {float:right}
.clear {clear:both}
 
.col-1, .col-2 {float:left}
.alignright {text-align:right}
.aligncenter {text-align:center}
.wrapper {width:100%;overflow:hidden}
.wrap {height:auto !important;height:100%;min-height:100%}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
input, select, textarea {font-family:Arial, Helvetica, sans-serif;font-size:1em;vertical-align:middle;font-weight:normal}
fieldset {border:0}


@font-face {font-family: 'comfortaaregular';
    src: url('../fonts/comfortaa_regular-webfont.eot');
    src: url('../fonts/comfortaa_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/comfortaa_regular-webfont.woff') format('woff'),
         url('../fonts/comfortaa_regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;}

@font-face {font-family: 'kingthings_petrock_lightRg';
    src: url('../fonts/kingthings_petrock_light-webfont.eot');
    src: url('../fonts/kingthings_petrock_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/kingthings_petrock_light-webfont.woff') format('woff'),
         url('../fonts/kingthings_petrock_light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;}
    
body {
  font-family: 'comfortaaregular', Arial, sans-serif;
font-size: 17px;   /* zamiast domyślnych 16px */
  line-height: 1.6;  /* zwiększa odstępy między liniami = lepsza czytelność */
}

.akt {padding-left:0;margin-left:0}    
.akt li {padding:0 0 14px 0;list-style-type:disc;color:#66ffff} 

.lista {padding-left:0;margin-left:0}
.lista li {padding:0 0 14px 0;list-style-position:inside;list-style-type:disc} 

.cennik {list-style: none; padding: 0; max-width: 650px}
.cennik li {display: flex;justify-content: space-between; border-bottom: 1px dotted #ccc; padding: 6px 0}
.cennik li span:last-child { font-weight: bold;}


.img-indent {display: block;      /* potrzebne, żeby margin: auto działało */
    margin: 0 auto 20px auto;  /* góra 0, lewo/prawo auto, dół 20px */}
.img-box {width:100%;overflow:hidden;padding-bottom:15px;line-height:1.429em}
.img-box img {float:left;margin:0 20px 0 0}
.extra-wrap {overflow:hidden}



.kontakt {list-style-type: none; padding-left: 0;}
.kontakt li a {text-decoration:none;color:#afeeee}
.kontakt li a:hover {text-decoration:underline}

.problems li {margin-left:40px;padding:0 0 11px 12px;list-style-type:disc}
.problems li a {text-decoration:none;color:#fffafa}
.problems li a:hover {text-decoration:underline}

p {margin-bottom:16px;line-height:1.6em}
.p1 {margin-bottom:25px}
.p2 {margin-bottom:16px;line-height:1.5em}
.p2 a {text-decoration:none;line-height:1.5em;color:#40E0D0;margin-left:340px}
.p2 a:hover {text-decoration:underline}


address {line-height:1.429em;color:#fff;font-style:normal}
address span {float:left;color:#a6a6a6;width:84px}
a {color:#ffc531;outline:none}
a:hover {text-decoration:none}
h1 {color:#ffccff;font-size:1.4em;font-style:oblique;font-variant:small-caps;line-height:1.2em;font-weight:bold;position:absolute;left:85px;top:17px}
h1 a {color:#ffccff;text-decoration:none}
h1 a span {display:block}
h2 {font-size:30px;font-variant:small-caps;line-height:1.2em;color:#ffe8ff;margin-bottom:20px}
h2 span {display:block}

h3 {font-family:comfortaaregular;font-size:30px;font-variant:small-caps;line-height:1.5em;color:#ccffff;margin-bottom:35px}
h4 {font-size:30px;font-variant:small-caps;line-height:1.5em;color:#afeeee;margin-bottom:35px;margin-top:10px}
h5 {font-size:1em;line-height:1.429em;color:#ffc531;font-weight:normal}


.txt1 {color:#ffc531}


/* header */
header nav {position:absolute;right:60px;top:0;z-index:20}
header nav ul li {float:left;line-height:1.0em}
header nav ul li a {text-decoration:none;display:block;color:#ffccff;background-image:url(../images/spacer.gif);background-repeat:no-repeat;background-position:left top}
header nav ul li a:hover, header nav ul li a.active {color:#000;background-image:url(../images/nav-act-left.png)}
header nav ul li a span {display:block;padding:0 3px;background-repeat:no-repeat;background-image:url(../images/spacer.gif);background-position:right top}
header nav ul li a:hover span, header nav ul li a.active span {background-image:url(../images/nav-act-right.png)}
header nav ul li a span span {padding:45px 20px 26px 20px;background-repeat:repeat-x;background-image:url(../images/spacer.gif)}
header nav ul li a:hover span span, header nav ul li a.active span span {background-image:url(../images/nav-act-tail.gif)}

/* content */
#content .inside {padding:0 0 0 60px}
#content.extra {width:auto}
#content .list li {padding-bottom:8px}

/* Sidebar */
aside .inside {padding:0 0 0 60px}
aside figure {margin-left:-60px;padding-top:15px}

/* footer */
footer .inside {padding:148px 0 0 0}
footer a {color:#fff}


/* tabs */
ul.tabs {position:absolute;right:80px;top:95px}
ul.tabs li {float:left;font-family:comfortaaregular;font-size:15px;line-height:1.0em;padding-left:11px}
ul.tabs li a {color:#ffffcc;font-weight:bold;display:block;float:left;text-decoration:none;background:url(../images/button-left.png) no-repeat left top;cursor:pointer}
ul.tabs li a:hover, ul.tabs li.active a {color:#ffc632}
ul.tabs li a span {display:block;float:left;padding:0 9px;background:url(../images/button-right.png) no-repeat right top}
ul.tabs li a span span {padding:9px 18px 8px 18px;background:url(../images/button-tail.png) repeat-x left top}

.tab_container {position:relative;top:135px;width:100%}

/* faded gallery */
.faded {width:888px;height:341px;margin:-10px auto 0 auto;position:relative}
.faded ul.big-image {list-style:none;padding:0;margin:0;width:653px;height:341px;float:right;background:url(../images/img-wrapper-big.png) no-repeat left top}
.faded ul.big-image li {padding:9px 0 0 9px;width:635px;height:323px}
ul.pagination {list-style:none;padding:0;margin:0;background:none;width:auto;height:auto;position:absolute;left:-15px;top:0}
ul.pagination li {width:183px;height:99px;margin-bottom:22px;background:url(../images/img-wrapper-small.png) no-repeat left top;padding:9px 0 0 9px;display:block}