/*
  77%  10px
  85%  11px
  92%  12px
  107% 14px default size
  114% 15px
  122% 16px
  136% 18px
  144% 19px default line-height
  152% 20px
  182% 24px
*/

body {
    behavior: url("/css/csshover.htc");	
	background-color: #fff;
	color: #000;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
img {
	border: none;
}
h1 {
	font-size: 136%;
}
h2 {
	font-size: 122%;
}
h3 {
    font-size: 114%;
}
h4, h5 {
    font-size: 107%;
}
hr.clearer {
	clear: both;
	visibility: hidden;
}
p {
    margin: 12px 0;
}
p img {
    margin: 1em 0;
    display: block;
}
#imgtop {
	margin-top: 5px;
	margin-right: 10px;
	float: right;
}
/* structure */
* {
}
div {
   padding: 0px;
   margin: 0px;
   text-align: left;
}
a {
   color: #00F;
   text-decoration: underline;
}
a:hover {
   text-decoration: none;
}
#header-container {
   width: 990px;
   margin: auto;
}
#footer {
	height: 50px;
	width: 990px;
	line-height: 20px;
	font-size: 9px;
	padding-left: 10px;
	background: url(../images/footer2.gif);
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 980px;
	margin: auto;
}
#footer p { margin: 0; }

#header-menu {
   height: 52px;
   width: 990px;
   background: url(../images/menu2.gif) no-repeat;
   margin: auto;
   position: relative;
}
#content-container {
	width: 990px;
	background: url(../images/left2.gif);
    margin: auto;
}

#right {   
   float: right;
   width: 205px;
   padding: 10px;
   margin: 0px;
   background: url(../images/right.gif) right;
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 185px;
}
html>body #right {
   width: 185px;
}
.headerimg {
   border: 0;
   float: right;
   padding: 2px 2px 0 0;
}
img#emergency {
   border: 0;
   float: right;
   padding: 0 8px 0 0;
}

#left {
   float: left;
   width: 785px;
   padding: 15px;
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 755px;
}
html>body #left {
   width: 755px;
}

div#nav { margin-left: 5px; padding-top: 22px; }

/* menu */
ul#h_menu,
ul#h_menu ul {
  margin: 0; padding: 0;
  background: #e1eaf7;
  }
ul#h_menu ul {
  position: absolute; display: none;
  width: 15em;
  }

/* level 1 */
ul#h_menu li {
  position: relative; float: left;
  list-style: none;
  margin: 0;
  line-height: 1em;
  }
ul#h_menu li a,
ul#h_menu li span.item {
    display: block;
    padding: .45em .8em;
    color: #000;
    text-decoration: none;
}
ul#h_menu li.current,
ul#h_menu li.current:hover {
    background-color: #e1eaf7;
}
ul#h_menu  li:hover {
    background: #e1eaf7;
    text-decoration: underline;
}
ul#h_menu li.submenu:hover {
    background-color: #e1eaf7;
    text-decoration: none;
}

/* level 2 */
ul#h_menu li.submenu:hover ul.level2,
ul#h_menu ul.level2 li.submenu:hover {
    display: block;
}
ul#h_menu ul.level2 {
    top: 1.9em;
}
ul#h_menu ul.level2 li {
    width: 14em;
}
ul#h_menu  ul.level2 li a {
    width: 100%; /* for older versions of WinIE */
    voice-family: "\"}\""; voice-family: inherit; /* box model hack */
    width: 13.5em; /* doubled heights WinIE6 problem */
}

/* top menu */
ul#help_nav {
   padding-left: 2px;
   margin: 0px;
   text-align: right;
   font-size: 9px;
   padding: 6px 20px 0 0;
}

ul#help_nav li {
   display: inline;
}

/* crumbs */
div#crumbs {
    padding-bottom: 15px;
}
p.crumbs,
ul.crumbs {
    margin: 0;
    font-size: .9em;
}
p.crumbs {
    float: left;
}
ul.crumbs li {
    float: left;
    margin: 0 .5em;
    list-style: none;
}

/* headlines */
div.headline_entry {
    margin-bottom: 10px;
    padding-bottom: 20px;
    background: url("/images/hr.gif") no-repeat left bottom;
    width: 99%;
}
.headline_entry h3 {
    margin-top: 2px;
    font-size: 120%;
}
.headline_entry h3 a {
    color: #000;
}
em.date_homepage {
   color: #AAA;
}
.info em.date {
   color: #AAA;
}
img.right {
    float: right;
    border: 1px solid #AAA;
    padding: 5px;
    margin: 0 10px;
}
img.left {
    float: left;
    border: 1px solid #AAA;
    padding: 5px;
    margin: 0 10px;
}
.right_nav {
    padding: 5px 0;
}
.right_nav a {
	float: left;
    color: #F00;
    font-weight: bold;
    font-size: 85%;
}
.left_nav {
    margin: 10px 0;
}
div.clearfix .info {
    padding: .5em 0;
    border-bottom: 1px #e6e9db dotted;
    margin-bottom: 2em;
}

/* archive */

div#archive h2,
div#archive .date {
    color: #000;
    text-align: center;
}
div#archive .info,
div#archive h3 {
  float: left;
  padding: 0; margin: 0 0 20px;
}
div#archive .info {
  clear:left;
  width: 100px;
  }
div#archive h3 {
  clear: none;
  width: 600px;
  }
div#archive div.info {
    padding-right: 20px;
}
div#archive a {
    text-decoration: underline;
}
div#archive a:hover {
    text-decoration: none;
}
div#archive_summary_component h5 {
    font-size: 92%;
}


/* neighbours */
div.neighbours {
  text-align: center;
  margin: 1em 0;
  padding-top: 1em;
  }

div.neighbours div.next {
  float: left;
  clear: left;
  width: 35%;
  text-align: left;
  }

div.neighbours div.previous {
  float: right;
  clear: right;
  width: 35%;
  text-align: right;
  }
span.top {
  padding-top: 1em;
  }

/* sidebar - bok prawa */
#right p {
    margin: 0;    
}
#right h1 {
    font-size: 95%;
    padding: 0;
    margin: 20px 0 10px 0;
}
#right h2 {
    font-size: 85%;
    padding: 0;
    margin: 10px 0 10px 0;
    margin-left: 15px;
}
#right h3 {
   color: #ED1D24;
   font-size: 10px;
}
#right ul {
   padding: 0 0 0 20px;
   margin: 0;
}
#right p.dojazd {
    margin-left: 15px;
}
#right p.dojazd a {
    color: #00B;
}
#right p.kontakt {
    margin-top: 5px;
    margin-left: 15px;
}
#right p.kontakt a {
    color: #00F;
}

/* slidebar search */
#search_form {
    margin: 5px 0 15px 0;
}
#search_form .text {
    width: 120px;
    border: 1px solid #000;
    font-size: 92%;
    padding: 2px 4px;
}
#search_form .submit {
    font-size: 85%;
    padding: 1px 2px;
}


.download {
    margin-top: 4px;
    color: #999;
    font-size: 85%;
}

/* FIELDSETS */
#feedback_form fieldset {
    border: none; border-top: 1px solid #ccc;
}
#feedback_form fieldset legend {
    margin: 0; padding: 20px 10px;
    color: #959595; background: transparent; 
    font-size: 107%; /* 14px */
    font-weight: bold;
}

/* FROM ROWS */
#feedback_form div.form_row {
    position: relative;
    clear: both;
    border-bottom: 1px solid #CCC;
    padding: 1em 0;
}
#feedback_form div.form_row,
#feedback_form div.submit_row {
    margin: 1em 0;
}
#feedback_form div.submit_row {
    margin-left: 18%;
}

/* LABELS */
#feedback_form div.form_row label {
    float: left;
    width: 20%;
    margin: 1em 0;
    text-align: right;
}
#feedback_form div.req label {
    font-weight: bold;
}

/* CONTROLS */
#feedback_form div.control {
    float: left;
    width: 73%;
    margin: 0 1em;
}
#feedback_form div.form_row input.text,
#feedback_form div.form_row textarea,
#feedback_form div.form_row select {
    margin: 1em 0;
    width: 98%;
    color: #333;
}
#feedback_form div.form_row input.text {
    font-size: 107%;
}
#feedback_form div.form_row input:focus,
#feedback_form div.form_row textarea:focus {
    background: #EFEFEF;
    color: #000;
}
#feedback_form div.form_row textarea {
    height: 300px;
}
#feedback_form div.form_row input.readonly {
    color: #CCC;
}
#feedback_form div.row_note {
    margin: 1em 0;
}

/* BUTTONS */
#feedback_form input.submit,
#feedback_form input.button {
  padding: 0 .5em; margin: 0 .5em;
}
#feedback_form input.main_submit {
  font-weight: bold;
}

/* FLASH INFO */
.flash_error {
	margin: 15px 0; padding: 1em; padding-left: 50px;
    background: url( ../images/ccForm/flash_bad_icon.png ) #FFDDCC 5px 5px no-repeat;
    border: 2px solid #DD0000;
}
.flash_error p, .flash_error li {
    color: #550000;
}
.flash_ok {
    margin: 2em; padding: 1em; padding-left: 40px;
    background: url( ../images/ccForm/flash_good_icon.gif ) #E7FBE7 3px 3px no-repeat; color: #399A39;
    border: 2px solid #399A39;
    font-weight: bold;
}

/* ERRORS */
form#feedback_form div.error {
    padding-bottom: 15px;
    background-color: #ffffE1; color: #666;
    border-top: 1px solid #FF0000;
    border-bottom: 1px solid #FF0000;
    height: 100%;
}
form#feedback_form div.error div.form_error {
    margin: 1em 0;
    color: #ff0000;
    font-weight: bold;
}

/* Bookmark */
div.bookmark_info {
    float: left;
    margin: 1em;
}
img.bookmark_screenshot {
    float: left;
    padding: 4px; margin: 1em; margin-top: 0;
    border: 1px solid #999;
    background-color: #FFF;
} 

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  }
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* end - alternative clearing method */

.weather {
  text-align: center;
  }
#right .weather p {
  text-align: left;
  margin: .5em 8px;
  }
#right .weather p.live {
  text-align: center;
  margin: 0;
  }

a.feed {
  float: right;
  padding-right: 20px;
  background: url( "../images/ccFeed/rss_icon.gif" ) no-repeat top right; color: #ED7002;
  }
#feeds_list li {
  margin-left: 0;
  list-style: none;
  }
#feeds_list a.feed {
  float: none;
  padding-left: 20px; padding-right: 0;
  background-position: top left;
  }
#feeds_list p {
  margin-left: 20px;
  }

/* ---- rozne inne style ---- */

/* wiecej faq */
p.wiecej { 
    text-align: right;
    padding: 10px 2px 0 0;
}


/* ---- homepage ---- */
div.homepage-headline {
  float: left;
  width: 580px;
  }

div.homepage-paper {
  float: right;
  width: 143px;
  border-left: 1px dotted #ccc;
  padding-left: 15px;
  }
div.homepage-paper h3 {
  margin: 0 0 20px 0;
  font-size: 100%;
  }
div.homepage-paper h4 {
  font-size: 100%;
  text-align: center;
  }
div.homepage-paper p.download {
  text-align: center;
  margin-top: .5em;
  margin-bottom: 2em;
  }
div.homepage-paper .item {
  display: block;
  width: 122px;
  margin: 0 auto;
  }
div.homepage-paper .item  img {
  border: 1px solid #eee;
  }
div.homepage-headline .headline_entry img.left {
  float: left;
  }

div.homepage-paper {
  }

a.sidebar-wydawnictwa {
  font-size: 85%;
  }
.logo-made-in-koszalin,
.logo-rzetelna-firma {
  margin: 20px 0;
  text-align: center;
  }

img.bug {
  margin-right: 40px;
  }
p.bug {
  position: relative;
  left: -20px;
  }
  
div.sprzedaz {
  padding-left: 1em;
  }  
#cieplo-systemowe { margin: 20px 0; }

#cieplo-systemowe.flash-replaced .alt {
  width: 180px;
  height: 180px;
  }
#cieplo-systemowe.flash-replaced .alt a {
  display: block;
  width: 180px;
  height: 180px;
  }
#cieplo-systemowe.flash-replaced .alt a span {
  display: none;
  }