/*	PetraIT - Main stylesheet

	Author: Mateusz Pietrowiak <mateusz@fluidagency.pl> */



@import url(reset.css);



input, textarea, body {

    font-family: Tahoma, Geneva, sans-serif;

    color: #4f5053;

}



body, html {

    background: #ffffff;

}



#index.home {

    background: url(../gfx/bg-home.png) repeat-x;

}



#index.sub {

    background: url(../gfx/bg-sub.png) repeat-x;

}



/* Login page */



#index.login {

    padding-top: 200px;

}



#login {

    width: 710px;

    height: 228px;

    margin: 0 auto;

    font-size: 11px;

    position: relative;

    background: url(../gfx/login-page.png);

    overflow: hidden;

}



#login #logo {

    position: absolute;

    top: 65px;

    left: 74px;

}



#login .upper {

    position: absolute;

    top: 62px;

    left: 357px;

    height: 43px;

    background: #f3f3f3 url(../gfx/login-up.png);

    overflow: hidden;

    padding: 11px 12px 0 11px;

    width: 265px;

}



#login .upper .field {

    margin-left: 9px;

    width: 128px;

    height: 31px;

    background: url(../gfx/login-field.png);

    overflow: hidden;

    float: left;

}



#login .upper .field:first-child {

    margin-left: 0;

}



#login .upper .field input {

    border: 0;

    margin: 0;

    width: 104px;

    background: transparent;

    padding: 0 12px;

    height: 31px;

    line-height: 31px;

    vertical-align: middle;

}



#login .lower {

    position: absolute;

    top: 114px;

    left: 357px;

    width: 263px;

    height: 46px;

    background: #e5e6e6 url(../gfx/login-down.png);

    padding-left: 15px;

    padding-right: 10px;

}





#login .lower .submit {

    margin: 7px auto 0 auto;

    font-size: 16px;

    display: block;

}



#login .lower .submitReplacement {

    font-family: Arial, Helvetica, sans-serif;

    width: 128px;

    height: 31px;

    padding-right: 2px;

    padding-bottom: 2px;

    background: url(../gfx/login-submit.png) no-repeat;

    text-align: center;

    color: #ffffff;

    font-size: 13px;

    line-height: 29px;

    display: block;

    font-weight: bold;

    overflow: hidden;

    margin: 7px auto 0 auto;

    text-shadow: 1px 1px #6d6e72;

}



#login .lower .submitReplacement:hover {

    background-position: 0 100%;

}



#login .error {

    color: #932889;

    position: absolute;

    left: 357px;

    top: 185px;

    line-height: 20px;

    text-align: center;

    width: 288px;

    font-size: 13px;

}





#wrapper {

    width: 980px;

    margin: 0 auto;

    overflow: hidden;

    font-size: 11px;

    padding-top: 10px;

    padding-bottom: 5px;

}



#main {

    width: 100%;

    overflow: hidden;

}



/* Top */

#top {

    width: 100%;

    position: relative;

    height: 100px;

    /*margin-bottom: 13px;*/

}



#top #logo {

    position: absolute;

    top: 2px;

    left: 20px;

}



#top #logo a {

	display: block; overflow: hidden; text-indent: -9999px; width: 205px; height: 81px; background: url(../gfx/logo.png) no-repeat;

}



#top .slogan {

    left: 280px;

    top: 26px;

    position: absolute;

    height: 57px;

    line-height: 57px;

    font-size: 13px;

    color: #939599;

    font-family: Arial, Helvetica, sans-serif;

}



#top .login {

    background: #f3f3f3;

    position: absolute;

    top: 26px;

    right: 0;

    width: 288px;

    height: 57px;

}



#top .login .loginHead {

    color: #5d5e61;

    height: 57px;

    line-height: 57px;

    padding-left: 15px;

    float: left;

}



#top .login .button-login {

    font-family: Arial, Helvetica, sans-serif;

    float: right;

    width: 128px;

    height: 31px;

    padding-right: 2px;

    padding-bottom: 2px;

    background: url(../gfx/login-submit.png) no-repeat;

    text-align: center;

    color: #ffffff;

    font-size: 13px;

    line-height: 29px;

    font-weight: bold;

    overflow: hidden;

    margin-top: 14px;

    margin-right: 11px;

    text-shadow: 1px 1px #6d6e72;

}



#top .login .button-login:hover {

    background-position: 0 100%;

}



/* Nav */

#nav {

    height: 56px;

    width: 100%;

     /*overflow: hidden;*/

    background: url(../gfx/nav.png);

    /*margin-bottom: 14px;*/

}



#nav .navItems {

    float: left;

    /*height: 56px;*/

    width: 740px;

    /*overflow-x: hidden;*/

}



#nav .navItems li {

    float: left;

    height: 56px;

    padding-left: 1px;

    background: url(../gfx/nav-separator.png) no-repeat 0 0;

	position: relative;

}



#nav .navItems li a {

    text-shadow: 1px 1px #747575;

    float: left;

    height: 56px;

    line-height: 55px;

    color: #fff;

    font-size: 15px;

    font-weight: bold;

    font-family: Arial, Helvetica, sans-serif;

    padding: 0 15px;

}



#nav .navItems li a:hover,

#nav .navItems li a.active,

#nav .navItems > li.hover > a {

    background: url(../gfx/nav-hover.png) repeat-x;

}



#nav .navItems > li.home {

    padding-left: 0;

    background: url(../gfx/nav-home.png) no-repeat 50% 50%;

    width: 68px;

}



#nav .navItems > li.home a {

    width: 68px;

    text-indent: -9999em;

    overflow: hidden;

    padding: 0;

}



#nav .navItems > li.home a:hover,

#nav .navItems > li.home a.active {

    background: url(../gfx/nav-home-hover.png);

}





#nav .navItems li ul {

	position: absolute;

	left: 1px;

	top: 52px;

	background: #95979b;

	width: 170px;

	display: none;

	z-index: 9996;

}

#nav .navItems li li ul {
    left: 170px;
    top: 0;
}

#nav .navItems li ul li {

	padding: 0;

	margin: 0;

	display: block;

	clear: both;

	float: none;

	height: auto;

}



#nav .navItems li ul li a, #nav .navItems li ul li a.active {

	font-size: 11px;

	color: #fff;

	display: block;

	line-height: 15px;

	height: auto;

	width: 130px;

	background: url(../gfx/navitems_sub.png) no-repeat 15px 10px;

	padding: 7px 10px 7px 30px;

}



#nav .navItems li ul li:hover > a {

	background: #696b6e url(../gfx/navitems_sub.png) no-repeat 15px 10px;

	width: 130px;

}



#nav .cooperation {

    float: left;

    width: 229px;

    height: 52px;

    padding-right: 11px;

}



#nav .cooperation p {

    float: left;

    color: #fff;

    font-size: 12px;

    padding-left: 2px;

    padding-top: 14px;

    font-family: Arial, Helvetica, sans-serif;

}



#nav .cooperation .seeOffer {

    float: right;

    width: 117px;

    height: 31px;

    padding-left: 11px;

    line-height: 29px;

    color: #4d4e51;

    font-size: 13px;

    font-family: Arial, Helvetica, sans-serif;

    font-weight: bold;

    padding-bottom: 2px;

    padding-right: 2px;

    background: url(../gfx/see-offer-button.png);

    margin-top: 11px;

}



#nav .cooperation .seeOffer:hover {

    background-position: 0 100%;

}



/* Address bar */

#addressBar {

    border-top: 1px solid #e7e8ed;

    height: 62px;

    border-bottom: 7px solid #f4f4f4;

}



#addressBar .companyName {

    float: left;

    height: 62px;

    line-height: 62px;

    font-weight: bold;

    padding-left: 20px;

    margin-right: 30px;

}



#addressBar .address {

    background: url(../gfx/arrow2.png) no-repeat 0 50%;

    color: #8c8d8f;

    float: left;

    height: 62px;

    line-height: 62px;

    padding-left: 33px;

}



#addressBar .address br {

    display: none;

}



#addressBar .address span {

    margin-left: 16px;

}



#addressBar .address span:first-child {

    margin-left: 0;

}



#addressBar .address a {

    color: #8c8d8f;

}



#addressBar .address a:hover {

    color: #783286;

}



/* Articles bar */

#articlesBar {

    padding: 25px 0 30px 0;

    width: 100%;

    overflow: hidden;

}



#articlesBar .cols {

    width: 100%;

    overflow: hidden;

    background: url(../gfx/articles-bar.png) repeat-y;

    margin-left: -5px;

}



#articlesBar .col {

    padding-left: 25px;

    width: 200px;

    float: left;

    padding-right: 15px;

}



#articlesBar .col .head {

    color: #4f5053;

    font-weight: bold;

    margin-bottom: 15px;

}



#articlesBar .col li {

    line-height: 1.5;

    margin-bottom: 2px;

}



#articlesBar .col li a {

    color: #656668;

}



#articlesBar .col li a:hover {

    color: #783286;

    text-decoration: underline;

}



/* Bottom nav bar */

#linksBar {

    border-top: 1px solid #e7e8ed;

    width: 100%;

    overflow: hidden;

}



#linksBar .nav {

    height: 41px;

    float: left;

    padding-left: 20px;

}



#linksBar .nav li {

    height: 41px;

    float: left;

    line-height: 41px;

    padding-left: 30px;

}



#linksBar .nav li a {

    color: #8c8d8f;

}



#linksBar .nav li a:hover {

    color: #783286;

    text-decoration: underline;

}



#linksBar .nav li:first-child {

    padding-left: 0;

}



#linksBar #go-up {

    margin-top: 13px;

    font-family: Arial, Helvetica, sans-serif;

    float: right;

    height: 15px;

    line-height: 15px;

    color: #6b2979;

    padding-right: 19px;

    margin-right: 8px;

    background: url(../gfx/arrow3.png) no-repeat 100% 50%;

}



#linksBar #go-up:hover {

    text-decoration: underline;

}



/* Footer */

#footerBar {

    border-top: 1px solid #e7e8ed;

    width: 100%;

    overflow: hidden;

    padding-top: 30px;

    padding-bottom: 30px;

}



#footerBar .info {

    float: right;

    width: 515px;

    color: #8c8d8f;

    line-height: 1.5;

    padding-top: 3px;

}



#footerBar .logos {

    float: left;

    width: 445px;

    padding-left: 20px;

}



#footerBar .logos li {

    float: left;

    height: 38px;

    padding-left: 70px;

}



#footerBar .logos li:first-child {

    padding-left: 0;

}



/* Realisation */

#realisationBar {

    height: 50px;

    border-top: 1px solid #e7e8ed;

}



#realisationBar p {

    color: #8c8d8f;

    float: left;

    height: 50px;

    line-height: 50px;

    padding-left: 20px;

}



#realisationBar p a {

    color: #8c8d8f;

}



#realisationBar p .fluid:hover {

    color: #E32BB1;

}





#realisationBar .right {

float:right;

font-weight:bold;

color:#783286;



}



#realisationBar .right a {

color:#783286;

}





/* Home */

#home {

    width: 100%;

    overflow: hidden;

}



#home #row1 {

    /*padding-top: 5px;*/

    width: 980px;

    height: 379px;

    position: relative;

    overflow: hidden;

    margin-bottom: 10px;

}



#home #row1 .slideshow {

    width: 980px;

    height: 379px;

    position: absolute;

    z-index: 10;

}



#home #row1 .slideshow .control {

    position: absolute;

    height: 41px;

    bottom: 0;

    left: 0;

    width: 100%;

    z-index: 20;

}



#home #row1 .slideshow #slideshowCaption {

    padding-left: 16px;

    float: left;

    height: 41px;

    line-height: 41px;

    color: #707070;

    font-family: Arial, Helvetica, sans-serif;

}



#home #row1 .slideshow #slideshowPager {

    background: #fff;

    line-height: 41px;

    height: 26px;

    float: left;

    padding-top: 15px;

    padding-left: 14px;

}



#home #row1 .slideshow #slideshowPager a {

    float: left;

    width: 18px;

    height: 18px;

    margin-left: 3px;

    background: url(../gfx/slideshow-pager.png) no-repeat;

    text-indent: -9999em;

    overflow: hidden;

}



#home #row1 .slideshow #slideshowPager a:first-child {

    margin-left: 0;

}



#home #row1 .slideshow #slideshowPager a.activeSlide {

    background-position: 0 -18px;

}



#home #row1 .slideshow #slideshowLoader {

    width: 40px;

    height: 41px;

    float: left;

    background: #fff url(../gfx/loader.gif) no-repeat -9999em -9999em;

}



#home #row1 .slideshow #slideshowLoader.loading {

    background-position: 50% 50%;

}



#home #row1 .news {

    padding-left: 14px;

    padding-right: 18px;

    position: absolute;

    z-index: 20;

    top: 15px;

    right: 13px;

    background: url(../gfx/home-news-bg.png);

    width: 243px;

    height: 349px;

}



#home #row1 .news h2 {

    color: #722e80;

    font-size: 19px;

    line-height: 44px;

    height: 44px;

}



#home #row1 .news li {

    border-top: 1px solid #eaeaea;

    padding: 12px 0;

}



#home #row1 .news li:first-child {

    border: 0;

    padding-top: 5px;

}



#home #row1 .news li .date {

    float: left;

    line-height: 16px;

    margin-right: 12px;

    font-weight: bold;

}



#home #row1 .news li h3 {

    float: left;

    line-height: 16px;

    color: #7a3c88;

    font-size: 13px;

}



#home #row1 .news li h3 a {

    color: #7a3c88;

}



#home #row1 .news li h3 a:hover {

    text-decoration: underline;

}



#home #row1 .news li .head {

    width: 100%;

    overflow: hidden;

    padding-bottom: 10px;

}



#home #row1 .news li p {

    color: #4f5053;

    line-height: 1.25;

    margin-bottom: 5px;

}



#home #row1 .news li p a {

    color: #7a3c88;

}



#home #row1 .news li p a:hover {

    color: #ffa800;

}



#home #row1 .news li img {

    float: left;

    margin-right: 11px;

    margin-bottom: 10px;

}



#home #row1 .news li .more {

    color: #ffa800;

    padding-right: 14px;

    background: url(../gfx/arrow4.png) no-repeat 100% 50%;

}



#home #row1 .news li .more:hover {

    color: #7a3c88;

    background-image: url(../gfx/arrow5.png);

}



#home #row2 {

    margin-bottom: 15px;

    width: 960px;

    height: 203px;

    background: url(../gfx/bgxx.png) repeat-x;

    padding-left: 20px;

}



#home #row2 .carousel {

    float: left;

    height: 203px;

    position: relative;

    width: 650px;

    overflow: hidden;

}



#home #row2 .carousel .select {

    position: absolute;

    height: 26px;

    bottom: 9px;

    left: 0;

}



#home #row2 .carousel .select li {

    height: 26px;

    float: left;

}



#home #row2 .carousel .select li a {

    color: #717275;

    font-family: Arial, Helvetica, sans-serif;

    padding: 0 18px 0 19px;

    height: 26px;

    line-height: 26px;

    float: left;

}



#home #row2 .carousel .select li.active a {

    padding-left: 18px;

    border-left: 1px solid #dedede;

    border-top: 1px solid #dedede;

    background: #fff;

    height: 25px;

    line-height: 24px;

    color: #712e7f;

}



#home #row2 .carousel .select li a:hover {

    color: #712e7f;

}



#home #row2 .carousel .select li.active + li.active a {

    border-left: 0;

    padding-left: 19px;

}



#home #row2 #featuresCarousel {

    width: 650px;

    height: 203px;

    overflow: hidden;

}



#home #row2 #featuresCarousel li {

    padding-right: 150px;

    width: 175px;

    height: 170px;

    overflow: hidden;

    float: left;

    padding-top: 33px;

}



#home #row2 #featuresCarousel li.feature-online {

    background: url(../gfx/feature-online.png) no-repeat 90% 50%;

}



#home #row2 #featuresCarousel li.feature-complexity {

    background: url(../gfx/feature-complexity.png) no-repeat 90% 50%;

}



#home #row2 #featuresCarousel li.feature-safety {

    background: url(../gfx/feature-safety.png) no-repeat 90% 50%;

}



#home #row2 #featuresCarousel li.feature-vat {

    background: url(../gfx/feature-vat.png) no-repeat 90% 50%;

}



#home #row2 #featuresCarousel li .mini {

    margin-bottom: 10px;

    font-size: 10px;

    color: #5d5e61;

    font-family: Arial, Helvetica, sans-serif;

    line-height: 1.5;

    height: 16px;

}



#home #row2 #featuresCarousel li h2 {

    color: #722e80;

    font-size: 16px;

    font-family: Arial, Helvetica, sans-serif;

    line-height: 1.25;

    margin-bottom: 13px;

}



#home #row2 #featuresCarousel li h2 a {

    color: #722e80;

}



#home #row2 #featuresCarousel li .details {

    color: #ffb400;

    font-family: Arial, Helvetica, sans-serif;

    float: left;

    height: 16px;

    line-height: 16px;

    margin-top: 15px;

    padding-right: 16px;

    background: url(../gfx/arrow7.png) no-repeat 100% 50%;

}



.bnrAccounting {

    position: relative;

    float: right;

    width: 274px;

    height: 188px;

    background: url(../gfx/bnr-accounting.png);

    margin-right: 14px;

}



.bnrAccounting h3 {

    width: 0;

    height: 0;

    position: absolute;

    overflow: hidden;

    text-indent: -9999em;

}



.bnrAccounting p {

    width: 0;

    height: 0;

    position: absolute;

    overflow: hidden;

    text-indent: -9999em;

}



.bnrAccounting .details,
.bnrWyprobuj .details {

    display: block;

    background: url(../gfx/accounting-details.png);

    bottom: 13px;

    left: 15px;

    width: 158px;

    height: 31px;

    text-indent: -9999em;

    overflow: hidden;

    position: absolute;

}



.bnrAccounting .details:hover,
.bnrWyprobuj .details:hover {

    background-position: 0 100%;

}



.bnrAccounting .zl {

    position: absolute;

    font-family: Arial Narrow, Arial, Helvetica, sans-serif;

    font-weight: bold;

    font-size: 64px;

    color: #fff;

    left: 160px;

    top: 25px;

    line-height: 40px;

    height: 64px;

}



.bnrAccounting .gr {

    position: absolute;

    font-family: Arial Narrow, Arial, Helvetica, sans-serif;

    font-weight: bold;

    font-size: 16px;

    color: #fff;

    left: 230px;

    top: 35px;

    line-height: 20px;

    height: 16px;

}



.bnrAccounting .napisZl {

    position: absolute;

    font-family: Arial Narrow, Arial, Helvetica, sans-serif;

    font-weight: bold;

    font-size: 21px;

    color: #fff;

    left: 230px;

    top: 50px;

    line-height: 30px;

    height: 21px;

}



.bnrAccounting .comma {

    text-indent: -9999em;

    overflow: hidden;

    display: block;

}



.bnrAccounting cufon {

    margin: 0 !important;

}



/* IE Fix */



#home #row3 {

    width: 100%;

    overflow: hidden;

}



#home #row3 .offer {

    width: 659px;

    float: left;

    padding-left: 20px;

    padding-bottom: 15px;

}



#home #row3 .offer li {

    width: 211px;

    float: left;

    margin-left: 13px;

    overflow: hidden;

}



#home #row3 .offer li img {

    display: block;

    margin-bottom: 20px;

}



#home #row3 .offer li .mini {

    margin-bottom: 10px;

    font-size: 10px;

    color: #5d5e61;

    font-family: Arial, Helvetica, sans-serif;

    line-height: 1.5;

    height: 16px;

}



#home #row3 .offer li h3 {

    margin-bottom: 28px;

    overflow: hidden;

}



#home #row3 .offer li h3 a {

    border-bottom: 4px solid #783286;

    width: 100%;

    font-size: 16px;

    color: #722e80;

    font-family: Arial, Helvetica, sans-serif;

    line-height: 1.25;

    height: 60px;

    display: block;

    overflow: hidden;

}



#home #row3 .offer li h3 a:hover {

    border-color: #ffb400;

    color: #ffb400;

}



#home #row3 .offer li .text {

    color: #4f5053;

    line-height: 1.5;

    height: 107px;

    border-bottom: 1px solid #efeeef;

}



#home #row3 .offer li .more {

    color: #6b2979;

    font-family: Arial, Helvetica, sans-serif;

    float: left;

    height: 16px;

    line-height: 16px;

    margin-top: 15px;

    padding-right: 21px;

    background: url(../gfx/arrow6.png) no-repeat 100% 50%;

}



#home #row3 .offer li .more:hover {

    color: #ffb400;

    background-image: url(../gfx/arrow7.png);

}



#home #row3 .offer li:first-child {

    margin-left: 0;

}



#home #row3 .calendarBox {

    float: right;

    width: 288px;

}



#home #row3 .calendarBox .inner {

    float: right;

    width: 262px;

    background: #f4f4f4;

    padding: 13px;

    height: 324px;

	position:relative;

}



#home #row3 .calendarBox #datepicker_arrow {

    position:absolute;

	background:#F4F4F4;

	border:1px solid #eee;

	padding:10px; 

}



#home #row3 .calendarBox .inner h2 {

    margin-bottom: 5px;

    line-height: 26px;

    color: #712e7f;

    font-size: 16px;

    height: 26px;

    width: 150px;

    padding-left: 12px;

}



#home #row3 .calendarBox .inner .month {

    margin-bottom: 5px;

    width: 90px;

    overflow: hidden;

    float: right;

    height: 26px;

    background: #fff url(../gfx/month.png);

    padding: 0 5px;

}



#home #row3 .calendarBox .inner .month .prev {

    background: url(../gfx/prev.png) no-repeat 50% 50%;

    float: left;

    height: 26px;

    width: 15px;

    text-indent: -9999em;

    overflow: hidden;

    display: block;

}



#home #row3 .calendarBox .inner .month .monthName {

    float: left;

    height: 26px;

    width: 60px;

    line-height: 26px;

    text-align: center;

}



#home #row3 .calendarBox .inner .month .next {

    background: url(../gfx/next.png) no-repeat 50% 50%;

    float: left;

    height: 26px;

    width: 15px;

    line-height: 26px;

    text-indent: -9999em;

    overflow: hidden;

    display: block;

}



#home #row3 .calendarBox .calendar {

    width: 262px;

    height: 168px;

    clear: both;

}



#home #row3 .calendarBox .calendar table {

    table-layout: fixed;

    margin: 0 auto;

}



#home #row3 .calendarBox .calendar table td,

#home #row3 .calendarBox .calendar table th {

    width: 25px;

    height: 22px;

    padding: 2px 5px;

    text-align: center;

    color: #4f5053;

}



#home #row3 .calendarBox .calendar table th {

    font-weight: bold;

    font-size: 12px;

}



#home #row3 .calendarBox .calendar table span {

    margin: 0 auto;

    width: 25px;

    height: 22px;

    text-align: center;

    line-height: 22px;

    display: block;

}



#home #row3 .calendarBox .calendar table a {

    margin: 0 auto;

    width: 25px;

    height: 22px;

    text-align: center;

    line-height: 22px;

    display: block;

    background: #783286 url(../gfx/calendar-item.png);

    color: #fff;

}



#home #row3 .calendarBox .events {

    background: #fff;

    padding-left: 13px;

    padding-right: 17px;

    height: 125px;

}



#home #row3 .calendarBox .events li {

    border-top: 1px solid #eaeaea;

    padding: 12px 0;

    overflow: hidden;

    width: 100%;

}



#home #row3 .calendarBox .events li .date {

    line-height: 1.5;

    float: left;

    width: 45px;

    font-family: Arial, Helvetica, sans-serif;

    color: #783286;

}



#home #row3 .calendarBox .events li p {

    float: left;

    width: 187px;

    color: #4f5053;

    line-height: 1.5;

}



#home #row3 .calendarBox .events li:first-child {

    border: 0;

}



#home #row3 .calendar .all {

    color: #6b2979;

    font-family: Arial, Helvetica, sans-serif;

    float: left;

    height: 16px;

    line-height: 16px;

    margin-top: 15px;

    padding-right: 21px;

    background: url(../gfx/arrow6.png) no-repeat 100% 50%;

}



#home #row3 .calendar .all:hover {

    color: #ffb400;

    background-image: url(../gfx/arrow7.png);

}



#home #row3 #ajaxCalendar {

    height: 293px;

    width: 100%;

    overflow: hidden;

    background: url(../gfx/ajax-loader.gif) no-repeat -9999em -9999em;

}



#home #row3 #ajaxCalendar.loading {

    background-position: 50% 50%;

}



/* Subpage */

#sub {

    padding-top: 26px;

    width: 100%;

    overflow: hidden;

}



#sub2 {

    padding-top: 26px;

    width: 100%;

    overflow: hidden;

}

.sub2-side {

	float: left;

	width: 229px;

	padding-top: 49px;

}



.sub2-content {

	float: right;

	width: 719px;

}







#header {

    height: 128px;

    border-bottom: 3px solid #e2e2e2;

    padding-left: 18px;

    overflow: hidden;

    position: relative;

}



#header h1 {

    font-family: Arial, Helvetica, sans-serif;

    color: #722e80;

    font-size: 26px;

    line-height: 32px;

    margin-top: 40px;

    margin-bottom: 5px;

    float: left;

}



#header .breadcrumbs {

    height: 16px;

    line-height: 16px;

    float: left;

    clear: left;

}



#header .breadcrumbs li {

    height: 16px;

    line-height: 16px;

    float: left;

    margin-left: 12px;

    padding-left: 13px;

    background: url(../gfx/arrow8.png) no-repeat 0 50%;

}



#header .breadcrumbs li:first-child {

    margin: 0;

    padding: 0;

    background: none;

}



#header .breadcrumbs li a {

    color: #909296;

}



#header .breadcrumbs li a:hover {

    color: #722e80;

}



#header .breadcrumbs li span {

    color: #fdbe32;

    font-weight: bold;

}



#header .print {

    position: absolute;

    top: 58px;

    right: 17px;

    padding-left: 25px;

    line-height: 17px;

    height: 17px;

    color: #816681;

    font-size: 12px;

    background: url(../gfx/print.png) no-repeat;

}



#header .print:hover {

    color: #2c1f2c;

    background-position: 0 100%;

}



#default {

    padding-left: 18px;

    overflow: hidden;

    padding-top: 25px;

    padding-bottom: 25px;

}



#default .cols {

    width: 100%;

    overflow: hidden;

}



#default .cols .wide:first-child {

    width: 631px;

    padding-right: 57px;

    float: left;

    padding-top: 5px;

}



#default .cols .wide:first-child + .side {

    float: left;

    width: 274px;

}



/* wariant 2 */

#default .cols .side:first-child {

    float: left;

    width: 274px;

    overflow: hidden;

}



#default .cols .side:first-child + .wide {

    padding-left: 22px;

    width: 666px;

    float: left;

    overflow: hidden;

}



#default h2 {

    color: #722e80;

    font-size: 14px;

    line-height: 1.66;

    margin-bottom: 20px;

}



#default p {

    font-size: 12px;

    line-height: 1.66;

    margin-bottom: 20px;

}



#default p.introduction {

    font-size: 14px;

}



#default img {

    display: block;

    margin: 30px 0;

}



#default .side .side-news {

    margin-bottom: 30px;

}



#default .side .side-news h2 {

    margin: 0;

    color: #722e80;

    font-size: 19px;

    line-height: 1.5;

    margin-bottom: 20px;

}



#default .side .side-news ul {

    font-size: 11px;

}



#default .side .side-news li {

    background: none;

    border-top: 1px solid #eaeaea;

    padding: 12px 0;

}



#default .side .side-news li:first-child {

    border: 0;

    padding-top: 5px;

}



#default .side .side-news li .date {

    float: left;

    line-height: 16px;

    margin-right: 12px;

    font-weight: bold;

}



#default .side .side-news h3 {

    float: left;

    line-height: 16px;

    color: #7a3c88;

    font-size: 13px;

}



#default .side .side-news h3 a {

    color: #7a3c88;

}



#default .side .side-news h3 a:hover {

    text-decoration: underline;

}



#default .side .side-news .head {

    width: 100%;

    overflow: hidden;

    padding-bottom: 10px;

}



#default .side .side-news p {

    font-size: 12px;

    color: #4f5053;

    line-height: 1.25;

    margin-bottom: 5px;

    margin-top: 0;

}



#default .side .side-news img {

    margin: 0;

    float: left;

    margin-right: 11px;

    margin-bottom: 10px;

}



#default .side .side-news .more {

    color: #ffa800;

    padding-right: 14px;

    background: url(../gfx/arrow4.png) no-repeat 100% 50%;

}



#default .side .side-news li .more:hover {

    color: #7a3c88;

    background-image: url(../gfx/arrow5.png);

}



#default .side .side-bnr-accounting {

    margin-bottom: 30px;

    position: relative;

    float: right;

    width: 274px;

    height: 188px;

    background: url(../gfx/bnr-accounting.png);

    margin-right: 14px;

}



#default .side .side-bnr-accounting h3 {

    width: 0;

    height: 0;

    position: absolute;

    overflow: hidden;

    text-indent: -9999em;

}



#default .side .side-bnr-accounting p {

    width: 0;

    height: 0;

    position: absolute;

    overflow: hidden;

    text-indent: -9999em;

}



#default .side .side-bnr-accounting .details {

    display: block;

    background: url(../gfx/accounting-details.png);

    bottom: 13px;

    left: 15px;

    width: 158px;

    height: 31px;

    text-indent: -9999em;

    overflow: hidden;

    position: absolute;

}



#default .side .side-bnr-accounting .details:hover {

    background-position: 0 100%;

}



#default .side .side-bnr-accounting .zl {

    position: absolute;

    font-family: Arial Narrow, Arial, Helvetica, sans-serif;

    font-weight: bold;

    font-size: 64px;

    color: #fff;

    left: 160px;

    top: 25px;

    line-height: 40px;

    height: 64px;

}



#default .side .side-bnr-accounting .gr {

    position: absolute;

    font-family: Arial Narrow, Arial, Helvetica, sans-serif;

    font-weight: bold;

    font-size: 16px;

    color: #fff;

    left: 230px;

    top: 35px;

    line-height: 20px;

    height: 16px;

}



#default .side .side-bnr-accounting .napisZl {

    position: absolute;

    font-family: Arial Narrow, Arial, Helvetica, sans-serif;

    font-weight: bold;

    font-size: 21px;

    color: #fff;

    left: 230px;

    top: 50px;

    line-height: 30px;

    height: 21px;

}



#default .side .side-bnr-accounting .comma {

    text-indent: -9999em;

    overflow: hidden;

    display: block;

}



#default .side .side-bnr-accounting cufon {

    margin: 0 !important;

}



/* IE Fix */



#default ul {

    margin-bottom: 30px;

    list-style: none;

    font-size: 12px;

}



#default ul li {

    line-height: 1.5;

    padding: 2px 0 2px 15px;

    background: url(../gfx/arrow9.png) no-repeat 0 8px;

}



#default ul ol, #default ul ul, #default ol ul, #default ol ol {

    margin-bottom: 0;

    margin-top: 3px;

}



#default ol {

    margin-left: 18px;

    margin-bottom: 20px;

    list-style: decimal outside;

    font-size: 12px;

}



#default ol > li {

    line-height: 1.5;

    padding: 2px 0;

    background: none;

    padding-left: 2px;

}



#default a {

    color: #722e80;

}



#default a:hover {

    color: #ffa800;

}



#default .table {

    border: 1px solid #e7e7e7;

    padding: 3px;

    margin-bottom: 30px;

    font-size: 12px;

}



#default .table table {

    width: 100%;

    border-collapse: collapse;

}



#default .table table td,

#default .table table th {

    border: 1px solid #fff;

    color: #fff;

}



#default .table table th {

    vertical-align: middle;

    padding: 8px 0;

    background: #572763 url(../gfx/table-header.png) repeat-x;

    line-height: 20px;

    text-align: center;

    font-size: 14px;

    overflow: hidden;

}



#default .table table td {

    color: #6a6a6a;

    padding: 9px 9px;

    line-height: 1.3;

}



#default .table table tr.a {

    background: #f1f1f1;

}



#default .infoBox {

    border: 16px solid #f1f1f1;

    overflow: hidden;

    margin-left: -18px;

    width: 944px;

    margin-bottom: 30px;

}



#default .infoBox .left {

    padding: 25px 20px 25px 29px;

    float: left;

    width: 235px;

}



#default .infoBox .left .head {

    font-size: 24px;

    line-height: 1.2;

}



#default .infoBox .left .subhead {

    color: #faa903;

    font-size: 13px;

    line-height: 1.25;

    padding-bottom: 18px;

    border-bottom: 1px solid #f1f1f1;

    margin-bottom: 20px;

}



#default .infoBox .left .logo {

    margin-bottom: 0;

}



#default .infoBox .center {

    float: left;

    width: 405px;

    padding: 25px 0;

}



#default .infoBox .center ul {

    font-size: 15px;

    margin: 0

}



#default .infoBox .right {

    width: 235px;

    float: left;

    padding: 25px 20px 25px 0;

}



/* Contact */

#contact {

    padding-top: 60px;

    width: 100%;

    overflow: hidden;

}



#contact .mainrow {

    width: 100%;

    overflow: hidden;

    background: url(../gfx/bgcontact.png) no-repeat 100% 100%;

}



#contact .mainrow .left {

    padding-left: 20px;

    width: 500px;

}



#contact .mainrow .left #header {

    height: 95px;

    border: 0;

    padding-left: 0;

    height: 95px;

}



#contact .mainrow .left #header h1 {

    margin-top: 5px;

}



#contact .mainrow .left .bnr {

    float: left;

    width: 202px;

}



#contact .mainrow .left .info {

    float: left;

    width: 249px;

    padding-left: 24px;

    padding-right: 25px;

    padding-top: 15px;

}



#contact .mainrow .left .info .press {

    padding-left: 7px;

    padding-top: 12px;

}



#contact .mainrow .left .info .press h2 {

    font-size: 14px;

    color: #722e80;

    margin-bottom: 10px;

}



#contact .mainrow .left .info .press ul {

}



#contact .mainrow .left .info .press ul li {

    width: 100%;

    overflow: hidden;

}



#contact .mainrow .left .info .press ul li p {

    float: left;

    height: 16px;

    line-height: 16px;

}



#contact .mainrow .left .info .press ul li a {

    float: right;

    height: 16px;

    line-height: 16px;

    color: #722e80;

}



#contact .mainrow .left .info .press ul li a:hover {

    color: #ffa800;

}



#contact .mainrow .left .info .address {

    border-bottom: 1px solid #dfe0e1;

    padding-bottom: 10px;

    padding-left: 7px;

}



#contact .mainrow .left .info .address h2 {

    color: #722e80;

    margin-bottom: 37px;

    font-weight: bold;

}



#contact .mainrow .left .info .address p {

    line-height: 1.5;

    margin-bottom: 18px;

}



#contact .mainrow .left .info .address ul {

    margin-bottom: 20px;

}



#contact .mainrow .left .info .address ul li {

    line-height: 1.5;

    padding-left: 22px;

    margin-bottom: 3px;

}



#contact .mainrow .left .info .address ul li a {

    color: #722e80;

    font-weight: bold;

}



#contact .mainrow .left .info .address ul li a:hover {

    color: #ffa800;

}



#contact .mainrow .left .info .address ul li.email {

    background: url(../gfx/icon-email.png) no-repeat 0 50%;

}



#contact .mainrow .left .info .address ul li.tel {

    background: url(../gfx/icon-tel.png) no-repeat 0 50%;

}



#contact .mainrow .left .info .address ul li.fax {

    background: url(../gfx/icon-fax.png) no-repeat 0 50%;

}



#contact .mainrow .left .info .address ul li.mob {

    background: url(../gfx/icon-mob.png) no-repeat 0 50%;

}





#contact .mainrow .left .info {

}



#contact .mainrow .right {

    width: 425px;

    background: #eeefef;

    padding: 17px 18px 0 17px; /* height: 532px; */

}



#contact .mainrow .right .inner {

    background: #fff;

    padding-bottom: 15px;

    margin-bottom: 20px;

    width: 100%;

    overflow: hidden;

}



#contact .mainrow .right .inner h2 {

    color: #722e80;

    font-size: 14px;

    height: 76px;

    line-height: 76px;

    padding-left: 44px;

}



#contact .mainrow .right form {

    width: 100%;

}



#contact .mainrow .right form fieldset {

    width: 100%;

}



#contact .mainrow .right form fieldset  div {

    width: 100%;

    position: relative;

    clear: both;

    overflow: hidden;

    padding-top: 1px;

    padding-bottom: 8px;

}



#contact .mainrow .right form fieldset  div:first-child {

    margin-top: 0;

}



#contact .mainrow .right form fieldset  div > label:first-child {

    float: left;

    width: 123px;

    line-height: 29px;

    height: 29px;

    margin-right: 23px;

    text-align: right;

}



#contact .mainrow .right form fieldset  div > input, #contact .mainrow .right form fieldset  div > textarea {

    width: 232px;

    float: left;

    border: 1px solid #c4c4c4;

    height: 15px;

    padding: 6px 10px;

    line-height: 15px;

    background: transparent;

    color: #44494d !important;

}



#contact .mainrow .right form fieldset  div > input[type=text]:focus,

#contact .mainrow .right form fieldset  div > textarea:focus {

    border: 1px solid #722e80;

}



#contact .mainrow .right form fieldset  div > input[disabled=disabled] {

    color: #b9b9b9 !important;

}



#contact .mainrow .right form fieldset  div > textarea {

    height: 83px;

    resize: none;

}



#contact .mainrow .right form .invalid {

    color: #616072 !important;

    background: #e7daea;

    border: 1px solid #722e80 !important;

    outline: 1px solid #722e80 !important;

}



#contact .mainrow .right form .invalid + .validation {

    position: absolute;

    z-index: 9999;

    top: 0;

    right: 0;

    height: 29px;

    line-height: 29px;

    color: #722e80;

    padding-right: 40px;

    text-transform: lowercase;

}



#contact .mainrow .right form p.agreement {

    font-size: 9px;

    padding: 10px 20px 0 20px;

    line-height: 1.35;

    color: #4f5053;

    font-family: Arial, Helvetica, sans-serif;

}



#contact .mainrow .right form .submitReplacement {

    float: right;

    width: 128px;

    height: 31px;

    text-indent: -9999em;

    overflow: hidden;

    background: url(../gfx/btn-submit.png);

}



#contact .mainrow .right form input[type=submit] {

    float: right;

    font-size: 14px;

}



#contact .mainrow .right form p.notice {

    float: left;

    height: 31px;

    line-height: 31px;

}



#contact .location {

    padding-left: 20px;

    padding-bottom: 20px;

}



#contact .location h2 {

    line-height: 63px;

    height: 63px;

    color: #722e80;

    font-size: 14px;

}



.side-nav {

	border: 9px solid #f4f4f4;

	padding: 20px 11px 17px 10px;

	width: 190px;

}



.side-nav li {

	border-top: 1px solid #ededee;

}



.side-nav li:first-child {

	border-top:0;

}



.side-nav li a {

	line-height: 15px;

	padding: 8px 10px 8px 21px;

	font-size:13px;

	color:#909296;

	display: block;

	background: url(../gfx/arrow7.png) no-repeat 6px 13px;

}



.side-nav li a.active {

	background-image: url(../gfx/arrow6.png);

	font-weight: bold;

	color:#722e80;

}





/* --- Rejestracja --- */

#register {

	border: 21px solid #eeefef;

	padding-bottom: 30px;

}

#register .section.first {

	padding-top: 35px;



}



#register .section+.section{

	margin-top: 50px;

}



#register .section{

	width: 100%;

	overflow: hidden;



}



#register h3 {

	color:#722e80;

	font-size: 18px;

	margin-bottom: 25px;

}



#register .section h3 {

	margin-left: 285px;

}



#register .section .row>label:first-child,

#register .section .row>.label:first-child{

	width: 270px;

	padding-right: 15px;

	float: left;

	text-align: right;

	line-height: 29px;

	margin-bottom: 14px;

}







#register .section .row.wide >label:first-child,

#register .section .row.wide input[type=text]{

	margin-top: 10px;

}



#register .section .wrapradio {

	border-bottom: 1px solid #dfe0e1;

	padding: 10px 0 !important;

	float: left;

	overflow: hidden;

	width: 345px;

}

#register .section .wrapradio label {

	width: 120px;

	float: left;

	line-height: 1.2;

	height: 2.4em;

	position: relative;

	padding-left: 30px;

}



#register .button-oblicz {

	float: left;

	width: 103px;

	height: 31px;

	text-indent: -9999em;

	overflow: hidden;

	background: url(../gfx/button-oblicz.png);

	margin-left: 17px;

	margin-top: 10px;

}



#register .button-register {

	width: 128px;

	height: 31px;

	text-indent: -9999em;

	overflow: hidden;

	display: block;

	background: url(../gfx/button-rejestracja.png);

	margin: 25px auto 0;

}

#register .section .wrapradio input {

	position: absolute;

	left:0;

	top:0px;

}

#register .section label span {

	color:#884e93;

}

#register .section input[type=text], #register .section input[type=password],

#register .section input[type=email]{

	float: left;

	margin-bottom: 14px;

	width: 324px;

	color:#4f5053;

	font-size: 11px;

	line-height: 15px;

	height: 15px;

	padding: 6px 9px;

	border: 1px solid #dedede;

}



#register :invalid { -moz-box-shadow: none;}





#register .section input[disabled] {

	background: #eeefef;

}





#register input:focus {

	border-color: #722e80;

}





#register .row p {

	float: left;

	line-height: 29px !important;



}

*:first-child+html #register .row { /* cause IE sucks! */

	margin-bottom: 14px;

}



#register .validation {

	margin-left: 17px;

	color:#722e80;

}

#register .invalid {

	border: 1px solid #722e80 !important;

	outline: 1px solid #722e80 !important;

	background: #e7daea;

}



#register .street {

	width: 192px !important;

	margin-right:11px ;

}



#register .building {

	width: 27px !important;

}



#register .building+p{

	width: 27px;

	text-align: center;

}



#register .apartment {

	width: 27px !important;

}

#register .postal1 {

	width: 43px !important;

}



#register .postal1+p{

	text-align: center;

	width: 25px;

}



#register .postal2 {

	width: 67px !important;

}



#register .kierunkowy {

	width: 27px !important;

	margin-right: 11px;

}



#register .number{

	width: 266px !important;



}

#register p.required {

	margin-left: 285px;

	color:#884e93;

}



#register .price {

	color:#722e80;

	font-size: 18px;

	float: left;

	height: 29px;

	line-height: 29px;

	margin-right: 16px;

}

#register .priceinfo {

	float: left;

	height: 29px;

	line-height: 29px;

}



ul.newList * {margin:0; padding:0;}

ul.newList a {color: #000; text-decoration:none; display:block;}

ul.newList {border: 1px solid #dfe0e1;

	font-size: 11px;margin:0; padding:0; list-style:none; color:#000; width:343px !important; background:#fff; position:absolute;  border:1px solid #ccc; top:22px; left:0; overflow:auto; z-index:9999;}

.newListSelected {width:343px !important; color:#000; height:27px; padding:0;border: 1px solid #dfe0e1; float:left; background:url(../gfx/select-bg.png) no-repeat 100% 0;}

.newListSelected span { display:block;}

ul.newList li {

	padding: 0;

	background: none;}

ul.newList li a {padding:3px 8px; display: block;

	text-decoration: none !important;}

ul.newList li a:focus {-moz-outline-style: none;}

.selectedTxt {overflow:hidden; height:27px; padding:0 36px 0 13px;

	line-height: 27px;}

.hiLite {background:#722e80!important; color:#fff!important;}

.hiLite a {background:#722e80!important; color:#fff!important;}

.newListHover {background:#ccc!important; color:#000!important; cursor:default;}

.newListOptionTitle {font-weight:bold;}

.newListOptionTitle ul {margin:3px 0 0;}

.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}



/* 28.11.11 - Płatności */



#platnosci {

	margin: 16px 0 50px;

	background: #f4f4f4;

	padding-top: 60px;

	height: 215px;

	text-align: center;

}



#platnosci h2 {

	color: #722e80;

	font-size: 26px;

	margin-bottom: 45px;

}



#platnosci .button-back {

	width: 130px;

	height: 33px;

	background: url(../gfx/button-powrot.png);

	text-indent: -9999em;

	overflow: hidden;

	display: inline-block;

	margin: 0 12px;

}



#platnosci .button-pay {

	width: 130px;

	height: 33px;

	background: url(../gfx/button-zaplac.png);

	text-indent: -9999em;

	overflow: hidden;

	display: inline-block;

	margin: 0 12px;

}



/* IE7 fix */

*:first-child+html #platnosci a { display: block; float: left; }



/* aside-purple */
.aside-purple { background:#F4F4F4; padding:20px 20px 0; overflow:hidden; margin:20px 0; color:#4F5053; font-size:12px; line-height:16px;}
.aside-purple h3 { font-size:14px; line-height:20px; padding-bottom:20px; font-weight:bold;}
.aside-purple p { margin-bottom:20px;}
.aside-purple ul li { margin-bottom:20px; background: url("../gfx/arrow7.png") no-repeat 0 5px; padding-left:15px;}
.aside-purple a { color:#722E80;}
.aside-purple a:hover { text-decoration:underline;}

/* bxSlider */
#bxSlider { position: relative; width: 980px; height: 380px;}

#bxSlider .slide { margin:0; padding:0; list-style:none; width: 980px; height: 380px; position:relative;}
#bxSlider .slide .image { position:absolute; z-index:1;}
#bxSlider .slide .desc { position:absolute; left:500px; top:100px; width:450px; height:250px; z-index:2; font-size:15px; color:#939393; line-height:17px;}
#bxSlider .slide .desc h2 { margin-bottom:15px;}
#bxSlider .slide .desc h2 a { font-size:32px; color:#000; line-height:25px; }
#bxSlider .slide .desc ul li { background:url(../img/slider-ul-li.png) no-repeat left 5px; padding-left:20px; margin-bottom:10px;}
#bxSlider .slide .desc p { margin-bottom:10px;}

#bxSlider .bx-pager { position:absolute; z-index:101; top:62px; left:55px; width:185px; overflow:hidden; border:1px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 1px 1px 2px #BCBCBC; -webkit-box-shadow: 1px 1px 2px #BCBCBC; -moz-box-shadow: 1px 1px 2px #BCBCBC;}
#bxSlider .bx-pager a { display:block; width:125px; padding:12px 40px 12px 20px; font-size:14px; color:#666; background:#fff url(../img/pager.png) no-repeat 155px center; border-bottom:1px solid #ddd; line-height:17px;}
#bxSlider .bx-pager a.last { border-bottom:none;}
#bxSlider .bx-pager a.pager-active,
#bxSlider .bx-pager a:hover { background:#f6f6f6 url(../img/pager_hover.png) no-repeat 155px center; color:#1c1c1c; box-shadow: inset 0 8px 6px -8px #ccc, inset 0px -3px 6px -3px #ccc;}


#row4 {
    margin-bottom: 30px;
    margin-top: 18px;
}

#row4 .col1 {
    float: left;
    width: 646px;
}

#row4 .col2 {
    float: right;
    width: 273px;
}

.bnrWyprobuj {
    width: 273px;
    height: 213px;
    background: url(../gfx/wyprobuj-co-chcesz.png);
    margin-bottom: 20px;
    display: block;
    position: relative;
}

.bnrWyprobuj *{ display: none; }

.bnrWyprobuj .btn {
    display: block;
    position: absolute;
    width: 142px;
    height: 33px;
    text-indent: -9999em;
    overflow: hidden;
    background: url(../gfx/zarejestruj-sie.png);
    bottom:13px;
    left: 65px;
}

.bnrWyprobuj .btn:hover {
    background-position: 0 -33px;
}

#row4 .col2 .bnrAccounting {
    margin-right: 0;
}

#row4 h1 {
    text-align: center;
    margin-bottom: 20px;
    color: #1c1c1c;
    font-size: 32px;
   /* margin-top: 10px;*/
    font-family: Arial, Helvetica, sans-serif;
}

#row4 .boxes {
    margin-top: -23px;
    margin-right: -23px;
}

#row4 .boxes a {
    float: left;
    width: 177px;
    height: 56px;
    border: 2px solid #783286;
    margin-right: 23px;
    margin-top: 23px;
    box-shadow: 0 0 3px 1px #dadada;
    font-size: 16px;
    line-height: 20px;
    padding-top: 14px;
    padding-left: 19px;
    background: url(../gfx/arrow10.png) no-repeat 176px 50%;
    color: #7f2a7d;

    border-radius: 4px;
    -webkit-border-radius: 4px;

    background: url(../gfx/arrow10.png) no-repeat 176px 50%, linear-gradient(#fff 75%,#e0e0e0);  
    background: url(../gfx/arrow10.png) no-repeat 176px 50%, -webkit-linear-gradient(#fff 75%,#e0e0e0);
    background: url(../gfx/arrow10.png) no-repeat 176px 50%, -moz-linear-gradient(#fff 75%,#e0e0e0);    
    background: url(../gfx/arrow10.png) no-repeat 176px 50%, -ms-linear-gradient(#fff 75%,#e0e0e0);  
    background: url(../gfx/arrow10.png) no-repeat 176px 50%, -o-linear-gradient(#fff 75%,#e0e0e0);  
}

#row4 .boxes a:hover {
    background: #7b3389 url(../gfx/home-boxes-hover.png) no-repeat 100% 50%;
    color: #fff;
}

#nav .navItems li li ul {
left: 170px;
top: 0;
}


#bottom_menu
{
clear:both;
width: 980px;
height: 22px;
line-height:20px;
text-align:center;
margin: auto;
padding-top:20px;
}

#b_menu
{
list-style-type: none;
display:inline-block;
width: 970px;
text-align:center;
margin:auto;
}

#b_menu li
{
display:inline-block;
}

#b_menu li, #b_menu li a
{
font-size: 11px;
color: grey;
}