header, nav, section, article, aside, footer {display: block;}

/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table,td,th {margin: 0; padding: 0; outline: none;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,th,var {font-style: normal; font-weight: normal;}
ol,ul {list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
abbr,acronym {border: 0;}
a, a img {outline: none; text-decoration: none;}
td {vertical-align: top;}
p {padding: 0px; margin: 0 0 15px 0;}

/* FONT */

fieldset{border: 1px solid #ccc; width: 96%; padding: 10px;}
legend{font-weight:600; color:#387FD6;}

@font-face {
    font-family: 'MyriadSemibold';
    src: url('/font/myriadpro-semibold-webfont.eot');
    src: url('/font/myriadpro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/myriadpro-semibold-webfont.woff') format('woff'),
         url('/font/myriadpro-semibold-webfont.ttf') format('truetype'),
         url('/font/myriadpro-semibold-webfont.svg#MyriadProLightBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MyriadCond';
    src: url('/font/myriadpro-cond-webfont.eot');
    src: url('/font/myriadpro-cond-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/myriadpro-cond-webfont.woff') format('woff'),
         url('/font/myriadpro-cond-webfont.ttf') format('truetype'),
         url('/font/myriadpro-cond-webfont.svg#MyriadProCondRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MyriadCondBold';
    src: url('/font/myriadpro-boldcond-webfont.eot');
    src: url('/font/myriadpro-boldcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/myriadpro-boldcond-webfont.woff') format('woff'),
         url('/font/myriadpro-boldcond-webfont.ttf') format('truetype'),
         url('/font/myriadpro-boldcond-webfont.svg#MyriadProCondBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

.cookie{ width:100%; background: #000; height: 100px; position: fixed; bottom:0; z-index:9999;}
.cookie div {width: 960px; margin:0 auto; padding:30px; color:#fff; font-size:12px;}
.cookie div a{ background: #387FD6; padding:2px 8px; color:#fff; border:1px solid #387FD6; float: right; margin: 2px;}


.fb_ico {background: url(/img/fb_ico.png) top center no-repeat;}
a.fb_ico {background-position: 0px 0px; width: 31px; height: 31px; display: inline-block; margin: 0 10px 0 0; transition: 0.4s;}
a.fb_ico:hover {background-position: 0px -31px; width: 31px; height: 31px;}

.yt_ico {background: url(/img/yt_ico.png) top center no-repeat;}
a.yt_ico {background-position: 0px 0px; width: 31px; height: 31px; display: inline-block; margin: 0 10px 0 0; transition: 0.4s;}
a.yt_ico:hover {background-position: 0px -31px; width: 31px; height: 31px;}

.blog_ico {background: url(/img/blog_ico.png) top center no-repeat;}
a.blog_ico {background-position: 0px 0px; width: 31px; height: 31px; display: inline-block; transition: 0.4s;}
a.blog_ico:hover {background-position: 0px -31px; width: 31px; height: 31px;}

.film div {width: 212px; height: 143px; position: relative;}
.film a {width: 212px; height: 143px; display: block; background: url(/img/play_a_ico.png) center center no-repeat; position: absolute; top: 0px; left: 0px; z-index: 1; transition: 0.4s;}
.film a:hover {background: url(/img/play_h_ico.png) center center no-repeat;}
.film img {position: absolute; top: 0px; left: 0px; z-index: 0;}

.fak_header {color: #387fd6; font-weight: bold; border-bottom: 1px solid #ccc; }
.fak_header2 {font-weight: bold;}
.fdp_table {width: 100%;}
.fdp_table td {padding: 5px 0;}

/* STRUCTURE */

.siteMap{position:absolute; right:4px; margin-top: 30px;}

html {}
ul.lang{ position: absolute; margin: 30px 0px 0px 740px;}
ul.lang li{float:left; margin-right: 5px; font: normal 13px/20px MyriadSemibold, Arial, Tahoma, sans-serif; }
ul.lang a {color: #fff;}
ul.lang a:hover, .lang li.active a {color: #387FD6 !important;}
body {font: normal 13px/18px Arial, Tahoma, sans-serif; color: #666; background: #000;}

header#top, section#baner, nav#menu, section#content, footer#bottom {width: 1024px; margin: 0 auto; position: relative;}

header#top {height: 78px; background-color: #000;}
	.logo {margin: 15px 0 0 30px;}
	.search{margin: 25px 30px 0 0;}
	.search input.input_search{float: left; width: 110px; height: 27px; line-height: 20px; background: url(/img/application/bg_search.png) top center no-repeat; border: 0px solid #fff; margin: 0px !important; padding: 0px 10px !important;}
	.search input.btn_search {float: left; cursor: pointer; width: 32px; height: 27px; background: url(/img/application/btn_search.png) top center no-repeat; border: 0px solid #fff; margin: 0px 0px 0px -1px !important; padding: 0px !important;}
	.search_results {padding: 15px 0; border-bottom: 1px solid #ccc;}

section#baner {height: 400px; background-color: #000; overflow: hidden;}

.nivo-imageLink{width:100%; height:100%;}

nav#menu {height: 40px !important; margin-top: 4px; position:static;}
/*nav#menu {min-height: 60px; background-color: #000; overflow: auto;}
	#menu ul {margin: 0 30px;}
	#menu li {float: left; height: 36px; margin: 12px 0; position: relative;}
	#menu li a {font: normal 19px/36px MyriadCond, Arial, Tahoma, sans-serif; padding: 0 8px; margin: 0 5px 0 0; color: #fff; display: block;}
	#menu li a:hover, #menu li.active a {background-color: #2a70b3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: relative; z-index: 1;}
	/*#menu li:hover, #menu li.active {background: url(/img/application/bg_nav.png) center right no-repeat; position: relative; z-index: 1;}*/

	/*#menu li.sub_menu2{margin-top: 4px;}
	#menu li.sub_menu2 a {margin: 0 5px 0 -5px !important; background-color: #202836; position: relative; z-index: 0; font-size: 16px; opacity:0.7; filter:alpha(opacity=70);}
    #menu li.sub_menu2 a{border: 2px solid #202836;}
    /*#menu li.sub_menu2.active{margin-top: 12px; }*/
	/*#menu li.sub_menu2 a:hover, #menu li.sub_menu2.active a {border: 2px #2A70B3 solid; background-color: #25364f; /*-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;*/ position: relative; z-index: 0;}
	/*#menu li.sub_menu2:hover, #menu li.sub_menu2.active {background: none !important; position: relative; z-index: 0;}

	/*#menu li.sub_menu2 a {margin: 0 5px 0 -5px !important; background-color: #202836; position: relative; z-index: 0;}
	#menu li.sub_menu2 a:hover,  #menu li.sub_menu2.active a {background-color: #25364f; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; position: relative; z-index: 0;}
	#menu li.sub_menu2:hover, #menu li.sub_menu2.active {background: none !important; position: relative; z-index: 0;}*/

nav.submenu {}
	.submenu li {border-bottom: 1px solid #dadada;}
	.submenu li a {font: normal 14px/16px MyriadSemibold, Arial, Tahoma, sans-serif; color: #333; padding: 10px 0; display: block;}
	.submenu li a:hover, .submenu li.active a {color: #2a70b3;}

	.menu_cat_2_poziom li a {color: #2a70b3;}
	.menu_cat_2_poziom li a:hover, .menu_cat_2_poziom li.active a  {color: #333;}


#content {background: url(/img/application/bg_content.jpg) top center repeat-y; border-top: 4px solid #9cb8d2; border-bottom: 4px solid #dedede;}
	.left_side {width: 210px; padding: 30px;}
	.right_side {width: 694px; padding: 30px;}
	#content .right_side a {color: #387fd6; text-decoration:underline; font-weight: bold;}
	#content .right_side a:hover {color: #333;}
    #content .right_side ul {list-style-image: url('/img/application/bg_li.png'); list-style-position: outside; margin: 0 0 0 18px;}
	#content .right_side li {margin: 1px 0 4px 0;}
	.foto {border: 1px solid #ccc; padding: 5px;}
	.right_side ul > li.job_list a{ text-decoration:none !important; list-style-image: none !important;}

footer#bottom {min-height: 250px; background: url(/img/application/bg_footer.png) top left no-repeat #000; color: #fff;}
		#bottom p.title {font: normal 18px/22px MyriadCondBold, Arial, Tahoma, sans-serif; margin: 0px;}
		#bottom p.text {font: normal 16px/20px MyriadCond, Arial, Tahoma, sans-serif; color: #ccc;}

/* NEWS */
#content .right_side ul .news_line {list-style-image: none !important;}
.news_line, #content .right_side li.news_line {padding: 0 0 6px 0; margin: 0 0 6px 0; border-bottom: 1px solid #ccc; font-size: 12px; color: #aaa; list-style-type: none;}
.news_line a, #content .right_side li.news_line a {color: #333; font-size: 13px; line-height: 14px; font-weight: bold; text-decoration: none;}
.news_line a:hover, #content .right_side li.news_line a:hover {color: #387fd6;}
.news_details h1 {margin: 0px;}
.news_details p {text-align: justify;}

/* JOB */
.job{background: url(/img/rekrutacja_v2.jpg) top center no-repeat;}
.job_info {padding: 200px 0 15px 0; color: #387fd6; font-weight: bold;}
.job h2 {font-weight: bold; margin: 0 0 5px 0;}
.job h1 {margin: 35px 0 15px 0;}
.job table {width: 100%;}
#content .job table ul{}
#content .job table li {font-size: 12px; margin: 0 0 0 20px; width: 80%; }
.job_place {text-transform: uppercase; font-weight: bold; margin: 20px 0;}
.job_place span {color: #387fd6;}
.job_title {text-transform: uppercase; color: #387fd6;}
.job_foto {margin: 30px 0;}
.job footer {color: #7f7f7f; font-size: 12px; line-height: 1.1;}

.job_list {padding: 0 0 6px 0 !important; margin: 0 0 6px 0 !important; border-bottom: 1px solid #ccc; font-size: 12px; color: #aaa; background: none !important;}
.job_list a {color: #333; font-size: 13px; line-height: 14px; font-weight: bold;}
.job_list a:hover {color: #387fd6;}

/*PRODUCT*/

.product_list {}
.product_line {border-bottom: 1px solid #ccc; padding: 15px 0;}
.product_line .foto {width: 150px; height: 150px; display: table-cell; text-align: center; vertical-align: middle;}
.product_line .foto img {max-width: 150px; max-height: 150px;}
.product_line .text {width: 494px;}
.product_line .text  p {margin: 0 0 6px 0;}
.product_details .foto {width: 250px; height: 250px; display: table-cell; text-align: center; vertical-align: middle; margin: 0 25px 20px 0px;}
.product_details .foto img {max-width: 250px; max-height: 250px;}
.product_details .text {width: 694px; font-size: 12px; line-height: 16px; text-align: justify;}
.product_details ul {list-style-position:inside;}

/* PAGE */
.page {margin: 15px 0 0 0;}
.page a {text-decoration: none !important; padding: 0 8px 0 0;}
.page a:hover, .page a.active {color: #333 !important;}


/* BTN */
input.btn {background-color: #2a70b3; font-weight: bold; padding: 3px 6px; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 0px solid #fff;}
input.btn:hover {background-color: #333;}

a.btn {color: #333 !important; text-decoration: none !important; font-size: 12px;}
a.btn:hover {color: #2a70b3 !important;}

/* INPUT */

input, textarea {border: 1px solid #ddd; padding: 3px 2px; margin:0; font: normal 11px/18px Tahoma, Arial, sans-serif; color: #999; background-color: #fff;}
select {border: 1px solid #ddd; padding: 3px 2px; margin:0; font: normal 11px/18px Tahoma, Arial, sans-serif; color: #999; background-color: #fff;}
input:focus, textarea:focus, select:focus {border-color: #c70019;}

/* FORMAT */

a {color: #387fd6;}
a:hover {color: #4f4f4f;}

.clear {clear: both; overflow: hidden; height: 0;}
.l {float: left;}
.r {float: right;}
.h{display: none;}

.highlight {color: #387fd6}
.all_class{float: left;}
.all_class ul{margin: 0px; padding: 0px;}
.show_m { padding: 0px;}
.all_submenu{margin-top: -12px; width: 100%; float: left; height: 60px;}

h1 {color: #387fd6; font: normal 24px/26px MyriadCondBold, Arial, Tahoma, sans-serif; text-transform: uppercase; margin: 0 0 10px 0; text-align: left !important;}
h2 {color: #333; font: normal 18px/20px Arial, Tahoma, sans-serif; margin: 0 0 10px 0; text-align: left !important;}
h3 {font-size: 15px; margin: 0 0 10px 0; text-align: left !important;}
h4 {color: #333; font: normal 13px/15px MyriadSemibold, Arial, Tahoma, sans-serif; margin: 8px 0 4px 0; text-align: left !important;}

.w_80 {width: 80px;}
.w_90 {width: 90px;}
.w_100 {width: 100px;}
.w_120 {width: 120px;}
.w_140 {width: 140px;}
.w_160 {width: 160px;}
.w_180 {width: 180px;}
.w_190 {width: 194px;}
.w_200 {width: 200px;}
.w_210 {width: 210px;}
.w_300 {width: 300px;}
.w_400 {width: 400px;}

.fs_10 {font-size: 10px; line-height: 1.3;}
.fs_11 {font-size: 11px; line-height: 1.3;}
.fs_12 {font-size: 12px; line-height: 1.3;}
.fs_13 {font-size: 13px; line-height: 1.3;}
.fs_14 {font-size: 14px; line-height: 1.3;}
.fs_16 {font-size: 16px; line-height: 1.3;}
.fs_18 {font-size: 18px; line-height: 1.3;}
.fs_20 {font-size: 20px; line-height: 1.3;}
.fs_24 {font-size: 24px; line-height: 1.3;}

.fw_b {font-weight: bold;}
.fw_n {font-weight: normal;}
.tt_u {text-transform: uppercase;}

.ta_c {text-align: center;}
.ta_r {text-align: right;}
.ta_l {text-align: left;}

.va_t {vertical-align: top;}
.va_m {vertical-align: middle;}
.va_b {vertical-align: bottom;}

.p_a {position: absolute;}
.p_r {position: relative;}

.marg_5 {margin: 5px;}
.marg_10 {margin: 10px;}
.marg_15 {margin: 15px;}
.marg_20 {margin: 20px;}
.marg_b_20 {margin-bottom: 20px;}
.marg_b_30 {margin-bottom: 30px;}
.marg_b_40 {margin-bottom: 40px;}

.pad_5 {padding: 5px;}
.pad_10 {padding: 10px;}
.pad_15 {padding: 15px;}
.pad_20 {padding: 20px;}

.czer{color:red;}
.ziel{color:green;}
.biel{color:white;}

.invalid{  outline: solid 1px #f00 !important; color:#f00; background-color: #F0F0F0; margin:1px; padding:1px;}
.error{  border: solid 1px #f00 !important; color:#f00; background-color: #F0F0F0;}
.red{color: red;}
ul.form {list-style-image: none !important;}
ul.form li {padding: 0; margin: 5px 0; list-style: none !important;}
ul.form li input{margin: 2px 0px;}
ul.form li label {display: inline-block; vertical-align: top; width: 125px; padding: 0 20px 0 0; text-align: right;}
.btn_send{background: #4B88D1; color:#fff; font-size: 14px; padding: 6px 12px; cursor: pointer;}

.fb_right{width:292px;height:590px;position:fixed;right:-310px;background:#000;text-align:center;padding:20px 0 0 20px; z-index:9999;}
.fb_content_right{width:292px;height:590px;margin:0 auto;position:absolute; top:50px;}
.fb_logo{position:absolute; top:50px;left:-52px; display:block;}

.tabela-produktu td p{margin: 0px; padding: 5px 0;}
.tabela-produktu td, .tabela-produktu {border: 1px solid #ddd !important; background-color: #fff;}
.tabela-produktu .naglowek-tabela {color: #387fd6; font-weight: bold;}