body{
background: url('img/tlo.gif') repeat #404040;
color: #0E0E0E;
font-size: 11px;
font-family: trebuchet MS, verdana, sans-serif;
}
html, body, #calosc{
width: 100%;
height:100%;
margin: 0;
padding: 0;
}

a{
text-decoration:none;
color: #E92119;
}
a:hover{
color: #2E2E2E;
}
img{border: 0;}
h1, h2, p{
margin: 0 0 10px 0;
}
h1, h2{
font-size: 13px;
font-weight: bold;
}
h1{
background: url('img/wyp_duze.gif') no-repeat 2px ;
padding-left: 20px;
}
h2{color: #2E2E2E;}
ul{
list-style: none;
margin: 0;
padding: 0; 
}
form{display: inline;}
.nap_czer_pog{color: #E9221A; font-weight: bold;}
.txt{border: 1px solid #B5B5B5; margin-bottom: 3px; width: 140px;}
.txt_1{border: 1px solid #B5B5B5; margin-bottom: 3px; width: 150px; height: 90px; }
.float_l, .tekst_l, .tekst_r, .oferta_1, .oferta_2, .oferta_3, .oferta_4, #menu_, #menu_ li, .dane_kon, .form_kon, .form_1_d, #left, #right, #mapa, .version, .wersja{
float: left;
display: inline;
}
.float_r, .people, .drukuj{
float: right;
display: inline;
}
.clear{
clear:both;
}

#calosc{
padding-top: 20px;
background: url('img/tlo_div.gif') repeat-x top;
}
#top, #midlle, #formularz, #bottom, #menu, #midlle_podstr, #bottom_podstr{
width: 776px;
margin: 0 auto;
}
#top{
height: 154px;
background-color: #FFFFFF;
}
.logo{
margin: 60px 0 0 15px;
}
.jezyk{
display: block;
background: url('img/linia_poz.gif') repeat-x;

}
a.version, a.version:hover, a.version_1, a.version_1:hover, a.wersja, a.wersja:hover, a.wersja_1, a.wersja_1:hover{
display: block;
font-weight: bold;
padding: 5px 0 0 40px;
width: 180px;
height: 27px;
voice-family : "\"}\""; voice-family : inherit;
width: 140px;
height: 22px;
}
a.version, a.version_1{
background: url('img/en.gif') no-repeat 10px 5px;
}
a.version:hover, a.version_1:hover{
background: url('img/en_sz.gif') no-repeat 10px 5px;
}
a.wersja, a.wersja_1{
background: url('img/pl.gif') no-repeat 10px 5px;
}
a.wersja:hover, a.wersja_1:hover{
background: url('img/pl_sz.gif') no-repeat 10px 5px;
}

#menu{
height: 27px;
background: url('img/menu_tlo.jpg') no-repeat;
}
#menu_{
height: 27px;
padding: 0;
list-style: none;
background: url('img/li_tlo.gif') no-repeat;
}
#menu_ li{
padding: 5px 15px 0 15px;
background: url('img/li_tlo.gif') no-repeat right;
height: 27px;
voice-family : "\"}\""; voice-family : inherit;
height: 22px;
}
#menu_ a, #menu_ a:hover, #menu_l a, #menu_l a:hover{
background: url('img/wyp_male.gif') no-repeat 0 4px;
padding-left: 15px;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
#menu a, #menu_ a, #menu_l a, a.version_1, a.wersja_1{
color: #262626;
}
#menu a:hover, #menu_ a:hover, #menu_l a:hover, .version_1:hover, .wersja_1:hover {
color: #E92119;
}
#midlle, #midlle_podstr{
height: auto !important;
height: 250px; /*IE*/
min-height: 250px;
}
#midlle{
background: url('img/middle_tlo.jpg') no-repeat #FFFFFF;
}
#midlle_podstr{
background: url('img/midlle_podst.gif') repeat-y #FFFFFF;
}
.tekst_l{
margin: 20px 0 0 20px;
padding-top: 10px;
width: 395px;
}
.tekst_r{
border-left: 1px solid #535353;
margin: 20px 0 0 20px;
padding: 10px 0 20px 20px;
width: 350px;
voice-family : "\"}\""; voice-family : inherit;
width: 320px;
}
.people{
margin: 50px 20px 20px 20px;
}
.oferta_1, .oferta_2, .oferta_3, .oferta_4, .oferta_1:hover, .oferta_2:hover, .oferta_3:hover, .oferta_4:hover{
display: block;
font-weight: bold;
text-decoration: none;
font-size: 11px;
margin: 0 5px 5px 0;
padding: 53px 0 0 5px;
width: 152px;
height: 71px; 
voice-family : "\"}\""; voice-family : inherit;
width: 147px;
height: 20px; 
}
.oferta_1, .oferta_2, .oferta_3, .oferta_4{color: #FFF;}
.oferta_1:hover, .oferta_2:hover, .oferta_3:hover, .oferta_4:hover{color: #CCCCCC;}
.oferta_1{background: url('img/zaw_toczone.jpg') no-repeat;}
.oferta_2{background: url('img/zaw_katowe.jpg') no-repeat;}
.oferta_3{background: url('img/zaw_pasowe.jpg') no-repeat;}
.oferta_4{background: url('img/zamkniecia.jpg') no-repeat;}
.oferta_1:hover{background: url('img/zaw_toczone_h.jpg') no-repeat;}
.oferta_2:hover{background: url('img/zaw_katowe_h.jpg') no-repeat;}
.oferta_3:hover{background: url('img/zaw_pasowe_h.jpg') no-repeat;}
.oferta_4:hover{background: url('img/zamkniecia_h.jpg') no-repeat;}

/* *** Nowa *** */



.oferta_1_new, .oferta_2_new, .oferta_3_new, .oferta_4_new {
	display: block;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	margin: 0 5px 5px 0;
	padding: 43px 0 0 5px;
	line-height: 12px;
	width: 147px;
	height: 28px; 
	color: #FFF;
	float: left;
	text-shadow: 1px 1px 1px #333;
}

.oferta_1_new {background: url(img/ofe-1.png)}
.oferta_2_new {background: url(img/ofe-2.png)}
.oferta_3_new {
	background: url(img/ofe-4.png);
	padding: 50px 0 0 5px;
	height: 21px;
}
.oferta_4_new {background: url(img/ofe-3.png)}


.oferta_1_new:hover, .oferta_2_new:hover, .oferta_3_new:hover, .oferta_4_new:hover{
	color: #CCCCCC;
	opacity: 0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter:alpha(opacity=70);
}




/****************/

#left{
width: 188px;
background: url('img/left_tlo.jpg') no-repeat;
}
.oferta_ban{
width: 315px;
margin: 0 auto;
}


#menu_l, #podmenu_l {
margin: 0;
padding: 0;
list-style: none;
display: block; 
}
#menu_l{
background: url('img/linia_poz.gif') repeat-x; 
}
#menu_l li{
background: url('img/linia_poz.gif') repeat-x bottom; 
padding: 5px 0 5px 10px;
height: auto !important; 
height: 27px; /*IE*/ 
min-height: 27px; 
voice-family : "\"}\""; voice-family : inherit;
height: auto !important; 
height: 17px; /*IE*/ 
min-height: 17px; 
}
#podmenu_l{
background: url('img/wyp_menu_l.gif') repeat-y;
margin: 0 0 10px 5px;
padding-top: 6px;
height: auto !important; 
}

#podmenu_l li{
background-repeat: no-repeat;
padding: 0;
}
#podmenu_l a, #podmenu_l a:hover{
background: url('img/wyp_menu_l_2.gif') no-repeat 0 8px ; 
display: block;
}
#right{
padding:  10px;
background: url('img/right_tlo.jpg') no-repeat;
width: 588px;
voice-family : "\"}\""; voice-family : inherit;
width: 568px;
}



#tab_1, #tab_2 {
border-left: 1px solid #C2C2C2;
clear:both;
}
#tab_1{
width: 468px;
}
#tab_2{
width: 568px;
}
#tab_1 th, td, #tab_2 th, td{
padding: 5px;
}
#tab_1 th, #tab_2 th{
background: url('img/linia_poz.gif') repeat-x #E3E3E3;
border-bottom: 1px solid #C2C2C2;
}
.th_1{
width: 288px;
text-align: left; 
}
.th_2, .th_3, .th4{
text-align: center; 
}
.th_2, .th_3{
width: 85px; 
}
.th4{
width: 50px;
}

.th_1, .th_2, .th_3, .th_4{
border-right: 1px solid #C2C2C2;
}

.td_1_1, .td_2_1, .td_3_1, .td_4_1, .td_1_2, .td_2_2, .td_3_2, .td_4_2{
border-right: 1px solid #C2C2C2;
border-bottom: 1px solid #C2C2C2;
}
.td_1_1, .td_2_1, .td_3_1, .td_4_1{
background-color: #FFF;
}
.td_2_1, .td_3_1, .td_4_1, .td_2_2, .td_3_2, .td_4_2{
text-align: center;
}
.td_1_2, .td_2_2, .td_3_2, .td_4_2{
background-color: #F2F2F2;
}
.drukuj{
margin: 5px;
color: #2E2E2E;
cursor: pointer;
}
.drukuj:hover{
margin: 5px;
color: #E92119;
}

#formularz{
background: url('img/linia_poz.gif') repeat-x #EFEFEF; 
}
.dane_kon{
background: url('img/linia_pion.gif') repeat-y right; 
margin: 10px;
width: 180px;
}
.dane_kon_podstr{
padding: 10px 0 0 10px;
}
.form_kon{
width: 560px;
padding: 10px 0 0 0;
}
.form_1_d{
text-align: right;
display: block;
padding-right: 5px;
width: 85px;
voice-family : "\"}\""; voice-family : inherit;
width: 80px;
}
.but_wyslij{
margin: 70px 0 0 10px;
color: #FFF;
border: 1px solid #B5B5B5;
background-color: #535353;
font-weight: bold;
font-size: 11px;
height: 20px;
}
#mapa{margin-left: 15px;}
#bottom, #bottom_podstr{
padding: 15px 0 15px 0;
color: #9F9F9F;
height: 30px;
voice-family : "\"}\""; voice-family : inherit;
height: 15px;
}
#bottom{
background: url('img/bottom_tlo.gif') no-repeat; 
}
#bottom_podstr{
background: url('img/bottom_tlo_podst.gif') no-repeat; 
}
#bottom a, #bottom_podstr a{color: #9F9F9F;}
#bottom a:hover, #bottom_podstr a:hover{color: #E5E5E5;}