.cf:before, .cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.cf:after { clear: both; }
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf { *zoom: 1; }


body { margin: 0 auto; width: 1020px; font-family: Verdana; color: #666 }
a { color: #666 }
iframe { border: 1px solid #ebecec }

.carousel-control { opacity: 0 }
.carousel-control:hover { opacity: 0.7 }
.carousel:hover .carousel-control { opacity: 0.5 }

#header { margin-top: 14px; background: url('http://lustromnogo.lh.pl/promodruk/top_belka_2.jpg') no-repeat }
	#header .nav { margin-bottom: 0px; }
    #header #nav > a { float: left; width: 300px; height: 74px;}
        #header #nav .nav-pills a { text-align: center; padding: 2px 1px; color: #fff; line-height: 66px; font-size: 16px;
            font-weight: 700; white-space: nowrap; overflow: hidden; }
        #header #nav .nav-pills a:hover { background: none; color: #666 }
        #header #nav .nav-pills li { padding-left: 20px; }
        #header #nav .nav-pills li.active a { background: none; color: #111 }
        #header #nav .nav-pills li.active a:hover { background: none; color: #333 }

    .breadcrumb { margin: 2px 0; padding: 0px; background: none; }

div#slider { float: none; margin-top: 10px; text-align: center; width: 1018px; border: 1px solid #d8d8d8; }
    div#slider img { max-width: 1018px; height: 200px }
    div#slider .carousel { margin-bottom: 0px; }
    div#slider .carousel-control { top: 50%; border: none; background: none; color: #000 }

section { float: left; margin: 3px 0;  }
    #categories, #categoryIframe, #categoryHtml { float: left; margin-bottom: 15px; width: 750px }
        .category { float: left; text-align: center; margin: 1px 6px 5px 0px; width: 178px; height: 138px;
            border: 1px solid #c5c6c6; text-decoration: none; }
        .category div { display: block; text-align: center; display:table-cell; vertical-align:middle;
            padding: 3px; width: 174px; height: 111px; }
        .category img { max-width: 172px; max-height: 111px; }
        .category span { display: block; width: 178px; height: 20px; border-top: 1px solid #c5c6c6; background: #ebecec }
        .category.sub span { font-weight: 700; }
        .category:hover { text-decoration: none; }
    #categoryHtml { width: 750px; overflow: hidden; margin-bottom: 15px; }

aside, #asideSidebar { float: right; margin: 2px 0;  width: 258px; } 
	.sidebarBox { margin-bottom: 7px; border: 1px solid #d8d8d8; }
    #sliderSidebarBox { text-align: center; padding: 4px 5px; }
    #sliderSidebarBox .carousel { margin-bottom: 0px; }
    #sliderSidebarBox .carousel-inner .item a { width: 240px; height: 110px; display:table-cell; vertical-align:middle; }
    #sliderSidebarBox img { margin: 0 auto; padding: 4px 5px; max-width: 230px; max-height: 100px; }
    
    #sliderSidebarBox .carousel .item { -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -ms-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; }
	#sliderSidebarBox .carousel .active.left { left:0; opacity:0; z-index:2; }
	#sliderSidebarBox .carousel .next { left:0; opacity:0; z-index:1; }

footer, #footer { clear: both; background: #ebecec }
	.footerBox { float: left; margin: 16px 11px 8px 11px; padding-bottom: 5px; width: 220px; min-height: 185px; overflow: hidden; }
        .footerBox h5 { margin: 0; font-size: 12px; text-transform: uppercase }
        .footerBox ul { margin: 0; padding: 0; list-style: none inside none; }
        .footerBox li { height: 15px; font-size: 11px }
    #footerContact { float: right; margin-top: 4px; padding: 2px 14px 5px 14px; width: 256px; border: 1px solid #c5c6c6;  background: #fff; }
        #footerContact h5 { text-align: right; padding-bottom: 4px; border-bottom: 1px solid #c5c6c6; text-transform: uppercase }
        #footerContact div { margin-bottom: 9px; padding-left: 35px; line-height: 16px; font-size: 12px; font-weight: 700 }
        #fc-bok { background: url(../images/tel.png) no-repeat }
        #fc-adres { background: url(../images/adres.png) no-repeat }
        #fc-mail { background: url(../images/mail.png) no-repeat }
	.copyright { text-align: center; height: 20px; background: #c5c6c6; font-size: 10px; }