/* do zaloby  + <div id="zaloba"> </div>  potem dać display : none*/
/*
 body {
  filter: Gray;
 }
 
 #zaloba  {
 background-image: url('http://brat.pl/grafika/wstazka.png');
background-repeat: no-repeat;
z-index: 11;
 width:90px;
 height:150px;
 position:fixed;
 top:10px;
 left:10px;
 }
*/
 


/* wspolne ze stronkami*/
body {
	 font-family: verdana;
	 font-size: 12px;
    background    : #dbe5ee;
margin:0px;
background-image: url('http://brat.pl/grafika/zdrowie-tlo2.jpg');
background-repeat: repeat-y; 

}

 a { 
color:blue
}
a:hover { 
color:red
}
a:visited { 
color:green
}

#logo { 
background-image: url('http://brat.pl/grafika/naturalne-zdrowie-sklep.jpg');
background-repeat: no-repeat; 
background-position: 0px 0px;
margin: 0px;
padding: 0px;
height:127px;
}

#pasek { 
height:73px;
background-image: url('http://brat.pl/grafika/sklep-zdrowie-brat.jpg');
background-repeat: no-repeat; 
background-position: 0px 0px;

}



/* boksy */
/* stale czesci boksow */
div.m_box { padding: 0 3% 0 3%; }
i.r1 { margin: 0 5px; }
i.r2 { margin: 0 3px; }
i.r3 { margin: 0 2px; }
i.r4, i.r4 { margin: 0 1px; height: 2px; }

/* zmienne czesci boksow */
div#boks1 { float: left; width: 30%;  margin: 90px 1% 2% 2%; background: #d8bac3; }
i.gora1, i.dol1 { display: block; background: #FFF; }
i.gora1 i, i.dol1 i { display: block; height: 1px; overflow: hidden; background: #d8bac3; }

div#boks2 { width: 100%; margin: 10px 1% 10px 2%; background: #a1c3dc; }
i.gora2, i.dol2 { display: block; background: #FFF; }
i.gora2 i, i.dol2 i { display: block; height: 1px; overflow: hidden; background: #a1c3dc; }

div#boks3 { width: 100%; margin: 20px 1% 10px 2%; background: #BCCBAD; }
i.gora3, i.dol3 { display: block; background: #FFF; }
i.gora3 i, i.dol3 i { display: block; height: 1px; overflow: hidden; background: #BCCBAD; }

div#news {text-align:right; width: 100%;  margin: 0px 1% 10px 1%; background: white; }

div#produkty { width: 100%;  margin: 10px 1% 10px 1%; background: white; }

div#tresc { width: 100%;  margin: 10px 1% 10px 5%; background: white; }
/* formatowanie tekstu*/

H2 {
	font-weight: 					300; 
	font-size: 						26px; 
	font-family: 					georgia, 'times new roman', times, arial;
	line-height:					110%;
	margin-top:					10px;
	margin-bottom:					20px;
	color:							#333333;
}

P {
	text-indent:					0px;
	letter-spacing: 1px;
	line-height:					140%;
	font-family: verdana;
	font-size: 12px;
	color: black ;
	
 }
 
 /* polecane linki  */
  a.link_p { 
color:black;
text-decoration: none;
}
a.link_p:hover { 
color:red
}
a.link_p:visited { 
color:black
}
 

 /* podpis*/
.podpis {

	font-family: verdana;
	font-size: 17px;
	color: #0000B4;
	font-style: italic;
	letter-spacing: -1px;
	
 }

/* tabela produkty */


/* główna struktura dokumentu */
div#kontener-prawy { float: right; width:65%;  margin: 0px 2% 10px 0%;  }

div#strona-glowna { 
padding: 0px 22px 0 22px;
margin: 0px 80px 50px 84px;
background  : #FFF;
overflow: hidden;
background-image: url('http://brat.pl/grafika/logo.jpg');
background-repeat: no-repeat; 
background-position: 10px 20px;
background-attachment: scroll;
border-top: 0px solid white;
border-bottom: 10px solid #90415A;
border-right: 10px solid #90415A;
border-left: 10px solid #90415A;
}

div#stopka { width: 100%; clear:both; background: white; margin: 0px; }


/* nawigacja */

#menu {
  background-color: none;	
  height: 30px;
  text-align: center;
  
	}

ul#nav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 0px;
	}

ul#nav li {
	display:inline;
  	}
	
ul#nav li a {
	padding: 2px 25px;
	margin: 2px ;
	border: 0px solid #5b5b5b;
	background-color: #90415A;
	text-decoration: none;
	text-align: center;
	color: white;
	text-transform: uppercase;
	font-family: Verdana, sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;

}

ul#nav li a:hover {
	background-color: #d8bac3;
	color: black; 
}

 li:hover div#light  {
display:block
} 

div#light  {
display: none;
position: absolute;
background-repeat: no-repeat; 
background-image: url('/grafika/logo-gray.jpg');
width:300px;
height: 88px;
color: black;
top: 20px;
left: -12px;
}

#light p {text-align:center; margin-top:25px; font-size: 1.1em; font-weight: 700;}



/* testowe */