body, h1, h2, h3, h4, h5, h6, div, form, fieldset, img, ul, ol, li, p, dl, dt, dd, address { margin: 0; padding: 0; border: 0; }

html {
   font-size: 62.5%; /* czcionka bazowa 10px */
}
body, textarea { font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; }
body {
	 line-height: 1.75em;
    color: #000;
    background: #343434; /* #0A0A0A */
	 position:relative;
}

li { list-style: none; }
a { text-decoration: none; color: #EE5F00; }
a:hover { text-decoration: underline; }

.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
.site {
   margin: 0 auto;
   width: 960px;
}
.more { text-align: right; }

.more.mbg a {
   background: #FF6600;
   border: 1px solid #FFFFFF;
   color: #FFFFFF;
   padding: 4px 15px;
   text-transform: lowercase;
	text-decoration: none;
	text-decoration: none;
}
.more.mbg a:hover {
   background: #E14600;
}

.subtitle {
	margin-bottom: 5px;
   margin-top: -10px;
	color: #7f7f7f;
	display: block;
	font-weight: normal;
}

input, textarea, select {
   font-size: 11px;
}
h1, h2, h3, h4, {
   font-size: 12px;
}
h5, h6 {
   font-size: 11px;
}

/* header */
#headerBg { background: #343434 url(../graph/headerBg.gif) repeat; }
#headerLine {
   background: url(../graph/headerBgBtLine.gif)  50% 100% no-repeat;
   padding: 3px 0 0 0;
}
#header {
   background: url(../graph/pointBlack.gif) 0 100% repeat-x;
   border-top: 2px solid #000;
   padding: 20px 0 0 0;
	position:relative;
}
#logo {
   margin: 0 50px 0 50px;
   float: left;
	position: absolute;
	top: 15px;
	left: 0;
	z-index: 1000;
}
#headerAgency {
   float: left;
   padding: 10px 0 15px 225px;
   color: #A4A4A4;
}
#headerAgency h1, #headerAgency h2 {
   font-size: 1.2em;
   font-weight: normal;
	padding: 0 0 2px 19px;
	border-left: 1px solid #5C5C5C;
}
#headerAgency span {
  font-size: 1.2em; 
}

/* text idzie do stopki */
#ftM {
   position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
#ftM div {
   margin: 0 auto;
	width: 940px;
   padding: 0 0 5px 20px;
	color: #3C3C3C;
	font-size: 1.1em;
}
.ftM { padding-bottom: 18px; }


/* gorne menu */
#headerM {
   position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#headerMenu {
   margin: 0 auto;
	width: 960px;
   padding: 45px 0 0 0;
}
#headerMenu ul {
   padding: 0;
	float: right;
	padding: 2px 20px 2px 0;
	background: #000;
}
#headerMenu li {
   float: left;
   padding: 0 0 0 12px;
   margin: 0 0 0 10px;
   background: url(../graph/pointGray.gif) 0 9px no-repeat;
}
#headerMenu li.first { background: none; }
#headerMenu li a {
   color: #A4A4A4;
   text-decoration: none;
	font-size: 1.1em;
}
#headerMenu li a:hover {
   color: #fff;
   text-decoration: underline;
}

#headerP {
   position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#headerP div {
   padding: 8px 15px 0 0;
	margin: 0 auto;
	width: 940px;
	text-align: right;
	font-size: 1.1em;
	color: #696969;
}
#headerP div a {
   color: #696969;
}

/* menu */
#menu { padding: 15px 0 0 11px; }
#menu li { float: left; }
#menu li a {
   font-size: 1.2em;
   font-weight: bold;
   color: #fff;
   height: 32px;
   padding: 8px 18px 0 18px;
   float: left;
}
#menu li a:hover { 
   color: #F60;
	text-decoration: none;
}
#menu li.selected { background: #fff; } /* */
#menu li.selected div { background: url(../graph/menuShLeft.gif) 0 0 no-repeat; }
#menu li.selected div div { background: url(../graph/menuShLeft.gif) 100% 0 no-repeat; }
#menu li.selected div div a { color: #F60; }


#submenu {
   padding: 0 0 20px 0;
}
#submenu ul {
   padding: 5px 0 0 0;
}
#submenu li {
   background: url(../graph/arrowOrange.gif) 0 7px no-repeat !important;
	padding: 0 0 3px 10px !important;
}
#submenu li a {
   font-weight: bold;
	color: #3C3C3C;
	display: block;
}
#submenu li.selected a, #submenu li a:hover {
   color: #EE5F00;
}


/* baner w widoku kategorii */
#banner {
   padding: 0 0 10px 0;
}

/* film */
#movie {
   padding: 0 0 0 10px;
}

/* main - glowny tpl */
#mainBg1 { background: #fff url(../graph/mainBg1.gif) 50% 0 no-repeat; }
#mainBg2 { background: url(../graph/mainBg2.gif) 50% 100% no-repeat; }
#main {
   background: #fff;
   border-bottom: 3px solid #000;
	padding: 10px 0 25px 0;
	font-size: 1.1em;
}
#main .tpl1 {
   background: url(../graph/2col.gif) 250px 0 repeat-y;
}
#main .tpl1 .fl {
   width: 425px;
	padding: 0;
}
#main .tpl1 .fr {
   width: 439px;
	padding: 0;
}
#main .tpl2 {
   background: url(../graph/2col.gif) 476px 0 repeat-y;
}
#main .tpl2 .fl {
   width: 655px;
   text-align: left;
}
#main .tpl2 .fr {
   width: 214px;
	padding: 0;
}
#main .tpl3 {
   background: url(../graph/3col.gif) 476px 0 repeat-y;
}
#main .tpl3 .fl {
   width: 675px;
	/* padding-bottom: 10px; */
}
#main .tpl3 .fl1 {
   float: left;
	width: 425px;
	padding: 0 26px 0 0;
}
#main .tpl3 .fl2 {
   float: left;
	width: 184px;
	padding: 5px 0 0 21px;
}
#main .tpl3 .fr {
   width: 214px;
	padding: 0 0 0 0;
}

#main .tpl6 {
	padding: 0 25px 20px 25px;
}

#main .tplmain {
	padding: 10px 20px 0 0;
}
#main .tplmain .m2col1 {
	padding: 0;
}
#main .tplmain .m2col1 .fl {
	width: 641px;
	background: url(../graph/m2col.gif) 320px 0 repeat-y;
}
#main .tplmain .m2col1 .fr {
	width: 275px;
}

#main .tplmain .m2col2 {
   background: url(../graph/m2col.gif) 294px 0 repeat-y;
	border-top: 15px solid #fff;
	padding: 0 0 5px 0;
	margin: 0 0 0 26px;
}
#main .tplmain .m2col2 .fl {
	width: 589px;
}
#main .tplmain .m2col2 .fr {
	width: 275px;
}

#main .tplmain .m3col {
   background: url(../graph/m3col.gif) 294px 0 repeat-y;
	margin: 0 0 0 26px;
	padding: 2px 0 4px 0;
	border-top: 15px solid #fff;
}
#main .tplmain .m3col .fl1 {
	float: left;
	width: 269px;
	padding: 0 25px 0 0;
}
#main .tplmain .m3col .fl2 {
	float: left;
	width: 270px;
	padding: 0 0 0 25px;
}
#main .tplmain .m3col .fr {
	width: 275px;
}


#mainTxtBg {
	padding: 0 20px 0 25px;
}
#mainTxtBg h1 {
   font-size: 2.7em;
   padding: 15px 0;
   font-weight: normal;
   color: #7C7C7C;
}
#mainTxtBg h2 {
   font-size: 1.4em;
   padding: 15px 0;
   font-weight: normal;
}
#mainTxtBg h3 {
   font-size: 1.4em;
   padding: 15px 0;
   font-weight: normal;
}

.txt { text-align: justify; }
.txt h1 { text-align: left; }
.txt ul { padding: 7px 0 7px 10px; }
.txt li {
   background: url(../graph/liBg.gif) 0 7px no-repeat;
   padding: 0 0 2px 15px;
}
.txt p {
   padding: 7px 0 7px 0;
}
.txt span {
   font-weight: bold;
}

/* style szczegolowe dla strony glownej */
#main .textBox {
   width: 180px;
	padding-left: 24px;
	float: left;
}
#main .tbV2 {
   padding: 30px 10px 0 4px;
}
#main .tplmain .m2col1 .fl .mDots {
   background: #DFDFDF url(../graph/mainLinksDots.gif) -5px 10px repeat-y;
	border-top: 14px solid #DFDFDF;
	border-bottom: 14px solid #DFDFDF;
	margin: 0 0 0 10px;
}
#main .tplmain .textBox h2 {
	color: #000;
}
#main .tplmain .textBox li {
   padding: 0 0 3px 12px;
	background: url(../graph/arrowOrange.gif) 0 7px no-repeat;
}
#main .tplmain .textBox li a {
   color: #3D3D3D;
	font-weight: bold;
}
#main .tplmain .textBox li a:hover {
   color: #000;
}
.mainCaseStudy {
   border-top: 15px solid #fff;
	padding: 5px 0 5px 25px;
}
.mainCaseStudy .desc {
   float: left;
	width: 180px;
}
.mainCaseStudy .desc {
   float: left;
	width: 180px;
}
.mainCaseStudy .desc .more {
   background: url(../graph/arrowLight.gif) 100% 7px no-repeat;
	padding-right: 10px;
}
.mainCaseStudy .desc .realizationText {
   padding: 6px 0 0 0;
}
.mainCaseStudy .desc .realizationText span {
   font-weight: bold;
}
.mainCaseStudy .desc .realizationText p {
	padding: 5px 0 1px 0;
}
.mainCaseStudy .images {
   text-align: right;
	padding: 0 25px 0 0;
}
.mainCaseStudy .images img {
   border: 1px solid #E0E0E0;
	padding: 3px;
}
.mainCaseStudy .links {
	padding: 0 25px 0 0;
}

#main .tplmain #zapytanieBox {
   padding: 0;
}



/** mainLeads ***/
#mainLeads {}
#mainLeads h2 {
   padding: 0;
}
#mainLeads h2 a {
   color: #4b4b4b;
	font-size: 0.75em;
	font-weight: bold;
}
#mainLeads h2 a:hover {
   color: #000;
}
#mainLeads p {
   padding: 10px 0 6px 0;
	color: #6E6E6E;
}
#mainLeads .more {
   background: url(../graph/arrowLight.gif) 100% 7px no-repeat;
	padding: 0 10px 0 0;
}
#mainLeads p {
   text-align: justify;
}


/** aktualnosci ***/
#newestBriefs {
   padding: 5px 0 0 0;
}
#newestBriefs h5 {
   padding: 4px 0 5px 0;
}
#newestBriefs h5 a {
   color: #000;
}
#newestBriefs p {
   padding: 0 0 15px 0;
}
#newestBriefs .date {
   float: left;
   color: #888888;
}
#newestBriefs ul {
   padding: 25px 0 0 0;
}
#newestBriefs ul li {
   padding: 5px 0 0 0;
	color: #888888;
	clear: both;
}
/*
#newestBriefs ul li a {
   float: right;
	width: 200px;
}
*/

/** karuzela *****/
.carousel ul li {
	width: 129px;
	height: 65px;
	list-style: none;
	float: left;
	margin: 0 4px;
}
.karuzela {
	border: 1px #dfdfdf solid;
	border-width: 1px 0;
	padding: 10px 0;
	height: 70px;
}
.karuzela .prev,
.karuzela .next {
	border: 0;
	float: left;
	cursor: pointer;
	margin-left: 4px;
	display: block;
	height: 70px;
	width: 14px;
	padding: 0;
}
.karuzela .prev {
	background: #fff url('../graph/arrow_left.gif') 50% 50% no-repeat;
}
.karuzela .next {
	background: #fff url('../graph/arrow_right.gif') 50% 50% no-repeat;
}
.karuzela .prev:hover {
	background: #efefef url('../graph/arrow_leftHv.gif') 50% 50% no-repeat;
}
.karuzela .next:hover {
	background: #efefef url('../graph/arrow_rightHv.gif') 50% 50% no-repeat;
}
.karuzela .jCarouselLite {
	float: left;
	height: 70px;
}

#contactBox {}

#contactBoxM {
	padding: 0;
}
#contactBoxM div {
   text-align: center;
	padding: 0 10px 0 0;
}
#contactBoxM img {
   margin: 10px 0 10px 0;
}
#contactBoxM strong {
   display: block;
	padding: 0 0 5px 0;
}



/** casestudy ***/
#casestudy {
   background: #fff url(../graph/mainDot.gif) 26px 0 repeat-x;
   border-top: 25px solid #fff;
	width: 650px;
	padding: 20px 0 2px 0;
}
#casestudy ul li {
   float: left;
   margin: 5px 30px 0 0;
   width: 190px;
}
#casestudy ul li.last {
   margin: 5px 0 0 0;
}
#casestudy ul li strong {
   display: inline-block;
   margin-top: 4px;
}
#casestudy ul li div {
   margin: 6px 0;
}
#casestudy ul li div strong {
   margin: 0 4px 0 0;
   padding: 0;
}
#casestudy ul li span {
   margin: 0 0 0 120px;
}



/* pathBox */
#pathBox {
   background: #fff;
	padding: 0 0 6px 0;
}
#pathBox ul {
   padding: 0;
}
#pathBox ul li {
   background: none;
	float: left;
	padding: 0 10px 0 0;
	color: #878787;
}
#pathBox ul li a {
   color: #878787;
}
#pathBox ul li a:hover {
   text-decoration: underline !important;
}

/* aktualnosci */


#aktualnosci ul {
   padding: 0;
}
#aktualnosci ul li {
   padding: 0;
	background: none;
}

#aktualnosci #trescAkt ul { padding: 7px 0 7px 10px; }
#aktualnosci #trescAkt li {
   background: url(../graph/liBg.gif) 0 7px no-repeat;
   padding: 0 0 2px 15px;
}



#newsList {
   padding: 0 0 15px 0 !important;
}
#newsList h2 { text-align: left; }
#newsList h2 a {
   color: #000;
	font-size: normal;
}
#newsList .wstep { 
   padding: 0 0 10px 0;
}
#newsList .data {
   float: left;
	color: #888888;
}
#newsList .more, #aktualnosci .more {
   background: url(../graph/arrowLight.gif) 100% 7px no-repeat;
	padding-right: 10px;
}

/* stronicowanie */
.pageNav {}
.pageNav ul {
   float: right;
}
.pageNav li {
   float: left;
	padding: 0 6px 0 0 !important;
}
.pageNav li a {
   color: #000;
	font-weight: bold;
	padding: 3px 7px !important;
}
.pageNav li.selected a, .pageNav li a:hover {
   background: #DFDFDF !important;
	text-decoration: none;
}

/* warto Zobaczyc */
#wartoZobaczyc {
   padding: 10px 0 0 0;
}
#warto {
   padding: 0 0 10px 0 !important;
}
#warto li {
   background: url(../graph/arrowOrange.gif) 0 8px no-repeat !important;
	padding: 0 0 3px 10px !important;
}
#warto li a {
   font-weight: normal;
	color: #3C3C3C;
	display: block;
}
#warto li a:hover {
   color: #EE5F00;
}



#contact { padding: 0 0 20px 0; }
#contact dl { padding: 0; }
#contact dl dt { float: left; }
#contact dl dd { margin: 0 0 0 150px; }
#contact p {  padding: 10px 0 0 0; }
#contact h3 { padding-top: 0 !important; }

#emailForm h3 { padding: 0 0 5px 0; }
#emailForm dl { padding: 8px 0 0 0; }
#emailForm dl dt { float: left; }
#emailForm dl dt span { color: #9A9A9A; }
#emailForm dl dd { margin: 0 0 0 85px; }
#emailForm dl dd input {
   border: 1px solid #9A9A9A;
   width: 180px;
   font-size: 1.1em;
   padding: 3px 2px;
}
#emailForm dl dd textarea {
   border: 1px solid #9A9A9A;
   width: 210px;
   height: 80px;
   font-size: 1.1em;
   padding: 3px 2px;
}
#emailForm #submit { 
   text-align: right; 
   padding: 10px 6px 0 0;
}
#emailForm #submit .submitInput {
   background: #FF6600;
   padding: 4px 18px;
   border: 0;
   font-size: 1.1em;
   color: #fff;
}
#referencje { padding: 0; }
#referencje h2 { padding: 0 0 5px 0; }
#referencje div { padding: 2px 0 5px 0; }
#referencje p { padding: 0 0 3px 0; }
#referencje .refLg { margin: 0 0 0 20px; }
/* strona kategorii */
#category {
   padding: 0 !important;
}
#category li {
   list-style: none !important;
	background: none !important;
}
#category .break {
   clear: both;
}
#category .subcategory {
   float: left;
	width: 192px;
	margin: 0 12px 15px 12px;
	padding: 0;
}
#category .subcategory div {
   color: #646464;
	padding: 17px 0 0 0;
	text-align: left;
}
#category .subcategory h4 {
   border-bottom: 1px solid #DFDFDF;
}
#category .subcategory .more {
   padding: 1px 10px 0 0;
   text-align: right;	
}
#category .subcategory a {
   color: #000;
	font-weight: bold;
}
#category .subcategory a:hover {
   color: #E16500;
}

/* kontact */
#kontakt {
   padding: 0 0 10px 0;
}
#addressData {
   padding: 10px 0 0 0;
}
#kontakt .fl {
   width: 215px !important;
}
#kontakt .map {
   padding: 10px 0 0 0;
}
#kontakt .map a {
   color: #EE5F00 !important;
}

/* formularze kontakrowe */
.aForm .row {
   padding: 4px 0;
}
.aForm .row input, .aForm .row textarea {
   border: 1px solid #9A9A9A;
	padding: 3px 3px !important;
}
.aForm .row input:hover, .aForm .row textarea:hover {
   border: 1px solid #14212A;
}
.aForm .srow .submit {
   background: #FF6600;
	color: #FFFFFF;
	cursor: pointer;
	padding: 4px 15px;
	border: 0;
	font-size: 1em;
}
.aForm .srow .submit:hover {
   background: #D75600;
}
#contactForm .row input {
   width: 220px;
}
#contactForm .row textarea {
   width: 360px;
	height: 130px;
}
#contactForm .srow {
   width: 360px;
	padding: 5px 0;
	text-align: right;
}
#zapytanieForm .row input {
   width: 180px;
}
#zapytanieForm .row textarea {
   width: 205px;
	height: 80px;
}
#zapytanieForm .srow {
   width: 205px;
	padding: 5px 0;
	text-align: right;
}
#msg {
   width: 350px;
	margin: 30px 0 0 0;
	border: 1px solid #DFDFDF;
	padding: 30px 25px;
	text-align: center;
}
#msg div {
	font-weight: bold;
	padding: 0 0 15px 0;
}
#msg .back {
   background: #FF6600;
	color: #FFFFFF;
	cursor: pointer;
	padding: 4px 15px;
	border: 0;
}
.msgOk {}
.msgError {}


/* zapytanie Formularz */
#zapytanieFormularz {
   padding: 15px 0 15px 0;
}

/* zapytanie Box */
#zapytanieBox {
   padding: 25px 0 15px 0;
}
#zapytanieBox p {
   padding: 10px 0;
}
#zapytanieBox .more a {
   background: #FF6600;
	color: #FFFFFF;
	cursor: pointer;
	padding: 4px 15px;
	border: 0;
}
#zapytanieBox .more a:hover {
   background: #D75600;
	text-decoration: none;
}


/* rzetelna firma Box */
#rzetelnaFirma {
   padding: 15px 0 15px 0;
}

#rzetelnaFirma div {
   padding: 10px 0 0 0;
	border: 0;
}


/* ogolne dla realizacji */
#realizacje {}
#realizacje h1 {
   text-transform: uppercase;
}


/* realizacja pojedyncza */
#realizacja {}
#realizacja .fl {
   margin-top: 30px;
	width: 215px !important;
}
#realizacja .fr {
   margin: 20px 5px 0 0;
	width: 415px !important;
}
#realizacja ul li {
   border: 1px solid #E0E0E0;
	padding: 3px;
	float: right;
	line-height: 1px;
}
.links {
   float: right;
   margin-top: 4px;
}
.links ul {
   border: 1px solid #E1E1E1;
   float: right;
   padding: 2px;
}
.links ul li {
   border:0 none !important;
   float: left !important;
   padding:0 !important;
}
.links ul li a {
   background:#D7D7D7;
   display: block;
   font-size:0.7em;
   height:8px;
   margin: 0 2px;
   width: 25px;
}
.links ul li.selected a, .links ul li a:hover {
   background:#FF6702;
   text-decoration: none;
}


#linksMore {
   padding: 35px 0 0 0;
}
#linksMore div {
   font-weight: bold;
	padding: 20px 0 10px 0 !important;
	border-top: 1px solid #DFDFDF;
	width: 190px;
}
#linksMore a {
   display: block;
	background: url(../graph/arrowLight.gif) 0 7px no-repeat;
	padding: 0 0 3px 10px;
	color: #666666;
}
#linksMore a:hover {
   color: #000;
}


#realizacja .fl strong {
   margin-right: 5px;
}
#realizacja .fl div {
   padding-bottom: 2px;
}
#realizacja .fr #opisPrac {
   margin: 20px 0 0 0;
}
#realizacja .fr #opisPrac a {
   color: #000;
}
#realizacja .fr #opisPrac .opis {
   margin: 0 0 10px 0;
}

#realizacja .navigation {
   border-top: 1px solid #DFDFDF;
   margin-top: 50px;
   padding: 10px 0;
}
#realizacja .navigation p {
   text-align: center;
}
#realizacja .navigation a {
   color: #666666;
   text-decoration: underline;
}
#realizacja .navigation a:hover {
   color: #000;
}
#realizacja .navigation .next {
   float: right;
}
#realizacja .navigation .prev {
   float: left;
}
#realizacja .navigation .center {
   text-align: center;
}


/* lista realizacji */
#categoryRealizations {
   padding: 10px 0 0 0;
}
#categoryRealizations ul li.realz, #clientRealizations ul li.realz {
   float: left;
   margin-bottom: 30px;
   padding: 0 13px;
   text-align: center;
   width: 190px;
}
#categoryRealizations ul li.realz a {
   color: #000000;
   font-weight: bold;
}
#categoryRealizations ul li.realz span, #clientRealizations ul li.realz span {
   border-top: 1px solid #DFDFDF;
   color: #000000;
   display: block;
   font-weight: bold;
   margin-top: 2px;
   padding-right: 10px;
   padding-top: 5px;
   text-align: center;
}

/* realizacje branze */
#realizacje #branze h4 {
   padding: 26px 0 5px 0;
}
#realizacje #branze li {
   float: left;
	margin: 0 15px 12px 0;
	width: 140px;
	padding: 0;
	text-align: center;
}
#realizacje #branze li a {
   display: block;
}
#realizacje #branze li img {
   border: 1px solid #FFFFFF;
}
#realizacje #branze li a:hover img {
   border: 1px solid #C0C0C0;
}


#realizacje #nasiKlienci li {
   float: left;
	margin: 0 20px 35px 0;
	width: 140px;
	padding: 0;
	text-align: center;
}

/* realizacjeMenu */
#realizacjeMenu h4 {
   margin: 15px 0 0 0;
}
#realizacjeMenu li, #realizacjeMenu p {
   background: url(../graph/arrowOrange.gif) 0 8px no-repeat !important;
	padding: 0 0 3px 10px !important;
}
#realizacjeMenu li a, #realizacjeMenu p a {
   font-weight: bold;
	color: #3C3C3C;
	display: block;
}
#realizacjeMenu li.selected a, #realizacjeMenu li a:hover, 
#realizacjeMenu p.selected a, #realizacjeMenu p a:hover {
   color: #EE5F00;
}



/* karuzela */
#karuzela {}



/* footer */
#footer { padding: 12px 0 12px 0; font-size: 1.1em; }
#footerTxt {
   color: #B2B2B2;
   background: url(../graph/footerDot.gif) 640px 0 repeat-y;
}
#footerTxt #menuBtm {
   float: left;
	padding: 3px 0 0 20px;
}
#footerTxt ul li.firstLevel {
   float: left;
   padding: 0 30px 0 0;
}
#footerTxt ul li span {  font-weight: bold; }
#footerTxt ul li ul { padding: 8px 0 0 0; }
#footerTxt ul li ul li {
   line-height: 1.3em;
	padding: 0 0 5px 10px;
	background: url(../graph/blackDot.gif) 0 5px no-repeat;
}

#footerTxt li a { color: #B2B2B2;}
#footerTxt li a:hover { color: #fff; text-decoration: none; }
#footerTxt #footerContact {
   float: right;
	padding: 0 10px 0 0;
}
#footerTxt #footerContact h4 {
   font-size: 1.1em;
	padding: 0 0 10px 0;
	text-transform: uppercase;
}
#footerTxt #footerContact p {
   float: left;
	padding: 0 30px 0 0;
}

#footerTxt #footerContact p a {
	margin: 0 0 0 10px;
	padding: 5px 14px;
	color: #fff;
	background: #000;
	text-decoration: none;
}
#footerTxt #footerContact p a:hover {
	background: #282828;
}
#footerBg1 {  
   font-size: 1.1em;
	background: #fff url(../graph/footerBg1.gif) 50% 0 repeat-y; 
}
#footerLogo { 
   background: url(../graph/footerDot.gif) 0 0 repeat; 
	padding: 10px 0 12px 0;
}
#footerLogo #products { 
   background: url(../graph/footerDot2.gif) 225px 0 repeat-y; 
	padding: 0;
}
#footerLogo .header {
   float: left;
	width: 210px;
	padding: 2px 0 0 20px;
}
#footerLogo .header h6 {
   font-size: 1.4em;
   color: #fff;
   font-weight: normal;
   padding: 0 0 5px 0;
}
#footerLogo .header .subtitle {
   color: #CCCCCC;
}
#footerLogo .imageBox {
   float: left;
	text-align: center;
	padding: 0 10px 0 40px;
}
#footerLogo .imageBox a {
   display: block;
	padding: 35px 0 0 0;
	text-decoration: none;
}
#footerLogo .imageBox a.flexiweb {
   background: url(../graph/flexiweb1.gif) 50% 0 no-repeat;
	width: 120px;
}
#footerLogo .imageBox a.flexiweb:hover {
   background: url(../graph/flexiweb.gif) 50% 0 no-repeat;
}
#footerLogo .imageBox a.vidze {
   background: url(../graph/vidze1.gif) 50% 0 no-repeat;
	width: 110px;
}
#footerLogo .imageBox a.vidze:hover {
   background: url(../graph/vidze.gif) 50% 0 no-repeat;
}
#footerLogo .imageBox a.webstatus {
   background: url(../graph/webstatus1.gif) 50% 0 no-repeat;
	width: 130px;
}
#footerLogo .imageBox a.webstatus:hover {
   background: url(../graph/webstatus.gif) 50% 0 no-repeat;
}
#footerLogo .imageBox a.easyhost {
   background: url(../graph/easyhost1.gif) 50% 0 no-repeat;
	width: 125px;
}
#footerLogo .imageBox a.easyhost:hover {
   background: url(../graph/easyhost.gif) 50% 0 no-repeat;
}
#footerLogo .imageBox a span {
   display: block;
	color: #B2B2B2;
}
#footerLogo .imageBox a:hover span {
	color: #fff;
}

   

#footerBg2 { 
   font-size: 1.1em;
	background: #000 url(../graph/footerBg2a.gif) 50% 0 repeat-y;
}
#footerInfo { background: #000; }
#footerInfo p {
   padding: 5px 0 5px 20px;
	color: #3C3C3C;
}
#footerInfo p a { color: #3C3C3C; }
#footerInfo p a:hover { 
   color: #7D7D7D;
	text-decoration: underline;
}


#mapaSerwisu {}
#mapaSerwisu .mpf { 
   float: left;
	width: 210px;
	padding: 0 15px 0 0;
}
#mapaSerwisu  .sm1 {
   float: left;
	width: 450px;
}
#mapaSerwisu  .sm2 {
   float: left;
	width: 210px;
	padding: 0 25px 0 0;
}
#mapaSerwisu  .sm3 {
   float: left;
	width: 220px;
	padding: 0;
}

#mapaSerwisu .mtxt li {
   background: url(../graph/liBg.gif) 0 7px no-repeat;
   padding: 0 0 2px 15px;
}
#mapaSerwisu .mtxt li a {
   color: #000;
}
#mapaSerwisu .mtxt li a:hover {
   color: #EE5F00;
}

/* css file: sifr.css */

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt;
    padding: 0pt;
    overflow: auto;
    letter-spacing: 0px;
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Tahoma;
    visibility: hidden;
  }
  */
}

.sIFR-active h1.sIFR {
   font-size: 28px !important;
   padding: 15px 0 15px 0 !important; 
}
.sIFR-active h2.sIFR {
   font-size: 21px !important;
   padding: 0 0 2px 0 !important;
}
.sIFR-active h2.sIFR.v2 {
   font-size: 18px !important;
   padding: 0 0 2px 0 !important;
}
.sIFR-active h2.sIFR.v3 {
   font-size: 15px !important;
   padding: 20px 0 5px 0 !important;
}
.sIFR-active h3.sIFR {
   font-size: 21px !important;
   padding: 0 0 2px 0 !important;
}
.sIFR-active h3.sIFR.v2 {
   font-size: 15px !important;
   padding: 0 0 20px 0 !important;
}
.sIFR-active h3.sIFR.v3 {
   font-size: 18px !important;
   padding: 0 0 10px 0 !important;
	margin: 0 !important;
}
.sIFR-active h4.sIFR {
   font-size: 18px !important;
   padding: 0 !important;
}
.sIFR-active h4.sIFR.v2 {
   font-size: 18px !important;
   padding: 0 !important;
}
.sIFR-active h5.sIFR {
   font-size: 15px !important;
   padding: 0 !important;
}
.sIFR-active h6.sIFR {
   font-size: 21px !important;
   padding: 0 0 2px 0 !important;
}


/* kir */
#headerBg.kir {
   position:relative;
}
#kir {
   left: 280px;
   top: 28px;
   position:absolute;
}