/* Start of CMSMS style sheet 'TOcss' */
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
   text-align: left;
   color: #000000;
   font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
   font-size: 13px;
   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: none;
   background-color: inherit; 
   color: #000000; 
}

a:visited {
   text-decoration: none;
   background-color: inherit;
  color: #000000;        
}

/* remove underline on hover and change color */
a:hover {
text-decoration: underline;
}

/*****************
basic layout 
*****************/
body {
  font-size: 13px;
  background-color: #fff;
  color: #000000;
  margin: 0 auto;

}

html, body {
  height: 100%;
}


div#pagewrapper {
  width: 765px;
  color: #000000;
  position: relative;
        min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -70px;

}


/* S */
div#pagewrapper_sub {
  width: 100%;
  background: url(uploads/images/spotkania-online/tlo_podstrona.png) repeat-x left 96px;  
  color: #003663;
  position: relative;
  min-height: 100%;
  z-index: 2;

}

div#header {
  background-color:#ffffff;
  left: 0px;
  width:765px; 
  border: none;
  height: 90px;

}

div#redblock {
  background-color:#f21000;
  padding: 30px 20px 0 20px;
  width:725px; 
  border: none;
  height: 45px;

}
div#redblock h2 {
  color:#ffffff;
  font-size: 26px;
  line-height: 26px;
 

}
div#title {
  padding: 0;
  width:425px; 
  border: none;
  float: left;
  text-align: left;
  vertical-align: top;
  line-height: 26px;
}
div#telefon {
  padding: 0;
  width:300px; 
  border: none;
  float: right;
  text-align: right;
  vertical-align: top;
}

div#logo {
  background-color:#ffffff;
  float:left;
  width:500px; 
  border: none;
  height: 90px;

}
div#topright {
  background-color:#ffffff;
  color: #000000;
  font-weight: bold;
  font-family: Arial;
  font-size: 13px;
  float:left;
  width: 198px; 
  border: none;
  height: 90px;

}
div#znak {
  background-color:#ffffff;
  float:left;
  width: 67px; 
  border: none;
  height: 90px;

}


div#flash {
  background: url(uploads/images/flash.jpg) no-repeat left top;
  margin: 0 auto;
  width: 765px;
  padding: 0;
  height: 238px;
  border: 0px solid #003663;
  position: relative;

}
div#newest {
  background-color: #fff;
  margin: 0 auto;
  width: 765px;
  padding: 0;
  height: 32px;
  border: 0px solid #003663;
  position: relative;
  line-height: 30px;

}

div#newprod {
  background-color: #fff;
  margin: 0 auto;
  width: 370px;
  padding: 0px;
  height: 138px;
  border: 1px solid #b2b2b2;
  position: relative;
  float: left;
}

div#text,  .text {
  background-color: #fff;
  margin: 0 auto;
  width: 160px;
  height: 128px;
  padding: 5px;
  border: 0px solid #b2b2b2;
  position: relative;
  float: left;
  font-size: 11px;
  color: #000000;
  font-family: Arial;
}

div#photo,  .photo {
  background-color: #fff;
  padding: 5px 5px 0 5px;
  width: 188px;
  height: 128px;
  float:left;
}


div#promo {
  background-color: #fff;
  margin: 0 auto;
  width: 370px;
  padding: 0px;
  height: 138px;
  border: 1px solid #b2b2b2;
  position: relative;
  float: right;

}


div#main-start {
  margin: 0 auto;
  width: 690px;
  padding: 0 30px 30px 30px;
  min-height: 400px;
  height:auto !important;
  height:400px;
  position: relative;

}

div#main h2 {
width: 350px;
}

div#push {
height: 35px;
}

div#footer {
  width: 700px;
  padding: 0px 0px 10px 0px;
  position: relative;
  clear: both;
  font-size: 11px;
  text-align: center;
  color: #999999;
  height: 55px;
  margin: 0 auto;

}


div#footer a {
  text-decoration: none;
  color: #969696;
}

div#footer a:hover {
  text-decoration: underline;
  color: #000000;
}


/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   padding: 1em;
   border-bottom: 1px dotted black;
   margin: 1em;
}


/********************
CONTENT STYLING
*********************/

div#main{
  background-color:#ffffff;
  width:765px; 
  border: 0;
  padding:0;
  margin:0;
}

div#sidebar{
  background-color:#ffffff;
  float:left;
  width:265px; 
  border: 0;
  font-family: Arial;
  font-size: 13px;
  color:#000000;
 }

div#content{
  background-color:#ffffff;
  float:right;
  width:500px; 
  border: 0;
  font-family: Arial;
  font-size: 13px;
  color:#000000;
  line-height: 16px;
 }


div#content a.oferta_link{
  color:blue;
  text-decoration:underline;
}


div#content2menu{
  background-color:#e5e5e5;
  padding: 5px;
  float:right;
  width:490px; 
  min-height:300px;
  line-height: 16px;
  border: none;
  font-family: Arial;
  font-size: 13px;
  color:#000000;
}


/* HEADINGS */
div#content h1 {
   font-size: 2em; /* font size for h1 */
   line-height: 1em;
   margin: 0;
}
div#content h2 {
  padding: 40px 0 0 0;
  color: #003663; 
  font-size: 24px;
  line-height: 1.1em; 
  font-weight: normal;
  text-align: left; 

  margin: 0 0 0.5em 0;
clear:both;
}
div#content h3 {
  padding: 22px 0 0 0;
  color: #003663; 
  font-size: 18px; 
  font-weight: normal;
  text-align: left; 
  margin: 0 0 0.5em 0;
}
div#content h4 {
   color: #294B5F; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   color: #294B5F; 
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   color: #294B5F; 
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/*Content2 */
div#content2 {
  padding: 16px 0 0 0;
  width:100%;
  /*height:100%;*/
  /*background: url(uploads/images/spotkania-online/tlo_02.png) repeat-x left top;*/
}

/* HEADINGS */
div#content2 h1 {
   font-size: 2em; /* font size for h1 */
   line-height: 1em;
   margin: 0;
}
div#content2 h2 {
  padding: 40px 0 0 0;
  color: #003663; 
  font-size: 24px; 
  line-height: 1.1em;
  font-weight: normal;
  text-align: left; 
  margin: 0 0 30px 0;
  clear:both;
}
div#content2 h3 {
  padding: 22px 0 0 0;
  color: #003663; 
  font-size: 18px; 
  font-weight: normal;
  text-align: left; 
  margin: 0 0 0.5em 0;
}
div#content2 h4 {
   color: #294B5F; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#content2 h5 {
   color: #294B5F; 
   font-size: 1.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 */
  font-family: Arial;
  font-size: 13px;
  padding: 0;
  color: #000000;
}

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;
}


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

.title {
padding: 10px 0 10px 0;
font-family: Arial;
font-size: 13px;
color: #000000;
font-weight: bold;
}


.NewsSummaryLink {
    font-weight: bold;
   padding: 0.4em 0 1.3em 0;
}

.NewsSummaryMorelink{
width:50px;
position: absolute;
bottom:0.6em;
right:0.6em;
background: url("uploads/images/strzala.png") no-repeat right bottom;
}

/* 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: 16px;
   margin: 0 0 1.5em 19px;
}

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

div#main ul,
div#main ol,
div#main dl {
   margin: 0 0 1.5em 19px;
   line-height: 16px;
}


/* 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 */

#fading_news_header {
  padding: 0 14px 0 0;
  float: left;
}

#fading_news_header a,
#fading_news a {
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
}

#fading_news a {
  font-weight: normal;
}

#fading_news_header a:hover,
#fading_news a:hover {
  text-decoration: underline;
}

#fading_news div {
   top:  0; 
   left: 0;
  margin: 0 0 0 50px;
}

/* End of 'TOcss' */