body 
{
	text-align:center; 
	background: #333333 url(img/bg_body.jpg) repeat-x top left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; 
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin: 0;
	padding: 0;	
}

img, a {
     border: 0;
     color:#99cc66;
     text-decoration:none;
}

a:hover {
        color:#FFFFFF;
}

#main 
{
	width: 100%;
}

#site 
{
	width: 850px;
}

#menu 
{
	height: 100px; 
	max-height: 100px;	
	margin-left:50px;
	float:left;
}

#menu ul {display:inline; padding:0; margin:0;}
#menu li {display:block; height:100px; float:left;}
#menu A {display:block; height:100px; text-indent: -5000px; text-decoration: none;}
#menu A.med {width:198px; background: url('images/HeaderMa.png');}
#menu A.bg {width:156px; background: url('images/BgHeader.png');}
#menu A.ona {width:63px; background: url('images/MenuAboutOff.png');}
#menu A.ofe {width:61px; background: url('images/MenuOfferOff.png');}
#menu A.spo {width:117px; background: url('images/MenuMethodOff.png');}
#menu A.rek {width:103px; background: url('images/MenuRecommendOff.png');}
#menu A.slo {width:65px; background: url('images/slownik.png');}
#menu A.kon {width:67px; background: url('images/MenuContactOff.png'); }
#menu .l {background: url('img/x1.jpg'); width:19px;}
#menu .p {background: url('img/x3.jpg'); width:4px;}
#menu li.ver {margin-top:25px; text-indent: 0px !important; display:block;}
#menu a.ver_pl {width:45px; height:26px !important; background: url('ver_pl.jpg');}
#menu a.ver_en {width:45px; height:26px !important; background: url('ver_en.jpg');}

#middle 
{
    clear: both;
    background: url('images/tapeta.gif') no-repeat bottom right;
	width: 750px;
	height: 230px;
}

#middle2
{
      clear: both;
      background: url('images/tapeta2.gif') no-repeat bottom right;
	width: 750px;
	height: 230px;
}

#sukces H4
{
	display:none;
}


#content 
{
	background: url('img/bg_content.jpg') repeat-y top left;
	width: 750px;
	overflow: hidden;
	max-width: 750px;
	clear: both;
      color:#cccccc;
}

#content-i
{
	margin-left:7px;
	margin-right:4px;
	background: url('img/bg_content2.jpg') repeat-x top left;
	width: 740px;
	overflow: hidden;
	max-width: 740px;
	clear: both;
      color:#cccccc;

}



#left 
{
	position: relative;
	margin: 0px 10px 10px 10px;
	padding: 0px 0px 10px 0px;
	width: 420px;
	float: right;
	text-align:left;
	text-align: justify;

}

#left2
{
	position: relative;
	margin: 0px 10px 10px 10px;
	padding: 0px 0px 10px 0px;
	width: 700px;
	float: right;
	text-align:left;
	text-align: justify;

}

#left2 ul, #left2 li {

	list-style-image: url(images/bullet.gif);
	margin: 0px 10px 10px 10px;
	
}

#left2 a.navi {
     border: 0;
     color:#f0f0f0;
	 font-size:9px; 
     text-decoration:none;
}

#left2 a.navi:hover { 
     border: 0;
     color:#f0f0f0;
	 font-size:9px; 
     text-decoration:none;
}

.rog 
{
	width:10px;
	height: 69px;
	background: #000000 url('img/rog.jpg');
	float:right;
}
	

#right 
{
	margin: 0px 10px 10px 10px;
	width: 249px;
	float: right;
	text-align:left;	
}

#right-1
{
	width: 90px; 
	float: left;
	text-align:left;	
}

#right-2
{
	width: 155px;
	float: left;
	text-align:left;	
}

#right-2 img 
{
	margin-top:4px;
	margin-bottom:5px;
}

H2
{
	color: #A7C854;
	margin-top:10px;
	margin-bottom:24px;
	font-size:13px;
	line-height:17px;
	text-indent: 15px;
	font-weight:normal;
	vertical-align:middle;
}

H3
{
	color: #A7C854;
	margin-top:10px;
	margin-bottom:10px;
	font-size:13px;
	font-weight:normal;
      font-variant: small-caps;
}
	

#bottom 
{
      clear: both;
}

.r1
{
	background: url('img/r1.jpg') repeat-x bottom left;
      width: 11px;
      max-width: 11px;
	height: 8px;
	max-height: 8px;
	float:left;
}

.srodek
{
	background: url('img/r.jpg') repeat-x bottom left;
	width: 729px;
	max-width: 729px;
	height: 8px;
	max-height: 8px;
	float: left;
	
}

.r2
{
	background: url('img/r2.jpg') no-repeat bottom left;
	width:10px;
	max-width: 10px;
	height: 8px;
	max-height: 8px;
	float:right;
}

#stopka
{
	margin-left: auto;
	margin-right: auto;
		width: 729px;
       margin-top:25px;
       font-size: 9px;
       color:#cccccc;
	 text-align:center;
}

span.form_pola {
	color:#f0f0f0;
	font-size:9px;	
	}

span.komentarze
{
	color:#f0f0f0;
	font-size:12px;		
	font-weight: bold;
}
.pole_form
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#A7C854;
	font-size: 12px; 
	padding-top: 5px;
	
}

input {
border: #CCCCCC 1px solid; 
font-size: 10px; 
background-color: black;
cursor: hand;
color: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
height: 19px;
padding:1px;
width:200px;
}

textarea {
border: #CCCCCC 1px solid; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: white;
background-color: black; 
width:200px;
height:200px;
overflow:hidden;}

div.validate {
	 border:1px solid #dd0000;
	 padding:10px; 
	 margin:20px; 
	 width:325px;}