/* Start of CMSMS style sheet 'kajaki : GiM' */
/*Box Model by GiM */
/*http://tantek.com/CSS/Examples/boxmodelhack.html*/
/*http://www.thenoodleincident.com/tutorials/box_lesson/basic4.html*/
/********** Basic Layout ***********/
*{
margin:0;
padding:0;
}

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, sans-serif;
	color: #000;
	background-color: #385c72;
background:#3b43a9 url(uploads/kajaki/tlo1.gif) repeat-x;

             	}

#calosc {
width: 88%;
margin:20px auto 20px auto;

}

#kolumny {
  background: #2d4488;
}
#naglowek {
  background-image:url(uploads/kajaki/logo.jpg);
   background-repeat:no-repeat;
   background-position:center;
   	height: 150px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 150px;
  border-top: #AAB5E6 2px solid;
  border-bottom: #AAB5E6 2px solid;
}

html>body #naglowek {
	height: 150px; /* ie5win fudge ends */
	}

#lewo {
  float: left;
  width: 250px;
 background: #2d4488;
  
}

#lewo p.odstep {
margin:30px 0 0 15px;}


#lewo img.srodek11 { 
display: block; 
margin: 0 auto;
}

                                                        /*            prawa kolumna                 */
#srodek {
  margin-left: 250px;
  background: #5368a6;


}



                                          /* style do obrazkow - style gregora */	
	    
#srodek img.lewy { 
padding: 2px;
background-color: #001f7a;
border: 1px solid #001f7a;
display: block; 
float: left;
margin: 0px 10px 10px 0px;
}

#srodek img.lewy1 { 
padding: 4px;
display: block;
float: left;
margin: -14px -2px 0 5px;
/*margin-left: 1em;*/
}

#srodek img.lewy2 { 
padding: 4px;
display: block;
float: left;
/*margin: -10px 5px 0 0;*/
margin: 0 5px 0 0;
border: 0px;
}


#srodek img.lewy3 { 
padding: 4px;
display: block;
float: left;
margin: -20px 5px 20px 0px;
margin-left: 0.4em;
}

#srodek img.lewy25 { 
padding: 4px;
display: block;
float: left;
margin: -3px 5px 0px 0px;
margin-left: 0.2em;
border: 0px;
}


#srodek img.tele { 
padding: 4px;
display: block;
float: left;
margin: 5px 0px 0px 0px;
margin-left: 1.3em;
}

#srodek img.tele2 { 
padding: 4px;
display: block;
float: left;
margin: 5px 0px 0px 0px;
margin-left: 1.3em;
}


#srodek img.srodek1 { 
padding: 6px;
display: block; 
text-align: center; 
margin: 10px 10px 10px 10px;
}

                              /* the end - style gregora */
	
#tresc {
  /*background: #000000;*/
  background: #e6ecff;
  margin-right: 160px;
  padding: 10px;
}
#prawo {
  float: right;
  width: 160px;
  background: #5368a6;
  text-align:center;
}


.clear {
  clear: both;
}
#stopka {
  height: 60px;
  background: #5368a6;
  border-top: #AAB5E6 2px solid;
  border-bottom: #AAB5E6 2px solid;
}

.invisible{display: none !important;}


/********** End Basic Layout ***********/

                                             /********** Basic Style ***********/


/* moje - tag <p> dla srodka */

div#tresc p{
margin: 0 0 0.8em 0;
text-align: left;
font-size: 1.2em;
font-weight: 400;
font-family: arial, helvetica, verdana, sans-serif;
white-space: normal;
text-indent: 1.5em;
line-height: 1.5em;
}

div#tresc p.galeria{
margin: 7em 0 0 0;
}

div#tresc p.odstep{
margin: 0 0 6% 0;
}


div#tresc p.prosty{
margin: 0 0 0.8em 0;
text-align: left;
font-size: 1.2em;
font-weight: 400;
font-family: arial, helvetica, verdana, sans-serif;
white-space: normal;
line-height: 1.5em;
text-indent: 0%;
margin-bottom: 2em;
}

div#tresc p.linia{
border-bottom: 1px solid #c0c0c0;
}


div#tresc p.italic{
   color: #294B5F; 
   font-size: 1.2em;
   font-style: italic;
}

div#tresc strong{
   color: #000; 
   font-size: 1.1em;
font-weight: 600;
line-height: 1.5em;
font-family: arial, helvetica, verdana, sans-serif;
}

/*=============== span =================*/

div#tresc span.spblack{
   font-size: 1.2em;
   font-weight:400;
   line-height: 1.4em;
   font-family: arial, helvetica, verdana, sans-serif;
   white-space: normal;
   color: #000000; 
}

div#tresc span.spblackp{
   font-size: 1.2em;
   font-weight:400;
   line-height: 1.4em;
   font-family: arial, helvetica, verdana, sans-serif;
   white-space: normal;
   color: #000000; 
   margin-left: 4.5em;
}

div#tresc span.spblue{
   color: #000080; 
   font-size: 1.2em;
   font-weight: 400;
   white-space: normal;
   line-height: 1.4em;
   font-family: arial, helvetica, verdana, sans-serif;
 }

div#tresc span.spred{
   color: #ff0000; 
   font-size: 1em;
   font-weight: 400;
   white-space: normal;
   line-height: 1.4em;
   font-family: arial, helvetica, verdana, sans-serif;
 }


div#tresc span.spbluex{
   color: #000080; 
   font-size: 1em;
   font-weight: 400;
   white-space: normal;
   line-height: 1.4em;
   font-family: arial, helvetica, verdana, sans-serif;
 }

div#tresc span.spbluep{
   color: #000080; 
font-size: 1em;
   font-weight: 400;
   white-space: normal;
  line-height: 1.2em;
   font-family: arial, helvetica, verdana, sans-serif;
/* margin: 0 0 0.5em 1em;*/

 }

span{
 font-size: 1.2em;
 font-weight: 400;
 font-family: arial, helvetica, verdana, sans-serif;
 white-space: normal;
 color: #000;
 line-height: 1.4em;
}

div#tresc span.splink{
   color: #000080; 
   font-size: 1em;
   font-weight: 400;
   white-space: normal;
   line-height: 1.2em;
   font-family: arial, helvetica, verdana, sans-serif;
   text-decoration: underline;
 }


.links{
 border: 1px solid #373737;
 margin-left: 0.3em 1em 1em 1em;
}

/* ===================== the end span ==================== */


                                                    /* HEADINGS - tagi <h> */
div#tresc h2 {
 color: #001f7a; 
 font-size: 1.3em; 
 text-align: left; 
 padding-left: 1px;
 padding-bottom: 1px;
 border-bottom: 1px solid #202F5F; 
 line-height: 1.5em;
 margin-bottom: 15px;
 /*text-transform: capitalize;*/
/*text-shadow:  0 0 0.2em #87F, 0 0 0.2em #87F,
        0 0 0.2em #87F;*/
/*text-shadow: 0.09em 0.1em #5368ab*/
}


div#tresc h3 {
   color: #294B5F; 
   font-size: 1.3em;
   line-height: 1.2em;
   margin: 1em 0 0 0;
}

div#tresc h4 {
   color: #001f7a; 
   font-size: 1em;
   /*line-height: 1.1em;*/
   margin: 0 0 0.25em 0;
   text-align: center;
   border-bottom: 1px solid #202F5F; 
   line-height: 1.5em;
text-transform: uppercase;
}

div#tresc h5 {
   color: #241282; 
   font-size: 1.1em;
   /*line-height: 1em;*/
   margin: 0 0 0.5em 0;
 line-height: 2em;
}
 
div#tresc h5.kajak {
  color: #ff0000; 
   
}

div#tresc h5.kajak2 {
  /*color: #ff0000; */
     color: #241282; 
  font-size: 1em;
}

div#tresc h6 {
   color: #294B5F; 
   font-size: 1em;
   line-height: 1.3em;
   margin: 1.3em 0 0 0;  
}

/* END HEADINGS */
/* ======================== moje lists =============================*/

div#tresc ul{
  margin: 0.8em 0 0.5em 3.3em;
  list-style-image:url(uploads/kajaki/kayak.gif);/* list-style-position:inside;*/
  font-size: 1em;
  font-weight: 400;
  font-family: arial, helvetica, verdana, sans-serif;
  white-space: normal;
  color: #000;
  line-height: 1.5em;
margin-bottom: -10px;
}





div#tresc ul.kayak{
  margin: 0.8em 0 0.5em 5.3em;
  list-style-image:url(uploads/kajaki/31.kayak.gif);/* list-style-position:inside;*/
margin-bottom: -10px;
}

div#tresc ol{
  margin: 0.8em 0 0.5em 2.3em;
  font-size: 1.2em;
  font-weight: 400;
  font-family: arial, helvetica, verdana, sans-serif;
  white-space: normal;
  color: #000;
  line-height: 1.3em;
 margin-top: 5px;
}

/* =========================================================== */
/* LISTS */
/* lists in content need some margins to look nice */


/*div#tresc ul li.lidwa{
list-style-image:url(uploads/kajaki/17.kayak.gif); list-style-position:inside;
line-height: 5em;
}*/

div#tresc ul li.liphone{
list-style-image:url(uploads/images/phonen31.jpg); list-style-position:inside;
line-height: 1.5em;
}

div#tresc ul li.limobile{
list-style-image:url(uploads/images/mobile.jpg); list-style-position:inside;
 line-height: 4em;

}

div#tresc ul li.litrzy{
list-style-image:url(uploads/kajaki/kayak.gif);
   margin: 0.5em 0 0.55em 0;
}

ol.kwadrat{
list-style-type: circle;
}

/* definition lists topics on bold - moja modyfikacja */
                                                   
div#tresc dt {
 font-size: 1.2em;
 font-family: arial, helvetica, verdana, sans-serif;
 font-weight: 400;
 margin: 0.8em 0 0.1em 1em;
color: #000080;
border-bottom: 1px solid #c0c0c0;
}

                 
div#tresc  dd {
    margin: 0 0 0.1em 1em;
 font-family: arial, helvetica, verdana, sans-serif;
 font-size: 1.2em;
 font-weight: 400;

}

div#tresc dl.fotki {
 margin: 1em 0 0 1em 0.1em;
margin-top: 1em;
}

div#tresc dl {
  margin-bottom: 0.8em;
/* border-bottom: 1px solid #c0c0c0;*/
 
}

/* END LISTS */
/********** End Basic Style ***********/

/* End of 'kajaki : GiM' */