@import "style_portal.css"; 

/* ================= PORTAL 2.0 ================ */


* {    font-family: Tahoma,Verdana,Helvetica,Arial; 
       font-size:   x-small; 
       color: #3d3d3d;

  }
  
* b { font-weight: bold } 

body,html { background : #efefef;

            background-image: url(images/bg.jpg); background-repeat: repeat-x;


            margin: 0;
            padding: 0;
	    behavior: url("csshover.htc") 
          }




#canvas { width: 1008px;
          top: 0px;
	  z-index: 1;
	  padding: 0px;


	 }

#header {  }
#header img { width: 1008px; padding:0; margin:0}

#footer { float: left;
          padding: 0;
	  margin: 0;
          background-image: url(images/footer2.jpg); background-repeat: repeat-x;
          
          height: 1px;
          border: 0px solid red;
          background-color: transparent;
          width: 100%;
	}




#main {    padding: 0; 
	   height: auto;
           float: left;
           width: 1008px;

           background-image: url(images/main.jpg); background-repeat: repeat-x;
           

           min-height: 400px;
	   border: 0px solid red;


      }



#lmenu  { color: white;
          text-decoration: none;
          font-weight : bold;
	  padding: 1px;
          padding-left: 20px;
	  text-align: left;
	  float: left;
	width: 200px;
	border: 0px solid red;

	}

#lmenu ul,
#lmenu li,
#lmenu a { display:block;
            margin:0;
            padding:0;
	    border:0;
         }

#lmenu ul { width:150px;
            border: 0;
            background: transparent;
            list-style:none;
          }

#lmenu li { position:relative;
            padding:1px;
            z-index:9;
          }

		    
#lmenu a { padding:4px;
           text-decoration: none;
           color: black; /* #777; */
	   background-color:  transparent;
           font-weight: bold;
           width:100%; /* IE */
	   text-align: left;
}



/* regular hovers */

#lmenu a:hover,#lmenu .option:hover      { background-color: white; color: white; }
#lmenu li a:hover   { background-color: transparent; #fff4a4;   }

/* hovers with specificity */

#lmenu li:hover { z-index:10; }		
#lmenu ul ul, #lmenu li:hover ul ul {	display:none; }
#lmenu li:hover ul, #lmenu li:hover li:hover ul { display:block;  }		

/* Holly Hack. IE Requirement \*/

#lmenu ul li, #mmenu ul li { float: left; height: 1%   } 
#lmenu ul>li, #mmenu ul>li { float: none; height: auto }

#mmenu ul li a { height: 1%; } 
#mmenu ul>li>a { height: auto}

/* End */


   
#obrazkiprawe { float: right; width: 320px; border: 0px solid red; }
#obrazkiprawe img { border: 0px solid red}

#obrazkidolne { width:100%; float: left; border: 0px solid red; }

#obrazkidolne img { display: block; float: left;  border: 0px solid red}

.podpis {width:33%; float: left; border: 0px solid red; margin:0px}

#obrazkiprawe .podpis { width:100%; text-align:center} 

#tresc  { float: left; width: 600px; margin: 0em 1em 0 5em; }
#index { float: left; width: 970px; padding: 0em 1em 0 1em; border:0px solid; red; text-align: left}

#tresc p {text-align: left; }	   

#tresc h1 { margin: 0; 
           padding: 0; 
	   padding-left: 0px;
	   padding-top:10px;
           letter-spacing: 0em; line-height: 1.5em ;
	   font-size: 140%;
	    text-align: left;
	   }


#tresc li { text-align: left;}

ul { margin-top: 0}

#tresc img { valign: top; padding: 5px}


#main b { padding: 0}

#main h2 { margin: 0; 
           padding: 0; 
	   padding-left: 20px;
           letter-spacing: 0.5em; line-height: 1.5em ;
	   font-size: 160%;
           color: white;
	   }

.tkw { color: green} 

#Masaze h3 { color: #735052; FONT-SIZE:120%; font-weigh: bold}

#Joga h3 { color: #3165ff}
#Joga b  { color: #3165ff}

#Fitness h3 { color: #cd9900}
#Fitness b  { color: #cd9900}


#main p { margin: 0;
          padding: 0;
	  padding-top: 10px;
	  padding-bottom: 10px;
          padding-right: 0px; }
	  



#obrazki { float: right;
           width: 280px;

           padding:0;
           margin:0;
           margin-bottom: 10px;
	   margin-right: 20px;
	   }



#main .mapka { width: 401 }