/* 
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #d64e0c; color: #fff; text-shadow: none; }
::selection { background: #d64e0c; color: #fff; text-shadow: none; }
:focus { outline:0; }
a:active { outline:none; }

/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: 0; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { }


/* ==|== primary styles =====================================================
   Author: Pikturo Jacek Berbecki
   ========================================================================== */
body {font-family: Arial, "MS Trebuchet", sans-serif;}

.column_full {width:994px;margin:0 auto;}

#top {
	height: 82px;
	position: relative;
}
#ind {
	background: #f9f7ef url(../img/bg-ind.png) repeat-x top;
}
#ind #headerbox {
	background: #fff url(../img/bg-top-ind.jpg) center top no-repeat;
}
#biz{
	background: #feffff url(../img/bg-biz.png) repeat-x top;
}
#biz #headerbox {
	background: url(../img/bg-top-biz.jpg) center top no-repeat;
}
a.orange {color:#ff5400 !important;}
a.blue {color:#3d77c6  !important;}
.logo {
	display: block;
	width: 119px;
	height: 57px;
	position: absolute;
	top: 12px;
	left: 0px;
	margin: 0px;
	padding: 0px;
}
.logo a {
	display:block;
	width: 119px;
	height: 57px;
	text-indent: -9999px;
	background: url(../img/logo-class-com.png);
}
.tools {
	width:600px;
	text-align: right;
	position: absolute;
	right: 0px;
	top:53px;
}
.tools ul li {
	display: inline;
	color: #000;
}
.tools ul li a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
}
#menu_first_lev {
	height: 35px;
}
#menu_first_lev ul {
	height: 35px;
}
#menu_first_lev ul.menu_ind {
	background: url(../img/bg-menu-first.png) no-repeat 0px 1px;
}
#menu_first_lev ul.menu_biz {
	background: url(../img/bg-menu-first.png) no-repeat  0px -34px;;
}
#menu_first_lev ul li {
	display: inline;
	float: left;

}
#menu_first_lev ul li a {
	display: block;
	height: 35px;
	width: 154px;
	float: left;
	text-indent: -9999px;
}
#ind #menu_second_lev ul li a#home:link, #ind #menu_second_lev ul li a#home:visited {
	width:44px;
	height:44px;
	display: block;
	float: left;
	background: url(../img/menu-ind-bg.png) no-repeat 0px 0px;
	text-indent: -9999px;
}
#ind #menu_second_lev ul li.active a#home:link, #ind #menu_second_lev ul li.active a#home:visited {
	width:44px;
	height:44px;
	display: block;
	float: left;
	background: url(../img/menu-ind-bg.png) no-repeat 0px 0px;
	text-indent: -9999px;
}
#ind #menu_second_lev ul li a#home:hover, #ind #menu_second_lev ul li a#home:active{
	background: url(../img/menu-ind-bg.png) no-repeat 0px 0px;
}

#ind #menu_second_lev ul li a#promocje:link, #ind #menu_second_lev ul li a#promocje:visited {
	width:108px;
	height:44px;
	display: block;
	float: left;
	background: url(../img/menu-ind-bg.png) no-repeat -41px 0px;
	text-indent: -9999px;
}
#ind #menu_second_lev ul li.active a#promocje:link, #ind #menu_second_lev ul li.active a#promocje:visited {
	width:108px;
	height:44px;
	display: block;
	float: left;
	background: url(../img/menu-ind-bg.png) no-repeat -41px -44px;
	text-indent: -9999px;
}
#ind #menu_second_lev ul li a#promocje:hover, #ind #menu_second_lev ul li a#promocje:active{
	background: url(../img/menu-ind-bg.png) no-repeat -41px -44px;
}

#ind #menu_second_lev ul li a#telewizja:link, #ind #menu_second_lev ul li a#telewizja:visited {
	width:108px;
	height:44px;
	display: block;
	float: left;
	background: url(../img/menu-ind-bg.png) no-repeat -149px 0px;
	text-indent: -9999px;
}
#ind #menu_second_lev ul li.active a#telewizja:link, #ind #menu_second_lev ul li.active a#telewizja:visited {
	width:108px;
	height:44px;
	display: block;
	float: left;
	background: url(../img/menu-ind-bg.png) no-repeat -149px -44px;
	text-indent: -9999px;
}
#ind #menu_second_lev ul li a#telewizja:hover, #ind #menu_second_lev ul li a#telewizja:active {
	background: url(../img/menu-ind-bg.png) no-repeat -149px -44px;
}

#ind #menu_second_lev ul li a#internet:link, #ind #menu_second_lev ul li a#internet:visited {
	width:110px;
	height:44px;
	display: block;
	float: left;
	background: url(../img/menu-ind-bg.png) no-repeat -256px 0px;
	text-indent: -9999px;
}
#ind #menu_second_lev ul li.active a#internet:link, #ind #menu_second_lev ul li.active a#internet:visited {
	width:110px;
	height:44px;
	display: block;
	float: left;
	background: url(../img/menu-ind-bg.png) no-repeat -256px -44px;
	text-indent: -9999px;
}
#ind #menu_second_lev ul li a#internet:hover, #ind #menu_second_lev ul li a#internet:active {
	background: url(../img/menu-ind-bg.png) no-repeat -256px -44px;
}

#ind #menu_second_lev ul li a#telefon:link, #ind #menu_second_lev ul li a#telefon:visited {
	width:108px;
	height:44px;
	display: block;
	float: left;
	background: url(../img/menu-ind-bg.png) no-repeat -365px 0px;
	text-indent: -9999px;
}
#ind #menu_second_lev ul li.active a#telefon:link, #ind #menu_second_lev ul li.active a#telefon:visited {
	width:108px;
	height:44px;
	display: block;
	float: left;
	background: url(../img/menu-ind-bg.png) no-repeat -365px -44px;
	text-indent: -9999px;
}
#ind #menu_second_lev ul li a#telefon:hover, #ind #menu_second_lev ul li a#telefon:active {
	background: url(../img/menu-ind-bg.png) no-repeat -365px -44px;
}


/* menu biz*/


#biz #menu_second_lev ul li a#home:link, #biz #menu_second_lev ul li a#home:visited {
	width:44px;
	height:44px;
	display: block;
	float: left;
	background: url(../img/menu-biz-bg.png) no-repeat 0px 0px;
	text-indent: -9999px;
}
#biz #menu_second_lev ul li.active a#home:link, #biz #menu_second_lev ul li.active a#home:visited {
	width:44px;
	height:44px;
	display: block;
	float: left;
	background: url(../img/menu-biz-bg.png) no-repeat 0px 0px;
	text-indent: -9999px;
}
#biz #menu_second_lev ul li a#home:hover, #biz #menu_second_lev ul li a#home:active{
	background: url(../img/menu-biz-bg.png) no-repeat 0px 0px;
}

#biz #menu_second_lev ul li a#o-firmie:link, #biz #menu_second_lev ul li a#o-firmie:visited {
	width:96px;
	height:44px;
	display: block;
	float: left;
	background: url(../img/menu-biz-bg.png) no-repeat -273px 0px;
	text-indent: -9999px;
}
#biz #menu_second_lev ul li.active a#o-firmie:link, #biz #menu_second_lev ul li.active a#o-firmie:visited {
	width:96px;
	height:44px;
	display: block;
	float: left;
	background: url(../img/menu-biz-bg.png) no-repeat -273px -44px;
	text-indent: -9999px;
}
#biz #menu_second_lev ul li a#o-firmie:hover, #biz #menu_second_lev ul li a#o-firmie:active{
	background: url(../img/menu-biz-bg.png) no-repeat -273px -44px;
}

#biz #menu_second_lev ul li a#technologie:link, #biz #menu_second_lev ul li a#technologie:visited {
	width:141px;
	height:44px;
	display: block;
	float: left;
	background: url(../img/menu-biz-bg.png) no-repeat -132px 0px;
	text-indent: -9999px;
}
#biz #menu_second_lev ul li.active a#technologie:link, #biz #menu_second_lev ul li.active a#technologie:visited {
	width:141px;
	height:44px;
	display: block;
	float: left;
	background: url(../img/menu-biz-bg.png) no-repeat -132px -44px;
	text-indent: -9999px;
}
#biz #menu_second_lev ul li a#technologie:hover, #biz #menu_second_lev ul li a#technologie:active {
	background: url(../img/menu-biz-bg.png) no-repeat -132px -44px;
}

#biz #menu_second_lev ul li a#workflow:link, #biz #menu_second_lev ul li a#workflow:visited {
	width:114px;
	height:44px;
	display: block;
	float: left;
	background: url(../img/menu-biz-bg.png) no-repeat -277px 0px;
	text-indent: -9999px;
}
#biz #menu_second_lev ul li.active a#workflow:link, #biz #menu_second_lev ul li.active a#workflow:visited {
	width:114px;
	height:44px;
	display: block;
	float: left;
	background: url(../img/menu-biz-bg.png) no-repeat -277px -44px;
	text-indent: -9999px;
}
#biz #menu_second_lev ul li a#workflow:hover, #biz #menu_second_lev ul li a#workflow:active {
	background: url(../img/menu-biz-bg.png) no-repeat -277px -44px;
}

#biz #menu_second_lev ul li a#kontakt:link, #biz #menu_second_lev ul li a#kontakt:visited {
	width:107px;
	height:44px;
	display: block;
	float: left;
	background: url(../img/menu-biz-bg.png) no-repeat -369px 0px;
	text-indent: -9999px;
}
#biz #menu_second_lev ul li.active a#kontakt:link, #biz #menu_second_lev ul li.active a#kontakt:visited {
	width:107px;
	height:44px;
	display: block;
	float: left;
	background: url(../img/menu-biz-bg.png) no-repeat -369px -44px;
	text-indent: -9999px;
}
#biz #menu_second_lev ul li a#kontakt:hover, #biz #menu_second_lev ul li a#kontakt:active {
	background: url(../img/menu-biz-bg.png) no-repeat -369px -44px;
}




#biz #menu_second_lev ul li a#oferta:link, #biz #menu_second_lev ul li a#oferta:visited {
	width:91px;
	height:44px;
	display: block;
	float: left;
	background: url(../img/menu-biz-bg.png) no-repeat -41px 0px;
	text-indent: -9999px;
}
#biz #menu_second_lev ul li.active a#oferta:link, #biz #menu_second_lev ul li.active a#oferta:visited {
	width:91px;
	height:44px;
	display: block;
	float: left;
	background: url(../img/menu-biz-bg.png) no-repeat -41px -44px;
	text-indent: -9999px;
}
#biz #menu_second_lev ul li a#oferta:hover, #biz #menu_second_lev ul li a#oferta:active {
	background: url(../img/menu-biz-bg.png) no-repeat -41px -44px;
}





#menu_second_lev {
	height: 63px;
	background: url(../img/bg_menu.png);
}
#menu_second_lev div {
	position: relative;
	width: 994px;
	height: 63px;
}
#menu_second_lev div ul {
	height: 63px;
	width:600px;
	position:absolute;
	top:5px;
	left:0px;
}
#menu_second_lev ul li {
	display: inline;
}
.tel_number {
	position:absolute;
	top:12px;
	width:148px;
	right:0px;
}
.tel_number_biz {
	position:absolute;
	top:12px;
	width:148px;
	right:0px;
}
.btn_online {
	position:absolute;
	top:10px;
	left:660px;
	width: 170px;
}
a.btn_online:link, a.btn_online:visited {
	display: block;
	width: 170px;
	height: 38px;
	background: url(../img/online-btn-ind.png) no-repeat;
	text-indent: -9999px;
}
a.btn_online:hover, a.btn_online:active {
	background: url(../img/online-btn-ind.png) no-repeat 0px -38px;
}
#slider {
	width: 994px;
	margin-top: 25px;
}
#slides {
	z-index:100;
	margin-bottom: 45px !important;
}
.slides_container {
	width:994px;
	overflow:hidden;
	position:relative;
	display:none;
}
.slides_container div.slide {
	width:994px;
	height:353px;
	display:block;
}
.slides_container a {
	width:994px;
	display:block;
}

.slides_container a img {
	display:block;
	padding-bottom: 8px;
	background: url(../img/shadow.png) bottom no-repeat;
}
/*
	Next/prev buttons
*/


/*
	Pagination
*/

.pagination {
	margin:6px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 3px;
	list-style:none;
	width:9px;
	height:23px;
}

.pagination li a {
	display:block;
	width:9px;
	height:23px;
	background: url(../img/slid-nav-st.png) no-repeat 0px 0px;
	float:left;
	overflow:hidden;
	text-indent: -9999px;
}

.pagination li a:hover, .pagination li.current a {
	background: url(../img/slid-nav-act-ind.png) no-repeat 0px 0px;
}
.img-ban {
	height:353px;
	width: 994px;
}
.slider_btn_left {
	background: url(../img/slid-btn-ind.png) no-repeat 0px 0px;
	width:60px;
	height: 36px;
	position: absolute;
	left: -14px;
	top:23%;
	cursor: pointer;
	text-indent: -9999px;
	z-index: 101;
}
.slider_btn_right {
	background: url(../img/slid-btn-ind.png) no-repeat 0px -36px;
	width:60px;
	height: 36px;
	position: absolute;
	right: -16px;
	top:23%;
	cursor: pointer;
	text-indent: -9999px;
	z-index: 101;
}
.slider_btn_left:hover {
	background: url(../img/slid-btn-ind.png) no-repeat -60px 0px;
}
.slider_btn_right:hover {
	background: url(../img/slid-btn-ind.png) no-repeat -60px -36px;
}
.slider_navigation {
	
}
.slider_navigation ul {
	width:100px;
	margin: 15px auto 0px;
}
.slider_navigation ul li {
	display: inline;
	text-decoration: none;
	margin: 0px 3px;
	padding: 0px;
	float: left;
}
.slider_navigation ul li span {
	display: block;
	width: 9px;
	height:23px;
	background: url(../img/slid-nav-st.png);
	cursor: pointer;
}
.slider_navigation ul li span:hover, .slider_navigation ul li span.current {
	background: url(../img/slid-nav-act-ind.png);
}

#news_bar {
	background: url(../img/news-bg.png);
	position: relative;
	height: 65px;
}
#news_bar img {
	margin: 3px 5px 4px 5px  ;
}
#news_bar a {
	text-decoration: none;
	line-height: 56px;
}
a.news_title_link:link, a.news_title_link:visited {
	text-decoration: none;
	color: #000;
}
a.news_title_link:hover, a.news_title_link:active {}
a.news_more_link:link, a.news_more_link:visited {
	display: block;
	border-left: 1px #ccc solid;
	position: absolute;
	right: 0px;
	top: 0px;
	height: 56px;
	padding: 0 20px;
	line-height: 55px;
	font-weight: bold;
}
#ind a.news_more_link:link, #ind a.news_more_link:visited {
	color: #ff7e09;
}
#biz a.news_more_link:link, #biz a.news_more_link:visited {
	color: #3d77c6;
}
a.news_more_link:hover, a.news_more_link:active{
	color:#000 !important;
}
a.click:link, a.click:visited {
	display:block;
	float:left;
	margin: 0 2px;
}
a.click:hover, a.click:active {
	margin-top:-2px;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}
.click_1 {}
.click_2 {}
.click_3 {}

a.click-4:link, a.click-4:visited {
	display:block;
	float:left;
	margin: 0;
}
a.click-4:hover, a.click-4:active {
	margin-top:-2px;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}
a.click-5:link, a.click-5:visited {
	display:block;
	float:left;
	margin: 0 12px;
}
a.click-5:hover, a.click-5:active {
	margin-top:-2px;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}

.box-polecamywtv {
	float:left;
	width: 211px;
	margin: 0 18px 10px;
}
.box-polecamywtv p {
	font-size: 11px !important;
	line-height: 1.3 !important;
}
.emisja {
	font-weight: bold !important;
}

#content {
	position:relative;
}
#breadcrumbs {}
#breadcrumbs ul {
	height: 15px;
	display:block;
	overflow: hidden;
	margin: 8px 0 12px;
	font-size: 11px;
	color: #b0b0b0;
}
#breadcrumbs ul li {
	display: inline;
	font-weight: bold;
}
#breadcrumbs ul li a:link, #breadcrumbs ul li a:visited {
	color: #999;
	text-decoration: none;
	font-weight: normal;
}
#breadcrumbs ul li a:hover, #breadcrumbs ul li a:active {
	color: #737373;
}
#menu_nav_left {
	float:left;
	width: 170px;
	margin: 0 17px 0 0;
}
#men_t {
	width: 170px;
	height: 9px;
	background: url(../img/men_t.png);
}
#men_c {
	width: 170px;
	background: url(../img/men_c.png);
}
#men_c .telewizja {
	display: block;
	width: 153px;
	height: 38px;
	margin: 0 0 3px 0;
	padding-bottom:3px;
	background: url(../img/telewizja-n-menu.png) no-repeat 10px 0;
	text-indent: -9999px;
}

#men_c .promocje {
	display: block;
	width: 153px;
	height: 38px;
	margin: 0 0 3px 0;
	padding-bottom:3px;
	background: url(../img/promocje-n-menu.png) no-repeat 10px 0;
	text-indent: -9999px;
}

#men_c .internet {
	display: block;
	width: 153px;
	height: 38px;
	margin: 0 0 3px 0;
	padding-bottom:3px;
	background: url(../img/internet-n-menu.png) no-repeat 10px 0;
	text-indent: -9999px;
}
#men_c .telefon {
	display: block;
	width: 153px;
	height: 38px;
	margin: 0 0 3px 0;
	padding-bottom:3px;
	background: url(../img/telefon-n-menu.png) no-repeat 10px 0;
	text-indent: -9999px;
}
#men_c .pomoc {
	display: block;
	width: 153px;
	height: 38px;
	margin: 0 0 3px 0;
	padding-bottom:3px;
	background: url(../img/pomoc-n-menu.png) no-repeat 10px 0;
	text-indent: -9999px;
}
#men_c .e-bok {
	display: block;
	width: 153px;
	height: 38px;
	margin: 0 0 3px 0;
	padding-bottom:3px;
	background: url(../img/e-bok.jpg) no-repeat 10px 0;
	text-indent: -9999px;
}
#men_c .o-firmie {
	display: block;
	width: 153px;
	height: 38px;
	margin: 0 0 3px 0;
	padding-bottom:3px;
	background: url(../img/o-firmie-n.png) no-repeat 10px 0;
	text-indent: -9999px;
}
#men_c .technologie {
	display: block;
	width: 153px;
	height: 38px;
	margin: 0 0 3px 0;
	padding-bottom:3px;
	background: url(../img/technologie-n.png) no-repeat 10px 0;
	text-indent: -9999px; 
}

#men_c .oferta {
	display: block;
	width: 153px;
	height: 38px;
	margin: 0 0 3px 0;
	padding-bottom:3px;
	background: url(../img/oferta-n.png) no-repeat 10px 0;
	text-indent: -9999px; 
}

#men_c .kontakt {
	display: block;
	width: 153px;
	height: 38px;
	margin: 0 0 3px 0;
	padding-bottom:3px;
	background: url(../img/kontakt-n.png) no-repeat 10px 0;
	text-indent: -9999px; 
}


#men_b {
	width: 170px;
	height: 17px;
	background: url(../img/men_b.png);
}
#menu_nav_left ul {
	padding: 0 10px;
}
#menu_nav_left h3 {
	border-bottom: dashed 1px #ccc;
	padding-left: 17px;
	margin:0;
}
#menu_nav_left ul li {
	padding: 4px 0px;
}
#menu_nav_left ul li a {
	text-decoration: none;
	display:block;
	color:#000;
	font-size: 12px;
	padding: 2px 6px 8px;
	border-bottom: 1px solid #ccc;
}
#menu_nav_left ul li a:hover {
	color: #f34f00;
}
#menu_nav_left ul li a.active {
	font-weight: bold;
}
#menu_nav_left ul li.last a{
	border-bottom: none;
}
#tresc {
	float:left;
	width: 805px;
}
#c_t {
	height: 11px;
	width: 805px;
	background: url(../img/cont-t.png);
}
#c_c {
	width: 805px;
	background: url(../img/cont-c.png);
}
#c_b {
	height: 18px;
	width: 805px;
	background: url(../img/cont-b.png);
}
#tresc_tresc {
	padding:10px 30px 10px;
	margin:0;
}
#tresc p {
	font-size: 12px;
	line-height: 1.8;
}
#tresc h1 {
	font-size: 18px;
	border-bottom: 2px solid #ebecec;
	padding-bottom: 10px;
	padding-left: 4px;
}
#tresc h2 {
	font-size: 16px;
	border-bottom: 2px solid #ebecec;
	padding-bottom: 10px;
	padding-left: 4px;
}
#tresc_tresc a:link, #tresc_tresc a:visited {
	color: #FF5400;
}
#tresc_tresc a:hover, #tresc_tresc a:active {
	color: #000;
}

.news {
	border-bottom: dashed 1px #ccc;
	padding: 0 0 15px;
	margin-bottom: 30px;
}
.news h1 {
	font-size: 16px;
}
.news h1 a:link, .news h1 a:visited {
	text-decoration: none;
	color: #3f79c7;

}
.news h1 a:hover, .news h1 a:active {

}
.news span {
	font-size: 11px;
	color: #7b7a72;
}
.news p {
	font-size: 12px;
	line-height: 1.8;
}

#form-infrastructure {
	width: 240px;
	height: 32px;
	position: absolute;
	top:50px;
	right: 30px;
}
#btn_top {
	width: 240px;
	height: 32px;
	position: absolute;
	top:50px;
	right: 30px;
	text-align: right;
}
#form-box-infrastructure {
	float: left;
	width: 200px;
	padding: 6px 0 0 0;
}
#form-box-infrastructure form {
	width: 200px;
}
#form-infrastructure img {
	display: block;
	position:relative;
	width: 32px;
	height: 32px;
	float: right;
}
#form-infrastructure img:hover {
	cursor: pointer;
}

#form-calc {
	background: #faf7f0;
	border: 3px solid #c8c1b7;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: inset 6px 6px 20px 0px rgba(100, 100, 100, 0.2);
	-moz-box-shadow: inset 6px 6px 20px 0px rgba(100, 100, 100, 0.2);
	box-shadow: inset 6px 6px 20px 0px rgba(100, 100, 100, 0.2); 
}
#form-calc h4 {
	font-size: 15px;
}
#form-calc span {
	margin: 0 0 0 10px;
}
#form-calc tr td {
	padding: 5px 30px;
}
#czas {
	width: 70px;
	padding: 5px;
}
#wynik {
	background: #ff6c24;
	font-size:16px;
	border: 3px solid #c8c1b7;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin: 10px 0 0 0;
	color: #fff;
}
#form-calc select {
	width: 450px;
	padding: 5px;
}
#oblicz_btn {
	display: block;
	width: 123px;
	height: 40px;
	background: url(../img/oblicz-btn.jpg);
	border: none;
	text-indent: -9999px;
	float: right;
}
table#specyfikacja {
	width:100%;
}
table#specyfikacja tr {
	border: 1px solid #ccc;
}
table#specyfikacja tr td {
	
	padding: 10px;
}
table#specyfikacja tr.selected {
	background: #ddd;
}

#pakiet_podstawowy_table {
	border: 1px solid #c8c1b7;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	background: #f9f7ef;
}
#pakiet_podstawowy_table table {
	border: none;
}
#pakiet_podstawowy_table tr {
	border-bottom: 1px dotted #c8c1b7;
}
#pakiet_podstawowy_table tr td {
	padding: 4px 10px;
}
a.opcje-dodatkowe:link, a.opcje-dodatkowe:visited {
	color: #ff5400;
	font-size: 10px;
	border-bottom: 1px solid #ff5400;
	text-decoration: none;
}
a.opcje-dodatkowe:hover, a.opcje-dodatkowe:active {
	border-bottom: 1px solid #000;
}
a.opcje-dodatkowe-plus:link, a.opcje-dodatkowe-plus:visited {
	color: #ff5400;
	border-bottom: 1px solid #ff5400;
	text-decoration: none;
}
a.opcje-dodatkowe-plus:hover, a.opcje-dodatkowe-plus:active {
	border-bottom: 1px solid #000;
}

.border_none {
	border-bottom: none !important;
}
.table_label {
	text-align: center;
	font-weight: normal;
	font-size:11px;
	width: 120px;
	border-right: 1px dotted #c8c1b7;
	background: url(../img/cien.png) top right no-repeat;
}
.table_label_top {
	text-align: center;
	font-weight: bold;
}
.bg_white {
	background: #fff;
}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 42px; /*--Set height of tabs--*/
	width: 100%;
}
ul.tabs li {
	float: left;
	text-transform:uppercase;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	margin: 0 5px 0 0;
	padding: 0;
	height: 41px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 41px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #c8c1b7;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #fff;
}
ul.tabs li a {
	text-decoration: none;
	color: #404040;
	display: block;
	font-size: 14px;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #fff;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #f9f7ef;
	color:#ff5705 !important;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px; 
	border-bottom: 1px solid #f9f7ef; /*--Makes the active tab look like it's connected with its content--*/
}
html ul.tabs li.active a {
	color:#ff5705 !important;
}
.tab_container {
	border: 1px solid #c8c1b7;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #f9f7ef;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 0px 10px 0px 0px;
	border-radius: 0px 10px 0px 0px; 
}
.tab_content {
	padding: 20px;
}
.pakiet_box {
	margin: 0 20px 10px 0;
}
.pakiet_box_img {
	background: #fff url(../img/bg-cena.jpg) 610px bottom no-repeat;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 0 0 0 10px;
	border: 1px solid #e8e4d6;
	margin: -12px 0 0 0;
	z-index: 10;
	float: left;
	width: 100%;
}
.pakiet_box_label {
	background:#e8e4d6;
	float: left;
	z-index: 9;
	font-size: 12px;
	font-weight: bold;
	padding: 8px 12px 15px;
	margin: 10px 0 0 0;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px; 
}
.img-box {
	border-right: 1px solid #ddd;
	width: 600px;
	float: left;
	padding: 5px 0;
}
.pakiet-cena {
	float: right;
	text-align: center;
}
.pakiet-cena span {
	display: block;
	width: 80px;
	font-weight: bold;
	color:#ff5705;
	font-size: 14px;
	margin-top: 30%;
}
#dostosuj_btn {
	text-align: center;
	margin: 15px 0 0 0;
	width: 100%;
}
.box_content {
	float: left;
	width:226px;
	margin-top: 6px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}
.box_content_index_2 {
	margin-right: 10px;
	margin-left: 10px;
}
a.box_content_title:link, a.box_content_title:visited {
	text-decoration: none;
	color: #000 !important;
	font-size: 16px;
	font-weight: normal;
	letter-spacing:0.3px;
	margin: 0 0 10px 0;
	display: block;
	padding: 0 0 0 8px;
}
a.box_content_title:hover, a.box_content_title:active {
	color: #ff5d0e !important;
}
#box-box .telewizja .box_content_title {
	min-height: 40px;
}
.box_content_text {
	padding: 0 8px;
	font-size: 11px !important;
	line-height: 1.5 !important;
	color: #444;
}
a.box_content_more:link, a.box_content_more:visited {
	text-decoration: none;
	margin: 0 0 0 8px;
	color: #000 !important;
	padding: 0 0 0 13px;
	background: url(../img/arrow_link.png) no-repeat 0px center;
}
a.box_content_more:hover, a.box_content_more:active {
	background: url(../img/arrow_link.png) no-repeat 1px center;
	color: #ff5d0e !important;
}
a.more_akt:link, a.more_akt:visited {
	text-decoration: none;
	margin: 0 0 0 8px;
	color: #000 !important;
	padding: 0 0 0 13px;
	background: url(../img/arrow_link.png) no-repeat 0px center;
}
a.more_akt:hover, a.more_akt:active {
	background: url(../img/arrow_link.png) no-repeat 1px center;
	color: #ff5d0e;
}
#article_info {
	font-size:10px;
}
#akt-pre-next {
	margin: 10px 0;
}
#akt-pre-next a:link, #akt-pre-next a:visited {
	color: #ff5400;
	border-bottom: 1px solid #ff5400;
	text-decoration: none;
}
#akt-pre-next a:hover, #akt-pre-next a:active {
	border-bottom: 1px solid #000;
}

.faq_s {
	float: left;
	width:226px;
	margin-right: 10px;
	margin-left: 10px;
}
.faq_s_index_2 {
	margin-right: 10px;
	margin-left: 10px;
}
.faq_s h3 a:link,.faq_s h3 a:visited {
	text-decoration: none;
	color: #000 !important;
	font-size: 16px;
	letter-spacing:0.3px;
	font-weight: normal;
	margin: 0 0 10px 0;
	display: block;
	padding: 0 0 0 8px;
}
.faq_s h3 a:hover,.faq_s h3 a:active {
	color: #ff5d0e !important;
}
.faq_s ul {
	padding: 0 0 0 8px;
}
.faq_s ul li {
	list-style-position:inside;
	margin: 0 0 5px 0;
	list-style-image: url(../img/lisd-img.png);
	font-size: 12px;
}
.faq_s ul li a:link, .faq_s ul li a:visited {
	text-decoration: none;
	color: #606060 !important; 
}
.faq_s ul li a:hover, .faq_s ul li a:active {
	color: #ff5d0e  !important;
}

#box_offer {
	width: 954px;
	margin: 0 auto;
	padding: 0 0 0 40px;
}
#box_offer ul {
	width: 225px;
	float: left;
	padding: 0;
}
#box_offer ul li {
	list-style-type: none;
	margin-left: 47px;
}
#box_offer ul li a {
	text-decoration: none;
	color: #000;
	line-height: 1.6;
}
#box_offer ul li a:hover {
	color: #ff5d0e;
}

#box_offer h2 {
	margin-bottom: 10px;
}


#n_telewizja {
	display: block;
	width: 140px;
	height: 30px;
	text-indent: -9999px;
	background: url(../img/nagl-ind.png) -30px 0px;
}
#n_internet {
	display: block;
	width: 120px;
	height: 30px;
	text-indent: -9999px;
	background: url(../img/nagl-ind.png) -253px 0px;
}
#n_telefon {
	display: block;
	width: 160px;
	height: 30px;
	text-indent: -9999px;
	background: url(../img/nagl-ind.png) -483px 0px;
}
#n_pomoc {
	display: block;
	width: 120px;
	height: 30px;
	text-indent: -9999px;
	background: url(../img/nagl-ind.png) -708px 0px;
}
#n_ofirmie {
	display: block;
	width: 200px;
	height: 34px;
	text-indent: -9999px;
	background: url(../img/nagl-biz.png) -31px 0px;
}
#n_uslugi {
	display: block;
	width: 120px;
	height: 34px;
	text-indent: -9999px;
	background: url(../img/nagl-biz.png) -253px 0px;
}
#n_produkty {
	display: block;
	width: 200px;
	height: 34px;
	text-indent: -9999px;
	background: url(../img/nagl-biz.png) -480px 0px;
}
#n_kontakt {
	display: block;
	width: 200px;
	height: 34px;
	text-indent: -9999px;
	background: url(../img/nagl-biz.png) -708px 0px;
}
.activation_box {
	background: #ffeee6;
	margin: 10px auto;
	padding: 10px 0px;
	width:700px;
}
.activation_box h5 {
	display: block;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #716966;
	width:680px;
	margin: 20px 0;
	padding: 0px 0 15px 20px;
}
.inputs_activation_box {
	padding: 10px 20px;
}

.spec-zam {
	border:none;
	width: 700px;
	margin: 5px auto;
}
.spec-zam tr td {
	padding: 8px 15px;
	border-bottom: 1px solid #ccc;
}
.head-first {
	font-size:18px;
	font-weight:bold;
	vertical-align: bottom;
}
.head-second {
	font-weight:bold;
	font-size: 12px;
	height:60px;
	vertical-align: top;
}
#btn_box {
	width: 100%;
}
.btn_box_right {
	height: 42px;
}
.pakiety {
	width:700px;
	margin: 10px auto;
}
.pakiety-img {
	margin: 8px 0 5px 0;
	padding: 0 0 3px 0;
}
.pakiety-header-left {
	float:left;
}
.pakiety-header-right span {
	font-weight: bold;
	margin: 0 30px 0 0;
}
.pakiety-header-left h4 {
	margin: 0px;
	padding: 0px;
}
.pakiety-header-right {
	float:right;
}
.pakiety-standard {
	padding:10px;
	border-bottom: 1px solid #ddd;
}
.polecamy {
	background: #f9f7ef;
	border: 1px solid #ff5400;
	
}
.polecamy .pakiety-img {
	border:none;
}
#localizations {
	width: 700px;
	margin: 5px auto;
}
#localizations tr {
	border-bottom: 1px #ccc solid;
}
#localizations tr td {
	padding: 4px 40px;
}
#localizations .even {background: #f2f2f2;}
#form-calc #ulica, #form-calc #miejscowosc {
	width: 280px;
	padding: 5px;
}
#form-calc #kod {
	width: 100px;
	padding: 5px;
}

.polecamy-label {
	color: #fff;
	background: #ff5400;
	width: 100px;
	text-align:center;
	padding: 2px 0;
	font-size: 12px;
	font-weight: bold;
}
#zamawiam-btn {
	display: block;
	float:right;
	border:none;
	width: 121px;
	height: 38px;
	text-indent:-9999px;
	background: url(../img/dalej-btn.jpg);
}
#sprawdz_szukaj {
	display: block;
	float:right;
	border:none;
	width: 122px;
	height: 40px;
	text-indent:-9999px;
	background: url(../img/szukaj.png);
}
a#powrot:link, a#powrot:visited {
	color:#ff5400;
	float:left;
	margin-top: 8px;
}
a#powrot:hover, a#powrot:active {}
#wysylam {
	display: block;
	float:right;
	border:none;
	width: 221px;
	height: 38px;
	text-indent:-9999px;
	background: url(../img/wysylam.jpg);
}
.table-form {
	width: 680px;
	margin: 0 auto;
}
.table-form input.error {
	background: #fff0f0;
}
.table-form label.error {
	color: #ff0000;
	margin-left:10px;
}
.table-form label span {color: #ff0000;}
.table-form tr td {
	padding: 4px;
}
.form-zam {
	padding: 7px 6px;
	width: 270px;
}
#suma-cena {
	height: auto;
	width: 700px;
	margin: 10px auto 30px;
}
#suma-cena .suma-cena {
	color: #fff;
	width: auto;
	float:right;
	font-size: 22px;
	text-align:center;
	font-weight:bold;
	padding:10px 15px;
	background: #ff5400;
}
#logotypes {
	border-top: 2px solid #95948f;
	padding: 18px 0 10px;
	margin: 10px auto;
}
footer {
	border-top: 2px solid #cccbc6;
	position: relative;
	height: 60px;
}
footer a {color:#000;}
footer a:hover {color:#FF5400;}
footer p {
	display:block;
	color: #282828;
	font-size: 11px;
	width: 800px;
	position: absolute;
}
footer p + p {
	width: 100px;
	text-align: right;
	position: absolute;
	top: 0px;
	right: 0px;
}
.tip {  
    width: 212px;  
    padding-top: 27px;  
    display: none;
    z-index:100;
    position: absolute;  
    background: transparent  url(../img/tipTop.png) no-repeat top;}  
  
.tipMid {background: transparent url(../img/tipMid.png) repeat-y; padding: 0 25px 10px 25px;}  
.tipBtm {background: transparent url(../img/tipBtm.png) no-repeat bottom; height: 32px;}


.subtel-hr {
	display: block;
	border:none;
	height:2px;
	background: #f4f3f1;
	margin: 20px 0 15px;
}
#napisz_do_nas {
	background:#f9f7ef;
	border: 1px solid #c8c1b7;
	padding:13px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px; 
}
#napisz_do_nas_table tr td {
	padding:4px;
}
#wyslij {
	display: block;
	width: 123px;
	height: 38px;
	text-indent: -9999px;
	background: url(../img/wyslij.png);
	border:none;
	float:right;
}
#f_informacje {
	width: 640px;
	padding: 6px 6px;
	margin: 4px 0 8px 0;
}
#f_odbiorca {
	width: 544px;
	padding: 6px 6px;
	margin: 4px 0 8px 0;
}
.k_kowne {
	padding: 6px 6px;
	width: 195px;
	margin: 4px 0 0 0;
}
.contact_top_left, #dane_kontaktowe {
	width: 295px;
	float:left;
}
.contact_top_right {
	width: 395px;
	float:left;
}
.contact_top_left p, .contact_top_right p {

	line-height: 1.4 !important;
}
#komunikat_mail {}
#napisz_do_nas_table label .error {color:#e10c0c !important;}

.clr{clear: both;}

/* MESSAGE BOXES
/////////////////////////////*/
.message-box { text-align: center; padding: 5px; color:#545454; width:80%;  margin:5px auto; }
.clean { background-color: #efefef; border-top: 2px solid #dedede; border-bottom: 2px solid #dedede; }
.info  { background-color: #f7fafd; border-top: 2px solid #b5d3ff; border-bottom: 2px solid #b5d3ff; }
.ok    { background-color: #d7f7c4; border-top: 2px solid #82cb2f; border-bottom: 2px solid #82cb2f; }
.alert { background-color: #fef5be; border-top: 2px solid #fdd425; border-bottom: 2px solid #fdd425; }
.error-box { background-color: #ffcdd1; border-top: 2px solid #e10c0c; border-bottom: 2px solid #e10c0c; }




/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}
