html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
fieldset,img { border: none; }


body {
	margin: 0;
	padding: 0;
	line-height: 1.7em;
	font-family: 'Armata', arial, sans-serif;
	font-size: 14px;
	color: #d9d9d9;
	background-image: url('images/bg.jpg');
	background-repeat: repeat-x;
	background-color:#ffffff;	
}

p { margin: 0px; padding: 0px; }

img { margin: 0px; padding: 0px; border: none; }

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

.float_l { float: left; width:270px;}
.float_r { float:  right; width:270px; padding-right:30px;}

#wrapper_outer {
	width: 100%;
	
}

#wrapper {
	width: 1100px;
	padding: 0;
	margin: 0 auto;
}

/* menu */
#menu{
	width:260px; 
	margin-top:30px;
	
}

#banner {
  margin-top:0px;
	margin-bottom:0px;
	width: 1100px;
  height: 500px;
	background: url(images/top.jpg) no-repeat;
}

/* content */
#content_wrapper {
  clear: both;
	width: 960px;
}

#content {
  width: 1100px;
  margin-top:10px;
	clear: both;
	padding-top: 0px;
	padding-bottom: 0px;
}


#content h1 {
  color: #3333cc;
	font-size: 25px;
	margin: 0;
	padding: 10px 0 15px 0;
	font-weight: normal;
	text-align:center;
}

#content h2 {
  color: #3333cc;
	font-size: 30px;
	margin: 0;
	padding: 0px 20px 20px 0px;
	font-weight: normal;
	text-align:right;
}

#content p {
	text-align: right;
	font-size: 20px;
	font-style:normal;	
	color: #000000;
	margin: 5px 20px 20px 0;
}

#content a {
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	font-size:15px;
	font-style: italic;
}
#content a:hover {
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.full_width {
	clear: both;
	width: 100%;
	height:100px;
	background-image: url(images/loga.jpg);
	background-repeat: no-repeat;
	margin: 0 0 0px 0;
}

/* koniec content */


/* footer */
#footer {
  clear: both;
	width: 1100px;
	font-size:11px;
	padding-top: 0px;
	margin-bottom:10px;
	color: #004993;
	
}

#footer a {
	font-weight: normal;
	font-size:11px;
	color: #004993;
	text-decoration: none;
}
#footer a:hover {
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
/* koniec footer */

#left { 
font-size:16px;
line-height:24px;
margin-left: 0px;
margin-right:0px;
margin-top: 0px;
float : left;
width: 250px;
padding-left:0px;
padding-right:0px;
overflow: hidden;
}

#left a {
font-weight: normal;
font-size: 22px;
line-height:50px;
color:#ffffff;
text-decoration:none;
margin-left:25px;
display: block;
font-style:normal;
}

#left a:hover {
color:#FDF7A9;
font-style:normal;
text-decoration:none;
transition:color 1s;
}

.m { width:250px; height:50px; margin-bottom:5px; background-image: url(images/m.png);}
.ma { width:250px; height:50px; margin-bottom:5px; background-image: url(images/ma.png);}
.m:hover {background-image: url(images/ma.png);}


#left p {
    text-align:center;
		font-style:normal;
		font-size: 18px;		
		color: #000000;
		margin-top:20px;
}

#right {
color:#666666; 
margin-top:0px;
margin-bottom:10px;
padding-top: 20px;
padding-bottom: 0px;
padding-right: 0px;
padding-left:0px;
margin-right: 0px;
margin-left:0px;
float: right;
width: 836px;
border: 2px solid #999999;
	border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
background-color:#ffffff;	
}

#right p {
font-weight: normal;
font-size: 18px;
line-height:30px;
color:#333333;
font-style:normal;
text-align:left;
margin: 0 20px 20px 20px;
}

#right ul {
 margin-left:50px;
 color:#000000;
 font-size: 18px;
 line-height:30px;
}

#right small {
font-size: 14px;
font-style:normal;
}


#right a {
	font-weight: normal;
	color: #000099;
	text-decoration: none;
	font-size: 18px;
	font-style:normal;
}
#right a:hover {
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}