﻿* {margin:0;padding:0}
img, div, a {behavior: url(/includes/js/iepngfix/iepngfix.htc)}
html, body {height:100%}
html {min-width:970px}
body {background:#fff;font-family:Arial, Helvetica, sans-serif;font-size:100%;line-height:1.25em;color:#4e4e4e}
img {border:0;vertical-align:top;text-align:left}
.akapit {margin:0 15px 10px 0}
object {vertical-align:top;outline:none}
ul, ol {list-style:none}
table, table td {padding:0;border:none;border-collapse:collapse}
h1 {font-size:22px;color:#C6F2FF;font-weight:normal;font-weight:100;letter-spacing:-1px;margin-bottom:0px;font-family:Trebuchet Ms}
h2 {font-size:24px;line-height:1.2em;color:#404040;font-weight:normal;font-weight:400;letter-spacing:-1px;margin-bottom:17px;cursor:pointer}
h3 {font-size:13px;color:#166AA3;margin-bottom:4px}
h3 a {text-decoration:underline;color:#1C88D0}
h3 a:hover {text-decoration:underline;color:#0F486F}
a {color:#5db2e9;outline:none}
a:hover{text-decoration:none}
.fleft {float:left}
.fright {float:right}
.clear {clear:both}
.col-1, .col-2, .col-3 {float:left}
.alignright {text-align:right}
.aligncenter {text-align:center}
.wrapper {width:100%;overflow:hidden}
/* GLOBAL */
.container {width:970px;margin:0 auto;font-size:.875em}
#naglowek {height:47px;background:url(images/bg_top.png) repeat-x;width:100%;margin: 0 auto;}
#naglowek .naglowek_cont {margin: 0 auto;height:47px;width:970px;}
#naglowek .logo {background-image:url(images/logo.png);background-position: left;background-repeat: no-repeat;float:left;width:173px;height:47px;cursor:pointer;}
#naglowek .haslo {float:right;font-size:22px;color:white;font-family:Trebuchet Ms;height:47px;}
#naglowek .text{padding-top:13px;}
#header {height:327px;overflow:hidden;background:url(images/header-bg.png) repeat-x;margin:0 auto}
#header .bg {height:327px;margin:0 auto;}
#menu {width:970px;height:63px;background: transparent;margin:0 auto;}
#menu .strona_glowna{
width:150px;height:54px;background-image: url('images/images.jpg');background-position:0px -54px;background-repeat: no-repeat;float:left;margin:8px 0 0 0;padding:0;text-indent:-9999px;display:block:overflow:hidden;
}

#menu .strona_glowna_over{
width:150px;height:54px;background-image: url('images/images.jpg');background-position:0px 1px;background-repeat: no-repeat;float:left;margin:8px 0 0 0;padding:0;text-indent:-9999px;display:block:overflow:hidden;
}

#menu .strony_www{
width:150px;height:54px;background-image: url('images/images.jpg');background-position:-160px -54px;background-repeat: no-repeat;float:left;margin:8px 0 0 0;padding:0;text-indent:-9999px;display:block:overflow:hidden;
}

#menu .strony_www_over{
width:150px;height:54px;background-image: url('images/images.jpg');background-position:-160px 1px;background-repeat: no-repeat;float:left;margin:8px 0 0 0;padding:0;text-indent:-9999px;display:block:overflow:hidden;
}

#menu .pozycjonowanie{
width:150px;height:54px;background-image: url('images/images.jpg');background-position:-320px -54px;background-repeat: no-repeat;float:left;margin:8px 0 0 0;padding:0;text-indent:-9999px;display:block:overflow:hidden;
}

#menu .pozycjonowanie_over{
width:150px;height:54px;background-image: url('images/images.jpg');background-position:-320px 1px;background-repeat: no-repeat;float:left;margin:8px 0 0 0;padding:0;text-indent:-9999px;display:block:overflow:hidden;
}

#menu .reklama_google{
width:150px;height:54px;background-image: url('images/images.jpg');background-position:-480px -54px;background-repeat: no-repeat;float:left;margin:8px 0 0 0;padding:0;text-indent:-9999px;display:block:overflow:hidden;
}

#menu .reklama_google_over{
width:150px;height:54px;background-image: url('images/images.jpg');background-position:-480px 1px;background-repeat: no-repeat;float:left;margin:8px 0 0 0;padding:0;text-indent:-9999px;display:block:overflow:hidden;
}

#menu .sklepy{
width:150px;height:54px;background-image: url('images/images.jpg');background-position:-640px -54px;background-repeat: no-repeat;float:left;margin:8px 0 0 0;padding:0;text-indent:-9999px;display:block:overflow:hidden;
}

#menu .sklepy_over{
width:150px;height:54px;background-image: url('images/images.jpg');background-position:-640px 1px;background-repeat: no-repeat;float:left;margin:8px 0 0 0;padding:0;text-indent:-9999px;display:block:overflow:hidden;
}

#menu .kontakt{
width:150px;height:54px;background-image: url('images/images.jpg');background-position:-800px -54px;background-repeat: no-repeat;float:left;margin:8px 0 0 0;padding:0;text-indent:-9999px;display:block:overflow:hidden;
}

#menu .kontakt_over{
width:150px;height:54px;background-image: url('images/images.jpg');background-position:-800px 1px;background-repeat: no-repeat;float:left;margin:8px 0 0 0;padding:0;text-indent:-9999px;display:block:overflow:hidden;
}

#menu .menu_spacer{width:10px;height:63px;float:left}

/* content */
#content {background:url(images/cont_bg.gif) 0 0 repeat-x}
#content .aside {float:left;width:237px;/*background:url(images/sidebar-extra-bg.jpg) no-repeat 0 100% #f0f0f0*/}
#content .aside1 {float:left;width:297px;/*background:url(images/sidebar-extra-bg.jpg) no-repeat 0 100% #f0f0f0*/}
#content .aside2 {float:left;width:407px;/*background:url(images/sidebar-extra-bg.jpg) no-repeat 0 100% #f0f0f0*/}
#content .aside3 {float:left;width:670px;/*background:url(images/sidebar-extra-bg.jpg) no-repeat 0 100% #f0f0f0*/}
#content .mainContent {float:left;width:733px}
#content .indent {padding:32px 15px 5px 10px;}
#content .indent1 {padding:0px 15px 5px 0px;}
#content .indent2 {padding:0px 35px 5px 0px;}
#content .mainContent .indent {padding:32px 15px 40px 10px}
#content .section {padding-bottom:37px}

dl.porto dt {color:#055;font-size:11pt;font-weight:bold;margin-bottom:2px;cursor:pointer}
dl.porto dd {margin-bottom:20px;cursor:pointer}

dl.renab dt {font-size:12px;font-weight:bold;margin-bottom:5px}
dl.renab dt a {color:#5db2e9;text-decoration:none}
dl.renab dt a:hover {text-decoration:underline}
dl.renab dd {margin-bottom:7px}

dl.news dt {font-size:12px;font-weight:bold;margin-bottom:5px;cursor:pointer}
dl.news dt a {color:#1876B4;text-decoration:none;cursor:pointer}
dl.news dt a:hover {text-decoration:underline}
dl.news dd {margin-bottom:20px;cursor:pointer}

/* footer */
#footer {height:197px;}
#footer .bg {height:197px;background-color:#222222}
#footer .cont{float:left;width:200px;padding: 10px 10px 0 0;color:#7C7C7C}
#footer .sitemap{float:left;width:120px;padding: 10px 10px 0 0;}
#footer p {color:#6CF;font-size:14px;font-family:Trebuchet Ms;PADDING:0;MARGIN:0}
#footer a {color:#C0C0C0;font-size:12px;text-decoration:none}
#footer a:hover{text-decoration:underline;font-size:12px}
#footer kontakt a{color:#FC0;font-size:12px;text-decoration:none}
#footer kontakt a:hover{text-decoration:underline;font-size:12px;color:#FC0;}

#aurora {color:#046D84;font-size:20px;font-weight:normal;font-family:Trajan Pro, Trebuchet Ms}

.inner_copy, .inner_copy a {border:0;float:right;background:#f00;color:#f00;width:35%;line-height:10px;font-size:10px;margin:-50% 0 0 0;overflow:hidden;padding:0}

#top {width:1210px;height:265px;background:url(images/top.png);margin:0 auto;}
#top .phrases {width:490px;height:265px;float:left;}
#top .text {height:100px;margin: 140px 0 0 140px;}
#top .text p{font-family:Trebuchet Ms;font-size:16pt;color:white;line-height: 0.4em;}
#top .slideshot {width:720px;height:265px;float:left;}

/* tailings */
.tail-top {background:url(images/tail-top.gif) left top repeat-x #ffbb00}
.tail-bottom {background:url(images/tail-bottom.gif) left bottom repeat-x}
/* forms parameters */
input, select, textarea {font-family:Arial, Helvetica, sans-serif;font-size:1em;vertical-align:middle;font-weight:normal}
.lab {padding:5px 0 5px 5px;}
.form {padding:0px 0 35px 5px;width:550px;}
/* other */
.img-indent {margin:0 20px 0 0;float:left}
.img-box {width:100%;overflow:hidden;padding-bottom:20px}
.img-box img {float:left;margin:0 20px 0 0}
.extra-wrap {overflow:hidden}
p {margin-bottom:20px}
.p1 {margin-bottom:10px}
.p2 {margin-bottom:20px}
.p3 {margin-bottom:30px}
/* txt, links, lines, titles */

h4 {}
h5 {}
h6 {}
.txt1 {}
.txt2 {}
.link1 {display:block;float:left;background:url(images/link1-bgd.gif) left top repeat-x;color:#fff;text-decoration:none}
.link1:hover {text-decoration:underline}
.link1 em {display:block;background:url(images/link1-left.gif) no-repeat left top}
.link1 b {display:block;background:url(images/link1-right.gif) no-repeat right top;padding:2px 15px 2px 15px;font-weight:normal; font-style:normal}
.button {float:right}
.button span {display:block;background:url(images/button-left.gif) no-repeat left top;padding-left:3px}
.button span span {background:url(images/button-right.gif) no-repeat right top;padding-right:4px;padding-left:0}
.button span span a {display:block;background:#333743;padding:4px 5px 3px 5px;color:#fff;text-decoration:none;text-transform:uppercase}
.button span span a:hover {text-decoration:underline}
.line-hor {background:#3a3c52;height:1px;overflow:hidden;font-size:0;line-height:0;margin:20px 0 20px 0}
.line-ver {background-image:url(images/line-ver.gif);background-repeat:repeat-y;width:100%}
.title {margin-bottom:20px}
/* boxes */
.box {background:#fff;width:100%}
.box .border-top {background:url(images/border-top.gif) repeat-x left top}
.box .border-bot {background:url(images/border-bot.gif) repeat-x left bottom}
.box .border-left {background:url(images/border-left.gif) repeat-y left top}
.box .border-right {background:url(images/border-right.gif) repeat-y right top}
.box .left-top-corner {background:url(images/left-top-corner.gif) no-repeat left top}
.box .right-top-corner {background:url(images/right-top-corner.gif) no-repeat right top}
.box .left-bot-corner {background:url(images/left-bot-corner.gif) no-repeat left bottom}
.box .right-bot-corner {background:url(images/right-bot-corner.gif) no-repeat right bottom}
.box .inner {padding:0}
.address {float:left}
.address dt {margin-bottom:16px}
.address dd {clear:both;text-align:right}
.address dd span {float:left;padding-right:25px}
/* header */
#header .row-1 {height:91px;overflow:hidden}
#header .row-1 .fleft {padding:14px 0 0 33px}
#header .top-links {float:right;padding:41px 0 0 0}
#header .top-links li {float:left;background:url(images/divider.gif) no-repeat 0 0;padding:1px 28px 2px 28px}
#header .top-links li.first {background:none}
#header .top-links li.last {padding-right:10px}
#header .top-links li a {float:left;width:11px;height:10px;overflow:hidden;text-decoration:none}
#header .top-links li a.home {background:url(images/icon-home-sprite.gif) no-repeat 0 0}
#header .top-links li a.home:hover, #header .top-links li a.home-current {background:url(images/icon-home-sprite.gif) no-repeat 0 -10px}
#header .top-links li a.mail {background:url(images/icon-mail-sprite.gif) no-repeat 0 0}
#header .top-links li a.mail:hover, #header .top-links li a.mail-current {background:url(images/icon-mail-sprite.gif) no-repeat 0 -10px}
#header .top-links li a.sitemap {background:url(images/icon-sitemap-sprite.gif) no-repeat 0 0}
#header .top-links li a.sitemap:hover, #header .top-links li a.sitemap-current {background:url(images/icon-sitemap-sprite.gif) no-repeat 0 -10px}
#header .row-2 {height:84px;overflow:hidden}
#header .nav {padding:13px 0 0 18px}
#header .nav li {float:left;padding:0 20px}
#header .nav li a {float:left;font-size:16px;line-height:1.2em;color:#9ddeff;text-decoration:none;text-transform:uppercase}
#header .nav li a:hover, #header .nav li a.current {color:#fff;text-decoration:none}
#header .row-3 {padding:1px 450px 0 33px;color:#fff}
#header .row-3 p {padding:0px 0 0 4px;margin-bottom:39px}


.img-list li {width:100%;overflow:hidden;padding-bottom:4px}
.img-list li img {float:left;margin-right:9px}
.img-list li h3 {padding-top:5px}
.img-list-alt {margin-bottom:-25px}
.img-list-alt li {width:100%;overflow:hidden;padding-bottom:25px}
.img-list-alt li img {float:left;margin-right:20px}
.img-list-alt li h3 {margin-top:-4px}
.list {padding-bottom:20px}
.list li {background:url(images/arrow1.gif) no-repeat 0 7px;padding:0 0 0 12px}

/* forms */
#search-form fieldset {border:none;padding-left:4px}
#search-form input.text {width:165px;border:1px solid #3e576d;background:#fff;padding:3px 3px 3px 5px;margin-right:4px}
#search-form input.submit {background:url(images/submit-button.jpg) no-repeat 0 0;width:92px;height:32px;border:none;cursor:pointer}
#contacts-form {clear:right;width:100%;overflow:hidden}
#contacts-form fieldset {border:none;float:left}
#contacts-form .field {clear:both}
#contacts-form label {float:left;width:112px;padding-bottom:5px}
#contacts-form input {width:240px;padding:1px 0 1px 5px;background:none;border:1px solid #e5e5e5;color:#616161;float:left}
#contacts-form textarea {width:425px;height:410px;padding:1px 0 1px 5px;background:none;border:1px solid #e5e5e5;color:#616161;margin-bottom:12px;overflow:auto;float:left}

/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0 auto;
	width:490px;
	height:263px;
	/*background-color:#EDEDED;*/
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:360px;
  height:236px;
  overflow:auto; /* allow scrollbar */
  position:relative;
	padding-top:10px;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:340px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:236px;
}
.slide p{
width: 340px;
}

.slide_image {
width:215;
height:145;
float:left;
margin-right: 15px;
}
/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:63px;
  height:236px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:url(images/slick_img/control_left.png) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:url(images/slick_img/control_right.png) no-repeat 0 0;
}

/* Fix Slide Mootools*/

h3.section {
	margin-top: 1em;
}

#vertical_slide, #horizontal_slide {
/*	background: #D0C8C8;
	color: #8A7575;
	padding: 10px;
	border: 5px solid #F3F1F1;
	font-weight: bold; */
}

div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px;
}