@CHARSET "UTF-8";

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

#bod{
	font: 11px Tahoma;
	color: #9a9a9a;
	width: 100%;
	height: 416px;
	padding: 0px;
	margin: 0px;
	background: url('../files/background.jpg') repeat-x top left;
}

#reset{
	border: 0px solid;
	background: white;
	font: 11px Tahoma;
	color: #9a9a9a;
	
}

a img{
border: 0px solid;
}


.black{
color: black;
}

.red, a.red{
	color: #ed1c24;
}
.input{
	width: 170px;
	margin-top: 4px;
	margin-bottom: 8px;
	border: 1px silver solid;	
}
.inputLong{
	width: 300px;
	margin-top: 4px;
	margin-bottom: 8px;
	border: 1px silver solid;	
}




#bod #strona{
	width: 969px;
	position: relative;
	text-align: left;
}


#top{
	height: 83px;
	width: 969px;
	float: left;
	
}
#top #logo{
	float: left;
	width: 205px;
	
}
#top #jezyki{
	float: right;
	width: 330px;
	color: #1e1d22;
	
	padding-top: 15px;
		
}

#jezyki #flaga{
	padding-top: 4px;
	margin-top: 6px;
	float: left;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 4px;
	border-right: 1px solid #a4a5a5;	
}
#jezyki #flaga img
{
	cursor: pointer;	
}


#top #linki{
	float: right;
	width: 152px;
	padding-top: 15px;
	color: #1e1d22;
	line-height: 25px;
}
#top #linki a{
color: #1e1d22;
	
	}

#bod #wizual{
	background: url('../files/wizualIndex.png') no-repeat;
	width: 969px;
	height: 333px;
	float: left;
	margin-bottom: 21px;
}
#bod #aktualnosci{
	width: 219px;
	padding-left: 14px;
	height: 98px;
	float: left;
	
}

#bod #zostanParnerem{
	width: 214px;
	height: 98px;
	margin-left: 28px;
	float: left;

}

#bod #dlaKlientowFlotowych{
	width: 213px;
	height: 98px;
	margin-left: 28px;
	float: left;
	
}

#bod #ofertaDlaKierowcow{
	width: 213px;
	height: 98px;
	margin-left: 28px;
	float: left;
	
}

.naglowek{
	color: #9a9a9a;
	font-family: ZurichCnEU;
}

.data{
	font-size: 9px;
	color: #cecece;	
}
span.przerwa{
	font-size: 4px;
}
span.tekst{
	line-height: 14px;
}

#menu{
	background: url('../files/bck_menu.png') no-repeat top left;
	width: 246px;
	height: 300px;
	float: left;
	margin-top: 14px;
	margin-left: 9px;
}


#menu div.cuf{
	float: left;
	height: 26px;
	width: 201px;
	padding-top: 10px;
	padding-left: 45px;
	color: #737272;
	font-size: 15px;
	cursor: pointer;
	position: relative;
}


#miej{
	position: relative;
	float: left;
	border: 1px solid;
}

#menu div a{
	text-decoration: none;
	color: #737272;
}
#menu div a:hover{
	text-decoration: none;	
}
#menu #prz_glowna{
	padding-top: 19px;
	
}

#wysuniecie{
	display: none;
	position: absolute;
	width: 210px;
	float: left;
	z-index: 100;
	left: 246px;
	top: 0px;
	clear: both;
}
#wysuniecie div{
	margin: 0px;
	padding: 0px;
	background: url('../files/bck_submenu.jpg') repeat-x;
	height: 20px;
	font-size: 11px;
	padding-left: 10px;
	padding-top: 5px;
}
#wysuniecie ul
{
	margin: 0px;
	padding: 0px;
}
#wysuniecie li
{
	margin: 0px;
	padding: 0px;
	background: url('../files/bck_submenu.jpg') repeat-x;
	height: 25px;
	font-size: 11px;
	padding-left: 10px;
	list-style-type: none;

}
#wysuniecie div a:hover{
	color: #ed1c24;
}


#krecha{
	margin-top: 20px;
	border-top: #eaf1f2 1px solid;
	padding-top: 5px;
	float: left;
	width: 969px;
	margin-bottom: 30px;
}

#krecha div{
	float: left;
}

#krecha a{
	color: #9a9a9a;
	 
}

H1{
	margin-bottom: 20px;
	display: inline;
}



#contentLeft{
	float: left;
	width: 213px;
	padding-left: 42px;

}

#contentRight{
	width: 668px;
	float: left;
	padding-left: 45px;
	margin-top: -107px;
	
}

#bod p{
	line-height: 18px;
}

#bod li{
	line-height: 20px;
	
	
}

#pliki{
	float: right;
	width: 213px;
}

/**************** o FIRMIE ***************/

#wizualSmall{
	background: url('../files/fotoAktualnosci.jpg') no-repeat;
	width: 969px;
	height: 333px;
	float: left;
	
}
#wizualSmall.dlaFlot{
	background: url('../files/fotoDlaFlot.jpg') no-repeat;
}
#wizualSmall.dlaKierowcow{
	background: url('../files/fotoDlaKierowcow.jpg') no-repeat;
}
#wizualSmall.zapytanie{
	background: url('../files/fotoZapytanie.jpg') no-repeat;
}
#wizualSmall.produkty{
	background: url('../files/fotoProdukty.jpg') no-repeat;
}
#wizualSmall.produkty1{
	background: url('../files/fotoProduktyBudownictwo.jpg') no-repeat;
}
#wizualSmall.produkty2{
	background: url('../files/fotoProduktyKolejowe.jpg') no-repeat;
}
#wizualSmall.produkty3{
	background: url('../files/fotoProduktyOkretowe.jpg') no-repeat;
}
#wizualSmall.produkty4{
	background: url('../files/fotoProduktyDiamentowe.jpg') no-repeat;
}
#wizualSmall.produkty5{
	background: url('../files/fotoProduktyKuloodporne.jpg') no-repeat;
}
#wizualSmall.jakosc{
	background: url('../files/fotoJakosc.jpg') no-repeat;
}
#aktualnosc{
	float: left;
	width: 100%;
	margin-top: 20px;
}

#aktualnosc img{
	margin-right: 30px;
}

#aktualnosc div.title{
	float: left;
	font-size: 12px;
	color: #ed1c24;
	font-weight: bolder;
}
#aktualnosc div.data{
	float: right;
	font-size: 10px;
	color: #212121;
}
#aktualnosc .tresc{
	float: left;
	width: 416px;
	height: 88px;
	margin-top: 7px;
	overflow:hidden;
	font-size: 11px;
	line-height: 17px;
}
#aktualnosc .trescLong{
	float: left;
	width: 371px;
	margin-top: 7px;
	font-size: 11px;
	line-height: 17px;
}


#aktualnosc .dalej{
	float: right;
	width: 426px;
	overflow:hidden;
	font-size: 11px;
}
#aktualnosc .wstecz{
	margin-top: 5px;
	float: right;
	width: 371px;
	overflow:hidden;
	font-size: 11px;
}
#aktualnosc .wstecz img{
	margin: 0px;
}

#aktualnosc .dalej a{
	color: #9a9a9a;
	text-decoration: underline;
}
#aktualnosc #gallery{
	margin-left: -3px;
	float: left;
	width: 248px;	
}
#aktualnosc #gallery img{
	margin: 3px;
}
#stronnicowanie{
	margin-top: 10px;
	text-align: right;
	float: right;
	width: 371px;
	font-size: 11px;
}
#stronnicowanie ul{
	list-style-type: none;
}

#stronnicowanie li{
	border: 1px solid;
	padding: 3px 5px 3px 5px;
	display: inline;
	text-decoration: underline;
}
#stronnicowanie li.active{
	border: 0px solid;
	color: #ed1c24;
	font-weight:bolder;
	text-decoration: none; 	
}

/*********** DLA KLIENTÓW FLOTOWYCH ***************/

#dlaFlotowychLeft{
	width: 409px;
	margin-right: 18px;
	float: left;
	
}
#dlaFlotowychRight{
	float: left;
	width: 213px;
	margin-top: 30px; 
}


#flotowaRamkaTop{
	width:213px;
	float: left;
	background: url('../files/dlaFlotRamkaTop.jpg') no-repeat;
	height: 6px;
}
#flotowySrodek{
	width: 179px;
	padding: 11px 17px 11px 17px;
	float: left;
	background: url('../files/dlaFlotRamkaTlo.jpg') repeat-y;
}
	
#flotowaRamkaDol{
	width:213px;
	float: left;
	background: url('../files/dlaFlotRamkaDol.jpg') no-repeat;
	height: 8px;
}
.blad{
	width: 160px;
	color: red;
	float: left;
	margin-top: -8px;
	margin-bottom: 8px;
}
#bod a{
	text-decoration: none;
	color: #ed1c24;
}
#bod a:hover{
	text-decoration: underline;
	color: #ed1c24;
}

#bod a.gray{
	color: #9a9a9a;
}

.galeriaFoto{
	float: left;
	width: 200px;
	height: 125px;
	margin-right: 8px;
	margin-bottom: 16px;
}