 /* 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;
 }
*/
 


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;

}

#strona { 

padding: 22px;
margin: 0px 80px 50px 84px;

background    : #FFF;
overflow: hidden;
background-image: url('http://brat.pl/grafika/logo-brat.jpg');
background-repeat: no-repeat; 
background-position: 20px 10px;
background-attachment: scroll;
border-top: 0px solid white;
border-bottom: 10px solid #90415A;
border-right: 10px solid #90415A;
border-left: 10px solid #90415A;
}

#left { 
float:left;
width: 70%;
}

#potwierdzenie
{
border: 5px solid #D80000;
padding: 12px 22px 12px 22px;
margin: 15px;
background  : #FF2A2A;
color:white;
}

#potwierdzenie h3
{
font-size: 24px;
font-weight: 400;
color: white;
}

#potwierdzenie p
{
font-size: 15px;
font-weight: 400;
color: white;
}

p.right { 
font-size: 18px;
font-weight: 400;
color: #CC0000;
}

p.produkty { 
font-size: 16px;
font-weight: 400;
color: #006600;
}

#right { 
	width: 20%;
float:right;
	padding-left:							15px; 
	padding-right:							15px; 
	padding-top:5px;
	margin-top:30px;
	background-color:				#C1DAEC;
	font-size:						12px;
	color:							#333333;
	font-family:					verdana;
	line-height:					130%;
	border-top:3px dashed #90415A;
	border-left:3px dashed #90415A; 
	border-right:3px dashed #90415A;
	border-bottom:3px dashed #90415A;


}

P {
	text-indent:					0px;
	letter-spacing: 1px;
	line-height:					140%;
	font-family: verdana;
	font-size: 12px;
	color: black ;
	
 }
P.tekst {
	text-indent:					18px;
	letter-spacing: 1px;
	line-height:					140%;
	font-family: verdana;
	font-size: 12px;
	color: black ;
	
 }

P.tekst:first-letter {
	font-size:						20px;
	font-weight:					600; 
	line-height:					100%;
	font-family:					times, verdana; 
}

.anotka {
	border:							1px solid #cccccc; 
	padding-left:							15px; 
	padding-right:							15px; 
	background-color:				#F4F2F2;
	font-size:						12px;
	color:							#333333;
	font-family:					verdana;
	line-height:					130%;
	margin:							50px
}

 .anotka2 {
	border:							1px solid #cccccc; 
	padding:							10px; 
	padding-top:					2px;
	background-color:				#FFC;
	font-size:						12px;
	color:							#333333;
	font-family:					verdana;
	margin:							5px
}

strong {
	font-weight:					600; 
}

/* Nagłówki */

H1 {
	font-weight: 					600; 
	font-size: 						36px; 
	font-family: 					'times new roman', times, arial;
	line-height:					110%;
	margin-bottom:					20px;
	margin-top:						70px;
	color:							#90415A;
	text-align:						right;
		margin-left: 				255px;
}
/*H2:first-letter {
	font-size:						35px;
	font-weight:					900; 
	line-height:					100%;
	font-family:					times, verdana; 
}*/

H2 {
	font-weight: 					300; 
	font-size: 						26px; 
	font-family: 					georgia, 'times new roman', times, arial;
	line-height:					110%;
	margin-top:					40px;
	margin-bottom:					20px;
	color:							#333333;

}

H3 {

	font-weight:				700; 
	font-size: 						18px; 
	font-family: 					georgia, 'times new roman',times,arial;
	line-height:					110%;
	margin-top:					20px;
	color:							#333333;
	}


H4 {
	display: inline; 
	font-weight: 600; 
	color:red;
	letter-spacing: 1px;
	line-height:					140%;
	font-family: verdana;
	font-size: 12px;
}	
	
H5 {
	width: 100%;
	background-color: #FF5353;
	font-weight:				400; 
	font-size: 						16px; 
	font-family: 					'times new roman',times,arial;
	line-height:					110%;
	margin-top:					20px;
	padding: 10px;
	color:							black;
	}

/* Dodatki */
HR {

height: 1px;
width: 70%;
background-color: #A9A9A9;
margin-top: 0px;
margin-bottom: 0px;
border: 0px;
}

LI {
	text-indent:					0px;
	letter-spacing: 1px;
	line-height:					140%;
	font-family: verdana;
	font-size: 12px;
padding-bottom:10px;
}

.wyroznienie {font-size: 12px; text-decoration: underline; font-weight: bold;  letter-spacing:2px; margin-top:30px}
.red {color:#CC0000; font-weight: bold;}
.green {color:#339966; font-weight: bold;}
.blue {color:#246AAC; font-weight: bold}
.small {font-size: 10px}
.big {font-size: 14px}
.ziel {color:#336600}
.bigred {color:#CC0000;font-size: 14px; font-weight: bold}
