* { margin: 0; padding: 0;}
img { border: 0;}
body {font-size: 13px; font-family: 'Arial'; display: inline; color: #000; background: #fff url(images/body.gif) repeat-x;}
ul {list-style: none;}
div { float: left; margin: 0;padding: 0;}
a {text-decoration: none; color: #000;}
a:hover {color: #8f0607;}
h1 {font-size: 22px; margin-bottom: 15px}
h2 {font-size: 18px; margin-bottom: 15px}
h3 {font-size: 16px; margin-bottom: 15px}
p {margin-bottom: 10px;}
.frame { float: none; margin: 0 auto; width: 980px;  }
.header {width: 980px; height: 143px; background: url(images/banerTop.jpg) no-repeat right bottom;}
.logo {float: left; width: 232px; height: 142px; background: url(images/logo.jpg) no-repeat;}
.menuTop {float: right; width: 451px; height: 114px;  padding: 0 44px;}
.menuTop li {float: left; display: inline;}
.menuTop li a {float: left; margin-left: 1px; text-align: center; color: #505050; font-size: 17px; height: 20px; padding: 28px 0;}
.mt1 {width: 75px; background: url(images/1.jpg) bottom no-repeat;}
.mt2 {width: 80px; background: url(images/2.jpg) bottom no-repeat;}
.mt3 {width: 112px; background: url(images/3.jpg) bottom no-repeat;}
.mt4 {width: 104px; background: url(images/4.jpg) bottom no-repeat;}
.mt1:hover, .mt2:hover, .mt3:hover,.mt4:hover, #actual {background-position: top; color: #fff;}
.baner {width: 980px; height: 230px; background: url(images/baner.jpg) no-repeat;}
.all {width: 980px;}
.leftPan {width: 422px; padding: 0 34px 0 29px; font-size: 14px; background: url(images/rightPan.jpg) no-repeat scroll 0 47px; display: inline; margin-top: -47px; font-family: Trebuchet MS;}
.leftPan p {line-height: 135%;}
.leftPan h1 {font-family: Trebuchet MS; font-size:30px; font-weight: normal; color: #2f2f2f; margin-bottom: 20px;}
.leftPan h1 SPAN {color: #fff; font-size: 20px;}
.rightPan {float: right; width: 490px; padding: 20px 0 0 0;}
.rightPan h2 {font-family: Trebuchet MS; font-size: 23px; font-weight: normal;}
.rightPan h2 {font-family: Trebuchet MS; font-size: 22px; font-weight: normal;}
.rightPan div {width: 226px; text-align: center; margin: 0 12px 12px 0;}
.rightPan div a {color: #000; font-size: 12px; font-family: Trebuchet MS;}
.rightPan div a:hover {color: #f48000;}
.banerki {width: 456px; padding: 34px 0 30px 29px; background: url(images/banerki.jpg) no-repeat bottom; margin: -11px 0 0 -29px; }
.banerki a {float: left; width: 415px; height: 60px; margin-bottom: 4px;}
.banerki .www {background: url(images/www.gif) no-repeat left top; }
.banerki .grafika {background: url(images/grafika.gif) no-repeat left top;}
.banerki .informatyczne {background: url(images/informatyczne.gif) no-repeat left top;}
.banerki .pozycjonowanie_o_nas {background: url(images/pozycjonowanie.gif) no-repeat left top;}
.banerki a:hover {background-position: right;}
.stopka {width: 980px; margin-top: 10px; border-top: 1px solid #000; background: url(images/stopka.jpg) repeat-y; line-height: 51px; margin-bottom: 7px;}
.stopka hr {background: #fff; height: 1px; margin: 0; padding: 0; border: 0;}
.stopka li {float: left; display: inline; margin-left: 22px;}
.stopka li a {color: #505050; font-family: Trebuchet MS; font-size: 11px; text-transform: uppercase;}
.stopka li a:hover {color: #f48000;}
.amill {float: right; margin: 8px 10px 0 0; }
.amill a {float: right; width: 65px; height: 39px; background: url(images/amill.jpg) no-repeat;}
.promotion {width: 182px; height: 111px; /*background: url(images/promotion.jpg) no-repeat;*/ margin-left: 10px;}
.underStopka {width: 553px; text-align: justify; font-size: 10px; color: #989898; margin: 0 0 15px 104px;}
/* **O nas** */
#oNasFrame .baner{background: url(images/baner_onas.jpg) no-repeat;}
#oNasFrame .header{background: url(images/banerTop_onas.jpg) no-repeat right bottom;}

/* **oferta ***/
#ofertaFrame .baner{background: url(images/baner_ofe.jpg) no-repeat;}
#ofertaFrame .header{background: url(images/banerTop_ofe.jpg) no-repeat right bottom;}
.leftPan_ofe {width: 332px; padding: 0 34px 0 29px; font-size: 14px; background: url(images/rightPan_ofe.jpg) no-repeat scroll 0 69px; display: inline; margin-top: -92px; font-family: Trebuchet MS;}
.leftPan_ofe p {line-height: 135%;}
.leftPan_ofe h1 {font-family: Trebuchet MS; font-size:30px; font-weight: normal; color: #2f2f2f; margin-bottom: 20px;}
.leftPan_ofe h1 SPAN {color: #fff; font-size: 20px;}
.rightPan_ofe {float: right; width: 585px; padding: 20px 0 0 0; display: inline; }
.rightPan_ofe h2 {font-family: Century Gothic, Arial; font-size: 23px; font-weight: normal;}
.leftPan_ofe .post{margin-top: 22px;}
.www_ofe {margin: 0 5px 3px 0; background: url(images/www_ofe.jpg) no-repeat left top; }
.grafika_ofe { background: url(images/graficzne_ofe.jpg) no-repeat left top;}
.informatyczne_ofe {margin: 0 0 5px 0; background: url(images/rozwiazania_ofe.jpg) no-repeat left top;}
.pozycjonowanie_ofe {margin: 0 5px 0 0; background: url(images/pozycjonowanie_ofe.jpg) no-repeat left top;}
.www_ofe, .grafika_ofe, .informatyczne_ofe, .pozycjonowanie_ofe {width: 273px; height: 118px; padding: 60px 8px 0 8px; display: inline; color: #fff; font-size: 14px; line-height: 135%; }
.www_ofe .more, .grafika_ofe .more, .informatyczne_ofe .more, .pozycjonowanie_ofe .more {float: right; width: 87px; height: 26px; margin: 10px 8px 0 0;}
.grafika_ofe .more {margin-top: -9px; }

/* **kontakt** */
#kontaktFrame .baner{background: url(images/baner_kontakt.jpg) no-repeat;}
#kontaktFrame .header{background: url(images/banerTop_kontakt.jpg) no-repeat right bottom;}

/*** poprawki ***/
.entry ul{list-style: square inside;}
.entry li{padding-left: 10px;}

/*** oferta  - podstrony ***/
.baner_ofe {background: url(images/baner_ofe.jpg) no-repeat; height:252px; width:980px;}
.oferta_podstr{background: #fff url(images/body2.jpg) repeat-x;}
.header_podstr {width: 980px; height: 143px; background: url(images/banerTop_postr_ofe.jpg) no-repeat right;}
.baner_ofe_podstr {width: 980px; height: 123px; background: url(images/baner_podstr_ofe.jpg) no-repeat;}
.baner_ofe_podstr_graf {width: 980px; height: 123px; background: url(images/baner_podstr_ofe_grafika.jpg) no-repeat;}
.baner_ofe_podstr_inf {width: 980px; height: 123px; background: url(images/baner_podstr_ofe_rozwiazania.jpg) no-repeat;}
.baner_ofe_podstr_sklep { background: url(images/baner_ofe_podstr_sklep.jpg) 0 -1px no-repeat; }
.leftPan_ofe_podstr {width: 332px; padding: 0 34px 0 29px; font-size: 14px; background: url(images/rightPan_ofe_podstr.jpg) no-repeat scroll 0 49px; display: inline; margin-top: -50px; font-family: Trebuchet MS; position: relative; z-index: 100;}
.baner_ofe_podstr_poz {width: 980px; height: 123px; background: url(images/baner_ofe_pozycjonowanie.jpg) top no-repeat;}
.leftPan_ofe_podstr p {line-height: 135%;}
.leftPan_ofe_podstr h1 {font-family: Trebuchet MS; font-size:30px; font-weight: normal; color: #2f2f2f; margin-bottom: 20px;}
.leftPan_ofe_podstr h1 SPAN {color: #fff; font-size: 20px;}
.rightPan_ofe_podstr h3 {margin: 10px 0 3px; font-size: 15px;}
.rightPan_ofe_podstr li {line-height: 150%;}
.rightPan_ofe_podstr {float: right; width: 585px; padding: 20px 0 0 0; display: inline; }
.rightPan_ofe_podstr p {line-height: 150%;}
.podstr_ofe_realizacja {margin: 10px 0 0 10px;}
.podstr_ofe_realizacja .more {float:right; height:26px; margin:13px 11px 0 0; width:87px; background: url(images/more.jpg) no-repeat;}

/* **poprawki do ngg** */
.ngg-widget,.ngg-widget-slideshow {overflow: hidden; margin:0pt; padding:5px 0px 0px 0pt; text-align:center;}
.ngg-widget img { border:2px solid #A9A9A9; margin:0pt; padding:1px;}
.rightPan .ngg-widget a{display: inline-block; margin: 1px;}
.rightPan .ngg-widget{width: 490px;}
.podstr_realizacje_graficzne .ngg-widget{width: 325px;}
.podstr_realizacje_graficzne .ngg-widget img{border:2px solid #A9A9A9;}
.rightPan_realizacje .ngg-widget{width: 490px;}
.rightPan_realizacje_podstr .ngg-widget{width: 490px;}
.ngg-gallery-thumbnail-box a, .ngg-gallery-thumbnail-box img{width: 153px; height: 115px; float: left;}
.rightPan_realizacje_podstr .ngg-galleryoverview, .rightPan_realizacje_podstr .entry{width: 507px;}
.ngg-gallery-thumbnail-box a {border: 2px solid #A9A9A9;}
.ngg-gallery-thumbnail-box a:hover {border-color: #9a9a9a;}
.rightPan_realizacje_podstr .ngg-navigation {float: right; text-align: right; background: url(images/navigation.jpg) no-repeat top right; width: 250px; padding: 7px 0 0 0;}
.ngg-navigation SPAN {padding: 6px 11px; background: #9f9f9f; margin-right: 1px;}
.ngg-navigation a {padding: 5px 10px; background: #cfcfcf; margin-right: 1px;}
.ngg-navigation #ngg-prev-1, .ngg-navigation #ngg-next-2 {padding: 5px 7px;}
.rightPan_realizacje_podstr .ngg-galleryoverview, .rightPan_realizacje_podstr .ngg-gallery-thumbnail-box {margin: 0;}
.rightPan_realizacje_podstr .ngg-gallery-thumbnail-box {width: auto;}

.banerki_male {background: url(images/banerki_male.jpg); width: 395px; height: 66px; margin-top: -40px; z-index: 1;}

/*  * * * * * * * * * Formularz kontaktowy  * * * * * * * * * * * */
.cont_form_container {width: 555px; padding: 20px 15px 0; background: #e9e9e9 url(images/contact_form_t.gif) no-repeat;}
.cont_form_container_bottom {width: 585px; height: 8px; background: url(images/contact_form_b.gif) no-repeat;}
.cont_form_container h3 {font-size: 18px;}
.cf-ol {float: left; list-style-type: none;}
.cf-ol li {line-height: normal;}
.cf-fs1, .cf-fs2 {border: none;}
.cf_hidden, .linklove {display: none;}
#cformsform LEGEND {font-weight: bold; font-size: 14px; display: none;}
#cformsform LABEL {float: left; text-align: right; width: 100px; padding: 0 5px 0 0; margin-bottom: 5px;}
.leftPan_realizacje #cformsform LABEL {text-align: left; font-size: 13px;}
.leftPan_realizacje #cformsform #sendbutton { margin-left: 123px; }
#cformsform LABEL SPAN, .req {color: #f00;}
#cformsform INPUT, #cformsform TEXTAREA {width: 315px; margin-bottom: 5px; padding: 2px;}

#cformsform #sendbutton {background: url(images/submit_button_send.jpg) no-repeat top; border: 0; width: 87px; height: 26px; margin-left: 228px;}
#cformsform #sendbutton:hover {background-position: bottom;}
#usermessagea {float: left; width: 486px; color: green; font-weight: bold;}
#usermessageb {display: none;}

/*  * * * * * * * Realizacje * * * * * * * * */
.baner_realizacje {background: url(images/baner_realizacje.jpg) no-repeat; height:122px; width:980px;}
.leftPan_realizacje {background: url(images/leftPan_realizacje.jpg) no-repeat scroll 0 42px; display:inline; font-family:Trebuchet MS; font-size:14px; margin-top:-42px; padding:0 34px 0 29px; position:relative; width:332px; z-index:100;}
.rightPan_realizacje {display:inline; float:right; padding: 0 33px 0 45px;
width:507px; background: url(images/rightPan_realizacje.jpg) no-repeat scroll 0 77px; margin-top: -77px; }
.leftPan_realizacje h1, .rightPan_realizacje h1 {font-size: 22px; font-weight: normal; color: #fff;}
.podstr_realizacje_graficzne {width: 332px; padding: 3px 0 0 11px;}
.podstr_realizacje_graficzne .more {float:right; height:26px; margin:13px 11px 0 0; width:87px; background: url(images/more.jpg) no-repeat;}
.rightPan_realizacje .more {float:right; height:26px; margin:13px 11px 0 0; width:87px; background: url(images/more.jpg) no-repeat;}

/*** realizacje www ***/
.baner_realizacje_www {background: url(images/baner_realizacje_www.jpg) no-repeat; height:122px; width:980px;}
.rightPan_realizacje_podstr {display:inline; float:right; padding: 0 39px 0; width:507px;  margin-top: 14px;}
.rightPan_realizacje_podstr .obraz_realiz {background:#A4A4A4; float:left; height:129px; width:153px;}
.rightPan_realizacje_podstr div {margin: 0 0 9px 13px; width: 153px; text-align: center;}
.rightPan_realizacje_podstr img {float: left;}
.rightPan_realizacje_podstr .first {margin-left: 0;}
.podstr_realizacje_graficzne LABEL {float: left; width: 100%; font-size: 12px;}
.podstr_realizacje_graficzne INPUT, .podstr_realizacje_graficzne TEXTAREA {padding: 2px; width: 309px; margin-bottom: 4px;}
.podstr_realizacje_graficzne #cforms2form label {text-align: left; margin-bottom: 0;}
.podstr_realizacje_graficzne #cforms2form .cf-sb #sendbutton2 {margin-left: 119px;}

/*** podmenu oferty ***/
.menu_under_menu_top_container {float: right; margin: 0; /*width: 600px;*/ }
.menu_under_menu_top_container li {display: inline; float: left; background: url(images/back_podmenu.png) top no-repeat; margin: 0 1px 0 0; padding: 7px 16px 6px 17px;}
.menu_under_menu_top_container li:hover, #act {background-position: bottom;}
.menu_under_menu_top_container .size_more {background: url(images/menu_dod_realizacje.png) top no-repeat; padding: 6px 7px 7px 7px;}
.menu_under_menu_top_container li a {color: #fff; font-size: 13px; height: 16px; font-weight: bold;}

.amillOnFacebook { float: left; width: 203px; text-align: center; line-height: 140%; font-size: 11px; color: #989898; }
.widgetSlider { background:url(images/slider.png) top no-repeat; display:block; float:right; height:420px;padding:0; position:fixed; right:-205px; top:170px; width:232px; z-index:10000; }

.sklepy_oferta { float: left; background: url(images/sklepy.gif) no-repeat; height:43px; padding: 50px 17px 0 20px; width:326px; margin: 14px 0 0 16px; }
.sklepy_oferta p { float: left; color: #fff; width: 235px; }
.sklepy_oferta .more { float:right; height:26px; width:87px; margin: 10px 1px 0 0; }

.gpl {float: left; width: 100%; text-align center; margin: 3px 0 0;}