/* CSS Document */
* { padding: 0; margin:0; }

body {
	background: url('img/footer_line.png') repeat;
	color: #656565;
	font-family: Trebuchet MS, Verdana, sans-serif;
	text-align: center;
  font-size: 1em;
}

/* ### HEADER ### */
#header {
	background: url('img/header_line.png') repeat-x;
	height: 68px;
}

#flags {
top:5px;
right:0px;
width:500px;
height:30px;
position:absolute;
}

#flags p { 
font-size: 0.75em;
}

/* ### HEADER END ### */
#top-container {
	background: url('img/top_line3.png') repeat-x; 
	height: 184px;
	width:100%;
}

#top-content {
  padding-top:10px;
  width: 930px; 
	margin: auto;
}

#logo {
	background: url('img/logotyp3.png');
	height: 152px;
	width: 289px;
  margin-top:22px;
 	float:left;
}

/* ### MENU ### */

#menutop {
  height:70px;
  float:right;
}
a#menutop1 {
		width: 158px;
		height: 50px;
		background-image: url(img/m1-trans.png);
}
a#menutop2 {
		width: 156px;
		height: 50px;
		background-image: url(img/m2-trans.png);
}
a#menutop3 {
		width: 138px;
		height: 50px;
		background-image: url(img/m3-trans.png);
}
a#menutop4 {
		width: 132px;
		height: 50px;
		background-image: url(img/m4-trans.png);
}
a#menutop1, a#menutop2, a#menutop3, a#menutop4  {
		display: block;
		float:left;
		text-indent: -999em;
		text-decoration: none;
}
a#menutop1:hover, a#menutop2:hover, a#menutop3:hover, a#menutop4:hover {
		background-position: center;
}
a#menutop1:active, a#menutop2:active, a#menutop3:active, a#menutop4:active {
		background-position: bottom;
}
/* ### MENU END ### */
#baner {
  top: 139px;
  padding-top:10px;
  overflow: hidden;
  clear:right;
  text-align:right;
}

#middle-background {  
  background: url('img/footer_line.png') repeat;
  height:100%;
  width:100%;
}

#middle-container {
	background: url('img/middle_line3.png') repeat-x;
	height: 496px;
	height: auto;
	clear: both;
}

#middle-content {
  width: 950px;
  margin: auto;
  min-height:480px;
  padding-top:15px;
}

#left { 
padding-top:50px;
float:left;
vertical-align:top;
width: 33%;
height: 500px;
border-right: solid 1px #d7d7d7;
}
#right {

text-align: left;
width: 63%; /* IE SUX */
margin: 5px 10px 25px 10px;
padding: 10px 0 0 15px;
overflow: hidden; 
/*word-wrap: break-word;   IE sux 
white-space: pre-wrap;*/
}

h1 { 
font-size: 1.5em;
font-weight: normal;
padding: 0px 10px 10px 10px;
text-indent: 0.5em;
/* color: #178DBD; */
color: black;
font-style: none;
font-variant: small-caps;
}

span.j1 { 
color: #ea752a;
display:inline;
}

span.j2 {
color: #ea752a;
display:inline;
font-weight: bold;
}


span.j3 {
color: #f3b717;
font-weight: normal;
display:inline;
}

span.j4 {
color: #0d73a4;
font-weight: normal;
display:inline;
}

h2 {
font-size: 1.2em;
font-weight: normal;
padding: 8px 5px 5px 5px;
text-indent: 0.5em;
/* color: #178DBD; */
color: black;
font-style: none;
}

h4.newsinfo {
padding: 0px 5px 5px 5px;

}



h3 {
font-weight: normal;
font-size: 0.90em;
text-align: justify;
line-height: 1.2;
padding: 10px 20px 10px 10px;
}

h3 img.telefon { 
float:left;
margin: 0 20px 0 15px;
}

h3.info {
padding: 20px 0 0 10px;
}

h4 {
font-size: 0.7em;
font-weight: normal;
text-align: justify;
padding:10px 5px 0 10px;
}

h4.news:first-line {
font-size: 1.1em;
color: #ea752a;
font-weight: bold;
padding: 3px 5px 0 15px ;

}

h4 img.koperta {
margin: 3px 15px 0 15px ;
}

img.torebka {
float:right;
margin:10px;
}



/* ### NEWSINFO ### */

#newsinfo {
clear:both;
padding-top:10px;
}

#aktualnosci {
float:left;
width:49%;
}

#aktualnosci img {
float:left;
}

#info {
float:right;
width:50%;
}

hr.newsinfo {
width:70%;
margin: auto;
text-align:center;
color: #d4d4d4;
height:1px;
border:0;
background-color: #d4d4d4;
margin-top: -8px !important; 
margin-top: 0px;
}

hr.aktualnosci {
width:70%;
margin: auto;
text-align:center;
background-color: #d4d4d4;
color: #d4d4d4;
height:1px;
border:0;
margin:25px 0 15px 0;
}

div.hr-ni {
  height: 15px;
  background: url(img/hr.png) no-repeat scroll center !important;
  background: url(img/hf2.gif) no-repeat scroll center;

}
div.hr-ni hr {
  display: none;
}

div.hr-nip {
width: 1px;
margin-top:20px;
height: 170px;
color: #d4d4d4;
border:0;
float:left;
background-color: #c7c7c7;
}

div.hr-nip hr {
display: none;
}

div.brake {
margin-top:10px;
}

#linki {
clear:both;
padding-top:10px;
}

#link {
width:49%;
float:left;
}

#link1 {
float:right;
width:50%;
}


/* ###### NEWS END ###### */



/* ###### O NAS ###### */
div.onasleft {
clear:both;
padding:5px;
}

div.clear {
clear:both;
}

div.onasright {
text-align:right;
clear:both;
padding:5px;
}

h1.onasleft, h1.onasright {
font-weight: normal;
font-size: 1.3em;
font-variant: normal;
text-indent: 0.5em;
font-style: none;
border-bottom: 1px solid #c7c7c7;
}

h3.onasleft, h3.onasright {
clear:both;
font-weight: normal;
text-indent: 0.5em;
font-style: none;
text-align: justify;
}

h3.onasleft {
margin-left: 100px;
}

h3.onasright {
margin-right: 100px;
}



.arrow {
		width: 33px;
		height: 23px;
		float: left;
		display: block;
		text-indent: -999em;
		background: url(img/arrow1.png);
		margin: 5px 10px 8px 0;
		clear:both;
}

.arrow1 {
		width: 33px;
		height: 23px;
		float: right;
		display: block;
		text-indent: -999em;
		background: url(img/arrow2.png);
		margin: 5px 0 8px 20px;
		clear:both;
}

.arrow-m {
		width: 19px;
		height: 14px;
		float: left;
		background: url(img/arrow-m.png);
		padding:0;
		margin: 0 10px 0 10px;
}

ul#onasl {
display:inline;
float:left;
padding:0 0 40px 50px;
font-size:0.9em;
}

ul#onasp {
display:inline;
float:right;
padding:0 50px 40px 0;
font-size:0.9em;
}

ul#onasl li, ul#onasp li {  
list-style: disc url(img/arrow-m.png);
padding: 3px 0 5px 3px;
/*border-bottom: 1px dotted #68a1bc; */

}

ul#onasl a, ul#onasp li a {
text-decoration:none;
padding: 4px 0 5px 10px;
color: #0d73a4;
}

ul#onasl a:hover, ul#onasp li a:hover {
color: #ea752a;
}



/* ###### O NAS END ###### */

/* ###### ASORTYMENT ###### */

ul#asortymentl {
display:inline;
float:left;
padding:0 25px 0 40px;
font-size:0.9em;
width:24%;
}

ul#asortymentc {
display:inline;
float:left;
padding:0 25px 0 25px;
font-size:0.9em;
width:24%;
}

ul#asortymentp {
display:inline;
float:right;
padding:0 25px 0 25px;
font-size:0.9em;
width:24%;
}


ul#asortymentl li, ul#asortymentp li, ul#asortymentc li {  
list-style: disc url(img/arrow-m.png);
padding: 3px 0 5px 3px;
/*border-bottom: 1px dotted #68a1bc; */
}

ul#asortymentl a, ul#asortymentp li a, ul#asortymentc li a {
text-decoration:none;
padding: 4px 0 5px 10px;
color: #0d73a4;
}

ul#asortymentl a:hover, ul#asortymentp li a:hover, ul#asortymentc li a:hover {
color: #ea752a;
}

/* ###### ASORTYMENT END ###### */

.torebka2 {
		width: 173px;
		height: 164px;
		float: left;
		display: block;
		text-indent: -999em;
		background: url(img/torebka2.png);
		margin: 5px 10px 8px 0;
}


/* ###### KONTAKT ###### */    
#kontakt {
padding-bottom:20px;
text-align:center;
}

address {
text-align:center;
font-size:1em;
color:#ea752a;
}

#kontakt img{
padding:15px;
margin:0;

}

fieldset#adres {
clear:both;
margin:auto;
    border: 1px solid #d1d1d1;
    padding: 0px 0 10px 10px;
    width:70%;
    background-color:#f1f1f1;
}
legend#adres {
color: #ea752a;
padding:10px;

}
.firstletter1 {
		width: 42px;
		height: 42px;
		float: left;
		display: block;
		text-indent: -999em;
		background: url(img/pyt.png);
		margin: 5px 18px 8px 0;
				clear:both;
	}
	.firstletter2 {
		width: 42px;
		height: 42px;
		float: left;
		display: block;
		text-indent: -999em;
		background: url(img/tel.png);
		margin: 8px 18px 8px 0;
				clear:both;
	}
		.firstletter3 {
		width: 42px;
		height: 42px;
		float: left;
		clear:both;
		display: block;
		text-indent: -999em;
		background: url(img/mail.png);
		margin: 8px 18px 8px 0;
	}
	
h3 a, h4 a {
text-decoration:underline;
color: #0d73a4;
}

h4 a:hover, h3 a:hover {
color: #ea752a;
}

/* Dojazd */

#dojazd {
margin:auto;
text-align:center;
display:block;
}

/* Dojazd koniec */

/* Formularz */
form {
margin-top:20px;
margin: auto;
}

fieldset#form {
clear:both;

    border: 1px solid #d1d1d1;
    padding: 10px 0 10px 10px;
}  
legend#form {
color: #ea752a;
padding:10px;

}    
label {
    display: block;
    width: 120px;
    float: left;
    font-size:0.9em;
}  
label.ie {
  width:40%;
  padding-left:10px;
  display: block;
  font-style: italic;
  font-size: 0.7em;
}
input, textarea {
   /* display: block; */
    float: left;
    background-color: #f5f5f5;
    border: 1px solid #bbbbbb;
    padding:3px;
}
input.submit, input.reset {
		margin-left: 120px;
}		
div.form {
    overflow: hidden;
    clear: both;
    margin-bottom: 0.5em;
}
/* Formularz Koniec*/  
  
/* ###### KONTAKT END ###### */    

/* ###### FOOTER ###### */

#footer {
    clear:both;
		width: 950px;
		margin:auto;
		border-top: solid 1px #c8c8c8;
		padding:5px 0 25px 0;
}

p.copyright {
text-align:right;  
font-size: 0.70em;  
color: #8f8f8f;
}      

ul#menu {
display:inline;
float:left;
}

ul#menu li {  
display:inline; 
list-style: none;
padding:7px;
}

ul#menu a {
text-decoration:none;
color: #656565;
}

ul#menu a:hover {
color: #ea752a;
}

/* ###### FOOTER END ###### */