body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
    font-family: 'Play', sans-serif; font-size: 16px;
}

label {margin: 10px; color: #333; font-size: 16px; font-weight: normal;}
.label {color: #333; font-size: 16px; font-weight: normal; text-align: left;}

html,body {
    margin:0;
    padding:0;
    height: 100%;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

@font-face {
/*    font-family: 'Square721BTBold';
    src: url('Square721BT-Bold.otf');*/

    font-weight: normal;
    font-style: normal;

}
BODY{margin:0;padding:10px 0;text-align:center;}

div{text-align:justify;margin:0;padding:0;}

#content{width:1023px;padding:10px;margin:0 auto;position:relative;height:820px;}
#contentAddC{width:90%;padding:10px;margin:0 auto;position:relative;height:100%;}

a{text-decoration:none;}

#menu {width: 1023px;height: 50px;overflow: visible;background: #777;border-top:2px #fff solid;}
#menu ul{list-style-type:none;padding:0;margin:0 0 0 35px;}
#menu>ul>li{float:left;margin:0 21px 0 0;padding:0;position:relative;top:0;left:0;overflow:show;font-weight:bold;text-transform: uppercase;}

#menu>ul>li>a{display:block;color:#eee;padding:8px 15px 1px;width:193px;height:29px;text-align:center;text-decoration:none;overflow:hidden;}
#menu>ul>li>a:hover, #menu>ul>li:hover>a, #menu>ul>li>a.m_active{background:#bbb;color:#000;}

#menu li ul{position:absolute;bottom:38px;left:0;width:223px;display:none;margin:0;padding: 20px 0;background:url("stw.png") repeat;float:left;overflow:hidden;}
#menu li:hover ul{display:block;}
#menu li ul li{margin:5px 0;}
#menu li ul li a{height:auto;padding:3px 15px;color:#333;font-weight:bold;text-align:left;margin:0;height:auto;width:193px;display:block;}

#menupoddz{width:1023px;height:33px;padding: 0;margin:0 0 60px;background: #555;font-size: 10pt;}
#menupoddz ul{display:block;list-style-type:none;overflow:hidden;padding:0;margin:0 15px 0 275px;}
#menupoddz li{float:left;margin:0;padding:0;border:none;}
#menupoddz li:first-child{float:right;}
#menupoddz li:first-child+li+li, #menupoddz li:first-child+li+li+li{border-left:1px solid #000;}
#menupoddz a{display:block;color:#eee;padding:10px 15px;height:13px;text-align:center;width:auto;/*200px*/text-transform: uppercase;}
#menupoddz a.m_active, #menupoddz a:hover{background:#999;color:#fff;}

#info{width:1023px;height:33px;padding: 0;margin:0;background: #e00;font-size: 10pt;}
#info ul{float:right;display:block;list-style-type:none;overflow:hidden;padding:0;margin:0;}
#info li{float:left;margin:0;padding:0;}
#info a{display:block;color:#eee;padding:9px 25px;height:15px;text-align:center;overflow:hidden;text-transform: uppercase;}
#info a.m_active, #info a:hover{background-color:#900;}

#crumbs p{padding:9px 15px 0;text-align:right;margin:0;}
#crumbs p:first-child{margin:0 0 0 280px;float:left;padding:9px 0 0;}
#crumbs{width:1023px;height:43px;}
#crumbs a{color:#ddd;}
#crumbs a:hover{color:#fff;}

#main {width:973px;margin:0;padding:0 25px 25px;font-size:10pt;color:#222;background: #fff;overflow:hidden;min-height:555px;z-index:0;}
#main.const {width:973px;margin:0;padding:0 25px 25px;font-size:8pt;color:#222;background: #fff;overflow:hidden;min-height:555px;z-index:0;}
#main.const1 {width:973px;margin:0;padding:0 25px 25px;font-size:8pt;color:#222;background: #fff;overflow:hidden;height:555px;z-index:0;}
#main object{z-index:0;}

#mainAdd {width:90%;margin:0;padding:0 25px 25px;font-size:10pt;color:#222;background: #fff;overflow:hidden;height:90%;z-index:0;}

#logo {width:310px;height:160px;margin:10px;position:absolute;top:0;left:0;z-index:5;}
#logo img{border:none;margin:0;padding:0;}


.logowanie {
    float: left;
    width: 30%;
    height: 100%;
}

.info {
    float: left;
    width: 70%;
    height: 100%;
}
.info li{float:none;margin-left: 20px;padding:0;}


hr {
    color: #f00;
    background-color: #f00;
    border: 1px solid rgb(255, 0, 0)
}

h1{
    font-size: 16px;
    font-weight: 400;
    color: #000;
    margin-top: 10px;
    margin-bottom: 10px; 
}
h1 span{
    color: #000;
    font-size: 15px;
}
h2{
    font-size: 12px;
    font-weight: 200;
    color: #000;
    margin-top: 5px;
}
h3.odstep{
    font-size: 10px;
    font-weight: 200;
    color: #000;
    margin-top: 40px;
}
h1{
    /*
    background: -webkit-repeating-linear-gradient(-45deg, 
	rgb(255, 0, 0) , 
	rgb(255, 0, 0) 20px, 
	rgb(255, 0, 0) 20px, 
	rgb(255, 0, 0) 40px, 
	rgb(255, 0, 0) 40px);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
    */
}

h1:after{
	content: ' ';
	display: block;
	width: 100%;
	height: 1px;
	margin-top: 5px;
        /*
	background: -moz-linear-gradient(left, rgba(255, 0, 0,0) 0%, rgba(255, 0, 0,0.8) 20%, rgba(255, 0, 0,1) 53%, rgba(255, 0, 0,0.8) 79%, rgba(255, 0, 0,0) 100%); 
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255, 0, 0,0)), color-stop(20%,rgba(255, 0, 0,0.8)), color-stop(53%,rgba(255, 0, 0,1)), color-stop(79%,rgba(255, 0, 0,0.8)), color-stop(100%,rgba(255, 0, 0,0))); 
	background: -webkit-linear-gradient(left, rgba(147,184,189,0) 0%,rgba(255, 0, 0,0.8) 20%,rgba(255, 0, 0,1) 53%,rgba(255, 0, 0,0.8) 79%,rgba(255, 0, 0,0) 100%); 
	background: -o-linear-gradient(left, rgba(255, 0, 0,0) 0%,rgba(255, 0, 0,0.8) 20%,rgba(255, 0, 0,1) 53%,rgba(255, 0, 0,0.8) 79%,rgba(255, 0, 0,0) 100%); 
	background: -ms-linear-gradient(left, rgba(255, 0, 0,0) 0%,rgba(255, 0, 0,0.8) 20%,rgba(255, 0, 0,1) 53%,rgba(255, 0, 0,0.8) 79%,rgba(255, 0, 0,0) 100%); 
	background: linear-gradient(left, rgba(255, 0, 0,0) 0%,rgba(255, 0, 0,0.8) 20%,rgba(255, 0, 0,1) 53%,rgba(255, 0, 0,0.8) 79%,rgba(255, 0, 0,0) 100%); 
        */
        }

.logowanie{
    margin-top: 5%;
}

.logowanie input {
    color: rgb(34, 34, 34);
    width: 100%;
    padding: 1px 5px;
    border: 1px solid #e3e3e3;
    margin-top: 4px;
    font-size: 10pt;
    min-width: 100px;
}

 input:not([type="radio"]){
    min-width: 150px; 
    color: rgb(14, 14, 14);
    padding: 1px 5px;
    border: 1px solid #e3e3e3;
    margin-top: 4px;
    font-size: 10pt;
    /*
    
    min-width: 100px;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 5px;
    */
}

select{
    margin-top: 5px;
    font-family: 'Play', sans-serif;
    border: 1px solid #e3e3e3;
}

input[type="button"],input[type="submit"],input[type="reset"] {
    
    color: rgb(34, 34, 34);
    border: 1px solid #e3e3e3;
    font-size: 10pt;
    /*
    padding: 1px 5px;
    border: 1px solid #e3e3e3;
    background: rgb(210, 210, 210);
    height: 30px;
    margin-top: 5px;
    border: 0px;
    */
}

input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover,
input[type="button"]:focus,input[type="submit"]:focus,input[type="reset"]:focus {
    
    color: rgb(34, 34, 34);
    border: 1px solid #e3e3e3;
    font-size: 10pt;
    
    /*
    padding: 1px 5px;
    border: 1px solid #e3e3e3;
    background: rgb(180, 180, 180);
    height: 30px;
    margin-top: 5px;
    border: 0px;
    */
}

.logowanie input.submit {
    color: rgb(34, 34, 34);
    width: 50%;
    padding: 1px 5px;
    border: 1px solid #e3e3e3;
    margin-top: 4px;
    margin-right: 25%;
    margin-left: 25%;
    font-size: 10pt;
}

 input:hover,  input:focus,.logowanie input.submit:hover,.logowanie input.submit:focus
,textarea:hover, textarea:focus, select:hover, select:focus, select:focus, select:hover
 {
    color:  rgb(34, 34, 34);
    background: none repeat scroll 0% 0% rgb(204, 204, 204);
    border: 1px solid #e3e3e3; 
}


.logowanie label{
    width: 20%;
    padding: 10px 20px 10px 0px;
    text-align: right;
    clear: right;
    margin: 5px 0px;
}

p.rejestracja{
    text-align: center;
    margin-top: 10px;
}

p.rejestracja a {
    
    font-weight: 800;
    color: red;
}

img.wspolpraca {
    position: relative;
    width: 80%;
    /*height: 60%;*/
    margin-left: 5%;
    margin-top: 10%;
    float: none;
    text-align: center;
    border: none;
}

div.rejestracja{
    width: 80%;
    height: 100%;
    margin: 0 10%;
}

div.rejestracja input, div.rejestracja textarea {
    color: rgb(34, 34, 34);
    width: 40%;
    padding: 1px 5px;
    margin-top: 4px;
    font-size: 10pt;
    border: 1px solid #e3e3e3; 
}


div.rejestracja input:hover, div.rejestracja textarea:hover ,
div.rejestracja input:focus, div.rejestracja textarea:focus
 {
    color:  rgb(34, 34, 34);
    background: none repeat scroll 0% 0% #e3e3e3;
    border: 1px solid #e3e3e3; 
}

div.rejestracja input.submit{
    color: rgb(34, 34, 34);
    width: 20%;
    padding: 1px 5px;
    border: 1px solid #e3e3e3; 
    background: none repeat scroll 0% 0% rgb(214, 214, 214);
    margin-top: 10px;
    margin-left: 40%;
    font-size: 10pt;
}

div.rejestracja label{
    width: 15%;
    padding: 10px 20px 10px 0px;
    text-align: right;
    clear: right;
    margin: 5px 0px;
}

table.rejAll{
    margin-top: 25px;
    width: 100%;
    text-align: right;
}

table tr td h1{
    text-align: left;
}

table.rejestracja {
    width: 100%;
}

table.rejestracja td{
   width: 50%;
   
}


table.rejestracja td.label{
   width: 30%;
   
}

table.rejestracja td input, table.rejestracja td textarea {
    width: 80%;
    float: left;
}

div.panel {
    width: 100%;
    height: 100%;
}

.active {
   
}

.noactive {
   display: none;
}

div.searchOption{
    text-align: center;
}

div.ComboBox{
    margin-top: 10px;
    margin-left: 10%;
}

div.kiedy{
    position: relative;
    margin-top: 5px;
    margin-left: 0%;
}

div.przedzialCzasowy{
    position: absolute;
    top: -10px;
    left: -190px;
    margin-top: 10px;
    margin-left: 22%;
}

div.przedzialCzasowy .noactive{
    position: absolute;
    top: -10px;
    margin-top: 10px;
    margin-left: 22%;
}

div#panelSearchKlient{
    position: absolute;

}

div#panelSearchKlient.active{
    top: 75px;
    margin-left: -5;
    padding: 0;
}

div#panelSearchKlient.noactive{
    top: -200px;
    width: 1px;
    height: 1px;
}
/* Walidacja - Wyświetlanie komunikatów */
#customForm input.error{
	background: #f8dbdb;
	border-color: #e77776;
        border: 1px solid;
}

#customForm textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
        border: 1px solid;
}

#customForm select.error{
	background: #f8dbdb;
	border-color: #e77776;
        border: 1px solid;
}

#customForm div span{
	margin-left: 0px;
	color: #b1b1b1;
	font-size: 11px;
	font-style: italic;
}

#customForm div span.error{
	color: #e46c6e;
    border-color: #e77776;
    visibility : show;
}

/* Nowe dla walidacji i komunikatów */
#customForm #send{
	color: rgb(255, 255, 255);
    width: 44%;
    padding: 10px 5px;
    border: 1px solid #e3e3e3;
    margin-top: 15px;
    margin-right: 25%;
    margin-left: 36%;
    font-size: 10pt;
	cursor: pointer;
	background: rgb(197, 0, 10);
	font-weight: 500;
	font-style: normal;
}
#customForm #send:hover{
	color:  rgb(0, 0, 0);
    background: none repeat scroll 0% 0% rgb(235, 235, 235);
    border: 1px solid #e3e3e3; 
}
#error{
	margin-bottom: 20px;
	border: 1px solid #efefef;
}
#error ul{
	list-style: square;
	padding: 5px;
	font-size: 11px;
}
#error ul li{
	list-style-position: inside;
	line-height: 1.6em;
}
#error ul li strong{
	color: #e46c6d;
}
#error.valid ul li strong{
	color: #93d72e;
}
/* Koniec nowych */

.panel {border-radius: 0;}

article h2 {margin-bottom: 10px !important; border-bottom: 1px solid #c5000a;}
hr {margin: 0px; height: 1px !important;}

a.menuActive {color: #fff; background: #C5000A;}