/*==================================================
OGÓLNE
==================================================*/

body {
color:#3F3F3F;
font-family: Arial;
font-size:12px;
text-align:center;
background: #fff url(../images/shared/bg.gif) repeat-x;
padding: 0;
margin: 0;
}

.czysc_lewo{clear:left;overflow:hidden;font-size:1px;}
.czysc_prawo{clear:right;overflow:hidden;font-size:1px;}
.czysc_obie{clear:both;overflow:hidden;font-size:1px;}

.container {
display: block;
width: 960px;
min-height: 120px;
margin: 0px auto;
text-align: left;
background: url(../images/shared/bg_header.jpg) no-repeat 0 0;
position: relative;
}

IMG {
border:0px;
padding:0px;
margin:0px;
}

a {
color: #005da5;
text-decoration: none;
cursor: pointer;
}

a:hover {
color: #0192db;
text-decoration: underline;
}

.clear {
float: none !important;
clear: both !important;
width: 100% !important;
}

.font11 {font-size: 11px;}

.font14 {font-size: 14px;}

.center {
display: block;
text-align: center;
margin: 0 auto;
}

.center a img {
margin: 0 auto;
text-align: center;
}

.img {
display: block;
padding: 4px;
border: 2px solid #d7e0e6;
}

.left {
display: block;
float: left;
text-align: left;
}

.right {
display: block;
float: right;
text-align: left;
}

.pad-l {
margin-left: 14px;
}

.pad-r {
margin-right: 14px;
}

.pad-b {
margin-bottom: 8px;
}

.pad-m {
margin-left: 24px;
margin-right: 24px;
_margin-left: 22px;
_margin-right: 22px;
}

h2 {
font-size: 19px;
height: 20px;
line-height: 20px;
margin: 0;
padding: 0 0 10px 0;
}

a.portal, a:hover.portal {
color: #3F3F3F;
text-decoration: none;
}

/*==================================================
HEADER
==================================================*/
h1 {
display: block;
float: left;
width: 215px;
height: 114px;
padding: 0;
margin: 0;
font-size: 0px;
}

#menu_top {
display: block;
float: right;
width: 285px;
height: 114px;
list-style: none;
padding: 0;
margin: 0;
}

#menu_top li {
display: block;
float: left;
padding: 10px 0 0;
font-size: 11px;
}

#menu_top li a {
display: block;
color: #bababa;
padding-left: 32px;
background: url(../images/shared/map-ico.gif) no-repeat 14px 2px;
}

#menu_top li a.recommend {
background: url(../images/shared/recommend-ico.gif) no-repeat 14px 3px;
}

#menu_top li a:hover {
color: #0192db;
background: url(../images/shared/map-ico1.gif) no-repeat 14px 2px;
}

#menu_top li a:hover.recommend {
background: url(../images/shared/recommend-ico1.gif) no-repeat 14px 3px;
}

#phone {
	position: absolute;
	right: 20px;
	top: 55px;
	font-size: 18px;
	background: url(../images/shared/phone-ico.png) no-repeat 0px 0px;
	padding-left: 30px;
	height: 25px;
	line-height: 25px;
}

#menu {
display: block;
float: left;
width: 950px;
height: 27px;
clear: both;
overflow:hidden;
background: url(../images/shared/bg_menu.gif) no-repeat;
padding: 0 5px;
margin: 0;
}

#menu li {
float:left;
padding: 0;
margin: 0;
list-style: none;
}

#menu a {
display: block;
height: 27px;
line-height: 27px;
font-size: 11px;
color: #fff;
font-weight: bold;
padding: 0 26px;
}

#menu a.menu_hover {
background: #003c88 url(../images/shared/menu_arr.gif) no-repeat center bottom;
text-decoration: none;
}

#submenu {
display: block;
float: left;
width: 950px;
height: 29px;
clear: both;
overflow:hidden;
background: url(../images/shared/bg_submenu.gif) no-repeat left top;
padding: 0 5px 21px 5px;
}

#submenu ul {
margin: 0;
padding: 0;
list-style: none;
}

#submenu li {
float:left;
padding: 0;
margin: 0;
list-style: none;
background: url(../images/shared/bg_submenu_li.gif) no-repeat right center;
}

#submenu a {
display: block;
height: 29px;
line-height: 29px;
font-size: 11px;
color: #525252;
padding: 0 20px;
}

.no-bg {
background: none !important;
}

.pad_sub_realizacje {
padding-left: 223px !important;
}

.pad_sub_kontakt {
padding-left: 366px !important;
}

#flash {
display: block;
float: left;
width: 488px;
height: 272px;
}

.block {
display: block;
float: left;
width: 236px;
height: 136px;
padding: 0;
margin: 0;
background: url(../images/shared/bg_block.gif) no-repeat;
}

.block h2 {
padding: 16px 0 0 27px;
}

.block ul {
margin: 0;
padding: 10px 20px 0 27px;
list-style: none;
font-size: 11px;
}

.block ul li {
padding: 3px 0 0 10px;
background: url(../images/shared/block-li.gif) no-repeat 0px 9px;
}

.block a {
text-decoration: underline;
} 

#header {
display: block;
width: 960px;
height: 135px;
float: left;
padding: 0;
margin: 0;
overflow: hidden;
clear: both;
position: relative;
}

#header img {
float: left;
}

#header a {
display: block;
position: absolute;
float: left;
width: 150px;
height: 34px;
background: url(../images/shared/btn-zobacz-oferte.gif) no-repeat;
top: 82px;
left: 313px;
z-index: 92;
}

#header a:hover {
background: url(../images/shared/btn-zobacz-oferte1.gif) no-repeat;
}

/*==================================================
CONTENT INDEX
==================================================*/
#index_menu, #page_menu {
display: block;
float: left;
width: 253px;
height: 204px;
overflow: hidden;
margin: 0 -1px 0 0;
padding: 0;
list-style: none;
position: relative;
}

#index_menu li, #page_menu {
display: block;
padding: 0;
margin: 0;
}

#page_menu {
height: 260px
}

a#mnu1, a#mnu2, a#mnu3, a#mnu4, a#mnu5 {
display: block;
width: 219px;
height: 34px;
padding: 14px 0 0 34px;
position: absolute !important;
z-index: 90;
top: 9px;
left: 0px;
background: url(../images/shared/bg_menu_l.gif) no-repeat left bottom;
text-decoration: none;
font-size: 15px;
}

a.menul_hover, a:hover.menul {
height: 38px !important;
padding-top: 18px !important;
position: absolute !important;
z-index: 91 !important;
background: url(../images/shared/bg_menu_l1.gif) no-repeat left bottom !important;
margin-top: -4px;
}

a:hover#mnu1 {
top: 5px;
left: 0px;
margin-top: 0px;
}

a#mnu2 {
top: 57px;
left: 0px;
}

a:hover#mnu2 {
top: 53px;
left: 0px;
margin-top: 0px;
}

a#mnu3 {
top: 105px;
left: 0px;
}

a:hover#mnu3 {
top: 101px;
left: 0px;
margin-top: 0px;
}

a#mnu4 {
top: 153px;
left: 0px;
}

a:hover#mnu4 {
top: 149px;
left: 0px;
margin-top: 0px;
}

a#mnu5 {
top: 201px;
left: 0px;
}

a:hover#mnu5 {
top: 197px;
left: 0px;
margin-top: 0px;
}

#index_content {
display: block;
position: relative;
width: 960px;
min-height: 100px;
padding: 32px 0 0 0;
margin: 0;
background: url(../images/shared/bg_block_r_top.gif) no-repeat 252px 24px;
clear: both;
overflow-x: hidden;
overflow-y: auto;
}

ul.mnu_expand {
display: block;
float: right;
width: 683px;
min-height: 100px;
overflow: visible;
padding: 0 0 16px 25px;
` padding: 0 0 0 25px;
margin: 0;
list-style: none;
background: url(../images/shared/bg_block_r_mid.gif) repeat-y;
margin-top: 9px;
}

ul.mnu_expand li {
display: block;
float: left;
width: 196px;
font-size: 11px;
padding: 0 25px 0 0;
}

a.more {
display: block;
float: left;
width: 49px;
height: 20px;
background: url(../images/shared/more-ico.gif) no-repeat;
margin-top: 10px;
}

a:hover.more {
background: url(../images/shared/more-ico1.gif) no-repeat;
}


/*==================================================
CONTENT PAGE
==================================================*/

#block_r h2 {
height: 33px;
line-height: 33px;
font-size: 33px;
margin: 0;
padding: 0 0 30px 0;
}

#block_l {
display: block;
float: left;
width: 252px;
min-height: 200px;
overflow: visible;
padding: 30px 0 0 0;
}

#block_l h2, #block_l h3, #block_l p {
padding-left: 30px;
padding-right: 30px;
}

#block_l h2 {
font-size: 24px;
}

#block_l h3 {
font-size: 16px;
height: 20px;
}

#block_r {
display: block;
float: left;
width: 648px;
min-height: 200px;
overflow: visible;
padding: 20px 30px 30px 30px;
background: url(../images/shared/bg_block_r_mid.gif) repeat-y;
}

#block_r p {
padding: 0 0 14px 0;
margin: 0;
}

#block_r hr, #block_l hr {
background: none;
height: 1px;
border: 0;
border-top: 1px solid #eeede9;
width: 100%;
clear: both;
float: none;
margin: 8px 0 16px 0;
padding: 0;
}

#block_r ul {
margin: 0;
padding: 8px 0 0 12px;
}

#block_r ul li {
padding: 0 0 8px 12px;
background: url(../images/shared/li-ico.gif) 0 6px no-repeat;
list-style-type: none;
}

/*==================================================
O FIRMIE
==================================================*/
.partnerzy, .referencje, .realizacje {
display: block;
width: 100%;
min-height: 1px;
overflow: auto;
margin: 0 !important;
padding: 0 !important;
clear: both;
}

.partnerzy li {
display: block;
float: left;
width: 162px;
height: 90px;
padding: 0 !important;
margin: 0 !important;
font-size: 11px;
text-align: center;
background: none !important;
}

.partnerzy img {
float: left;
}

.partnerzy a {
color: #3f3f3f;
}

.partnerzy a:hover {
color: #0192db;
text-decoration: underline;
}

/*==================================================
REFERENCJE
==================================================*/

.referencje li {
display: block;
float: left;
width: 216px;
height: 300px;
padding: 0 0 34px 0 !important;
margin: 0 !important;
font-size: 11px;
text-align: center;
background: none !important;
}

.referencje strong {
font-size: 12px;
}

.referencje span {
font-size: 10px;
color: #adb1b4;
}

.referencje a img {
padding: 3px;
border: 1px solid #dde2e5;
}

.referencje a:hover img {
background: #006dc1;
padding: 3px;
border: 1px solid #024f8b;
}

/*==================================================
REALIZACJE
==================================================*/

.realizacje li {
display: block;
float: left;
width: 216px;
height: 140px;
padding: 0 0 10px 0 !important;
margin: 0 !important;
font-size: 11px;
text-align: center;
background: none !important;
}

.realizacje strong {
font-size: 12px;
}

.realizacje span {
font-size: 10px;
color: #adb1b4;
}

.realizacje a img {
padding: 3px;
border: 1px solid #dde2e5;
}

.realizacje a:hover img {
background: #006dc1;
padding: 3px;
border: 1px solid #024f8b;
}

a.button {
display: block;
width: 88px;
height: 20px;
line-height: 20px;
font-size: 11px;
color: #ffffff;
padding: 0 0 0 12px;
background: url(../images/shared/bg-button.gif) left top no-repeat;
}

a:hover.button {
background: url(../images/shared/bg-button1.gif) left top no-repeat;
color: #003d90;
text-decoration: none;
}

/*==================================================
AKTUALNOŚCI
==================================================*/
h3 {
padding: 0;
margin: 0;
font-size: 20px;
height: 28px;
clear: both;
}

.news_date {
color: #0d63c3;
font-size: 10px;
padding-bottom: 4px;
display: none;
}

.gallery {
display: block;
position: relative;
float: right;
width: 117px;
min-height: 200px;
margin-top: -60px;
}

.gallery img {
display: block;
padding: 2px;
border: 1px solid #748faa;
margin-bottom: 24px;
}

/*==================================================
KONTAKT
==================================================*/
.kontakt {
display: block;
float: left;
width: 50%;
padding: 14px 0 30px 0;
}

/*==================================================
FOOTER
==================================================*/
.menu_bt {
display: block;
float: left;
width: 938px;
height: 24px;
clear: both;
padding: 23px 22px 10px 0;
background: url(../images/shared/bg_block_r_bt.gif) right top no-repeat;
text-align: right;
}

.footer {
display: block;
float: left;
width: 773px;
height: 29px;
padding: 17px 0 0 22px;
font-size: 11px;
background: url(../images/shared/bg_footer.gif) 0 0 no-repeat;
color: #909090;
}

.created {
display: block;
float: left;
width: 143px;
height: 29px;
padding: 17px 22px 0 0;
font-size: 11px;
background: url(../images/shared/bg_footer.gif) right top no-repeat;
color: #909090;
text-align: right;
}

.footer a {
color: #909090;
}

.footer a:hover {
color: #f00;
text-decoration: none;
}

#created {
display: block;
margin: 0;
float: right;
width: 100px;
padding: 0;
color: #4c5c74;
}

#created a {
color: #4d75a9;
}

#created a:hover {
color: #f00;
text-decoration: none;
}

#lastmod {
display: block;
float: left;
width: 900px;
height: 14px;
margin: 0 auto;
color: #4c5c74;
padding: 0 12px;
background: url(../images/shared/bg_li_footer1.gif) no-repeat 2px 1px;
}

/*==================================================
FORMULARZ KONTAKTOWY
==================================================*/
.form {
border: 1px solid #dde2e5;  
font-family: Arial; 
background:#f3f6f8;
}

.form2 {
border:solid 1px #dde2e5; 
}

SELECT.form {
background:#ffffff;
}

TEXTAREA.form {
font-family: Arial; 
background: #f3f6f8;
border: 1px solid #dde2e5; 
overflow: auto;
}

.submit {
display: block;
width: 124px;
height: 26px;
border: 1px solid #003d90;  
font-family: Arial;
background: #00439e;
color:#ffffff;
cursor: pointer;
margin-top: 10px;
}

.row {
padding-top: 10px;
overflow:hidden;
}

/*==================================================
SIFR
==================================================*/
.sIFR-alternate {
display:none;
}

/*==================================================
w wyniku wyszukania na dole znadjduje si? pasek z rozmiarem oraz data ostaniej modyfikacji pliku,
wlasnie dzieki result mozna skonfigurowac jej wyglad
==================================================*/
.result {
color: #CCCCCC;
}

/*==================================================
error - ustawienia stylu kounikatu w przypadku bledu np. w formularzu
success - ustawienia stylu komunikatu w przypadku np. pomyslnie wyslanego formularza
==================================================*/
.error {
color: #FF0000;
}

.success {
}

/*==================================================
klasy zwiazane z mapa strony
==================================================*/
.sitemap_ul {
padding-top: 0 !important;
}
.sitemap_li {
}