/* Start of CMSMS style sheet 'mareli1' */
/* mareli.pl by Wolu, w44 */


body
{
background: #FFFFFF;
font-size: 14px;
font-family: "trebuchet ms", helvetica, sans-serif;
color: #002E50;
margin: 0 auto;
padding: 0;
text-align: center;
}

a

{

color: #002E50;

text-decoration: none;

}



a:hover

{

color: #FFCD00;
text-decoration: none;

}



#mareli
{
background: #FFFFFF url('http://mareli.pl/tlo.png') repeat-x;
margin: 0 auto;
overflow:auto;
height: auto;
}

#iner
{
margin: 0 auto;
width: 990px;
height: auto;
text-align: left;
overflow:auto;
}

#iner2
{
background: #FFFFFF url('http://mareli.pl/tlo2.png');
margin-left: 80px;
margin-right: 116px;
margin-bottom: 0px;
width: 794px;
height: auto;
overflow:auto;
}


div.lewa
{
width: 550px;               /* szerokość kol */
text-align: Left;
float: left;              /* umieszcza kolumnę tekstu po lewej stronie */
padding-right: 10px;     /* odległość od "obwódki" tekstu z prawej strony (0.8cm) */
border-right: dashed 1px #EBEBEB; /* określa ramkę po prawej stronie na ciągłą-cienką */
margin-left: 25px;
overflow:auto;
height: auto;
}

div.prawa
{
width: 180px;
text-align: Left;
float: right;        /* umieszcza kolumnę po prawej stronie */
padding-left: 10px; /* odległość od obwódki tekstu z lewej strony (0.8cm) */
margin-right: 0px;   /* margines po prawej stronie=1cm */
overflow:auto;
height: auto;
} 

#naglowek
{
border-bottom: 1px solid #FFCD00;
}

#spacer
{
height: 200px;
padding-top: 10px;
}

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

}
/* HEADINGS */
div#content h1 {
   font-size: 2em; /* font size for h1 */
   line-height: 1em;
   margin: 0;
}
div#content h2 {
	color: #003249; 
	font-size: 1.5em; 
        font-family: inherit;
	text-align: left; 
/* some air around the text */
	padding-left: 0.5em;
	padding-bottom: 1px;
/* set borders around header */
	border-bottom: 1px solid #FFCD00; 
	border-left: 1.1em solid #FFCD00; 
        line-height: 1.5em;
/* and some air under the border */
        margin: 0 0 0.5em 0;
}
div#content h3 {
   color: #003249; 
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
    font-family: inherit;
}
div#content h4 {
   color: #003249; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
 font-family: inherit;
}
div#content h5 {
   color: #003249; 
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
 font-family: inherit;
}
h6 {
   color: #003249; 
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
 font-family: inherit;
}
/* 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;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;


}

/* Separating the divs on the template explanation page, with some bottom-border */
div.templatecode {
  margin: 0 0 2.5em;
}

/* END TEXT */

/* LISTS */
/* lists in content need some margins to look nice */
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 ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

/* definition lists topics on bold */
div#main dl dt {
   font-weight: bold;
   margin: 0 0 0 1em;
}
div#main dl dd {
   margin: 0 0 1em 1em;
}

div#main dl {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c0c0c0;
}


/* END LISTS */


#footer

{
position: relative;
clear: both;
height: 66px;
text-align: center;
line-height: 66px;
background-image: url(http://mareli.pl/a50.gif);
color: white, bold;
}

#footermenu

{
position: relative;
clear: both;
text-align: center;
border-top: 2px solid #FFCD00;
background-color: #e6e6e6;
width: 780px;
}

#footermenu ul

{

}

#footermenu ul li.first

{

}

#footermenu ul li
{
display: inline;
border-right: 1px solid #002E50;

padding-left: 10px;
padding-left: 10px;
text-align: center;
}

#footermenu ul li a
{
color: #002E50;
font-weight: bold;
text-decoration: none;
}


#footermenu ul li a:hover

{
color: #FFCD00;
text-decoration: none;
}

#mainnav
{
list-style: url(http://mareli.pl/pik.gif);
}


#nav1{
position: relative;
clear: both;
margin-top: 1em;
list-style: url(http://mareli.pl/pik.gif);
margin-bottom: 0.5em;

}

#nav1 ul {
background-color: #EBEBEB;
text-align: left;
margin-left: 0;
padding-left: 0;
border-bottom: 1px solid gray
}

#nav1 li {
padding: 0.25em 1em;
border-left: 1px solid white;
display: inline
}

#nav1 li:first-child {
border: none;
}

#foot
{
margin: 10 auto;
}




/* News Layout */

.NewsSummary {
margin:5px  40px;
list-style: url(http://mareli.pl/pikd.gif);
 }

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryTitle {

 }

.NewsSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
 }

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
  margin-bottom: 5px;
 }

#NewsPostDetailDate {
  font-size: 90%;
  font-style: italic;
  margin: 5px;padding:0 10px;
  }

#NewsPostDetailSummary {padding:0 10px;
   margin-bottom: 10px;
  line-height: 150%;
   }

#NewsPostDetailContent {
  margin-bottom: 15px;padding:0 10px;
  line-height: 150%;
  }

/* to add specific style to the below div, uncomment them. */
 
.NewsSummaryLink {}
.NewsSummaryAuthor {display:none}
.NewsSummaryMorelink {
  margin:0 0 10px 10px;padding: 0;
}
#NewsPostDetailTitle {
  padding:0 10px;color:#666666;
}
#NewsPostDetailHorizRule {}
#NewsPostDetailCategory {
  padding:0 10px;
}
#NewsPostDetailAuthor {
  padding:5px 15px;
}
#NewsPostDetailAuthor {}
#NewsPostDetailPrintLink {
  padding:0px 10px;
}
#NewsPostDetailReturnLink {
  padding:5px 10px;
}

.BlogSummary {
    margin-bottom: 0px;
 }

.BlogSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.BlogSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
 }

.BlogSummarySummary, .BlogSummaryContent {
  line-height: 140%;
  margin-bottom: 5px;
 }

#BlogPostDetailDate {
  font-size: 90%;
  font-style: italic;
  margin-bottom: 5px;padding:0 10px;
  }

#BlogPostDetailSummary {padding:0 10px;
   margin-bottom: 10px;
  line-height: 150%;
   }

#BlogPostDetailContent {
  margin-bottom: 15px;padding:0 10px;
  line-height: 150%;
  }

/* to add specific style to the below div, uncomment them. */
 
.BlogSummaryLink {}
.BlogSummaryAuthor {}
.BlogSummaryMorelink {
  margin:0 0 10px 10px;padding: 0;
}
#BlogPostDetailTitle {
  padding:0 10px;color:#666666;
}
#BlogPostDetailHorizRule {}
#BlogPostDetailCategory {
  padding:0 10px;
}
#BlogPostDetailAuthor {
  padding:5px 10px;
}
#BlogPostDetailAuthor {}
#BlogPostDetailPrintLink {
  padding:0px 10px;
}
#BlogPostDetailReturnLink {
  padding:0 10px;
}

#addcommentlink{
  padding:0 10px;
}

/* end News Layout */

/* End of 'mareli1' */