/* Start of CMSMS style sheet 'WOZKOSZ 2008: Layout' */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/body {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 75.01%;
   line-height: 1em;
}

/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 1em;
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}

/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link 
a:active {
   text-decoration: underline;
   color: #18507C; 
}

a:visited {
}

a:hover {
   text-decoration: none;
   color: #385C72;
}

/*****************
basic layout 
*****************/
body {
  background: url(uploads/images/layout/body_bg_01.gif) repeat-x left top #fff;
  color: #333;
}

#bodywrapper {
  background: url(uploads/images/layout/body_bg_02.png) repeat-x left bottom;  
}

/* center wrapper, min max width */
div#pagewrapper {
  width: 920px;
  margin: 0 auto;     
  color: black;
}

div#header {
  height: 180px;
  position: relative;
  background: url(uploads/images/layout/top.jpg) no-repeat left top;  
}

div#header h1 a {
   display: block; 
   height: 80px;
   text-indent: -999em; 
   text-decoration:none; 
}

div#search {
   float: right;
   width: 23em;     /* enough width for the search input box */
   text-align: right;
   padding: 0.6em 0 0.2em 0;
   margin: 0 1em;
}

div.breadcrumbs {
   padding: 1em 0 1.2em 0; /* CSS short hand rule first value is top then right, bottom and left */
   font-size: 90%;             /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
   margin: 0 1em;              /* css shorthand rule will be opened to be "0 1em 0 1em" */
   border-bottom: 1px dotted #000;
}

div.breadcrumbs span.lastitem { 
   font-weight:bold; 
 } 

div#content {
  padding: 18px 10px 0 10px;
  float: left;
}

div#main {
  width: 556px;
  margin: 0 5px 0 9px;
  /*padding: 0 0 10px 0;*/
  float: left;
  display: inline;
}

div#main_01 {
  height: 10px;
  font-size: 0;
  background: url(uploads/images/layout/main_01.gif) no-repeat left top;
}

div#main_02 {
  padding: 0 11px;
  background: url(uploads/images/layout/main_02.gif) repeat-y left top;
}

div#main_02 h2 {
  color: #555;
  margin: 0 0 0 5px;
  background: url(uploads/images/layout/news_icon.png) no-repeat left center;
}

div#main_03 {
  height: 10px;
  font-size: 0;
  background: url(uploads/images/layout/main_03.png) no-repeat left bottom;
}

div#sidebar {
  float: left; 
  width: 317px;
  margin: 0 9px 0 4px;
  display: inline; 
}

div#polecamy_box_mini,
div#reklama_box_mini {
  margin: 0 0 10px 0;
  padding: 10px 0 0 0;
  background: url(uploads/images/layout/polecamy_box_mini_01.gif) no-repeat left top;
}

div#polecamy_box_mini div,
div#reklama_box_mini div {
  padding: 0 16px 11px 16px;
  background: url(uploads/images/layout/polecamy_box_mini_02.png) no-repeat left bottom;
}

div#polecamy_box_mini div img {
  margin: 0 2px 0 0;
  vertical-align:middle;
}

div#impreza_box_01 {
  height: 10px;
  font-size: 0;
  background: url(uploads/images/layout/impreza_box_01.gif) no-repeat left top;
}

div#impreza_box_02 {
  padding: 0 16px;
  text-align: center;
  background: url(uploads/images/layout/impreza_box_02.gif) repeat-y left top;
}

div#impreza_box_02 img {
  padding: 5px;
  border: 1px solid #f0f0f0;
}

div#impreza_box_02 a {
  font-weight: bold;
  line-height: 140%;
  color: #906f55;
}

div#impreza_box_02 h2 {
  color: #555;
  background: url(uploads/images/layout/impreza_icon.png) no-repeat left center;
}

div#impreza_box_03 {
  height: 10px;
  margin: 0 0 10px 0;
  font-size: 0;
  background: url(uploads/images/layout/impreza_box_03.gif) no-repeat left top;
}


div#kalendarz_box_01 {
  height: 10px;
  font-size: 0;
  background: url(uploads/images/layout/kalendarz_box_01.png) no-repeat left top;
}

div#kalendarz_box_02 {
  padding: 0 11px 6px 11px;
  background: url(uploads/images/layout/kalendarz_box_02.png) no-repeat left bottom #799fc5;
}

div#kalendarz_box_02 h2 {
  color: #fff;
  background: url(uploads/images/layout/kalendarz_icon.png) no-repeat left center;
}

div#kalendarz_box_03 {
  height: 10px;
  font-size: 0;
  background: url(uploads/images/layout/kalendarz_box_03.png) no-repeat left bottom;
}

div#polecamy_box {
  width: 880px;
  margin: 0 10px;
  padding: 20px 0 0 0;
  clear: both;
  background: url(uploads/images/layout/polecamy_box_01.png) no-repeat left 10px;
}

div#polecamy_box div {
  padding: 0 20px 10px 20px;
  background: url(uploads/images/layout/polecamy_box_02.png) no-repeat left bottom;
}

div#polecamy_box div img {
  margin: 0 5px 0 0;
  vertical-align:middle;
}

div#polecamy_box div h2,
div#polecamy_box_mini div h2,
div#reklama_box_mini div h2 {
  color: #555;
  margin: 0 0 0 -5px;
  background: url(uploads/images/layout/polecamy_icon.png) no-repeat left center;
}

div#footer {
  height: 161px;
  clear:both; 
  color: #fff;
  background: url(uploads/images/layout/footer.png) no-repeat 5px top;
}

div#footer p {
   font-size: 0.8em;
   padding: 40px 0 10px 0;
   text-align: center;
   margin:0;
}

div#footer img {
   margin: 0 0 -6px 0;
}

div#footer p a {
   color: #fff; /* needed becouse footer link would be same color as background otherwise */
}

div#footer .top_btn a {
  width: 15px;
  height: 19px;
  margin: 3px 0 0 30px;
  display: block;
  text-indent: -999px;
  outline: none;
  background: url(uploads/images/layout/top_btn.gif) no-repeat left top;
}

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   margin: 1em 0;
   background: url(uploads/images/layout/hr.gif) repeat-x left top;
}


/********************
CONTENT STYLING
*********************/
div#content {

}

/* HEADINGS */
div#content h1 {
   font-size: 2em;  /* font size for h1 */
   line-height: 1em;
   margin: 0;
}
div#content h2 {
  /*color: #555; */
  font-size: 1.6em; 
  font-weight: normal;
  text-align: left; 
  line-height: 51px;
  padding: 0 0 0 45px;
}

div#content h3 {
   color: #ee6a00; 
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}
div#content h4 {
   color: #ee6a00; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0;  /* some air around p elements */
   line-height:1.4em;
   padding: 0;
}
blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* END TEXT */

/* LISTS */
div#main ul,
div#main ol,
div#main dl {
  font-size: 1.0em;
  line-height:1.4em;
  margin: 0 0 1.5em 0;
}
div#main_02 ul {
  list-style: square outside url(uploads/images/layout/arrow_01.gif);
}

div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}
/* END LISTS */


/* TABLES */
#main_02.table_css table {
  width: 500px;
  border: 1px solid #ccc;
}

#main_02 table.table_css th {
  padding: 5px;
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  background: #79a0c6;
  color: #f0f0f0;
}

#main_02 table.table_css td {
  width: 500px;
  padding: 5px;
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}


#main_icons_set {
  padding: 0 0 0 20px;
}

#main_icons_set img {
  padding: 0 10px 0 0;
}

#main_ul ul {
  width: 49%;
  float: left;
}

#main_ul ul li,
#main_ul ul a {
  font-size: 90%;
}

/* End of 'WOZKOSZ 2008: Layout' */