body {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 160%;
    font-size: 12px;
    background-color: #fff;
    color: #000;
    background: url(../../img/app/header-bg.png) no-repeat 0 49px;
}

* {
	outline: none;
}

.quiet {
    color: #ccc;
}
* html .clearfix {
    height: 1%;
}

.clearfix {
    height: 100%;
    overflow: hidden;
}

.hidden {
    display: none;
}

#headerContainer {
    margin: 0 auto;
    width: 1000px;
    padding: 0px;
    height: 349px;
}

/* LOGO ATT*/
#att {
    margin: 30px 0px 0 30px;
    width: 141px;
}

#att {
    display: inline;
    float: left;
    position: relative;
}

#att h1 a {
    background-image: url(../../img/app/att.png);
    background-repeat: no-repeat;
    display: block;
    height: 38px;
    overflow: hidden;
    text-indent: -9999px;
    width: 141px;
}

/* JĘZYK I SZUKAJ */
#languageAndSearch {
    display: inline;
    float: left;
    position: relative;
    width: 500px;
    margin: 0 0 14px 329px;
    padding: 0px;
    height: 35px;
}

/* JĘZYK */
#language {
    display: inline;
    float: left;
    position: relative;
    width: 210px;
    margin: 15px 0 0 0;
}

#language li {
    display: inline;
    float: left;
    margin-right: 11px;
}

.pl {
    background-image: url(../../img/app/pl.png);
    background-repeat: no-repeat;
    display: block;
    height: 15px;
    overflow: hidden;
    text-indent: -9999px;
    width: 21px;
}

/* SZUKAJ */
#search {
    display: inline;
    float: left;
    position: relative;
    width: 290px;
    margin: 10px 0 0 0;
}

#search legend {
    display: none;
}

#search label {
    margin: 4px 0 0 0;
    background: url(../../img/app/search-dot.png) no-repeat 0 6px;
    padding: 0 0px 0 20px;
    color: #353535;
    font-size: 12px;
    font-weight: bold;
    float: left;
    width: 70px;
}

#search .input {
    background: url(../../img/app/search-input-bg.png) no-repeat;
    font-size: 11px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    border: none;
    width: 170px;
    height: 20px;
    padding: 5px 0 0 10px;
    float: left;
    vertical-align: middle;
    line-height: 200%;
}

#search .button a {
    margin: 4px 0 0 0;
    background: url(../../img/app/search-button.png) no-repeat;
    text-indent: -9999px;
    display: block;
    width: 17px;
    height: 18px;
    overflow: hidden;
}

/* NAWIGACJA */
#nav {
    padding: 12px 0 0 24px;
    position: relative;
    z-index: 89;
    background: url(../../img/app/nav-bg.png) no-repeat;
    height: 50px;
    display: inline;
    float: left;
    position: relative;
    margin: 0 0 0 64px;
    height: 38px;
    color: white;
}

#nav li {
    float: left;
    list-style: none;
    font-size: 12px;
}

#nav .mainNav {
    margin-right: 16px;
    font-weight: bold;
    background: url(../../img/app/nav-dot.png) no-repeat 0 10px;
}

#nav .mainNav:hover {
    background: url(../../img/app/nav-dot-active.png) no-repeat 0 10px;
}

#nav .active {
    background: url(../../img/app/nav-dot-active.png) no-repeat 0 10px;
}

#nav li a {
    display: block;
    padding: 5px 18px 5px 18px;
    text-decoration: none;
    color: #EAFFED;
    white-space: nowrap
}

#nav li a:hover {
}

#nav .dropDown {
    margin-top: 9px;
}

#nav li ul {
    margin: 0;
    padding: 0;
    position: absolute;
    visibility: hidden;
}

#nav li ul li {
    float: none;
    display: inline
}

#nav li ul li a {
    width: 180px;
    background: url(../../img/app/nav-drop-bg.png);
    border-top: 1px solid #201d16;
    border-right: 1px solid #201d16;
    border-left: 1px solid #201d16;
    padding: 8px 14px 9px 14px;
}

#nav li ul li a:hover {
    background: url(../../img/app/nav-drop-hover-bg.png);
    border-top: 1px #27241c solid;
    border-right: 1px #5b5c5d solid;
    border-left: 1px #5b5c5d solid;
}

/* KATALOG I SLIDESHOW */
#oferujemy {
    display: inline;
    float: left;
    position: relative;
}

#oferujemy {
    background: url(../../img/app/oferujemy-bg.png) no-repeat;
    display: block;
    width: 1000px;
    height: 250px;
}

#katalog {
    display: inline;
    float: left;
    position: relative;
    width: 500px;
}

#katalog h2 {
    font-size: 30px;
    margin: 50px 0 0 40px;
}

#katalog p {
    font-size: 15px;
    color: #ff9900;
    font-weight: bold;
    margin: 20px 0 0 38px;
    line-height: 150%;
}

#katalog .pobierzKatalog {
    margin: 26px 0 0 30px;
    text-align: center;
    width: 160px;
}

#katalog .pobierzKatalog a {
    display: block;
    height: 35px;
    color: #000;
    text-decoration: none;
    background: url(../../img/app/pobierz-katalog-bg.png) left 0 no-repeat;
    font-size: 12px;
    padding: 14px 0 0 8px;
}

#katalog .pobierzKatalog a:hover {
    text-decoration: underline;
}

#slideshow {
    margin: 2px 0 0 0;
    display: inline;
    float: left;
    position: relative;
    width: 500px;
    height: 250px;
}

/* BREADCRUMBS */
#breadcrumbsContainer {
    width: 100%;
    background: url(../../img/app/breadcrumbs-container-bg.png) no-repeat 0 40px;
}

#breadcrumbsContent {
    margin: 0 auto 0 auto;
    width: 1000px;
}

#breadcrumbs {
    margin: 40px 0 0 0;
    display: inline;
    float: left;
    position: relative;
    width: 640px;
    height: 40px;
    background: url(../../img/app/breadcrumbs-bg.png) no-repeat 0 0px;
}

#breadcrumbs p {
    color: #353535;
    font-weight: bold;
    padding: 12px 0 0 28px;
}

#breadcrumbs a {
    color: #353535;
    text-decoration: none;
}

#breadcrumbs a:hover {
    text-decoration: underline;
}

/* GAZELE BIZNESU */
#gazele {
    display: inline;
    float: left;
    position: relative;
    margin: 24px 0 0 77px;
}

#gazele img {
    display: block;
}

/* INDEX */
#index {
    width: 100%;
    background: url(../../img/app/index-bg.png) no-repeat 0 39px;
    position: relative;
    z-index: 1;
}

#content {
    margin: 0 auto 0 auto;
    width: 1000px;
    background: #fff;
}

/* AKTUALNOŚCI */
#aktualnosci {
    display: inline;
    float: left;
    position: relative;
    width: 380px;
    margin-right: 0px;
    font-size: 11px;
    background: url(../../img/app/aktualnosci-bg.png) #fff no-repeat left bottom;
    height: 270px;
    position: relative;
    z-index: 500;
}

#aktualnosci a {
    color: #353535;
}

#aktualnosci a:hover {
    color: #353535;
    text-decoration: underline;
}

#aktualnosci h3 {
    font-weight: bold;
    color: #353535;
    font-size: 12px;
    margin-top: 30px;
    padding: 0 0 6px 10px;
    background: url(../../img/app/aktualnosci-bg.png) no-repeat left bottom;
    position: relative;
    z-index: 501;
}

#aktualnosci h3 a {
	text-decoration: none;
}

#aktualnosci p {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    line-height: 120%;
}

#aktualnosci .kiedyKto {
    margin: 0 0 5px 0;
}

#aktualnosci img {
    display: inline;
    float: left;
    position: relative;
    margin: 0 20px 0 0;
    display: block;
}

#aktualnosci .content {
    display: inline;
    float: left;
    position: relative;
    width: 240px;
    margin: 10px 0 0 0;
}

#aktualnosci .czytajDalej {
    margin: 4px 0 0 76px;
    text-align: center;
}

#aktualnosci .czytajDalej a {
    display: block;
    height: 28px;
    width: 108px;
    color: #000;
    text-decoration: none;
    background: url(../../img/app/czytaj-dalej-bg.png) left 0 no-repeat;
    font-size: 11px;
    padding: 4px 0 0 0px;
}

#aktualnosci .czytajDalej a:hover {
    text-decoration: underline;
}

/* PRZYKŁADOWE REALIZACJE */
#przykladoweRealizacje {
    display: inline;
    float: left;
    position: relative;
    width: 310px;
    height: 280px;
    margin-right: 0px;
    background: url(../../img/app/przykladowe-realizacje-bg.png) #fff no-repeat 0 39px;
}

#przykladoweRealizacje h3 {
    font-weight: bold;
    color: #353535;
    font-size: 12px;
    margin-top: 60px;
    padding: 0 0 0 45px;
}

#przykladoweRealizacje .content {
    width: 270px;
    display: inline;
    float: left;
    position: relative;
    margin: 6px 15px 15px 15px;
}

#przykladoweRealizacje .zobaczWiecej {
    text-align: center;
    margin-top: 8px;
}

#przykladoweRealizacje .zobaczWiecej a {
    color: #353535;
}

/* KONTAKT */
#kontaktIndex {
    display: inline;
    float: left;
    position: relative;
    width: 310px;
    height: 314px;
    margin-right: 0px;
    background: url(../../img/app/kontakt-index-bg.png) no-repeat 0 39px;
}

#kontaktIndex h3 {
    font-weight: bold;
    color: #353535;
    font-size: 12px;
    margin-top: 60px;
    padding: 0 0 0 25px;
}
#kontaktIndex h3 a {
	text-decoration: none;
}

#kontaktIndex a {
    color: #353535;
}

#kontaktIndex a:hover {
    color: #353535;
    text-decoration: underline;
}

#kontaktIndex .content {
    line-height: 120%;
    width: 150px;
    display: inline;
    float: left;
    position: relative;
    margin: 15px 0px 12px 25px;
}

#kontaktIndex .content p {
    font-size: 12px;
    color: #353535;
}

#kontaktIndex .content h4 {
    font-size: 12px;
    color: #353535;
    font-weight: bold;
    margin: 18px 0 12px 0;
}

#kontaktIndex .vcard {
    width: 120px;
    display: inline;
    float: left;
    position: relative;
}

#kontaktIndex .pobierzVcard {
    margin: 58px 0 0 0;
    text-align: center;
}

#kontaktIndex .pobierzVcard a {
    display: block;
    height: 28px;
    width: 108px;
    color: #000;
    text-decoration: none;
    background: url(../../img/app/czytaj-dalej-bg.png) left 0 no-repeat;
    font-size: 11px;
    padding: 4px 0 0 0px;
}

#kontaktIndex .pobierzVcard a:hover {
    text-decoration: underline;
}

#kontaktIndex .rachunekTelefon {
    line-height: 120%;
    width: 270px;
    display: inline;
    float: left;
    position: relative;
    margin: 2px 0px 0px 25px;
    text-align: left;
}

#kontaktIndex .rachunekTelefon p {
    line-height: 120%;
    font-size: 12px;
    color: #ccc;
    text-align: left;
}

#kontaktIndex p.telefon {
    margin-top: 57px;
    font-size: 16px;
    color: #353535;
    font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
    text-align: left;
}

/* ZAPYTANIE OFERTOWE */
#zapytanieOfertowe {
    margin: 0 auto;
    width: 1000px;
}

#zapytanieOfertowe img {
    vertical-align: middle;
    margin: 0 10px 0 0px;
}

#zapytanieOfertowe a {
    color: #353535;
    font-weight: bold;
    text-decoration: none;
}

#zapytanieOfertowe a:hover {
    text-decoration: underline;
}

/* FOOTER */
#footerContainer {
    width: 100%;
    background: url(../../img/app/footer-container-bg.png) no-repeat 0 10px;
    padding-bottom: 50px;
}

#footerContainer .content {
    margin: 0 auto 0 auto;
    width: 1000px;
}

#footerContainer .footer {
    margin: 10px 0 0 0;
    display: inline;
    float: left;
    position: relative;
    width: 640px;
    height: 40px;
    background: url(../../img/app/footer-bg.png) no-repeat 0 0px;
}

#footerContainer .footer p {
    font-size: 11px;
    color: #fff;
    padding: 10px 0 0 0px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
}

/* O NAS */
#oNas {
    width: 100%;
    background: url(../../img/app/o-nas-bg.png) no-repeat 0 39px;
    position: relative;
    z-index: 1;
}

#oNas2 {
    width: 100%;
    background: url(../../img/app/o-nas2-bg.png) no-repeat 0 39px;
    position: relative;
    z-index: 1;
}

#oNas .content {
    display: inline;
    float: left;
    position: relative;
    width: 640px;
    font-size: 12px;
    background: #fff;
    margin-right: 20px;
}

#oNas .underline {
    background: url(../../img/app/line.png) #fff no-repeat bottom left;
    padding-bottom: 20px;
    margin: 0 20px 60px 0;
    width: 640px;
}

#oNas .content h3 {
    font-weight: bold;
    color: #000400;
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 0 0 6px 0px;
    background: url(../../img/app/line.png) no-repeat bottom left;
}

#oNas .content p {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 140%;
    margin: 0 0 20px 0;
}

#oNas .content a {
    color: #000;
    text-decoration: underline;
}

#oNas .content a:hover {
    text-decoration: none;
}

#subNavONas {
    background: url(../../img/app/sub-nav-bg.png) #fff no-repeat 0 30px;
    display: inline;
    float: left;
    position: relative;
    width: 340px;
    margin-top: 60px;
    margin-left: 0px;
    height: 300px;
    z-index: 80;
}

#subNavONas2 {
    background: url(../../img/app/sub-nav-produkt-bg.png) #fff no-repeat 0 30px;
    display: inline;
    float: left;
    position: relative;
    width: 340px;
    margin-top: 60px;
    margin-left: 0px;
    height: 700px;
    z-index: 80;
}

#subNavONas h3 {
    font-weight: bold;
    color: #000400;
    font-size: 16px;
}

#subNavONas ul {
    margin: 40px 0 0 20px;
}

#subNavONas li {
}

#subNavONas a {
    color: #353535;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding: 0 0 0 20px;
    height: 20px;
}

#subNavONas a:hover {
    background-color: #ebebeb;
}

#subNavONas a.active {
    background-color: #ebebeb;
}

#oNas .opisZdjecia {
    border: 1px solid #e0e0e0;
    height: 100%;
    width: 162px;
    float: left;
    padding: 12px 11px 66px 11px;
    margin: 0 16px 16px 0;
}

#oNas .opisZdjecia p {
    margin: 26px 0 0 0;
}

#oNas .opisZdjecia a {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #353535;
}

#oNas .opisZdjecia a:hover {
    text-decoration: none;
}

#oNas .zdjecie {
    float: left;
    text-align: center;
    width: 150px;
    height: 150px;
    margin: 5px;
    border: 1px solid #e0e0e0;
    font-size: 1em;
    line-height: 148px;
}

#oNas .zdjecie img {
    margin-top: expression(( 150 - this.height ) / 2); 
	}

html>body #oNas .zdjecie img {    /*hidden from IE 5-6 */
	margin-top: 0; /* to clean up, just in case IE later supports valign! */
	vertical-align: middle;
	}
	

#oNas .paginator {
    text-align: center;
    display: inline;
    float: left;
    position: relative;
    width: 640px;
    color: #a2b2f9;
    height: 30px;
}

#oNas .paginator a {
    font-size: 14px;
    margin-right: 2px;
    padding: 4px 6px;
    text-decoration: none;
    color: #110914;
}

#oNas .paginator a:hover {
    text-decoration: underline;
}

#oNas .paginator .activePage {
    border: 1px solid #e0e0e0;
    padding: 4px 6px;
    margin-right: 2px;
}

/* PRODUKT */
#produkt {
    width: 100%;
    background: url(../../img/app/produkt-bg.png) #fff no-repeat 0 39px;

}

#produkt .content {
    display: inline;
    float: left;
    position: relative;
    width: 640px;
    margin: 0 10px 20px 0;
    font-size: 12px;
	background:#fff;
}

#produkt .content h3 {
    font-weight: bold;
    color: #000400;
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 0 0 6px 0px;
    background: url(../../img/app/line.png) no-repeat bottom left;
}

#produkt .content h4 {
    color: #000400;
    font-size: 18px;
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 0 0 6px 0px;
}

#produkt .content p {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 140%;
    margin: 0 0 20px 0;
}

#produkt .content a {
    color: #000;
    text-decoration: underline;
}

#produkt .content a:hover {
    text-decoration: none;
}

#produkt .zdjecieProduktu {
    float: left;
    text-align: center;
    width: 200px;
    height: 200px;
    margin: 5px 8px 5px 0px;
    border: 1px solid #e0e0e0;
    font-size: 1em;
    line-height: 196px;
}

#produkt .zdjecieProduktu img {
    margin-top: expression(( 200 - this.height ) / 2); 
	}

html>body #produkt .zdjecieProduktu img {    /*hidden from IE 5-6 */
	margin-top: 0; /* to clean up, just in case IE later supports valign! */
	vertical-align: middle;
	}


#subNavProdukt {
    background: url(../../img/app/sub-nav-produkt-bg.png) #fff no-repeat 0 30px;
    display: inline;
    float: left;
    position: relative;
    width: 340px;
    margin-top: 60px;
    margin-left: 10px;
    height: 700px;
}

#subNavProdukt h3 {
    font-weight: bold;
    color: #000400;
    font-size: 16px;
}

#subNavProdukt ul {
    margin: 40px 0 0 20px;
}

#subNavProdukt li {
}

#subNavProdukt a {
    color: #353535;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding: 0 0 0 20px;
    height: 20px;
}

#subNavProdukt a:hover {
    background-color: #ebebeb;
}

#subNavProdukt a.active {
    background-color: #ebebeb;
}

/* DO POBRANIA */
#doPobrania {
    width: 100%;
    background: url(../../img/app/do-pobrania-bg.png) #fff no-repeat 0 39px;
}

#doPobrania .content {
    display: inline;
    float: left;
    position: relative;
    width: 640px;
    margin: 0 10px 20px 0;
    font-size: 12px;
    padding-bottom: 40px;
    background: url(../../img/app/line.png) #fff no-repeat bottom left;
}

#doPobrania .content h3 {
    font-weight: bold;
    color: #000400;
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 0 0 6px 0px;
    background: url(../../img/app/line.png) no-repeat bottom left;
}

#doPobrania .content h4 {
    color: #000400;
    font-size: 18px;
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 0 0 6px 0px;
}

#doPobrania .content p {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 140%;
    margin: 0 0 20px 0;
}

#doPobrania .content li {
    background: url(../../img/app/adobe.png) no-repeat 0 20px;
    padding: 40px 0 0 60px;
    height: 40px;
}

#doPobrania .content a {
    font-size: 16px;
    color: #000400;
    text-decoration: underline;
    margin: 0 0 0 10px;
}

#doPobrania .content a:hover {
    text-decoration: none;
}



#doPobrania .formularz {
    display: inline;
    float: left;
    position: relative;
    width: 360px;
}
#doPobrania .formularz h4{
	padding: 0 0 10px 0;
    margin: 0 0 0 0;
}

#doPobrania .formularz legend {
	display:none;
}

#doPobrania .formularz label {
    padding: 0 0 0 4px;
    font-size: 18px;
    font-size: 14px;
    font-weight: bold;
}

#doPobrania .formularz input {
    margin-top: 12px;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    width: 330px;
    border: 1px solid #e0e0e0;
    padding: 5px 8px;
}

#doPobrania .formularz textarea {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    width: 330px;
    border: 1px solid #e0e0e0;
	margin-top:12px;
    padding: 5px 10px 5px 5px;
}

#doPobrania .wyslij {
    margin: 0 0 0 0;
    text-align: center;
}

#doPobrania .wyslij a {
    display: block;
    height: 36px;
    width: 160px;
    color: #000;
    text-decoration: none;
    background: url(../../img/app/wyslij-bg.png) left 0 no-repeat;
    font-size: 12px;
    padding: 15px 0 0 10px;
}

#doPobrania .wyslij a:hover {
    text-decoration: underline;
}


#subNavDoPobrania {
    background: url(../../img/app/sub-nav-do-pobrania-bg.png) #fff no-repeat 0 30px;
    display: inline;
    float: left;
    position: relative;
    width: 340px;
    margin-top: 60px;
    margin-left: 10px;
    height: 240px;
}

#subNavDoPobrania h3 {
    font-weight: bold;
    color: #000400;
    font-size: 16px;
}

#subNavDoPobrania ul {
    margin: 40px 0 0 20px;
}

#subNavDoPobrania li {
}

#subNavDoPobrania a {
    color: #353535;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding: 0 0 0 20px;
    height: 20px;
}

#subNavDoPobrania a:hover {
    background-color: #ebebeb;
}

#subNavDoPobrania a.active {
    background-color: #ebebeb;
}

/* KONTAKT 2 */
#kontakt {
    width: 100%;
    background: url(../../img/app/kontakt-bg.png) #fff no-repeat 0 39px;

}

#kontakt .content {
    display: inline;
    float: left;
    position: relative;
    width: 640px;
    margin: 0 10px 20px 0;
    font-size: 12px;
    padding-bottom: 20px;
	background:#fff;
}

#kontakt .content h3 {
    font-weight: bold;
    color: #000400;
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 0 0 6px 0px;
    background: url(../../img/app/line.png) #fff no-repeat bottom left;
}

#kontakt .content h4 {
    color: #000400;
    font-size: 18px;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 60px 0 0 0px;
}

#kontakt .content p {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 140%;
    margin: 0 0 20px 0;
}

#kontakt .content a {
    font-size: 14px;
    color: #000400;
    text-decoration: underline;
    margin: 0 0 0 0px;
}

#kontakt .content a:hover {
    text-decoration: none;
}

#kontakt img.mapa {
    float: left;
    margin: 0 50px 0 0;
}

#subNavKontakt {
    background: url(../../img/app/sub-nav-kontakt-bg.png) #fff no-repeat 0 30px;
    display: inline;
    float: left;
    position: relative;
    width: 340px;
    margin-top: 60px;
    margin-left: 10px;
    height: 200px;
}

#subNavKontakt h3 {
    font-weight: bold;
    color: #000400;
    font-size: 16px;
}

#subNavKontakt ul {
    margin: 40px 0 0 20px;
}

#subNavKontakt li {
}

#subNavKontakt a {
    color: #353535;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding: 0 0 0 20px;
    height: 20px;
}

#subNavKontakt a:hover {
    background-color: #ebebeb;
}

#subNavKontakt a.active {
    background-color: #ebebeb;
}

#kontakt .region {
    display: inline;
    float: left;
    position: relative;
    width: 620px;
    margin: 20px 10px 20px 0;
    background: url(../../img/app/line.png) no-repeat top left;
    padding: 30px 0 0 0;
}

#kontakt .region p {
    font-size: 14px;
    padding: 0;
    margin: 0;
}

#kontakt .imieNazwisko {
    margin: 6px 0 20px 40px;
}

#kontakt .telefon {
    margin: 0 0 20px 40px;
}

#kontakt .email {
    margin: 0 0 20px 40px;
}

#kontakt .email a {
    margin: 0;
}

#kontakt .imieNazwisko strong {
    font-weight: bold;
}

#kontakt .telefon strong {
    font-weight: bold;
}

#kontakt .email strong {
    font-weight: bold;
}

#kontakt .zdjecieKontakt {
    float: left;
    text-align: center;
    width: 200px;
    height: 180px;
    margin: 5px 82px 0 16px;
    border: 1px solid #e0e0e0;
    font-size: 1em;
    line-height: 178px;
}

#kontakt .zdjecieKontakt img {
    margin-top: expression(( 180 - this.height ) / 2); 
	}

html>body #kontakt .zdjecieKontakt img {    /*hidden from IE 5-6 */
	margin-top: 0; /* to clean up, just in case IE later supports valign! */
	vertical-align: middle;
	}




#kontakt .nazwaIadresFirmy {
    display: inline;
    float: left;
    position: relative;
    width: 260px;
    margin-right: 20px;
}

#kontakt .nazwaIadresFirmy h4 {
    font-size: 18px;
    margin: 0;
    padding: 0;
}

#kontakt .nazwaIadresFirmy p {
    font-size: 14px;
    margin: 0 0 0px 0;
    padding: 0;
}

#kontakt .dane {
    font-size: 14px;
    font-weight: bold;
    margin: 14px 0 0 0;
}

#kontakt .formularz {
    display: inline;
    float: left;
    position: relative;
    width: 360px;
}
#kontakt .formularz h4{
	padding: 0 0 10px 0;
    margin: 0 0 0 0;
}

#kontakt .formularz legend {
	display:none;
}

#kontakt .formularz label {
    padding: 0 0 0 4px;
    font-size: 18px;
    font-size: 14px;
    font-weight: bold;
}

#kontakt .formularz input {
    margin-top: 12px;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    width: 330px;
    border: 1px solid #e0e0e0;
    padding: 5px 8px;
}

#kontakt .formularz textarea {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    width: 330px;
    border: 1px solid #e0e0e0;
	margin-top:12px;
    padding: 5px 10px 5px 5px;
}

#kontakt .wyslij {
    margin: 0 0 0 0;
    text-align: center;
}

#kontakt .wyslij a {
    display: block;
    height: 36px;
    width: 160px;
    color: #000;
    text-decoration: none;
    background: url(../../img/app/wyslij-bg.png) left 0 no-repeat;
    font-size: 12px;
    padding: 15px 0 0 10px;
}

#kontakt .wyslij a:hover {
    text-decoration: underline;
}

#kontakt .mapaGoogle {
    display: inline;
    float: left;
    position: relative;
    width: 620px;
}
#kontakt .mapaGoogle h4{
	padding: 10px 0 10px 0;
    margin: 0 0 0 0;
}

/* CSS Mapa */

div#mapa-img-div {
    background: url(../../img/app/_all.png) no-repeat;
    width: 371px;
    height: 323px;
    position: relative;
    float: left;
}

div#mapa-img-div.region-central {
    background: url(../../img/app/central.png) no-repeat;
}

div#mapa-img-div.region-main-merchant {
    background: url(../../img/app/central.png) no-repeat;
}

div#mapa-img-div.region-north {
    background: url(../../img/app/north.png) no-repeat;
}

div#mapa-img-div.region-west {
    background: url(../../img/app/west.png) no-repeat;
}

div#mapa-img-div.region-south {
    background: url(../../img/app/south.png) no-repeat;
}

div#mapa-div-north {
    width: 220px;
    height: 100px;
    position: absolute;
    top: 20px;
    right: 60px;
}

div#mapa-div-central {
    width: 190px;
    height: 60px;
    position: absolute;
    top: 130px;
    right: 40px;
}

div#mapa-div-south {
    width: 230px;
    height: 110px;
    position: absolute;
    bottom: 30px;
    right: 20px;
}

div#mapa-div-west {
    width: 90px;
    height: 280px;
    position: absolute;
    bottom: 30px;
    left: 40px;
}

div#mapa-linki {
    width: 250px;
    height: 200px;
    font: 16px/20px Arial, Helvetica, sans-serif;
    margin: 80px 0 0 0;
    float: left;
}

div#mapa-linki li {
    list-style: none;
    
    font-family:Arial,Helvetica,sans-serif;
    font-size:16px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:20px;
    margin-top:5px;
    padding:0 0 0 25px;
}

div#mapa-linki li.active {
    background: transparent url(../../img/app/indicator.png) no-repeat scroll left center;
}

div.region-info {
    display: none;
    float: left;
    position: relative;
    width: 620px;
    margin: 20px 10px 20px 0;
    background: url(../../img/app/line.png) no-repeat top left;
    padding: 30px 0 0 0;
}

div.region-info p {
    font-size: 14px;
    padding: 0;
    margin: 0;
}


div.region-info.active {
    display: inline;
}

div#mapa-linki a {
    color: #000000;
}

.mapa-hid {
    visibility: hidden;
}

#searchResults {
    width: 100%;
    background: url(../../img/app/search-results-bg.png) #fff no-repeat 0 39px;
}

#searchResults .content {
    display: inline;
    float: left;
    position: relative;
    width: 1000px;
    margin: 0 10px 20px 0;
    font-size: 12px;
    padding-bottom: 20px;
    background: #fff;
}

#searchResults .content h3 {
    font-weight: bold;
    color: #000400;
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 10px;
    padding: 0 0 6px 0px;
    background: url(../../img/app/line.png) #fff no-repeat bottom left;
}

#searchResults ul {
    margin: 0px 0 0 20px;
}

#searchResults li {
    margin: 5px 0 12px 0;
}

#searchResults .content p {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 180%;
    margin: 10px 0 0 0;
}

#searchResults .content p.result {
    font-size: 24px;
}

#searchResults strong {
    font-weight: bold;
}

#searchResults .content a {
    font-size: 16px;
    font-weight: bold;
    color: #000400;
    text-decoration: underline;
    margin: 0;
}

#searchResults .content a:hover {
    text-decoration: none;
}

/* STOP SEARCH RESULTS*/




/* START AKTUALNOÅCI LISTA	*/
#aktualnosciList {
    width: 100%;
    background: url(../../img/app/aktualnosci-list-bg.png) #fff no-repeat 0 39px;
}

#aktualnosciList .content {
    display: inline;
    float: left;
    position: relative;
    width: 1000px;
    margin: 0 10px 20px 0;
    font-size: 12px;
    padding-bottom: 20px;
    background: #fff;
}

#aktualnosciList .content h3 {
    font-weight: bold;
    color: #000400;
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 0 0 6px 0px;
    background: url(../../img/app/line.png) #fff no-repeat bottom left;
}

#aktualnosciList ul {
    margin: 0px 0 0 20px;
}

#aktualnosciList li {
    margin: 5px 0 12px 0;
}

#aktualnosciList .content .title {
    font-size: 16px;
    font-weight: bold;
}

#aktualnosciList .content p {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 180%;
    margin: 10px 0 0 0;
}

#aktualnosciList strong {
    font-weight: bold;
}

#aktualnosciList .content a {
    font-size: 16px;
    font-weight: bold;
    color: #000400;
    text-decoration: underline;
    margin: 0;
}

#aktualnosciList .content a:hover {
    text-decoration: none;
}

/* STOP AKTUALNOÅCI LISTA	*/

/* JÄZYK */
.language {
    display: inline;
    float: left;
    position: relative;
    width: 210px;
    margin: 15px 0 0 0;
}

.language li {
    display: inline;
    float: left;
    margin-right: 11px;
}

.pl {
    background-image: url(../../img/app/pl.png);
    background-repeat: no-repeat;
    display: block;
    height: 15px;
    overflow: hidden;
    text-indent: -9999px;
    width: 21px;
}

.en {
    background-image: url(../../img/app/en.png);
    background-repeat: no-repeat;
    display: block;
    height: 15px;
    overflow: hidden;
    text-indent: -9999px;
    width: 21px;
}

.de {
    background-image: url(../../img/app/de.png);
    background-repeat: no-repeat;
    display: block;
    height: 15px;
    overflow: hidden;
    text-indent: -9999px;
    width: 21px;
}

.nl {
    background-image: url(../../img/app/nl.png);
    background-repeat: no-repeat;
    display: block;
    height: 15px;
    overflow: hidden;
    text-indent: -9999px;
    width: 21px;
}

.fr {
    background-image: url(../../img/app/fr.png);
    background-repeat: no-repeat;
    display: block;
    height: 15px;
    overflow: hidden;
    text-indent: -9999px;
    width: 21px;
}

.ru {
    background-image: url(../../img/app/ru.png);
    background-repeat: no-repeat;
    display: block;
    height: 15px;
    overflow: hidden;
    text-indent: -9999px;
    width: 21px;
}

#subNavONas2 h3 {
    font-weight: bold;
    color: #000400;
    font-size: 16px;
}

#subNavONas2 ul {
    margin: 40px 0 0 20px;
}

#subNavONas2 li {
}

#subNavONas2 a {
    color: #353535;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding: 0 0 0 20px;
    height: 20px;
}

#subNavONas2 a:hover {
    background-color: #ebebeb;
}

#subNavONas2 a.active {
    background-color: #ebebeb;
}


#oNas2 .content {
    display: inline;
    float: left;
    position: relative;
    width: 640px;
    font-size: 12px;
    background: #fff;
    margin-right: 20px;
}

#oNas2 .underline {
    background: url(../../img/app/line.png) #fff no-repeat bottom left;
    padding-bottom: 20px;
    margin: 0 20px 60px 0;
    width: 640px;
}

#oNas2 .content h3 {
    font-weight: bold;
    color: #000400;
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 0 0 6px 0px;
    background: url(../../img/app/line.png) no-repeat bottom left;
}

#oNas2 .content p {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 140%;
    margin: 0 0 20px 0;
}

#oNas2 .content a {
    color: #000;
    text-decoration: underline;
}

#oNas2 .content a:hover {
    text-decoration: none;
}
