/** BEGIN - Ustawienia podstawowe **/
* { margin: 0; padding: 0; outline: none; }
img, input { border: 0; }
body { font: 10px tahoma; color:#fff; text-align: center; background: #202122; overflow-x:hidden; }
.clr { clear: both; overflow: hidden; font-size: 1px; height: 1px; }
/** END - Ustawienia podstawowe **/

.flash{color:#616264;}

a { color:#f49a12; text-decoration:none; }
a:hover { color:#f49a12; text-decoration:underline; }

.center { margin: 0 auto; width: 960px; text-align:left; }
.hr { background: #3b3c3e; height:1px; }

#top_header { height:30px; background: url('../img/bg_top_header.gif') repeat-x; }
	#top_header a { color:#666; font-size:11px; text-decoration:none; display:block; float:left; padding:8px 10px 8px 10px; background: url(../img/line_top_header.gif) no-repeat right; }
	#top_header a:hover, #top_header a.active { color:#e1900b; text-decoration:none; background: #fff url(../img/line_top_header.gif) no-repeat right; }

.logo2 { display: block; position: absolute; left: 0; top: 0; width: 233px; height: 145px;  z-index:82; }
	
#top { height: 89px; background: url('../img/logo_ct_new.png') no-repeat; }
	#top .logo { display: block; float: left; width: 233px; height: 89px; }
	
	#top .menu { list-style-type: none; float: left; margin-top: 40px; }
		#top .menu li { height: 30px; float: left; margin-right: 5px; }
		#top .menu li a { height: 30px; display: block; }
		#top .menu li.katalog_produktow { cursor:pointer; background: url(../img/btn_katalog.jpg) no-repeat; width: 177px; }
		#top .menu li.katalog_produktow:hover { background: url(../img/btn_katalog_over.jpg) no-repeat; }
		#top .menu li .o_firmie { background: url(../img/btn_ofirmie.jpg) no-repeat; width: 88px; }
		#top .menu li .o_firmie:hover { background: url(../img/btn_ofirmie_over.jpg) no-repeat; }
		#top .menu li .o_firmie_selected { width: 88px;  background: url(../img/btn_ofirmie_over.jpg) no-repeat; }
		#top .menu li .lista_sklepow { background: url(../img/btn_listasklepow.jpg) no-repeat; width: 134px; }
		#top .menu li .lista_sklepow:hover { background: url(../img/btn_listasklepow_over.jpg) no-repeat; }
		#top .menu li .lista_sklepow_selected { background: url(../img/btn_listasklepow_over.jpg) no-repeat; width:134px; }		
		#top .menu li .kontakt { background: url(../img/btn_kontakt.jpg) no-repeat; width: 88px; }
		#top .menu li .kontakt:hover { background: url(../img/btn_kontakt_over.jpg) no-repeat;  }
		#top .menu li .kontakt_selected { background: url(../img/btn_kontakt_over.jpg) no-repeat; width:88px; }
		
	#top .search { float: right; margin: 40px 0 0 0; }
		#top .search .submit { float: left; width: 24px; height: 25px; background: url('../img/btn_submit.jpg') no-repeat; cursor: pointer; }
		#top .search .frase { font-size: 12px; color: #c6c9cb; float: left; width: 143px; height: 25px; padding: 2px 5px; background: url('../img/bg_input_search.jpg') no-repeat; }

	#top #lista_katalog_produktow { display:none; font-weight:normal; font-size:12px; position:absolute; z-index:100; left:-235px; top:25px; border:5px solid #000; background:#fff; width:955px; color:#000; }
		#top #lista_katalog_produktow .box { cursor:pointer; text-align:center; width: 104px; height:113px; padding:10px; border:1px solid #fff; margin:5px; float:left;  }
		#top #lista_katalog_produktow a { color:#000; text-decoration:none; }
		#top #lista_katalog_produktow a:hover { color:#f29a12; text-decoration:underline; }
	
#footer { padding: 15px 0 0 0; font-size: 10px; height: 40px; }
	#footer .logo { display: block; float: left; margin-right: 10px; }
	#footer .info { paddint-top: 5px; color:#606365; float:left; width: 355px; }
	#footer .positive_power { float: right; margin-top: 10px; display: block; }
	
	#footer .links { float:left; padding-top: 12px; }
	#footer .links a { color: #c6c9cb; display: block; float: left; border-left: 1px solid #373839; margin-left: 7px; padding-left: 7px; }
	
.nawigacja_strony { padding-top:3px; }
.nawigacja_strony a { color:#616264; }
	
.baner_main_a { background-color: #202123;color:#c8c9cb; cursor:pointer; display:block; float:left; padding:4px 1px; height:12px; width:21px; text-align:center; text-decoration:none; }
.baner_main_a:hover { background-color: #414244; color:#626365; text-decoration:none; }
.baner_main_a_selected { background-color: #414244; color:#626365 !important; text-decoration:none; }	


#mycarousel li{float:left;}

.jcarousel-clip-vertical {
	height: 330px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}


.jcarousel-skin-tango .jcarousel-container {
    width: 415px;
}


.jcarousel-clip-vertical {
	height: 352px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 65px;
	height: 400px;
	
}



.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 350px;
    padding: 0px 25px;
	margin-top:-2px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 350px;
}










/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 2px;
    right: 0px;
    width: 20px;
    height: 71px;
    cursor: pointer;
    background: transparent url(next-horizontal.gif) no-repeat 0 0;
    background-position: -6px 0px;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 2px;
    left: -2px;
    width: 20px;
    height: 71px;
    cursor: pointer;
    background: transparent url(prev-horizontal.gif) no-repeat 0 0;
	background-position: -6px 0px
}



.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -37px 0px;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -68px 0px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -102px 0px;
}




.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -40px 0px;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -71px 0px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
   background-position: -102px 0px
}


















/**
 *  Vertical Buttons
 */

 .jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
	top: 378px;
	left:2px;
	width: 61px;
    height: 20px;
    bottom: 2px;
    cursor: pointer;
    background: transparent url(next-vertical.gif) no-repeat 0 0;
	background-color:#fff;
	background-position: -10px -5px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
	margin: 5px 0 0 2px;
    clear:both;
    width: 61px;
    height: 23px;
    cursor: pointer;
    background: transparent url(prev-vertical.gif) no-repeat 0 0;
	background-color:#fff;
	background-position: -10px -6px;
}


.jcarousel-skin-tango .jcarousel-item-vertical { padding:0; }
 
.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: -10px -37px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: -10px -69px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: -10px -99px;
}


.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: -10px -38px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: -10px -70px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: -10px -100px;
}


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
	height: 66px;
	width: 65px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}





.jcarousel-clip-vertical {
	height: 330px;
}

.jcarousel-skin-tango-main .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}


.jcarousel-skin-tango-main .jcarousel-container {
    width: 415px;
}


.jcarousel-clip-vertical {
	height: 352px;
}

.jcarousel-skin-tango-main .jcarousel-container-vertical {
    width: 65px;
	height: 400px;
	
}



.jcarousel-skin-tango-main .jcarousel-container-horizontal {
    width: 277px;
    padding: 0px 18px 0px 18px;
}

.jcarousel-skin-tango-main .jcarousel-clip-horizontal {
    width: 277px;
}


.jcarousel-skin-tango-main{
	overflow:hidden;	
}







/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango-main .jcarousel-next-horizontal {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 18px;
    height: 100px;
    cursor: pointer;
    background: transparent url(next-horizontal-main.jpg) no-repeat 0 0;
    background-position: 0px 0px;
}
.jcarousel-skin-tango-main .jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: 2px;
    width: 18px;
    height: 100px;
    cursor: pointer;
    background: transparent url(prev-horizontal-main.jpg) no-repeat 0 0;
	background-position: 0px 0px
}



.jcarousel-skin-tango-main .jcarousel-next-horizontal:hover {
    background-position: 0px 0px;
	background: transparent url(next-horizontal-main-on.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango-main .jcarousel-next-horizontal:active {
    background-position: 0px 0px;
	background: transparent url(prev-horizontal-main-on.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango-main .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango-main .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango-main .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0px 0px;
}




.jcarousel-skin-tango-main .jcarousel-prev-horizontal:hover {
    background-position: 0px 0px;
	background: transparent url(prev-horizontal-main-on.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango-main .jcarousel-prev-horizontal:active {
    background-position: 0px 0px;
}

.jcarousel-skin-tango-main .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango-main .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango-main .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
   background-position: 0px 0px
}


















/**
 *  Vertical Buttons
 */

 .jcarousel-skin-tango-main .jcarousel-next-vertical {
    position: absolute;
	top: 378px;
	left:2px;
	width: 61px;
    height: 20px;
    bottom: 2px;
    cursor: pointer;
    background: transparent url(next-vertical.gif) no-repeat 0 0;
	background-color:#fff;
	background-position: -10px -5px;
}

.jcarousel-skin-tango-main .jcarousel-prev-vertical {
	margin: 5px 0 0 2px;
    clear:both;
    width: 61px;
    height: 23px;
    cursor: pointer;
    background: transparent url(prev-vertical.gif) no-repeat 0 0;
	background-color:#fff;
	background-position: -10px -6px;
}


.jcarousel-skin-tango-main .jcarousel-item-vertical { padding:0; }
 
.jcarousel-skin-tango-main .jcarousel-next-vertical:hover {
    background-position: -10px -37px;
}

.jcarousel-skin-tango-main .jcarousel-next-vertical:active {
    background-position: -10px -69px;
}

.jcarousel-skin-tango-main .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango-main .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango-main .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: -10px -99px;
}


.jcarousel-skin-tango-main .jcarousel-prev-vertical:hover {
    background-position: -10px -38px;
}

.jcarousel-skin-tango-main .jcarousel-prev-vertical:active {
    background-position: -10px -70px;
}

.jcarousel-skin-tango-main .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango-main .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango-main .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: -10px -100px;
}


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
	height: 100px;
	width: 277px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}