@media only screen and (max-width: 680px) {
	#loginContent { display: none; }
	#loginContentSmart { display: block; }
	#logoImg { display: none; }
	#admin .contentLogo { display: inline; }
	#MawiCRM { white-space: nowrap; }
	#admin #naviContent {
		display: none;
		float: left;
		width: 100%;
		position: relative;
		background: #FFFFFF;
}
	#admin #naviContent ul.naviContent {
		width: 200px;
		display: block;
		float: left;
		height: 400px;
	}
	#admin #naviContent ul.naviContent li.headlink {
	  margin-left: 10px;
	  margin-bottom: 5px;
	}
	#menuSmartMain {
		display: block;
		float: left;
	}
	#menuSmart {
		display: block;
		float: left;
	}
	#menuNormal { display: none; }
	#boxContent { top: 0px; width: 100%; }
	#headerBox { width: 100%; }
	#boxContent #boxContentMain { width: 100%; }
	#boxContent #boxContentMain #headerBox { width: 100%; }
}

@media only screen and (min-width: 681px) {
	#loginContent { display: block; }
	#loginContentSmart { display: none; }
	#menuSmartMain { display: none; }
	#menuSmart { display: none; }
	#menuNormal {
		display: block;
		float: left;
	}
	#admin .contentLogo { width: 300px; }
	#admin .contentLogin { width: 400px; }
	#MawiCRM { padding-top: 25px; }
	#boxContent #boxContentMain { width: 996px; }
}

body, html {
    font-family: 'Open Sans';
    font-size: 12px;
    background-color: #FFFFFF;
}
* {
    margin: 0;
    padding: 0;
}

a, button {
    outline: 0;
} 	

select, select option {
    font-size: 12px;
}

#admin {
    background: #FFFFFF;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    text-align: left;
}

#admin #columnLeft {
    float: left;
    margin-right: -270px;
    padding-top: 10px;
    width: 250px;
}

#admin #columnLeft #columnContent {
    padding: 10px 0;
}

#admin #columnRight {
}

#admin .main-col {
    margin-left: 270px;
}

#admin #logoImg {
    background: url("../images/logo_mawi.png") no-repeat scroll 10px 10px;
    width: 190px;
    height: 70px;
    padding: 0px 0px;
    font-size: 20px;
    color: #FFFFFF;
    text-align: left;
}

#admin #logoImg div {
    padding: 10px 10px;
}

#admin #headerContent {
    background: #000000;
    height: 80px;
    margin: 0;
}

#admin #menuContent {
/*    background: url("../images/bgMenu.gif") repeat-x scroll left center #064B7B; */
    height: 37px;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
}

#admin #menuContent #menu {
    /*background: url("../images/bgMenu.gif") repeat-x scroll left center #064B7B;*/
    height: 33px;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
}

#admin #naviContent ul.naviContent {
    border: 0 solid #EAFFED;
    float: left;
    padding: 3px 35px;
    font-weight: bold;
}

#admin #naviContent ul.naviContent, #admin ul li {
    display: block;
    list-style: none outside none;
    margin-top: 0;
    font-size: 12px;
}

#admin #naviContent ul {
    margin:0px;
}

#admin #naviContent ul.naviContent li {
    float: left;
}

#admin #naviContent li a.selected {
    background: url("../images/nav_active.gif") no-repeat scroll 0 0 transparent;
}

#admin #naviContent ul.naviContent a:link, #admin ul.naviContent a:visited {
    /*color: #EAFFED;*/
    display: block;
    padding: 5px 20px;
    text-decoration: none;
}

#admin #naviContent ul.naviContent ul li a:link, #admin ul.naviContent ul li a:visited {
    color: #000000;
    font-size: 12px;
    font-weight: lighter;
}

#admin #naviContent ul.naviContent ul li a:hover {
    background-color: #D0DFE2;
}

#admin #naviContent ul .naviSubContent {
    display: none;
    height: 35px;
    margin-left: 0;
    padding: 0;
    position: absolute;
    width: 250px;
    z-index: 200;
}

#admin #menuCenter {
    /*background: url("../images/bgMenu.gif") repeat-x scroll left center #064B7B;*/
	display: block;
    float: left;
    height: 33px;
}

#admin #naviContent ul .naviSubContent {
    display: none;
    height: 35px;
    margin-left: 0;
    padding: 0;
    position: absolute;
    width: 200px;
    z-index: 200;
    padding-top: 4px;
}

#admin #naviContent ul .naviSubContent li {
    background-color: #E3ECEE;
    height: 35px;
    padding: 0;
    width: 200px;
    text-align: left;
    color: #000000;
}

#admin #naviContent ul.naviSubContent a:link, #admin ul.naviSubContent a:visited {
    height: 25px;
    padding: 10px 10px 0 10px;
}

#admin #naviContent ul.naviSubContent a:hover {
    background-color: #064b7b;
    height: 25px;
    padding: 10px 10px 0 10px;
}

#footer #footerContent {
    background-color: #F9F9F9;
    clear: both;
    color: #FFFFFF;
    height: 50px;
    margin: 0;
}

#admin #footerContent .footerContent {
    color: #242426;
    padding-top: 20px;
    text-align: center;
}

#admin .contentLogo {
    float: left;
    color: #FFFFFF; 
    font-size:20px;
}

#admin .contentLogin {
    float: right;
    height: 47px;
    text-align: right;
    color: #FFFFFF;
}

#admin .contentLogin a {
    text-decoration: none;
    color: #EA7601;
    font-weight: bold;
}

#admin .contentLogin a:hover {
    text-decoration: underline;
    color: #EA7601;
    font-weight: bold;
}

#admin #mainContent a.activ {
    background: url("../images/icons/icon_activate.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 16px;
    width: 16px;
}

#admin #mainContent a.no-activ {
    background: url("../images/icons/icon_deactivate.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 16px;
    width: 16px;
}

#admin .contentHeader {
    background: none repeat scroll 0 0 #6F8992;
    padding: 5px 20px;
    text-align: left;
}

#admin .contentHeader span {
    background: none repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    min-height: 0;
    padding: 0;
}

#admin .borderContent {
    border: 1px solid #D6D6D6;
}

#admin #aclList li {
    font-weight: bold;
}

#admin #aclList .actionClass .acessClass {
    margin: 0 !important;
    padding: 0 30px !important;
}

#admin #aclList .actionClass .acessClass li {
    font-weight: normal;
}

#admin .noPermision {
    text-align: center;
    width: 100%;
    border: 1px solid #DF1B35 !important;
    background-color: #FFBFC8;
    position: relative;
}

#admin .noPermision div.icon {
    /*background:url("../images/icons/exclamation.png") no-repeat scroll 10px 12px #FFBFC8;*/
    color: #DF1B35;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 35px;
    text-align: center;
}

#admin .permisionClose {
    display: none;
}

#admin #boxContent .permisionClose {
    text-align: center;
    padding: 10px;
    display: block !important;
}

#admin .width50 {
    width: 50%;
}

#admin .floatL {
    float: left;
    text-align: left;
}

#admin .floatR {
    float: right;
    text-align: right;
}

#admin .pagerMain {
    font-size: 12px;
}

#admin table.tabela .over {
    background-color: #FCF5DD;
    cursor: pointer;
}

#admin table.tabela td .showDragHandle {
    background-image: url("../gfx/icons/text_linespacing.png");
    background-position: center center;
    background-repeat: no-repeat;
    cursor: move;
}
tr.header {
    background: url("../images/sort_tr_bg.gif") repeat-x scroll 0 50% transparent;
}

tr.header a span, td.header a span  {
    display: block;
    font-weight: bold;
    padding: 2px 4px;
}
tr.header span.bold  {    
    color: #000000;
    display: block;
    font-weight: bold;
    padding: 5px 4px;
    font-size: 12px;
}
tr.header a {
    color: #000000;
    display: block;
    padding: 3px 5px 2px 0;
    text-decoration: none;
    font-size: 12px;
}
.tabela  {
    border-top: 1px solid #DADFE0;
    border-collapse: collapse;
}
.tabela td {
    border: 1px solid #DADFE0;
    vertical-align: top;
}
.tabela tr {
    border: 1px solid #DADFE0;
    height: 30px;
    vertical-align: top;
}

.tabela tr.belka td {
    font-size: 12px;
    padding: 5px 2px;
}

.tabela tr.belka:hover {
	background: #ffff99;
	cursor: pointer;
}

.tabela tr.action {
    background-color: #E3EFF1;
}

tr.header a.sort-arrow-desc, tr.header a.sort-arrow-asc {
    background: url("../images/sort_on_bg.gif") no-repeat scroll 0 0 transparent;
    border-bottom: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    display: block;
}

tr.header a.sort-arrow-desc span {
    background-image: url("../images/img_sort_desc.gif");
    background-position: right 50%;
    background-repeat: no-repeat;
    padding: 3px 12px 2px 8px;
}

tr.header a.sort-arrow-asc span {
    background-image: url("../images/img_sort_asc.gif");
    background-position: right 50%;
    background-repeat: no-repeat;
    padding: 3px 12px 2px 8px;
}

.tabela tr.action td input {
    padding: 3px 3px;
    height: 12px !important;
    border: 1px solid #83B6BF !important;
}

.tabela tr.action td select {
    padding: 0px 0px;
    height: 22px !important;
    border: 1px solid #83B6BF !important;
}

.tabela tr.action td input, .tabela tr.action td select {
    vertical-align: middle;
}

.tabela tr.action td {
    border-style: solid;
    border-width: 0 1px 1px 0;
    padding: 6px 2px;
    white-space: normal;
}

#loader .loaderMain {
    font-weight: normal;
    position: absolute;
    background: #FFEFDF;
    border: 1px solid #FF6600;
    margin-left: -100px;
    color: #D85909;
    padding: 0;
    left: 50%;
    width: 200px;
    height: 120px;
    font-weight: bold;
    text-align: center;
    visibility: visible;
    z-index: 1000;
}

#loader .loaderMain .imageLoader {
    background: url("../images/icons/ajax-loader.gif") no-repeat scroll 85px 20px;
    font-size: 14px;
    color: #FF6600;
    padding-top: 10px;
    height: 60px;
    font-weight: bold;
}

#boxContent {
    padding: 0;
    position: absolute;
    left: 0;
    z-index: 1000;
}

#admin #boxContentMain {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #666E73;
    color: #000000;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 0px;
    z-index: 1000;
}

#admin #contentMainForm {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #666E73;
    color: #000000;
    padding: 0;
    text-align: left;
    width: 100%;
}

.titleBox {
    font-size: 14px;
    font-weight: bold;
}

/* pager linki  */
#admin a.link_pager {
    text-decoration: none;
}

#admin .pagerLeftOff {
    background: url("../images/icons/pager_arrow_left_off.gif") no-repeat scroll 0px 0px;
    width: 20px;
    height: 20px;
    padding: 0 10px;
    text-decoration: none;
}

#admin .pagerLeftOn {
    background: url("../images/icons/pager_arrow_left.gif") no-repeat scroll 0px 0px;
    width: 20px;
    height: 20px;
    padding: 0 10px;
    text-decoration: none;
}

#admin .pagerRightOff {
    background: url("../images/icons/pager_arrow_right_off.gif") no-repeat scroll 0px 0px;
    width: 20px;
    height: 20px;
    padding: 0 10px;
    margin-left: 5px;
    text-decoration: none;
}

#admin .pagerRightOn {
    background: url("../images/icons/pager_arrow_right.gif") no-repeat scroll 0px 0px;
    width: 20px;
    height: 20px;
    padding: 0 10px;
    margin-left: 5px;
    text-decoration: none;
}

#admin .pageInput {
    width: 30px;
    text-align: left;
    padding: 1px 2px;
    border: 1px solid #AAAAAA;
    font-family: 'Open Sans';
	font-size: 12px;
}

#admin .hrefMark, #admin .hrefMark:hover {
    color: #EA7601;
    text-decoration: none;
}

#admin .pagerMain table td {
    padding: 4px 0;
}

#saimon .link_bold_black {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

#saimon .link_bold_black:hover {
    color: #499DC1;
    font-weight: bold;
    text-decoration: none;
}

#saimon .link_pager, .link_pager_mark {
    font-size: 12px;
    color: #000000;
    text-decoration: none;
}

#saimon .link_pager:hover, link_pager_mark:hover {
    font-size: 12px;
    color: #499DC1;
    text-decoration: none;
    text-align: center;
}

#saimon .link_pager span {
    background-color: #3C3C3C;
    width: 28px;
    padding: 2px 4px;
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
    display: inline-block;
    text-align: center;
}

#saimon .link_pager_mark span {
    background-color: #2a6894;
    width: 28px;
    padding: 2px 4px;
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
    display: inline-block;
    text-align: center;
}

/* end pager linki */
div.zakres {
    font-size: 12px;
    height: 20px;
    margin-bottom: 4px;
    width: 135px;
}

div.zakres span {
    width: 28px;
}

#box_massage {
    background: url("../images/icons/success_msg_icon.gif") no-repeat scroll 10px 10px #EFF5EA !important;
    border: 1px solid #95A486 !important;
    color: #3D6611 !important;
    font-size: 0.95em !important;
    font-weight: bold !important;
    margin-bottom: 11px !important;
    min-height: 23px !important;
    padding: 0 8px 2px 32px !important;
    text-align: left;
}

#box_error {
    background: url("../images/icons/exclamation.png") no-repeat scroll 10px 10px #FFBFC8 !important;
    border: 1px solid #DF1B35 !important;
    color: #AF152D !important;
    font-size: 0.95em !important;
    font-weight: bold !important;
    margin-bottom: 11px !important;
    min-height: 23px !important;
    padding: 0 8px 2px 32px !important;
    text-align: left;
}

#loginContent #box_massage p, #loginContent #box_error ul, #mainContent #box_error ul {
    padding: 10px !important;
    text-align: left !important;
    margin:0 !important;
}

#boxContent #boxContentMain #headerBox, #boxContentMain #headerBox, #headerBox {
    padding: 5px;
    background-color: #666E73;
    color: #ffffff;
}

#maska {
    background-color: #000000;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
}

.pointer {
    cursor: pointer;	
}
.colorEA {
    color: #EA7601;
}

.fLeft {
    float: left;
}

.fRight {
    float: right;
}

.fieldRequired, .poleWymagane {
    color: red;
    padding-left: 4px;
}

.clear {
    clear: both;
}

.error-massage {
    color: red;
}

.padding10 {
    padding: 10px;
}

#admin #mainContent {
    padding: 0 10px;
	display: block;
}

#admin #loginContent {
    font-family: Verdana, Geneva, Arial, sans-serif;
    width: 500px;
    margin: 0 auto;
}

#admin #loginContentSmart {
    font-family: Verdana, Geneva, Arial, sans-serif;
    width: 100%;
    margin: 0 auto;
}

#admin #loginContent #loginMain {
    background: none repeat scroll 0 0 #F4F4F4;
    border: 1px solid #000000;
    margin: 0;
    padding: 20px;
    width: 460px;
}

#admin .titlePage {
    color: #171717;
    font-size: 18px;
    width: 100%;
    text-align: center;
    border-bottom: 4px solid #DFDFDF;
	margin-top: 10px;
}

#admin .loginTitle {
    color: #171717;
    font-size: 18px;
    width: 100%;
    text-align: center;
}

#admin .leftLoginText {
    width: 80px;
    float: left;
    text-align: right;
    padding-top: 3px;
}

#admin .rightLoginText {
    width: 250px;
    float: left;
    text-align: left;
    padding-left: 20px;
}

#admin textarea {
    border: 1px solid #C8C8C8;
}

#admin .input {
    border: 1px solid #C8C8C8;
    height: 16px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-family: 'Open Sans';
	font-size: 12px;
}

#admin .input-text {
    border: 1px solid #C8C8C8;
    padding-top: 2px;
    padding-bottom: 2px;
    font-family: 'Open Sans';
	font-size: 12px;
}

#admin select {
    border: 1px solid #C8C8C8;
    height: 20px;
    padding-top: 0px;
    font-family: 'Open Sans';
}

#admin input[type="submit"],.button-1, #admin button, #admin span.actionSubmit, button.add, button.save, button.reload, button.addDane, button.clear, button.addDaneProdukt, button.permision, .menuSmart-rozwin, .menuSmart-zwin {
/*
    background: url("../images/btn_bg.gif") repeat-x scroll 0 0 #FFAC47;
    border-color: #ED6502 #A04300 #A04300 #ED6502;
    border-style: solid;
    border-width: 1px;
    color: #000066;
    cursor: pointer;
    height: 25px;
    padding: 0 5px;
    white-space: nowrap;
    margin:0; 
    font: bold 12px arial, helvetica, sans-serif;
*/
  display: inline-block;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  color: #222222;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background: #feb416;
  background-image: -moz-linear-gradient(top, #ffbf37, #FF860F);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffbf37), to(#FF860F));
  background-image: -webkit-linear-gradient(top, #ffbf37, #FF860F);
  background-image: -o-linear-gradient(top, #ffbf37, #FF860F);
  background-image: linear-gradient(to bottom, #ffbf37, #FF860F);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffbf37', endColorstr='#ffFF860F', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 191, 55, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 191, 55, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 191, 55, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

#admin input[type="submit"]:hover,.button-1:hover, #admin button:hover, #admin span.actionSubmit:hover, button.add:hover, button.save:hover, button.reload:hover, button.addDane:hover, button.clear:hover, button.addDaneProdukt:hover, button.permision:hover, #admin input[type="submit"]:focus,.button-1:focus, #admin button:focus, #admin span.actionSubmit:focus, button.add:focus, button.save:focus, button.reload:focus, button.addDane:focus, button.clear:focus, button.addDaneProdukt:focus, button.permision:focus, #admin input[type="submit"]:active,.button-1:active, #admin button:active, #admin span.actionSubmit:active, button.add:active, button.save:active, button.reload:active, button.addDane:active, button.clear:active, button.addDaneProdukt:active, button.permision:active, .menuSmart-rozwin:hover, .menuSmart-zwin:hover, .menuSmart-rozwin:focus, .menuSmart-zwin:focus, .menuSmart-rozwin:active, .menuSmart-zwin:active {
  color: #222222;
  background-color: #FF860F;
}

#admin input[type="submit"]:active,.button-1:active, #admin button:active, #admin span.actionSubmit:active, button.add:active, button.save:active, button.reload:active, button.addDane:active, button.clear:active, button.addDaneProdukt:active, button.permision:active {
  background-color: #FF860F \9;
}

#admin input[type="submit"]:hover,.button-1:hover, #admin button:hover, #admin span.actionSubmit:hover, button.add:hover, button.save:hover, button.reload:hover, button.addDane:hover, button.clear:hover, button.addDaneProdukt:hover, button.permision:hover, #admin input[type="submit"]:focus,.button-1:focus, #admin button:focus, #admin span.actionSubmit:focus, button.add:focus, button.save:focus, button.reload:focus, button.addDane:focus, button.clear:focus, button.addDaneProdukt:focus, button.permision:focus {
  color: #222222;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
  cursor: pointer;
}

#admin input[type="submit"]:focus,.button-1:focus, #admin button:focus, #admin span.actionSubmit:focus, button.add:focus, button.save:focus, button.reload:focus, button.addDane:focus, button.clear:focus, button.addDaneProdukt:focus, button.permision:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  cursor: pointer;
}

#admin button.cancel, #admin button.delete {
    background: url("../images/cancel_btn_bg.gif") repeat-x scroll 0 0 #FCAF81;
    border-color: #D24403 #A92000 #A92000 #D24403;
    border-style: solid;
    border-width: 1px;
    color: white;
    cursor: pointer;
    height: 25px;
    padding: 0 5px;
    white-space: nowrap;
    font: bold 12px arial, helvetica, sans-serif;
}

#admin span.actionSubmit {
    padding: 4px 6px !important;
}

#admin select.actionSubmit {
    width: 150px;
}

#admin input.login[type =
"submit"], #admin input.login[type = "button"] {
    background: #727272;
    border: 0px solid #727272;
    color: white;
    font-weight: normal;
    font-family: Tahoma, Verdana, Geneva, sans-serif;
    height: 30px;
    padding: 0 15px;
}

#admin a.addNew {
    width: 16px;
    height: 16px;
    background: url("../images/icons/add.png") no-repeat scroll 0 0 transparent;
    text-decoration: none;
    display: block;
    float: left;
}

#admin a.deleteNew {
    width: 16px;
    height: 16px;
    background: url("../images/icons/delete.png") no-repeat scroll 0 0 transparent;
    text-decoration: none;
    display: block;
    float: left;
}

#admin #mainContent .iconFolder {
    background: url("../images/icons/folder.png") no-repeat scroll 0 2px transparent;
    padding-left: 20px;
}
#admin #mainContent .iconFolderTitle {
    background: url("../images/icons/folder.png") no-repeat scroll 0 -1px transparent;
    padding-left: 20px;
}

#admin #mainContent #main {
    padding: 10px 0;
}

#admin button.addDane span, #admin button.add span, button.permision span {
    background-image: url("../images/icons/add_btn_icon.gif");
}

#admin button.save span {
    background-image: url("../images/icons/save_btn_icon.gif");
}
#admin button.reload span {
    background-image: url("../images/icons/reload.gif");
}
#admin button.delete span {
    background-image: url("../images/icons/cancel_btn_icon.gif");
}

#admin button.back {
    background: url("../images/btn_back_bg.gif") repeat-x scroll 0 0 #CCCCCC;
    border-color: #CCCCCC #AAAAAA #AAAAAA #CCCCCC;
    color: #555555;
}

#admin button.back span {
    background-image: url("../images/icons/icon_btn_back.gif");
}

.btn {
  display: inline-block;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  color: #222222;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background: #feb416;
  background-image: -moz-linear-gradient(top, #ffbf37, #FF860F);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffbf37), to(#FF860F));
  background-image: -webkit-linear-gradient(top, #ffbf37, #FF860F);
  background-image: -o-linear-gradient(top, #ffbf37, #FF860F);
  background-image: linear-gradient(to bottom, #ffbf37, #FF860F);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffbf37', endColorstr='#ffFF860F', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 191, 55, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 191, 55, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 191, 55, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #222222;
  background-color: #FF860F;
}

.btn.disabled,
.btn[disabled] {
  color: #222222;
  background-color: #c0c0c0;
}

.btn:active,
.btn.active {
  background-color: #FF860F \9;
}

.btn:first-child {
}

button.btn:hover,
button.btn:focus {
  color: #222222;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
  cursor: pointer;
}

button.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  cursor: pointer;
}

button.btn.active,
button.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: pointer;
}

button.btn.disabled,
button.btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

button.btn,
input[type="submit"].btn {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}

#admin div.showHide {
    background: url("../images/btn_bg.gif") repeat-x scroll 0 0 #FFAC47;
    border-color: #ED6502 #A04300 #A04300 #ED6502;
    border-style: solid;
    border-width: 1px;
    color: white;
    cursor: pointer;
    height: 14px;
    padding: 4px;
    white-space: nowrap;
    width: 140px;
    font: bold 12px arial, helvetica, sans-serif;
}

#admin div.showHide span {
    background: url("../images/icons/btn_show-hide_icon.gif") no-repeat scroll 0 0px transparent;
    padding-left: 22px;
}

button span {
    padding-left: 22px;
    background-repeat: no-repeat;
}

.iconTooltip {
    width: 16px;
    height: 16px;
    background: url("../images/icons/exclamation.png") no-repeat scroll 0px 0px;
}

.tooltip {
    background-color: #FFFFFF;
    border-color: #C03030;
    border-style: solid;
    border-width: 2px 1px 1px;
    color: #542C0F;
    display: block;
    font-size: 12px;
    left: 0px;
    line-height: 1em;
    top: 10px;
    left: 10px;
    padding: 4px;
    position: relative;
    width: 300px;
    z-index: 100;
    color: #C03030;
}

.error-massage {
    color: red;
}

#box_error {
    background-color: #FFBFC8;
    border: 1px solid #DF1B35;
    margin-top: 10px;
    padding: 5px 20px;
}

#box_error fieldset, #box_masasge fieldset {
    border: 0 none;
    margin: 0;
    padding: 0;
}

#box_error li {
    color: #AF152D;
    padding: 1px;
}

td.showDragHandle {
    background-image: url(../images/icons/text_linespacing.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: move;
}

tr.over {
    background-color: #D1E4EF;
}

#admin #tabContent {
    border: 1px solid #D6D6D6
}

#admin #tabContent ul#tabsNav {
    background: url("../images/tabs_ul_bg.gif") repeat-x scroll 0 100% #F8F8F8;
    height: 30px;
    margin: 0;
    padding-left: 15px;
    padding-top: 5px;
}

#admin #tabContent ul#tabsNav li {
    background-color: #F5F5F5;
    border-color: #919B9C #919B9C #DFDFDF;
    border-style: solid;
    border-width: 1px;
    float: left;
    margin-left: 10px;
    text-align: center;
}

#admin #tabContent ul#tabsNav li a {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    padding-left: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    top: 2px;
    white-space: nowrap;
}

#admin #tabContent ul#tabsNav li a span {
    display: block;
    min-height: 18px;
    padding: 5px 10px;
    cursor: pointer;
}

#admin #tabContent ul#tabsNav li.tabsSelected {
    background-color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    color: red;
    z-index: 5;
}

#admin #tabContent #tabContentMain {
    padding: 10px;
}

#admin #tabContent ul#tabsNav li a.notloaded {
    color: #999999 !important;
}

#admin #tabContent .fieldset {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #D6D6D6;
    padding: 10px;
}

#admin #tabContent fieldset.skin {
    margin-bottom: 15px;
    border:1px solid #D6D6D6;
}
#admin #tabContent fieldset legend {
    display: none;
}
#admin #tabContent fieldset.skin label {
    clear: none;
    display: block;
    float: left;
    margin: 5px;
    padding: 0;
    width: 220px;
}
#admin #tabContent fieldset.skin label input {
    margin: 0 10px 0 0;
}
#admin #tabContent fieldset.skin input, #admin #tabContent fieldset.skin select {
    vertical-align: middle;
}
#admin #main #tabContent .langInput {

}

#admin .content-header {

}
#admin .content-header-floating {
    background: none repeat scroll 0 0 #FDFAA4;
    border-bottom: 1px solid #988753;
    display: none;
    left: 0;
    opacity: 0.85;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    text-align: right;
}
#admin .content-header-floating .content-header {
    border: 0 none;
    margin-bottom: 0;
    padding: 6px 8px 4px;
}



#admin .statusGreen {
    color: #469E1A;
    font-weight: bold;
}
#admin .statusRed {
    color: #C60303;
    font-weight: bold;
}

#admin .strzalki {
    float: right;
    height: 12px;
    padding-top: 4px;
    text-align: center;
    width: 40px;
}
#admin .strzalki a {
    text-decoration: none; 
    width:15px;
    height: 12px;
    display: inline-block;
}
#admin .strzalki .icoUp {
    background: url("../images/icons/ico_up.gif") no-repeat scroll 0 0;	
}
#admin .strzalki .icoDown {
    background: url("../images/icons/ico_down.gif") no-repeat scroll 0 0;
}

#admin .noBorder, #admin .noBorder tr, #admin .noBorder tr td {
    border:0 !important;
}




.titleSumaBlack {
    color: #000000;
    font-weight: bold;
}




.red {
    color: #FF0000;
}
.gray {
    color: #666666;
}
.nyorng {
    color: #FF7700;
}
.nyblue {
    color: #0066BB;
}
.tik {
    color: #00CC00;
}
.right {
    text-align: right;
}
.center {
    text-align: center;
}
.left {
    text-align: left;
}


.ikona_typ {
    width: 25px;
    height:15px;
    display: inline-block;
}
.slownik_przedszkola {
    background: url("../images/icons_placowek/pp.png") no-repeat scroll 0 0;
}
.slownik_podstawowka {
    background: url("../images/icons_placowek/sp.png") no-repeat scroll 0 0;
}
.slownik_gimnazjum {
    background: url("../images/icons_placowek/gm.png") no-repeat scroll 0 0;
}
.slownik_liceum {
    background: url("../images/icons_placowek/l.png") no-repeat scroll 0 0;
}
.slownik_technikum {
    background: url("../images/icons_placowek/t.png") no-repeat scroll 0 0;
}
.slownik_zsz {
    background: url("../images/icons_placowek/zsz.png") no-repeat scroll 0 0;
}
.slownik_zespol {
    background: url("../images/icons_placowek/zs.png") no-repeat scroll 0 0;
}
.slownik_inne {
    background: url("../images/icons_placowek/inne.png") no-repeat scroll 0 0;
}


.tGreen {
    color: #3D6611;
    font-weight: bold;
    font-size:13px;
}
.tRed {
    color: #AF152D;
    font-weight: bold;
    font-size:12px;
}


#profile-edit td{
    width: 50%;
    padding: 5px;
}
.wysoki {
    background-color: #FEF2F0;
}
.wysoki .link:nth-child(2){
    background:url("../images/icons/wykrzyknik.png") 1% 1% no-repeat no-repeat ;
    padding-left: 15px;


}
#przypisz-placowke tr{
    cursor: pointer;
}
/*#przypisz-placowke tr:hover{
    background-color: #FEF2F0;

}*/

.placowka-info{
    position: absolute;
    width: 1200px;
    left: 50%;
    margin-left: -600px; /* Half the width */
}
.placowka-info-1{
    top: 200px;

}

.placowka-podglad {
    background: url("../images/icons/lupa.png") no-repeat;
    height: 20px;
    width: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    margin-left: 10px;
    cursor: pointer;

}

.event-calendar {
    width: 100%;
    border-spacing: 0;

}
.event-calendar th{
    text-align: center;
    color:  #0863A5;
    font-weight: bold;
    font-size: 14px;
}
.event-calendar td{
    vertical-align: top;
}
.week td:nth-child(7n),.month td:nth-child(7n){
    background-color: #FEF2F0;

}
.week td {
    border:1px solid #DDDDDD;
    border-spacing: 0;
    height: 200px;
    padding:4px;
    vertical-align: top;
}
.week th.holiday,.week th:nth-child(7n){
    color: red;
}
.month td{
    border:1px solid #DDDDDD;
    width: 200px;
    height: 150px;
    vertical-align: top;
    padding: 4px;
}
.month td .date{
    text-align: center;
    margin-bottom: 5px;
    color:  #0863A5;
    font-weight: bold;
    border-bottom: 1px solid #0863A5;
}

.month td:nth-child(7n) .day-number{
    color:red;

}
.month td.holiday, .week td.holiday {
    background-color: #FEF2F0;
}
.month td.holiday span.day-number{
    color:red;
}

.month td.holiday .date{
    color: red;
}

a.button-1{
    padding: 4px;
    text-decoration: none;
}
#calendar-panel{
    margin-bottom: 20px;

}
.event_plus_button{
    cursor: pointer;
}

.event{
    cursor: pointer;
}
div.event{
    cursor: pointer;
    padding: 2px ;

}

div.event:hover{
    color: #C70A01;
}
div.event:nth-child(odd){
    background-color: #EEEEEE;
}
.year td{
    border:1px solid #DDDDDD;
    padding: 4px;
}
#filtr-zdarzenia td{
    padding: 4px 0px;

}
#filtr-terytorium{
    margin-bottom: 15px;
}
#filtr-terytorium td{
    padding:4px 8px 4px 0px;
}
#filtr-terytorium select{
    width: 180px;
    font-family: 'Open Sans';
}

.arrow{
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: block;


}
.next{
    background: url("../images/icons/arrow_right.png") no-repeat ;
}
.prev{
    background: url("../images/icons/arrow_left.png") no-repeat ;

}
.event p.title{
    font-weight: bold;
    margin: 0px;
    margin-bottom: 5px;
}
h1.month{
    text-align: center;

}
.day-number{
    font-weight: bolder;
    font-size: 16px;
    background-color: #FFFF89;


}

.day-number:nth-child(7n){
    color:red;
}
.day-old{
    color: #B5B5BD;
}
span.date{
    /*    width: 360px;
        display: inline-block;
        margin: 0px auto;*/
}

#ajax-form-box{
    display: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #666E73;
    position: absolute;
    padding: 20px;
    color: #000000;
    top: 100px;
    left:50%;

}
.holidays{
    font-size: 13px;
    font-weight: bold;
    color: #B5B5BD;
    padding: 2px ;
}
.day-off{
    color: red;
}
.arrow-box{
    background: url("../images/btn_bg.gif") repeat-x scroll 0 0 #FFAC47;
    border-color: #ED6502 #A04300 #A04300 #ED6502;
    border-style: solid;
    border-width: 1px;
    color: #000066;
    cursor: pointer;
    display: block;
    float: left;
    white-space: nowrap;
    margin:0; 
    width: 25px;
    height: 25px;

}

.ajax-form td:first-child{
    text-align: right;
    padding: 10px;
}
.ajax-form select {
    width: 200px;
}
.ajax-form input[type=text] {
    width: 200px;
}
.active-page{
    width: 36px;
}
.in-month{
    width: 400px;
    margin: 0px auto;
}
.margin-1{
    margin-bottom: 9px;
}
p.event-1{
    margin: 2px 0px 6px 0px;
}

.button-2{
    background: url("../images/btn_bg.gif") repeat-x scroll 0 0 #FFAC47;
    border-color: #ED6502 #A04300 #A04300 #ED6502;
    border-style: solid;
    border-width: 1px;
    color: #000066;
    cursor: pointer;
    height: 25px;
    padding: 0 5px;
    white-space: nowrap;
    margin:0; 

    font: bold 12px arial, helvetica, sans-serif;

}
.button-add{
    background-image: url("../images/icons/add_btn_icon.gif");

}

.status0{
    background: url("../images/icons/icon_deactivate.gif") no-repeat scroll 50% 50% transparent;
    color: white;
    font-size: 0px;
    cursor:pointer;
    width: 20px;
}
.status1{
    background: url("../images/icons/icon_activate.gif") no-repeat scroll 50% 50% transparent;

    color: white;
    font-size: 0px;
    cursor:pointer;
    width:  20px;

}
#slider{ 
    color: white;
    text-align: center;
    width: 100%;
}

/* ------------------  box do wyswietlania opisu zdarzenia w kalendarzu tygodniowym -------------- */
#boxd{
	width:280px;
	border:1px solid #FF6603;
	position:absolute;
		
	padding:5px;
	background-color:#DDDDDD;
	color:#000000;
    font-size : 12px;
    font-family: 'Open Sans';
    -moz-border-radius: 7px; 
	-webkit-border-radius: 7px; 
	border-radius: 7px; 
	display: none;
}

.spacing{
    display:block;
	width:100%;
	height:12px;
}

.bold{
	font-size:12px !important;;
    font-weight: bold;
}
.smaller{
	font-size:10px !important;;
}
.smaller .bold{
	font-size:10px !important;
}
.hidden{
    display: none;
}
.opisid{
}

.ramka-lg{
	width: 4px;
	height: 4px;
	background: url("/public/images/css/ramka_lg.gif") no-repeat;
}

.ramka-g{
	height: 4px;
	background: url("/public/images/css/ramka_g.gif") repeat;
}

.ramka-pg{
	width: 4px;
	height: 4px;
	background: url("/public/images/css/ramka_pg.gif") no-repeat;
}

.ramka-ld{
	width: 4px;
	height: 4px;
	background: url("/public/images/css/ramka_ld.gif") no-repeat;
}

.ramka-d{
	height: 4px;
	background: url("/public/images/css/ramka_d.gif") repeat;
}

.ramka-pd{
	width: 4px;
	height: 4px;
	background: url("/public/images/css/ramka_pd.gif") no-repeat;
}

.ramka-l{
	width: 4px;
	background: url("/public/images/css/ramka_l.gif") repeat;
}

.ramka-p{
	width: 4px;
	background: url("/public/images/css/ramka_p.gif") repeat;
}

.ramka-pion{
	width: 3px;
	background: url("/public/images/css/ramka_pion.gif") repeat;
}

.ramka-pion-g{
	width: 3px;
	height: 4px;
	background: url("/public/images/css/ramka_pion_g.gif") no-repeat;
}

.ramka-pion-d{
	width: 3px;
	height: 4px;
	background: url("/public/images/css/ramka_pion_d.gif") no-repeat;
}

.ramka-poziom{
	height: 3px;
	background: url("/public/images/css/ramka_poziom.gif") repeat;
}

.ramka-poziom-l{
	width: 4px;
	height: 3px;
	background: url("/public/images/css/ramka_poziom_l.gif") no-repeat;
}

.ramka-poziom-p{
	width: 4px;
	height: 3px;
	background: url("/public/images/css/ramka_poziom_p.gif") no-repeat;
}
.ramka-poziom-pion-g{
	width: 3px;
	height: 3px;
	background: url("/public/images/css/ramka_poziom_pion_g.gif") no-repeat;
}
.ramka-poziom-pion-d{
	width: 3px;
	height: 3px;
	background: url("/public/images/css/ramka_poziom_pion_d.gif") no-repeat;
}
.ramka-naglowek{
    background-color: #E5E5E5;
}

.ramka{
    background-color: #F0F0F0;
}

.typ-0{
	width: 24px;
	height: 18px;
	background: url("/public/images/icons/typ_0.png") no-repeat;
}

.typ-1{
	width: 24px;
	height: 18px;
	background: url("/public/images/icons/typ_1.png") no-repeat;
}

.typ-2{
	width: 24px;
	height: 18px;
	background: url("/public/images/icons/typ_2.png") no-repeat;
}

.typ-3{
	width: 24px;
	height: 18px;
	background: url("/public/images/icons/typ_3.png") no-repeat;
}

.typ-4{
	width: 24px;
	height: 18px;
	background: url("/public/images/icons/typ_4.png") no-repeat;
}

.akcept-wiecej{
	width: 30px;
	height: 30px;
	background: url("/public/images/icons/akcja_wizualizacja.png") no-repeat;
}

.input-block {
	display: block;
	width: 250px;
	min-height: 30px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: normal;
	height: 20px;
	padding: 4px 6px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #555;
	vertical-align: middle;
	border-radius: 4px;

	background-color: #ffffff;
	border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

.input-block::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.input-block:focus {
	border-color: rgba(175, 209, 53, 0.8);
	outline: 0;
	outline: thin dotted \9;
	/* IE6-9 */

	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(175, 209, 53, 0.6);
	   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(175, 209, 53, 0.6);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(175, 209, 53, 0.6);
}

.ui-dialog { z-index: 2000 !important ;}

.printb {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: bold;
    background-color: #FFFFFF;
	color: #000000;
	vertical-align: top;
}

.print {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: normal;
    background-color: #FFFFFF;
	color: #000000;
	vertical-align: top;
}

#boxWybranaPlacowka {
	margin-left: -160px;
}

.doLeft {
	display: block;
	float: left;
	padding-left: 3px;
	text-align: left;
	width: 215px;
}

.doLeft option{
	font-size: 11px;
}

.doRight {
	display: block;
	float: left;
	width: 215px;
	text-align: left;
}

.doRight option{
	font-size: 11px;
}

#selectListaDo {
	border: 0px;
	display: block;
	float: left;
	width: 485px;
}

.changeButtons {
	display: block;
	float: left;
	border: 0px;
	margin-bottom: 10px;
	margin-top: 70px;
	padding-left: 10px;
	width: 21px;
	height: 120px;
}
.changeButtonsSmart {
	display: block;
	float: left;
	border: 0px;
	width: 280px;
	padding: 0px;
}
.dwLeft {
	display: block;
	float: left;
	padding-left: 3px;
	text-align: left;
	width: 215px;
}

.dwLeft option{
	font-size: 11px;
}

.dwRight {
	display: block;
	float: left;
	width: 215px;
	text-align: left;
}

.dwRight option{
	font-size: 11px;
}

#selectListaDw {
	border: 0px;
	display: block;
	float: left;
	width: 485px;
}


.menuSmart-rozwin{
    background: url("/public/images/arrow_down.png") no-repeat;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 100%;
	padding-left: 15px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
	font-weight: bold;
    color: #feb416;
	cursor: pointer;
}

.menuSmart-zwin{
    background: url("/public/images/arrow_up.png") no-repeat;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 100%;
	padding-left: 15px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}

.icon_od {
    background: url("/public/images/icons/info_od.png") no-repeat;
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	margin-top: -2px;
	margin-right: 10px;
}

.icon_do {
    background: url("/public/images/icons/info_do.png") no-repeat;
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	margin-top: -2px;
	margin-right: 10px;
}

#komunikator_liczba {
    background: url("/public/images/komunikator_liczba.png") no-repeat;
	display: block;
	float: right;
	width: 25px;
	height: 25px;
	margin-top: -45px;
	margin-right: 3px;
	padding-top: 5px;
    font-family: 'Open Sans';
    font-size: 11px;
	font-weight: bold;
	text-align: center;
    color: #ffff66;
}

#szkolenia-belka {
    height: 33px;
    width: 95%;
	margin-top: 5px;
    padding: 0px;
    display: block;
	float: left;
    background-color: #000000;
	border-radius: 5px;
}

#szkolenia-belka-napis
{
    width: 95%;
    padding: 0px;
	margin-top: 5px;
	margin-left: 10px;
    display: block;
	float: left;
	font-family: 'Open Sans';
	font-size: 1.4em;
	font-weight: bold;
	color: #f8f8f8;
}