@import url('../default/style.css');

.boxDark {width: 900px; padding:25px 40px;  margin-left: 5px; background-color:#222222;}
.boxDarkForm {width: 943px; padding: 25px 23px; margin-left: 0px;}


/* FORM CREATOR  ############################################################## */
#content .formularz {font-family:Square, Arial, Helvetica, sans-serif; padding-top:20px;  /*margin-top: 30px; border-top: 1px solid #3F3F3F;*/} 
#content .formularz textarea{width: 98%; max-width: 98%; min-width: 98%; height: 4.5em; padding: 5px 1%; border:0 none; background:#393939; font:normal 13px/1.5em Square, Arial, Helvetica, sans-serif;} 
	#content .formularz textarea.colspan{}
#content .formularz select{width: 332px; height: 26px; padding: 3px; font: bold 11px tahoma; border: 1px solid #000; background-color: #fff;}
#content .formularz input.input_text{width: 98%; margin:0; padding:8px 1% 9px; font-size: 14px; font-family:Square, Arial, Helvetica, sans-serif; border:0 none; background: #393939; color: #fff;}
	#content .formularz form > .pole_div:nth-first-child(1) {margin-top:0px;}
	#content .formularz form > .pole_div:nth-first-child(1) input.input_text{margin-top:0px;}
#content .formularz input.input_radio{margin: 3px; border: 1px none transparent; background: #fff none; vertical-align: middle;}
#content .formularz input.input_checkbox{margin: 3px;border: 1px none transparent; background: #fff none; vertical-align: middle;}
#content .formularz label{padding: 0 10px 0 0; vertical-align: middle;}
	#content .formularz label{padding: 0 0px 0 5px;}
#content .formularz .pole_div{width: 100%; float:left; margin-bottom: 0px; clear:both;} 
#content .formularz .pole_div.dodatkoweInfo {margin:20px 0;} 
	#content .formularz .pole_div.headerReq .pole_div_label{margin-top:1.5em; margin-bottom:.5em;} 
	#content .formularz .pole_div.headerReq.headerKontakt .pole_div_label{margin-top:.5em; margin-bottom:.5em;} 
	#content .formularz .pole_div_label{display:inline-block; margin-bottom: 5px; font:normal 15px Square,Arial,Helvetica,sans-serif; color:#fff; }
	#content .formularz .fieldset:nth-child(n+3) .pole_div_label{display:block;}
		#content .formularz .pole_div_label span.nobold{display: inline; font-size:13px; color:#919191; }
	#content .formularz .pole_div_content{margin-top:-2px;}
#content .formularz .obowiazkowe{margin-left: 3px; float: right; }
#content .formularz .radio, #content .formularz .checkbox{text-align: left; border: none; margin-bottom: 3px;}
	#content .headerReq.loga div.checkbox{width:158px; margin-top:5px; margin-bottom:10px; float:left;}
		#content .headerReq.loga div.checkbox input{width:100%; margin:0; clear:both}
		#content .headerReq.loga div.checkbox label{display: block; width:100%; padding:0; text-align:center;}
	.page_111 #content .formularz .radio, .page_112 #content .formularz .radio {float:left; margin-right: 1.3em;}
	.page_111 #content .formularz .subform_div, .page_112 #content .formularz .subform_div {float: left; margin-top: 0.3em; width: 100%;}
	#bg #content .subform_div .pole_div_label {font-size:13px; color:#919191;}
	#content .subform_div .pole_div_label a {display:inline-block; padding:5px 5px 5px 35px;color:#fff; border: 1px solid #3f3f3f;background: url("../default/images/pkt.gif") no-repeat scroll 12px 50% #393939;}
	.reqLogo {background:#393939;padding: 10px 0;}
	#content .formularz .reqLogo .pole_div_label, #content .formularz .reqLogo .pole_div_content{padding:0 10px;}
	#content .formularz .reqLogo .pole_div_label{margin-top:0!important;}
#content .formularz .first_td{width: 63px; font-weight: bold;}
#content .formularz .js_select_container{position: relative;}
#content .formularz .empty_field, #content .formularz .empty_field_chbox{background-image: url('images/empty_field.png'); background-repeat: no-repeat; background-position: right top;}
#content .formularz .display{display: block;}
#content .formularz .hide{display: none;}
#content .formularz .tip{font: normal 9px tahoma; color: #999; display: block;}

#content .formularz .subform {padding: 0px; border-bottom: 0px none transparent;}
	#content .formularz .subform table{}
	#content .formularz .subform .subform_div{overflow: hidden; background-color: #222;}

#content .formularz .submit{ height:32px; margin-top:0px; margin-right:0; float:right; text-align:right; clear:both; }
	#content .formularz input.submit{margin:-1px -2px 0 0; padding:0 15px 0 30px; background:#393939 url('../../templates/default/images/pkt.gif') no-repeat 12px 50%; text-align: left; color:#fff;}
#content .formularz .pole_div_content{margin:0; }

#content .formularz .fieldset{padding: 0px; margin: 0px auto; width:80%; float:left;}
	
	#content .formularz .fieldset:nth-child(n+3) {width:100%!important; margin:0!important;}
	#content .formularz .fieldset:nth-child(n+3) div.fieldset_content {width:96%; margin: 40px auto 0; padding: 0 2% 20px; border: 1px solid #3F3F3F; clear: both; float:left;}
	#content .formularz .fieldset:nth-child(n+3) > div > .pole_div:first-child .pole_div_label {display: block;}


	#content .formularz .fieldset header {
		margin-bottom: 10px;
		margin-top: -10px;
		text-align: center;
	}
	#content .formularz .fieldset header h2 {
		background-color: #292929;
		display: inline-block;
		margin: -10px 0 0;
		padding: 0 10px;
	}
	#content .formularz > form > .fieldset:first-child{float:left; width:48%;}
	#content .formularz > form > .fieldset:nth-child(2){float:right; width:48%;}
#content .formularz .fieldset_label{font-size: 13px; font-weight: bold; padding: 0 0 10px;}

#content .fieldset.naglowek .fieldset_label {text-align:center;  background-color: #292929;  display: block; color: #919191;  font-weight: normal; font-size: 24px; font-family: SquareCn; text-transform: uppercase;  margin: 20px 0 -52px;   padding: 0 10px;}
#content .fieldset.naglowek .fieldset_label span {display: inline-block; padding:0 10px; background:#292929;}

/*  JS_SELECT  ############################################################## */ 

.js_select{position: relative; width: 100%; height: 34px; padding: 0; margin: 0; font-size: 14px; border:0 none; color: #8b8b8a; background: #393939 url("../../templates/default/images/rozwin.png") no-repeat scroll right center;}
  .js_select_wybrany_element{white-space: nowrap; overflow: hidden; position: absolute; display: block; left: 7px; top:7px; width: 315px; text-align: left;}
  .js_select_lista{position: absolute; display: none; left: 0px; top: 100%; width: 100%; background-color: #393939;  border-top: 1px solid #292929; text-align: left;}
	/*.js_select_lista div.js_select_lista_element:first-child{display:none;}*/
  #js_select_temat {z-index:0!important; cursor:pointer;}
  .js_select_lista_element{white-space: nowrap; background-color: #202020; font: normal 13px Square,Arial,Helvetica,sans-serif;  cursor: default;  padding: 6px 7px 5px;}
  .js_select_lista_element:hover{background-color: #97131c; color:#fff; cursor:pointer; -webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,.3); box-shadow:0px 0px 5px 0px rgba(0,0,0,.3);}
  .js_select_rozwin{position: absolute; right:0px; top:0px; width: 27px; height: 22px; background: transparent none no-repeat; cursor: pointer;}

  *html  .js_select_lista{left: 10px; top:-15px;}

/*  WYCENA MENU  ############################################################## */ 
nav.wycena {margin-top: 18px; margin-left: 5px;}
	#content nav.wycena li{margin:0px; padding:0; float:left; }
	nav.wycena li a{display:block; margin:0 20px 20px 0; padding:0; float:left; text-align: center; background-repeat:no-repeat; background-position:center 44px; background-color: #222222; font:normal 14px Square,Arial,Helvetica,sans-serif; color:#c0bbbb; text-transform:lowercase;
		-webkit-transition: background 0.2s ease; -moz-transition: background 0.2s ease; -ms-transition: background 0.2s ease; -o-transition: background 0.2s ease; transition: background 0.2s ease;}
	nav.wycena li span.navi_span{display:inline-block; text-indent:16px; background:transparent url('../default/images/pkt.gif') no-repeat left 17px; }
	nav.wycena li a > span, nav.brief li a > span {display: block; height: 100%; background:transparent url('./images/boxy.png') no-repeat right bottom;}
		nav.wycena li.id_111 a, nav.wycena li.id_112 a, nav.wycena li.id_113 a, nav.wycena li.id_74 a{width:313px; height:145px; background-position: center 17px;}
			nav.wycena li.id_74 a{margin-right:0;} /* wyrownianie */
		nav.wycena li.id_111 a{background-image:url('./images/brief_strona.png'); }
		nav.wycena li.id_112 a{background-image:url('./images/brief_sklep.png'); }
		nav.wycena li.id_113 a{background-image:url('./images/brief_logo.png'); }
		nav.wycena li.id_74 a{background-image:url('./images/brief_kontakt.png'); }
	#content nav.wycena li a:hover{background-color:#97131c; color:#fff; box-shadow:inset 0px 0px 50px 0px rgba(0,0,0,0.2);}
		/*obnizenie txt*/
		#content nav.wycena li span.navi_span {margin-top:98px; text-indent: 0; background:none; position:relative;}

/*  BRIEF MENU  ############################################################## */ 
section.briefy {margin-top:30px; clear: both; float: left;}
	nav.brief li a{width: 480px;}
	nav.brief li.id_120 a{margin-right:0;}
	nav.brief li span{ margin-top: 10px!important;  padding-bottom: 10px;}