*
{
font-family: Tahoma, "Verdana", "Gill Sans MT", "Century Gothic", Calibri, "Verdana", Tahoma, Verdana, Sans;
text-align : justify;
color: #222222;
 
}

*::-webkit-scrollbar-track { background-color: #fff; border-radius: 0px; }
*::-webkit-scrollbar{ width: 3px;  background: #ddd; -webkit-transition-duration:1s;-ie-transition-duration:1s;-o-transition-duration:1s;-moz-transition-duration:1s;transition-duration:1s;}
*:hover::-webkit-scrollbar{width: 6px;-webkit-transition-duration:1s;-ie-transition-duration:1s;-o-transition-duration:1s;-moz-transition-duration:1s;transition-duration:1s;}

*::-webkit-scrollbar-thumb { -webkit-transition-duration:1s;-ie-transition-duration:1s;-o-transition-duration:1s;-moz-transition-duration:1s;transition-duration:1s;}
*:hover::-webkit-scrollbar-thumb {width: 10px; background-color: #4ada6a;-webkit-transition-duration:1s;-ie-transition-duration:1s;-o-transition-duration:1s;-moz-transition-duration:1s;transition-duration:1s;}



strong
{

  color: #222222;
}

p
{
text-align : left;

font-size: 12px;

color: #555; 
line-height: 19px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-left: 0px solid #edecef;

}

span
{
text-align : left;

font-size: 12px;

color: #555; 
line-height: 19px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-left: 0px solid #edecef;

}

a
{

text-align : left;
font-size: 12px;
text-decoration: none;
color: #000; 
line-height: 15px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-bottom: 0px solid transparent;
}

a:hover
{
text-align : left;
color: #777; 
text-decoration: none;
 
line-height: 15px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;

border-bottom: 0px solid #ededed;
}

.norm_code{font-family: monospace;}

.rnorm
{

color: #ff0000; 

}

.sumacenterTOP{top: -4px; margin: 0px 0px 0px 37%; padding: 1% 2%; width: 20%; font-size: 20px; font-weight: bold; border: 1px solid #eee; clear: both; position: absolute; display: block; overflow: hidden; text-align: center;  box-shadow:0px 0px 3px #eee; border-radius: 2px; background-color: #e4e4e4;}
.sumacenterBOTTOM{bottom: -4px; margin: 0px 0px 0px 37%; padding: 1% 2%; width: 20%; font-size: 20px; font-weight: bold; border: 1px solid #eee; clear: both; position: absolute; display: block; overflow: hidden; text-align: center;  box-shadow:0px 0px 3px #eee; border-radius: 2px; background-color: #fff;}

.sumaR{float:right; right: -10px; bottom: 10px; margin: 0px 0px 0px 0%; padding: 1% 2%; font-size: 15px; font-weight: bold; border: 1px solid #eee; clear: both; position: absolute; display: block; overflow: hidden; text-align: center;  box-shadow:0px 0px 3px #eee; border-radius: 2px; background-color: #fff; color: #777;}
.sumaL{float:left; left: -10px; bottom: 10px; margin: 0px 0px 0px 0%; padding: 1% 2%; font-size: 15px; font-weight: bold; border: 1px solid #eee; clear: both; position: absolute; display: block; overflow: hidden; text-align: center;  box-shadow:0px 0px 3px #eee; border-radius: 2px; background-color: #fff; color: #777;}

.sumaRi{float:right; width: 46%; right: -10px; top: -2px; margin: 0px 0px 0px 0%; padding: 1% 2%; font-size: 15px; font-weight: bold; border: 1px solid #eee; clear: both; position: absolute; display: block; overflow: hidden; text-align: right;  box-shadow:0px 0px 3px #eee; border-radius: 2px; background-color: #323232; color: #fff;}
.sumaLi{float:left; width: 46%; left: -10px; top: -2px; margin: 0px 0px 0px 0%; padding: 1% 2%; font-size: 15px; font-weight: bold; border: 1px solid #eee; clear: both; position: absolute; display: block; overflow: hidden; text-align: left;  box-shadow:0px 0px 3px #eee; border-radius: 2px; background-color: #323232; color: #fff;}

h1
{

text-align : left;

font-size: 14px;
font-weight: bold;
color: #333333; 
line-height: 22px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-bottom: 0px solid black;
border-color: #a2a0a5;
position: relative;
text-transform: uppercase;

}

h1.big
{

text-align : center;

font-size: 18px;
font-weight: bold;
color: #333333; 
line-height: 30px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-bottom: 0px solid black;
border-color: #a2a0a5;
position: relative;
text-transform: uppercase;

}

p.min
{

text-align : left;

font-size: 13px;
font-weight: bold;
display: block;
text-transform: uppercase;

}

.divinforum2
{
color: #222222;  
font-size: 13px;
text-align : left;
line-height: 22px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: normal;
font-weight: bold;
cursor: pointer;
}


.divinforum2:hover
{
color: #66666;  
font-size: 13px;
text-align : left;
line-height: 22px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: normal;
font-weight: bold;
cursor: pointer;
}


h2
{
color: #222222;  
font-size: 13px;
text-align : left;
line-height: 22px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: normal;
font-weight: bold;
}




h2.f0
{
color: #000000;  
font-size: 15px;
text-align : left;
line-height: 22px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: normal;
font-weight: bold;
cursor: pointer;
}

h2.f1
{
color: #222222;  
font-size: 12px;
text-align : left;
line-height: 22px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: normal;
font-weight: bold;
cursor: pointer;
}

h2.f2
{
color: #333333;  
font-size: 12px;
text-align : left;
line-height: 22px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: normal;
font-weight: bold;
cursor: pointer;
}



h3
{
color: #585858;  
font-size: 16px;
text-align : justify;
line-height: 25px;
margin: 0px 0px 0px 0px;
padding: 32px;
font-weight: normal;
font-style: italic;
border: 0px solid black;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
font-family: Georgia, "Century Gothic", "Trebuchet MS", Tahoma, Verdana, Sans;
}



.bnorm
{
text-align : left;



color: #ffffff; 
line-height: 22px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
border: 0px dashed #afafaf;

}

a.bnorm
{
text-align : left;



color: #ffffff; 
line-height: 22px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
border-bottom: 1px solid #777799;

}

a.bnorm:hover
{
text-align : left;



color: #ffffff; 
line-height: 22px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}












.image1
{
outline-width:5px;
outline-color: #feacac;
outline-style: solid;
#border: 4px solid #9e2c2c;
margin: 10px 10px 10px 10px;
padding: 3px 3px 3px 3px;
width: auto;
height: auto;

text-align: center;
}

.image
{

border: 4px solid white;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: auto;
height: auto;
}


.li
{
text-align : justify;
text-align : left;
font: normal 14px "Century Gothic", Tahoma, Verdana;
content: "\00BB \0020";

color: #040228; 
line-height: 28px;

list-style: none;
text-indent: -1em;

border-left: 0px solid #EEEDEF;
}




.ptab
{
text-align: left;
padding: 2px 0px 2px 24px;
color: #736883;
font-weight: bold;
border-bottom: 1px solid #a8a7ac;
margin: 0px 0px 0px 34px;
width: 216px;
float: right; 
height: 20px; 
background: transparent url(../ciach2/ptab.png) no-repeat 0px 2px;
}

.atab
{
display: block; 
width: 215px;
border: 0px solid white;
text-align: left;
padding: 0px 0px 0px 25px;
margin: 0px 0px 0px 34px;
height: 21px;
overflow: hidden;
background: transparent url(../ciach2/atab.png) no-repeat 1px 2px;
}

.atab:hover
{
display: block; 
width: 215px;
border: 0px solid white;
text-align: left;
padding: 0px 0px 0px 25px;
margin: 0px 0px 0px 34px;
height: 21px;
overflow: hidden;
color: #736883;
background: #dfdfdf url(../ciach2/atab.png) no-repeat 1px -20px;
}

.atab1
{
display: block;
width: 215px;
border: 0px solid white;
text-align: left;
padding: 0px 0px 0px 25px;
margin: 0px 0px 0px 34px;
height: 21px;
overflow: hidden;
background: transparent url(../ciach2/atab1.png) no-repeat 1px 2px;
}

.atab1:hover
{
display: block;
width: 215px;
border: 0px solid white;
text-align: left;
padding: 0px 0px 0px 25px;
margin: 0px 0px 0px 34px;
height: 21px;
overflow: hidden;
color: #736883;
background: #dfdfdf url(../ciach2/atab1.png) no-repeat 1px -20px;
}






.btab
{
display: block; 
width: 215px;
border: 0px solid white;
text-align: left;
padding: 0px 0px 0px 25px;
margin: 0px 0px 0px 34px;
height: 21px;
overflow: hidden;
background: transparent url(../ciach2/btab.png) no-repeat 1px 2px;
}

.btab:hover
{
display: block; 
width: 215px;
border: 0px solid white;
text-align: left;
padding: 0px 0px 0px 25px;
margin: 0px 0px 0px 34px;
height: 21px;
overflow: hidden;
color: #736883;
background: #dfdfdf url(../ciach2/btab.png) no-repeat 1px -20px;
}

.btab1
{
display: block;
width: 215px;
border: 0px solid white;
text-align: left;
padding: 0px 0px 0px 25px;
margin: 0px 0px 0px 34px;
height: 21px;
overflow: hidden;
background: transparent url(../ciach2/btab1.png) no-repeat 1px 2px;
}

.btab1:hover
{
display: block;
width: 215px;
border: 0px solid white;
text-align: left;
padding: 0px 0px 0px 25px;
margin: 0px 0px 0px 34px;
height: 21px;
overflow: hidden;
color: #736883;
background: #dfdfdf url(../ciach2/btab1.png) no-repeat 1px -20px;
}








.ctab
{
display: block; 
width: 215px;
border: 0px solid white;
text-align: left;
padding: 0px 0px 0px 25px;
margin: 0px 0px 0px 34px;
height: 21px;
overflow: hidden;
background: transparent url(../ciach2/ctab.png) no-repeat 1px 2px;
}

.ctab:hover
{
display: block; 
width: 215px;
border: 0px solid white;
text-align: left;
padding: 0px 0px 0px 25px;
margin: 0px 0px 0px 34px;
height: 21px;
overflow: hidden;
color: #736883;
background: #dfdfdf url(../ciach2/ctab.png) no-repeat 1px -20px;
}

.ctab1
{
display: block;
width: 215px;
border: 0px solid white;
text-align: left;
padding: 0px 0px 0px 25px;
margin: 0px 0px 0px 34px;
height: 21px;
overflow: hidden;
background: transparent url(../ciach2/ctab1.png) no-repeat 1px 2px;
}

.ctab1:hover
{
display: block;
width: 215px;
border: 0px solid white;
text-align: left;
padding: 0px 0px 0px 25px;
margin: 0px 0px 0px 34px;
height: 21px;
overflow: hidden;
color: #736883;
background: #dfdfdf url(../ciach2/ctab1.png) no-repeat 1px -20px;
}






.dtab
{
display: block; 
width: 215px;
border: 0px solid white;
text-align: left;
padding: 0px 0px 0px 25px;
margin: 0px 0px 0px 34px;
height: 21px;
overflow: hidden;
background: transparent url(../ciach2/dtab.png) no-repeat 1px 2px;
}

.dtab:hover
{
display: block; 
width: 215px;
border: 0px solid white;
text-align: left;
padding: 0px 0px 0px 25px;
margin: 0px 0px 0px 34px;
height: 21px;
overflow: hidden;
color: #736883;
background: #dfdfdf url(../ciach2/dtab.png) no-repeat 1px -20px;
}

.dtab1
{
display: block;
width: 215px;
border: 0px solid white;
text-align: left;
padding: 0px 0px 0px 25px;
margin: 0px 0px 0px 34px;
height: 21px;
overflow: hidden;
background: transparent url(../ciach2/dtab1.png) no-repeat 1px 2px;
}

.dtab1:hover
{
display: block;
width: 215px;
border: 0px solid white;
text-align: left;
padding: 0px 0px 0px 25px;
margin: 0px 0px 0px 34px;
height: 21px;
overflow: hidden;
color: #736883;
background: #dfdfdf url(../ciach2/dtab1.png) no-repeat 1px -20px;
}






.label_checkbox input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.label_checkbox{font-size: 10px; float: left; position: relative; display: block; clear: both; line-height: 22px; display: block; position: relative; padding-left: 30px; margin-bottom: 6px; cursor: pointer; font-size: 12px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.form_in_checkbox{margin: 2px; float: left; position: relative; display: block;}
.checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #eee;}
.form_in_checkbox:hover input ~ .checkmark {background-color: #ccc;}
.label_checkbox input:checked ~ .checkmark {background-color: #2196F3;}

.checkmark:after {content: "";position: absolute;display: none;}
.label_checkbox input:checked ~ .checkmark:after {display: block;}
.label_checkbox .checkmark:after {left: 9px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

.abutton
{
font-size: 11px;
float: left; 
color: #555555;
border: 1px solid #cdcdcd;
font-weight: normal;
text-align: center;
padding: 3px 12px 3px 12px;
height: 20px;
overflow: hidden;

margin: 5px;
cursor: pointer;
background: #efefef url(../ciach2/butonx.jpg) repeat-x 1px 0px;
text-shadow: 0px 1px 1px #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

.abutton:hover
{
font-size: 11px;
float: left; 
color: #444444;
border: 1px solid #cccccc;
cursor: pointer;
font-weight: normal;
text-align: center;
padding: 3px 12px 3px 12px;
height: 20px;
overflow: hidden;
margin: 5px;

background: #dddddd url(../ciach2/butonx.jpg) repeat-x 1px 0px;
text-shadow: 0px 1px 1px #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

.dbutton
{
font-size: 11px;
float: left; 
color: #555555;
border: 1px solid #cdcdcd;
font-weight: normal;
text-align: center;
padding: 3px 12px 3px 12px;
height: 20px;
overflow: hidden;

margin: 5px;
cursor: pointer;
background: #efefef url(../ciach2/butonx.jpg) repeat-x 1px 0px;
text-shadow: 0px 1px 1px #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
  
}

.dbutton:hover
{
font-size: 11px;
float: left; 
color: #444444;
border: 1px solid #cccccc;
cursor: pointer;
font-weight: normal;
text-align: center;
padding: 3px 12px 3px 12px;
height: 20px;
overflow: hidden;
margin: 5px;

background: #dddddd url(../ciach2/butonx.jpg) repeat-x 1px 0px;
text-shadow: 0px 1px 1px #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
  
}

input.abutton
{
font-size: 11px;
float: left; 
color: #555555;
border: 1px solid #cdcdcd;
font-weight: normal;
text-align: center;
padding: 3px 12px 3px 12px;
height: 27px;
overflow: hidden;

margin: 5px;
cursor: pointer;
background: #efefef url(../ciach2/butonx.jpg) repeat-x 1px 0px;
text-shadow: 0px 1px 1px #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

input.abutton:hover
{
font-size: 11px;
float: left; 
color: #444444;
border: 1px solid #cccccc;
cursor: pointer;
font-weight: normal;
text-align: center;
padding: 3px 12px 3px 12px;
height: 27px;
overflow: hidden;
margin: 5px;

background: #dddddd url(../ciach2/butonx.jpg) repeat-x 1px 0px;
text-shadow: 0px 1px 1px #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
  
}


.tabutton
{
font-size: 11px;
float: left; 
color: #ffffff;
border: 1px solid #4a3961;
border-top: 1px solid #6a5982;
font-weight: bold;
text-align: center;
padding: 6px 12px 3px 12px;
height: 17px;
overflow: hidden;
background-color: #736883;
margin: 5px;
cursor: pointer;
background: #dddddd url(../ciach2/butonx.jpg) repeat-x 1px 0px;
}

.wait
{
background: transparent url(../ciach2/ajax-loader.gif) no-repeat 0px 0px;
padding: 5px 0px 0px 50px;
margin: 30px; 
height: 100px;
float: left;
}

.star
{
background: transparent url(../ciach2/star.png) no-repeat 0px 0px;
float:right; width: 20px; margin: 0px 0px 0px 0px; height: 27px;
}

.npage
{
background: transparent url(../ciach2/npage.png) no-repeat 0px 0px;
float:right;  padding: 0px 0px 0px 21px; margin: 0px 0px 0px 0px;
}

.npage:hover
{
background: transparent url(../ciach2/npage.png) no-repeat 0px 0px;
float:right;  padding: 0px 0px 0px 21px; margin: 0px 0px 0px 0px;
}


.tick
{
background: transparent url(../ciach2/tick.png) no-repeat 0px 6px;
float:right; width: 140px; padding: 0px 0px 0px 37px; font-size: 9px; color: #6A5982; margin: 10px 0px 0px 0px; height: 40px;
}


.naklejka
{
font-size: 9px; 

margin: 0px 0px 0px 0px; 
border: 0px solid white;
text-align: left;
padding: 1px 4px 2px 4px;
overflow: hidden;
background-color: #736883;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border: 1px solid #333333;
color:  #ffffff;
font-size: 9px;
font-weight: bold;

}

a.pdf
{
background: transparent url(../ciach2/adobe.png) no-repeat 0px 0px;
padding: 18px 0px 16px 48px;
border: 0px solid #ffffff;
}


.ii1
{
font: bold 14px Arial, Tahoma, Verdana;
border: 1px solid #aaaabb;
height: 21px;
color: #022452;
margin: 5px 0px 5px 0px;
display: inline;
background-color: #fafaff;
padding: 0px;

} 


.bb1
{
margin: 5px auto 5px auto;
font: bold 11px Arial, Tahoma, Verdana;
padding: 0px auto 0px auto;
background-color: #022452;
color: #ffffff;
border: 0px solid #2064B7;
height: 22px;
display: inline;
} 


.bb1:hover
{

border: 0px solid #2064B7;
background-color: #3254a2;
}


.coment
{
text-align : left;
font: normal 12px Arial, Tahoma, Verdana;
color: #3254a2; 
padding: 0px 0px 0px 0px;
text-align: left;
margin: 15px 0px 0px 0px; 
line-height: 10px;

}


.fbloc
{
width: 300px; float: left; 
margin: 30px 0px 0px 0px; 
position: relative; 
display: block; 
padding: 0px 0px 0px 30px;
}


.lay1
{




padding: 0px 0px 0px 0px;

text-align: left;
margin: 7px auto 0px 20px;


}

.lay2
{



color: #020025;
font: normal 9px "Century Gothic", Tahoma, Verdana;
padding: 0px 0px 0px 0px;
display: inline; /* jezeli nie jest liniowy to IE zle wyswietla odleglosci margin. po prostu są 2razy większe na IE */
outline: none;



}


.bar
{
 
height: 44px;
position: relative;
display: inline;
margin: 0px 20px 0px 0px;
padding: 0px 0px 0px 0px;
 
border: 0px solid black;  

}

.b1_form
{
 
 
padding: 7px 15px 7px 15px;
margin: 0px 5px 0px 5px;
font-weight: bold;
outline: none;
text-decoration: none;
color: #444444;
font-size: 11px;
float: left;
 
cursor: pointer;
background-color: #ededed;
border: 1px solid #d2d2d2;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
text-shadow: 0px 1px 0px #ffffff;
}

.b1_form:hover
{

padding: 7px 15px 7px 15px;
margin: 0px 5px 0px 5px;
font-weight: bold;
outline: none;
text-decoration: none;
color: #111111;
font-size: 11px;
float: left;
border-top: 0px solid #aaaaaa;   

background-color: #e3e3e3;
 
border: 1px solid #cccccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
text-shadow: 0px 1px 0px #ffffff;
}




.b1
{
 
display: block; 
padding: 6px;
margin: 5px;
font-weight: bold;
outline: none;
text-decoration: none;
color: #444444;
font-size: 12px;
float: left;
 
cursor: pointer;
background-color: #ededed;
border: 1px solid #d2d2d2;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
text-shadow: 0px 1px 0px #ffffff;
}

.b1:hover
{
display: block; 
padding: 6px;
margin: 5px;
font-weight: bold;
outline: none;
text-decoration: none;
color: #111111;
font-size: 12px;
float: left;
border-top: 0px solid #aaaaaa;   

background-color: #e3e3e3;
 
border: 1px solid #cccccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
text-shadow: 0px 1px 0px #ffffff;
}


.b3
{
cursor: pointer;
font-size: 13px;
font-weight: bold;
color: #eee !important;
padding: 15px 12px;
background: transparent url(../ciach2/glos500.png) repeat center 65px;
/*background-color: #323232;*/

 margin: 5px 2px 5px 2px;

-webkit-border-radius: 1px;
-o-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
border: 1px solid #242424; 
text-align: center;
text-shadow: 0px 1px 5px #000;
-moz-transition-duration: 2s; transition-duration: 2s; -webkit-transition-duration: 2s;
-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.38);
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.38);
-moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.38);
line-height: 10px;
float: left;
}


.b3:hover
{
 
background: transparent url(../ciach2/glos504.png) repeat center 65px;

/*background-color: #6f6f6f;*/

-moz-transition-duration: 2s; transition-duration: 2s; -webkit-transition-duration: 2s;
 cursor: pointer;
font-size: 13px;
font-weight: bold;
color: #ffffff !important;
margin: 5px 2px 5px 2px;
padding: 15px 12px;
 
 
-webkit-border-radius: 1px;
-o-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
border: 1px solid #343434; 
text-align: center;
 
 
-webkit-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.38);
box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.38);
-moz-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.38);
line-height: 10px;
float: left;
}

input.b3
{
cursor: pointer;
font-size: 13px;
font-weight: bold;
color: #eee !important;
padding: 15px 12px;
background: transparent url(../ciach2/glos500.png) repeat center 65px;
/*background-color: #323232;*/

 margin: 5px 2px 5px 2px;

-webkit-border-radius: 1px;
-o-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
border: 1px solid #242424; 
text-align: center;
text-shadow: 0px 1px 5px #000;
-moz-transition-duration: 2s; transition-duration: 2s; -webkit-transition-duration: 2s;
-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.38);
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.38);
-moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.38);
line-height: 10px;
float: left;
}


input.b3:hover
{
 
background: transparent url(../ciach2/glos504.png) repeat center 65px;

/*background-color: #6f6f6f;*/

-moz-transition-duration: 2s; transition-duration: 2s; -webkit-transition-duration: 2s;
 cursor: pointer;
font-size: 13px;
font-weight: bold;
color: #ffffff !important;
margin: 5px 2px 5px 2px;
padding: 15px 12px;
 
 
-webkit-border-radius: 1px;
-o-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
border: 1px solid #343434; 
text-align: center;
 
 
-webkit-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.38);
box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.38);
-moz-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.38);
line-height: 10px;
float: left;
}


p.b3
{
cursor: pointer;
font-size: 11px;
font-weight: bold;
color: #dcdcdc;
margin: 5px 2px 0px 2px;
background: transparent url(../ciach2/glos500.png) repeat center -35px;
 
 
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid transparent; 
text-align: center;
padding: 8px;
clear: both;
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.38);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.38);
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.38);
line-height: 11px;
display: inline;
}


p.b3:hover
{
 
background: transparent url(../ciach2/glos500.png) repeat center 65px;
 cursor: pointer;
font-size: 11px;
font-weight: bold;
color: #999999;
margin: 5px 2px 0px 2px;
 
 
 
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid transparent; 
text-align: center;
padding: 8px;
clear: both;
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.38);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.38);
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.38);
line-height: 11px;
display: inline;
}


.b3green
{
/*background: transparent url(../ciach2/glos501.png) repeat center -35px!important;*/
background-color: #0E960E;

 
}

.b3green:hover
{
/*background: transparent url(../ciach2/glos501.png) repeat center 65px!important;;*/
background-color: #0FA61E;

}




.b2
{
 
display: block; 
padding: 4px 15px 4px 15px;
margin: 0px 5px 0px 5px;
font-weight: bold;
outline: none;
text-decoration: none;
color: #444444;
font-size: 11px;
float: left;
 
cursor: pointer;
background-color: #ededed;
border: 1px solid #d2d2d2;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
text-shadow: 0px 1px 0px #ffffff;
}

.b2:hover
{
display: block; 
padding: 4px 15px 4px 15px;
margin: 0px 5px 0px 5px;
font-weight: bold;
outline: none;
text-decoration: none;
color: #111111;
font-size: 11px;
float: left;
border-top: 0px solid #aaaaaa;   

background-color: #e3e3e3;
 
border: 1px solid #cccccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
text-shadow: 0px 1px 0px #ffffff;
}

 
.b4
{
background-color: #6f6f6f;


 cursor: pointer;
font-size: 11px;
font-weight: bold;
color: #ffffff !important;
margin: 5px 2px 5px 2px;
 padding: 8px;
 
 
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid transparent; 
text-align: center;
 
 
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.38);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.38);
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.38);
line-height: 10px;
float: left;

 
}

.b4:hover
{
dbackground-color: #6f6f6f;


 cursor: pointer;
font-size: 11px;
font-weight: bold;
color: #ffffff !important;
margin: 5px 2px 5px 2px;
 padding: 8px;
 
 
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid transparent; 
text-align: center;
 
 
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.38);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.38);
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.38);
line-height: 10px;
float: left;
 
}


.b5
{
display: block;  
padding: 11px 0px 0px 0px;
margin: 0px 5px 0px 1px;
 
outline: none;
text-decoration: none;
font-size: 13px;
border: 0px solid black;   
color: #efefef;
font-weight: bold;
float: left;
-moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;
text-transform: uppercase;
}

.b5:hover
{
display: block;  
padding: 11px 0px 0px 0px;
margin: 0px 5px 0px 2px;
 
outline: none;
text-decoration: none;

border: 0px solid black;   
color: #aaa;

float: left;
 
 
}



.b6
{
display: block; font-size: 14px;
padding: 0px 0px 0px 0px;
margin: 0px 5px 0px 5px;
height: 33px;
outline: none;
text-decoration: none;

border: 0px solid black;   
color: transparent;

float: left;
width: 100px;

background: #eaeaea url(../ciach2/but/n/5b.jpg) no-repeat center 0px;
}

.b6:hover
{
display: block; font-size: 14px;
padding: 0px 0px 0px 0px;
margin: 0px 5px 0px 5px;
height: 33px;
outline: none;
text-decoration: none;

border: 0px solid black;   
color: transparent;

float: left;
width: 100px;

background: #eaeaea url(../ciach2/but/n/5b.jpg) no-repeat center -33px;
}



.sport
{
text-align: center;
float: left;
 
padding: 125px 8px 0px 8px;
cursor: pointer;
font-size: 13px;
font-weight: bold;
border: 0px solid #fff;
margin: 0px 10px;
-moz-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-duration: 1s;
line-height: 15px;
height: 40px;

width: 173px;
}

.sport:hover
{
text-align: center;
float: left;
height: 40px;
padding: 125px 8px 0px 8px;
cursor: pointer;
font-size: 13px;
font-weight: bold;
border: 0px solid #fff;
margin: 0px 10px;
-moz-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-duration: 1s;
line-height: 15px;
background-position-y: 15px; 
color: #333333;
text-shadow:0px 0px 63px #000000;
-webkit-animation: sporta 4s linear 0s infinite alternate; animation: sporta 4s linear 0s infinite alternate;
opacity: 1!important;
}


@keyframes sporta { 

0% 
{  
 text-shadow:0px 0px 23px #fff;
 
 color: rgb(153, 157, 255);
 background-position-y: 0px; 
} 

100%{ 
 text-shadow:0px 0px 23px #000;
 
color: rgb(23, 10, 124);
background-position-y: 15px; 
 
} 

}

@-webkit-keyframes sporta { 


0% 
{  
 text-shadow:0px 0px 23px #fff;
 
  color: rgb(153, 157, 255);
  background-position-y: 0px; 
  
} 

100%{ 
 
 text-shadow: 0px 0px 23px #000;
 
  color: rgb(23, 10, 124);
  background-position-y: 15px; 
} 
}




.sport1{ background: transparent url(../ciach2/sport/1.png) no-repeat 35px 0px; } 
.sport2{ background: transparent url(../ciach2/sport/2.png) no-repeat 35px 0px; } 
.sport7{ background: transparent url(../ciach2/sport/7.png) no-repeat 35px 0px; } 
.sport8{ background: transparent url(../ciach2/sport/8.png) no-repeat 35px 0px; } 
.sport10{ background: transparent url(../ciach2/sport/10.png) no-repeat 35px 0px; } 
.sport11{ background: transparent url(../ciach2/sport/11.png) no-repeat 35px 0px; } 
.sport12{ background: transparent url(../ciach2/sport/12.png) no-repeat 35px 0px; } 
.sport13{ background: transparent url(../ciach2/sport/13.png) no-repeat 35px 0px; } 
.sport14{ background: transparent url(../ciach2/sport/14.png) no-repeat 35px 0px; } 
.sport15{ background: transparent url(../ciach2/sport/15.png) no-repeat 35px 0px; } 
.sport16{ background: transparent url(../ciach2/sport/16.png) no-repeat 35px 0px; } 
.sport18{ background: transparent url(../ciach2/sport/18.png) no-repeat 35px 0px; }
.sport19{ background: transparent url(../ciach2/sport/19.png) no-repeat 35px 0px; }  
.sport20{ background: transparent url(../ciach2/sport/20.png) no-repeat 35px 0px;  }
.sport21{ background: transparent url(../ciach2/sport/21.png) no-repeat 35px 0px; } 
.sport22{ background: transparent url(../ciach2/sport/22.png) no-repeat 35px 0px; } 
.sport23{ background: transparent url(../ciach2/sport/23.png) no-repeat 35px 0px; } 
.sport24{ background: transparent url(../ciach2/sport/24.png) no-repeat 35px 0px; } 
.sport26{ background: transparent url(../ciach2/sport/26.png) no-repeat 35px 0px; } 
.sport27{ background: transparent url(../ciach2/sport/27.png) no-repeat 35px 0px; }  
.sport28{ background: transparent url(../ciach2/sport/28.png) no-repeat 35px 0px; } 
.sport29{ background: transparent url(../ciach2/sport/29.png) no-repeat 35px 0px; } 
.sport30{ background: transparent url(../ciach2/sport/30.png) no-repeat 35px 0px; } 
.sport31{ background: transparent url(../ciach2/sport/31.png) no-repeat 35px 0px; } 
 
.sport33{ background: transparent url(../ciach2/sport/33.png) no-repeat 35px 0px; } 
.sport35{ background: transparent url(../ciach2/sport/35.png) no-repeat 35px 0px; } 
.sport36{ background: transparent url(../ciach2/sport/36.png) no-repeat 35px 0px; } 
.sport37{ background: transparent url(../ciach2/sport/37.png) no-repeat 35px 0px; } 
.sport38{ background: transparent url(../ciach2/sport/38.png) no-repeat 35px 0px; } 
 
.sport40{ background: transparent url(../ciach2/sport/40.png) no-repeat 35px 0px; } 
.sport42{ background: transparent url(../ciach2/sport/42.png) no-repeat 35px 0px; } 
.sport43{ background: transparent url(../ciach2/sport/43.png) no-repeat 35px 0px; } 
.sport44{ background: transparent url(../ciach2/sport/44.png) no-repeat 35px 0px; } 
.sport45{ background: transparent url(../ciach2/sport/45.png) no-repeat 35px 0px; } 
.sport46{ background: transparent url(../ciach2/sport/46.png) no-repeat 35px 0px; }
.sport47{ background: transparent url(../ciach2/sport/47.png) no-repeat 35px 0px; }
.sport48{ background: transparent url(../ciach2/sport/48.png) no-repeat 35px 0px; }
.sport49{ background: transparent url(../ciach2/sport/49.png) no-repeat 35px 0px; }
.sport50{ background: transparent url(../ciach2/sport/50.png) no-repeat 35px 0px; }
.sport51{ background: transparent url(../ciach2/sport/51.png) no-repeat 35px 0px; }
.sport52{ background: transparent url(../ciach2/sport/52.png) no-repeat 35px 0px; }
.sport53{ background: transparent url(../ciach2/sport/53.png) no-repeat 35px 0px; }
.sport54{ background: transparent url(../ciach2/sport/54.png) no-repeat 35px 0px; }
.sport55{ background: transparent url(../ciach2/sport/55.png) no-repeat 35px 0px; }
.sport113{ background: transparent url(../ciach2/sport/13.png) no-repeat 35px 0px; }

 



html {
margin: 0px auto 0px auto;
padding: 0px auto 0px auto;

text-align: center;



background-color: #ececec;
background-color: #999999;
letter-spacing: 0px;
background: transparent url(../ciach2/tlohex6.jpg) fixed center center;

 
}
body{margin: 0px; }
.logbar{z-index: 100; height: 40px; position: fixed; top: 0px; width: 99%; background-color: rgba(50,50,50,1); border-bottom: 0px solid rgba(100,100,100,0.2); padding: 6px 10px 4px 16px;  -moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;} 
.logbar:hover{background-color: rgba(50,50,50,1);  -moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;}
.logbar2{z-index: 100; height: 40px; position: fixed; top: 0px; width: 98%; background-color: rgba(50,50,50,1); border-bottom: 0px solid rgba(100,100,100,0.2); padding: 6px 10px 4px 16px;  -moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;} 
.logbar2:hover{background-color: rgba(50,50,50,1);  -moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;}
.

.logdiv1{float: left; position: relative; display: block; overflow: hidden; margin: 0px;}
.logdiv2{color: #fff; float: right; display: block; overflow: hidden; overflow: hidden; margin: 8px 0px;}
.logdiv3{color: #fff; float: right; display: block; overflow: hidden; overflow: hidden; margin: 8px 0px;}
.logp1{font-size: 13px; color: #111111; float: left; margin: 10px 0px 0px 10px; color: #fff;}
.loginput1{border-radius: 3px; padding: 5px; height: 17px; background-color: #faffbd!important; width: 100px!important; float: left; margin: 6px 0px 5px 10px; font-size: 11px!important;  color: #777!important; border: 1px solid rgba(0,0,0,0.4)!important; -webkit-box-shadow: 0 0 6px 0px #000 inset; box-shadow: 0 0 6px 0px #000 inset; -moz-box-shadow: 0 0 6px 0px #000 inset; -o-box-shadow: 0 0 6px 0px #000 inset; -moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;}
.loginput1:hover{border: 1px solid rgba(0,0,0,0.0)!important; color: #333!important; 	-moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;}
.loginfo1{float: left; margin: 10px 0px 0px 10px; color: #a2a2a2;}
.loginbutton1{margin: 5px 15px 0px 10px!important; clear: none!important;}
.barpion{float: left; left: 0px; padding-top: 55px; width: 60px; height: 100vh; position: fixed; overflow: hidden; background-color: rgba(50,50,50,1); -moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;}
.barpion:hover{left: 0px; box-shadow: 0px 0px 20px #000; -moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;}
.barpion_tel{display: none; float: left; left: 0px; padding-top: 55px; width: 60px; height: 100vh; position: fixed; overflow: hidden; background-color: rgba(50,50,50,1); -moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;}
.tlo2
{
	background: #000 url(../ciach2/tlohex.jpg) no-repeat center 0px !important;
	height: 110vh;
	box-shadow: inset 0px 0px 200px #000;
	position: fixed; 
	width: 100vw;
	-webkit-filter: grayscale(0%);  
    filter: grayscale(0%);
	-webkit-filter: brightness(60%);  
    filter: brightness(60%);
 -moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;
 -webkit-transition-property: filter;
 transition-property: filter;
	margin: -10vh 0px 0px 0px;
	
}

.tlo2:hover 
{
	background: #000 url(../ciach2/tlohex.jpg) no-repeat center 0px !important;
	height: 110vh;
	box-shadow: inset 0px 0px 200px #000;
	position: fixed; 
	width: 100vw;
	-webkit-filter: grayscale(80%);  
    filter: grayscale(40%);
	
	-webkit-filter: brightness(80%);  
    filter: brightness(30%);
	margin: -10vh 0px 0px 0px;
	-moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;
	 -webkit-transition-property: filter;
 transition-property: filter;
}

.t0
{

margin: 0px auto 0px auto;
padding: 0px auto 0px auto;
text-align: center;

height: auto !important;

overflow: hidden;
 
 
width: 100%;
}


.t1x
{

margin: 0px auto 0px auto;
padding: 0px auto 0px auto;
text-align: center;

 
height: auto !important;

border: 0px solid white;
overflow: hidden;
 
width: 100%;

}


.t1
{

margin: 0px auto 0px auto;
padding: 0px auto 0px auto;
text-align: center;

min-height: 100px;
height: auto !important;

border: 0px solid white;
overflow: hidden;
 
}

.gora
{

width: 100%;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
background: transparent;
height: 45px;
border: 0px solid black;
overflow: hidden;
text-align: left;
border-bottom: 0px solid #ffffff;
background-color: #f4f4f4;



}


.goratlo
{

width: 100%; height: 45px; float: left; margin: 0px 0px 10px 0px;
border-bottom: 1px solid #cccccc;
position: fixed; 
z-index: 5; 
bottom: 5px;
}


.nad
{
border: 0px solid black;

float: left;
text-align: left;
padding: 25px 0px 0px 5px;
} 

.nad1
{
border: 0px solid black;

float: right;
text-align: left;
padding: 28px 0px 0px 0px;
}


.m1
{

border: 0px solid black;
width: 100%;

height: auto !important;
margin: 0px auto 0px auto;
position: relative;



} 

.m1in
{

border: 0px solid black;
width: 100%;

height: auto !important;
margin: 0px 0px 0px 270px;
position: relative;
float: left;
padding: 0px 0px 0px 30px;

} 

.m0in
{border: 0px solid black;display: inline;height: auto !important;margin: 0px 0px 0px 0px;position: relative;float: left;padding: 0px;background: #8c8c8c82 url(../ciach2/tlohex3.jpg) fixed center center;z-index: 1;border-right: 0px solid #fff;box-shadow: 0px 0 0px 4px #fff;} 

.m2in
{
border: 0px solid black;
width: 264px;
float: left;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
height: auto !important;


} 

.m3in
{
border: 0px solid black;
width: 220px;
float: left;
margin: 0px 0px -12000px 0px;
padding: 0px 0px 12000px 0px;
height: auto !important;


} 



.stopkablok
{
margin: 1px 0px 0px 1px;
padding: 5px 0px 0px 0px;
border-top-width: 5px;

text-align: left;
width: 100%;
height: 11px;
float: left;
display: inline;




}

.stopka
{

width: 98%;
margin: 0px auto 0px auto;
padding: 18px 1% 0px 1%;
background-color: transparent;
height: 40px;
border: 0px solid black;
float: left;
text-align: left;
 
bottom: 0px;
 
 
}

.stal
{
	background: transparent url(../ciach2/back.jpg) repeat center top!important; opacity: 0.95;
	
}

.nadzak
{
background-color: #eeeeee!important;
font-size: 13px!important;
border-top: 1px solid #d2d2d2!important;
border-left: 1px solid #d2d2d2!important;
border-right: 1px solid #d2d2d2!important;
border-bottom: 1px solid #d2d2d2!important;
color: #aaaaaa!important;
text-transform: uppercase!important;
height: 25px!important;
position: relative!important;
float: right!important;
margin: 0px 0px 0px -1px!important;
padding: 8px 15px 5px 15px!important;
text-decoration: none!important;
cursor: pointer!important;
background: transparent url(../ciach2/nzak1.jpg) repeat-x center top!important;
text-shadow: 1px 1px 2px #d0d0d0;
}

.nadzak:hover
{
background-color: #ffffff!important;
color: #111111!important;
border-bottom: 1px solid #d2d2d2!important;
background: #f4f4f4 url() repeat-x center top!important;
text-shadow: 1px 1px 1px #cdcdcd;
}


.nadzakn
{
cursor: default!important;
line-height: 18px!important;
background-color: #ffffff!important;
font-size: 13px!important;
border-top: 1px solid #cccccc!important;
border-left: 1px solid #cccccc!important;
border-right: 1px solid #cccccc!important;
border-bottom: 1px solid #ffffff!important;
color: #000000!important;
text-transform: uppercase!important;
height: 25px!important;
position: relative!important;
float: right!important;
margin: 0px 0px 0px -1px!important;
padding: 10px 15px 3px 15px!important;
text-decoration: none!important;
background: transparent url(../ciach2/nzak.jpg) repeat-x center top!important;
text-shadow: 1px 1px 2px #c7c7c7;
}

.nadzakn:hover
{
background-color: #ffffff!important;
border-bottom: 1px solid #ffffff!important;
 

}


input:-webkit-autofill
{
    -webkit-box-shadow: 0 0 6px 0px #000 inset;
	  box-shadow: 0 0 6px 0px #000 inset;
		-moz-box-shadow: 0 0 6px 0px #000 inset;
		-o-box-shadow: 0 0 6px 0px #000 inset;
		background-color: #faffbd;
		color: #777!important;
}



.form_but1
{
color: #aaaaaa;
margin: 40px 0px 0px 40%;
background: transparent url(../ciach2/glos500.png) repeat center -35px;
width: 190px;
height: 30px;
-moz-border-radius: 4px;
border: 1px solid #333333; 
text-align: center;
}


.form_but1:hover
{
margin: 40px 0px 0px 40%;
color: #ffffff;
-moz-border-radius: 3px;
background: transparent url(../ciach2/glos500.png) repeat center 65px;
width: 190px;
height: 30px;
-moz-border-radius: 4px;
border: 1px solid #cccc33; 

}

.form_in
{
font-size: 16px;
color: #000; 
border: 1px solid #f3f3f3;
border-bottom: 1px solid #f3f3f3;
background: #fff;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
padding: 0px 4px 0px 4px;
height: 29px; 
box-shadow: 0px 1px 2px #ddd;
-moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;
font-family: monospace;
}

.form_in:hover
{
  color: #333333; 
border: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
padding: 0px 4px 0px 4px;
background: #f1f1f1;
box-shadow: 0px 2px 4px #ddd;
font-family: monospace;
  
}

.bu{opacity: 0.3; width: 30px; height:30px; background-repeat: no-repeat; background-size: 30px 30px; float: left;	-moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;}
.bu:hover{opacity: 1; width: 30px; height:30px; background-repeat: no-repeat; background-size: 30px 30px; float: left;	-moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;}
.bu01{background-image: url(../ciach2/icon/1.svg); margin:0px 0px 0px 14px; }
.bu01:hover{background-image: url(../ciach2/icon/1.svg); margin:0px 0px 0px 14px; }
.bu02{background-image: url(../ciach2/icon/2.svg);  margin:5px 8px 0px 44px; }
.bu02:hover{background-image: url(../ciach2/icon/2.svg);  margin:5px 8px 0px 44px; }
.bu03{background-image: url(../ciach2/icon/3.svg); margin:10px 8px 0px 7px; width: 46px; padding: 31px 0px 0px 0px; text-align: center; background-position:7px 0px;}
.bu03:hover{background-image: url(../ciach2/icon/3.svg); margin:10px 8px 0px 7px; width: 46px; padding: 31px 0px 0px 0px; text-align: center; background-position:7px 0px;}
.bu04{background-image: url(../ciach2/icon/4.svg);  margin:9px 8px 0px 15px; }
.bu04:hover{background-image: url(../ciach2/icon/4.svg);  margin:9px 8px 0px 15px; }
.bu05{background-image: url(../ciach2/icon/5.svg);  margin:9px 8px 0px 15px; }
.bu05:hover{background-image: url(../ciach2/icon/5.svg);  margin:9px 8px 0px 15px; }
.bu06{background-image: url(../ciach2/icon/6.svg);  margin:4px 0px 0px -5px; display: none;}
.bu06:hover{background-image: url(../ciach2/icon/6.svg);  margin:4px 0px 0px -5px; display: none;}
.bu07{background-image: url(../ciach2/icon/7.svg);  margin:0px 0px 0px 2px; position: absolute; top:6px; background-size: 16px; width: 16px; height: 16px; left: 7px;}
.bu07:hover{background-image: url(../ciach2/icon/7.svg);  margin:0px 0px 0px 2px; background-size: 16px; width: 16px; height: 16px; left: 7px;}
.bu08{background-image: url(../ciach2/icon/8.svg);  margin:0px 0px 0px 2px; position: absolute; bottom: 5px; background-size: 16px; width: 16px; height: 16px; left: 7px;}
.bu08:hover{background-image: url(../ciach2/icon/8.svg);  margin:0px 0px 0px 2px; background-size: 16px; width: 16px; height: 16px; left: 7px; }
.bu09{background-image: url(../ciach2/icon/9.svg);  margin:0px 0px 0px 2px; position: absolute; bottom: 20px; background-size: 16px; width: 16px; height: 16px;}
.bu09:hover{background-image: url(../ciach2/icon/9.svg);  margin:0px 0px 0px 2px; background-size: 16px; width: 16px; height: 16px; }
.bu10{background-image: url(../ciach2/icon/10.svg);  margin:0px 0px 0px 2px; position: absolute; top: 12px; background-size: 16px; width: 16px; height: 16px;}
.bu10:hover{background-image: url(../ciach2/icon/10.svg);  margin:0px 0px 0px 2px; background-size: 16px; width: 16px; height: 16px; }
.bu11{background-image: url(../ciach2/icon/11.svg);  margin:5px 10px 0px 0px;  background-size: 30px; width: 30px; height: 30px;}
.bu11:hover{background-image: url(../ciach2/icon/11.svg);  margin:5px 10px 0px 0px; background-size: 30px; width: 30px; height: 30px; }
.bu12{background-image: url(../ciach2/icon/12.svg);  opacity: 1; margin:5px 10px 0px 0px;  background-size: 30px; width: 30px; height: 30px;}
.bu12:hover{background-image: url(../ciach2/icon/12.svg);  margin:5px 10px 0px 0px; background-size: 30px; width: 30px; height: 30px; }



#wylog_tel{display: none;}
.poleodb{border: 1px dashed #c1c1c1; border-radius: 3px; float: left; width: 98%; padding: 5px; background: #efefef url(../ciach2/pat/7.png) repeat 0px 0px;}
}
.norm_odblokuj{padding: 0% 1% 2% 0%; font-size: 15px;}
.przypomnij_box{box-shadow: 0px 0px 10px #333; border: 1px solid transparent; padding: 10px 15px 10px 10px; position: relative; min-height: 200px; display: block; float: right; width: 93%; background-color: #252525ad; margin: 25px 0px 25px -10px; border-radius: 3px; -moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;}
.przypomnij_box:hover{ background-color: #111111ee; border: 1px solid #444444cc; box-shadow: 0px 0px 15px #000; -moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;}

.przypomnij_box:hover .przypomnij_link{color: #ccc;}
.przypomnij_box:hover .przypomnij_p{color: #fff;}
.przypomnij_box:hover  .przypomnij_link:hover{color: #fff;}
.przypomnij_link{color: #fff; font-weight: normal;  font-size: 12px; white-space: nowrap; -moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;}
.przypomnij_p{color: #fff; text-align: left; float: left; margin: 0px 0px 0px 30px; font-size: 12px; clear: both; white-space: nowrap; line-height:1.7;}

.przypomnij_div{overflow: hidden; box-shadow: 0px 0px 10px #333; border: 1px solid transparent; padding: 4px 15px 4px 10px; position: relative; height: 40px; display: block; float: left; width: 93%; background-color: #252525ad; margin: 2px 0px 2px 0px; border-radius: 3px; -moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;}
.przypomnij_div:hover{background-color: #ad0000ad; border: 1px solid #ccccccaa;}
.przypomnij_pn{font-size: 13px; color: #fff; padding: 0px 0px 10px 30px;}

.divin
{
float:left; border: 1px solid #eee; width: 96%; margin: 1%; padding: 1%; 
/*
-webkit-box-shadow: 0px 1px 0px #ffffff;
-o-box-shadow: 0px 1px 0px #ffffff;
-moz-box-shadow: 0px 1px 0px #ffffff;
box-shadow: 0px 1px 0px #ffffff;
*/
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: #ffffff;
-moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;
overflow: hidden;
position: relative;
min-height: 30px;
}
.divin:hover{border: 1px solid #ddd; background-color: rgba(255,255,255,1);}

.divin2{ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; float:left; border: 0px solid #c4c4c4;  width: 96%; margin: 1%; padding: 1%; background-color:rgba(255, 255, 255, 0.61); overflow: hidden;}

.divin3{ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; float:left; border: 0px solid #c4c4c4;  width: 96%; margin: 1%; padding: 1%; background-color:rgba(255, 255, 255, 0); overflow: hidden;}
.divin_rozliczenia{border: 0px solid #c4c4c4;  width: 98%; margin: 5% 0% 5% 0%; padding: 1%; background-color:rgba(255, 255, 255, 0.7); overflow: hidden;}


.divi{float: right; position: relative; display: block; margin-top: 50px; margin:33px 0px 0px 80px; width: 980px;  overflow: hidden;}

.diving
{
float:left; border: 0px solid #c4c4c4;   width: 94%;  margin: 1%; padding: 1% 2% 1% 1%; 
/*
-webkit-box-shadow: 0px 1px 0px #ffffff;
-o-box-shadow: 0px 1px 0px #ffffff;
-moz-box-shadow: 0px 1px 0px #ffffff;
box-shadow: 0px 1px 0px #ffffff;
*/
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #ffffff;
 
overflow: hidden;
}

 
.divinleft
{
float:left;   
position: relative;
  margin: 0px;
  padding: 0px;
} 


.divinright
{
float:left;   
 position: relative;
 margin: 0px;
 padding: 0px;
} 
 
 
.dl
{
float:left; border: 0px solid #c4c4c4; margin: 4px; padding: 10px; 
/*
-webkit-box-shadow: 0px 1px 0px #ffffff;
-o-box-shadow: 0px 1px 0px #ffffff;
-moz-box-shadow: 0px 1px 0px #ffffff;
box-shadow: 0px 1px 0px #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
*/
border-radius: 5px;
background-color: #ffffff;
 
overflow: hidden;
float: left; 

}

.dr
{
float:left; border: 0px solid #c4c4c4; margin: 4px; padding: 10px; 
/*
-webkit-box-shadow: 0px 1px 0px #ffffff;
-o-box-shadow: 0px 1px 0px #ffffff;
-moz-box-shadow: 0px 1px 0px #ffffff;
box-shadow: 0px 1px 0px #ffffff;
*/
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #ffffff;
 
overflow: hidden;

float: left;  
} 



.dl2
{
float:left; border: 0px solid #c4c4c4; margin: 4px; padding: 10px; 
/*
-webkit-box-shadow: 0px 1px 0px #ffffff;
-o-box-shadow: 0px 1px 0px #ffffff;
-moz-box-shadow: 0px 1px 0px #ffffff;
box-shadow: 0px 1px 0px #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
*/
border-radius: 5px;
 
 
overflow: hidden;
float: left; 

}

.dr2
{
float:left; border: 0px solid #c4c4c4; margin: 4px; padding: 10px; 
/*
-webkit-box-shadow: 0px 1px 0px #ffffff;
-o-box-shadow: 0px 1px 0px #ffffff;
-moz-box-shadow: 0px 1px 0px #ffffff;
box-shadow: 0px 1px 0px #ffffff;
*/
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
 
 
overflow: hidden;

float: left;  
} 


.dl3
{
float:left; border: 0px solid #c4c4c4; margin: 0.5%; padding: 1%; 
/*
-webkit-box-shadow: 0px 1px 0px #ffffff;
-o-box-shadow: 0px 1px 0px #ffffff;
-moz-box-shadow: 0px 1px 0px #ffffff;
box-shadow: 0px 1px 0px #ffffff;
*/
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
 width: 47%;
 
overflow: hidden;

float: left;  
}


.ramka
{
margin: 0px 0px 0px 0px; 
border: 0px solid white;
text-align: left;
padding: 1px 4px 2px 4px;
overflow: hidden;
/*
background-color: #efefef;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
border: 1px solid #ffffff;
 */
 
position: absolute;
width: 605px;
height: 135px;
/*
-moz-box-shadow: 0px 0px 7px -2px #555555;
-webkit-box-shadow: 0px 0px 7px -2px #555555;
*/
overflow: hidden;
display: block;

position:absolute; width:1000px; height:500px; left:50%; margin-left:-500px; margin-top:50%; top:-500px;
}

.ramka2
{
margin: 0px 0px 0px 60px; 
border: 0px solid white;
text-align: left;
padding: 50px 0px 60px 0px;
overflow: hidden;
/*
background-color: #f6f6f6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid #ffffff;
 */
float: left; 
position: absolute;
/*width: 860px;*/

/* 
-moz-box-shadow: 0px 0px 7px -2px #555555;
-webkit-box-shadow: 0px 0px 7px -2px #555555;
*/

overflow: hidden;
display: block;

position:relative;  

 
}


.ramka3
{
margin: 0px 0px 0px 0px; 
border: 0px solid white;
text-align: left;
padding: 1px 4px 60px 4px;
overflow: hidden;
background-color: #f3f3f3;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
border: 1px solid #ffffff;
 
 
position: absolute;
width: 605px;
 
-moz-box-shadow: 0px 0px 7px -2px #555555;
-webkit-box-shadow: 0px 0px 7px -2px #555555;
overflow: hidden;
display: block;

position:absolute;   
}


.alttitle
{
float: left;
border: 1px solid #de9999;
background-color: #ffffff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
padding: 5px 10px;
font-weight: bold;
margin: -45px 0px 0px 40px;
font-size: 17px;
color: #fc3333;
}

.oboxskalar
{

height: 322px; 
overflow: hidden; 
width: 382px; 
float: left;
margin: -1px 0px 0px -1px;
padding: 1px 0px 0px 1px;
clear: right;
}

.obox
{
height: 255px; 
overflow: hidden; 
width: 157px; 

margin: 5px; 
padding: 5px;

border: 1px solid #eaeaea; 
-moz-box-shadow: 1px 1px 1px -2px #555555;
-webkit-box-shadow: 1px 1px 1px -2px #555555;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;

position: relative;
float: left;
background-color: #ffffff;
}


.obox:hover
{
margin: 5px; 
border: 1px solid #dedede; 
-moz-box-shadow: 1px 1px 1px -2px #555555;
-webkit-box-shadow: 1px 1px 1px -2px #555555;
background-color: #ffffff;

-webkit-box-shadow: 0px 0px 11px #fefefe;
-moz-box-shadow: 0px 0px 11px #fefefe;
opacity: 1!important;
-moz-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-duration: 1s;
}


.oboxstart
{
height: 360px; 
overflow: hidden; 
width: 157px; 

margin: 5px; 
padding: 5px;

border: 1px solid #eaeaea; 
-moz-box-shadow: 1px 1px 1px -2px #555555;
-webkit-box-shadow: 1px 1px 1px -2px #555555;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;

position: relative;
float: left;
background-color: #ffffff;
}


.oboxstart:hover
{
margin: 5px; 
border: 1px solid #dedede; 
-moz-box-shadow: 1px 1px 1px -2px #555555;
-webkit-box-shadow: 1px 1px 1px -2px #555555;
background-color: #ffffff;

-webkit-box-shadow: 0px 0px 11px #fefefe;
-moz-box-shadow: 0px 0px 11px #fefefe;
opacity: 1!important;
-moz-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-duration: 1s;
}



.obox2
{
height: 296px; 
overflow: hidden; 
width: 366px; 

margin: -1px 0px 0px -1px; 
padding: 10px 5px 15px 10px;

border: 1px solid #c6c6c6; 
-moz-box-shadow: 0px 0px 3px -2px #555555;
-webkit-box-shadow: 0px 0px 3px -2px #555555;

position: relative;
float: left;
background-color: #f8f8f8;
clear: both;
}


.obox2:hover
{
margin: -1px 0px 0px -1px; 
border: 1px solid #c6c6c6; 
-moz-box-shadow: 0px 0px 2px -2px #555555;
-webkit-box-shadow: 0px 0px 2px -2px #555555;
background-color: #ececec;
}





.obox_firma
{
float: left; 
height: 150px; 
overflow: hidden; 
width: 140px; 

margin: 5px; 
padding: 0px;

border: 1px solid #d1d1ff; 
-moz-box-shadow: 0px 0px 3px -2px #555555;
-webkit-box-shadow: 0px 0px 3px -2px #555555;
 
}


.obox_firma:hover
{

border: 1px solid #aaaaab; 
-moz-box-shadow: 0px 0px 7px -2px #555555;
-webkit-box-shadow: 0px 0px 7px -2px #555555;
background-color: #e7e7ff;
}



.obox_www
{
float: left; 
height: 150px; 
overflow: hidden; 
width: 140px; 

margin: 5px; 
padding: 0px;

border: 1px solid #d1ffd1; 
-moz-box-shadow: 0px 0px 3px -2px #555555;
-webkit-box-shadow: 0px 0px 3px -2px #555555;
 
}


.obox_www:hover
{

border: 1px solid #aaaaab; 
-moz-box-shadow: 0px 0px 7px -2px #555555;
-webkit-box-shadow: 0px 0px 7px -2px #555555;
background-color: #e7ffe7;
}


.normo{text-align: right; padding: 0px 5px 0px 0px;}

.progress1{float: left; width: 100%; height: 20px; border: 1px solid #cdcdcd; overflow: hidden;}
.progress2{float: left; width: 100%; height: 20px; background-color: #dddddd; }
.progress3{float: left; width: 100%; height: 0px; text-align: center; position: relative; font-size: 13px; line-height: 1.6; font-weight: bold;}
#normwait3
{
background: transparent url(../ciach2/ajax-loader.gif) no-repeat 2px 9px;

padding: 15px 0px 15px 45px;
}

.sprawa_norm{font-size: 18px; font-weight: bold; color: #333; text-transform: uppercase; padding: 5px 0px;}
.sprawa_norm:hover{font-size: 18px; font-weight: bold; color: #111; text-transform: uppercase; padding: 5px 0px; -moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;}
.sprawa{ border-radius: 2px; -moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s; float: left; width: 99%; margin: 3px; padding: 0px; box-shadow: 0px 0px 10px #dedede; border: 1px solid #ddd; overflow: hidden; position: relative; display: block; background-color: #fff;}
.sprawa:hover{ box-shadow: 0px 0px 10px #111; border: 1px solid #fff; }

.sprawa_nowa{float: left; font-size: 50px; padding: 33% 41%; color: #ddd;}
.sprawa_nowa:hover{float: left; font-size: 50px; padding: 33% 41%; color: #444;}
.sprawa_block1{ width: 100%; overflow: hidden;  display: block; padding: 14px 15px; bottom: 0px; -moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;}

.sprawa_block2{ top: 0px; right: 0px; border-top: 0px solid #dedede; position: absolute; display: block; padding: 2px 0px; opacity:0.6; -moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;}
.sprawa_block2:hover{ right: 0px; position: absolute; display: block; padding: 2px 0px;  opacity:1; background-color: #eee;}
.sprawa_block3{ right: 0px; border-top: 0px solid #dedede; position: absolute; display: block; padding: 2px 0px; bottom: 0px; opacity:0.6; -moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;}
.sprawa_block3:hover{ right: 0px; position: absolute; display: block; padding: 2px 0px; bottom: 0px; opacity:1; background-color: #eee;}

.sprawa_edit{float: left; font-size: 11px; padding:2px 10px;}
.sprawa_edit:hover{float: left; font-size: 11px; padding:2px 10px;}
.sprawa_usun{float: right; font-size: 11px; padding:2px 10px;}
.sprawa_usun:hover{float: right; font-size: 11px; padding:2px 10px;}
.iconstart
{
float: left;
padding: 90px 0px 11px 0px;
margin: 0px 20px 0px 20px;
text-align: center;
width: 70px;
height: 40px; 
color: #000;
-moz-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-duration: 1s;
}

.iconstart:hover
{
float: left;
padding: 90px 0px 11px 0px;
margin: 0px 20px 0px 20px;
text-align: center;
width: 70px;
height: 40px; 
color: #444;
}

.icon1
{
background: transparent url(../ciach2/icon/1.svg) no-repeat 47% 60%;
background-size: 300%;
}
.icon1:hover
{
background: transparent url(../ciach2/icon/1.svg) no-repeat 47% 60%;
background-size: 300%;
}

.icon2
{
background: transparent url(../ciach2/icon/2.svg) no-repeat 47% 60%;
background-size: 300%;
}
.icon2:hover
{
background: transparent url(../ciach2/icon/2.svg) no-repeat 47% 60%;
background-size: 300%;
}
.icon3
{
background: transparent url(../ciach2/icon/3.svg) no-repeat 47% 60%;
background-size: 300%;
}
.icon3:hover
{
background: transparent url(../ciach2/icon/3.svg) no-repeat 47% 60%;
background-size: 300%;
}
.icon4
{
background: transparent url(../ciach2/icon/4.png) no-repeat 0px 0px;

}
.icon4:hover
{
background: transparent url(../ciach2/icon/4.png) no-repeat 0px 0px;

}

.icon5
{
background: transparent url(../ciach2/icon/5.png) no-repeat 0px 0px;

}
.icon5:hover
{
background: transparent url(../ciach2/icon/5.png) no-repeat 0px 0px;

}

.icon6
{
background: transparent url(../ciach2/icon/6.png) no-repeat 0px 0px;

}
.icon6:hover
{
background: transparent url(../ciach2/icon/6.png) no-repeat 0px 0px;
 
}

.icon7
{
background: transparent url(../ciach2/icon/7.png) no-repeat 0px 0px;

}
.icon7:hover
{
background: transparent url(../ciach2/icon/7.png) no-repeat 0px 0px;

}

.icon8
{
background: transparent url(../ciach2/icon/8.svg) no-repeat 50% 60%;
background-size: 300%;
}
.icon8:hover
{
background: transparent url(../ciach2/icon/8.svg) no-repeat 50% 60%;
background-size: 300%;
}

.icon9
{
background: transparent url(../ciach2/icon/9.png) no-repeat 0px 0px;

}
.icon9:hover
{
background: transparent url(../ciach2/icon/9.png) no-repeat 0px 0px;

}

.icon10
{
background: transparent url(../ciach2/icon/10.png) no-repeat 0px 0px;

}
.icon10:hover
{
background: transparent url(../ciach2/icon/10.png) no-repeat 0px 0px;

}

.icon14
{
background: transparent url(../ciach2/icon/14.svg) no-repeat 50% 60%;
background-size: 300%;
}
.icon14:hover
{
background: transparent url(../ciach2/icon/14.svg) no-repeat 50% 60%;
background-size: 300%;
}

.icon15
{
background: transparent url(../ciach2/icon/15.svg) no-repeat 50% 60%;
background-size: 300%;
}
.icon15:hover
{
background: transparent url(../ciach2/icon/15.svg) no-repeat 50% 60%;
background-size: 300%;
}

.icon16
{
background: transparent url(../ciach2/icon/16.svg) no-repeat 50% 60%;
background-size: 300%;
}
.icon16:hover
{
background: transparent url(../ciach2/icon/16.svg) no-repeat 50% 60%;
background-size: 300%;
}

.icon17
{
background: transparent url(../ciach2/icon/17.png) no-repeat 0px 0px;
float: left;
padding: 70px 0px 0px 0px;
margin: 0px 15px 20px 15px;
text-align: center;
width: 64px;
height: 40px; 
}
.icon17:hover
{
background: transparent url(../ciach2/icon/17.png) no-repeat 0px 0px;
float: left;
padding: 70px 0px 0px 0px;
margin: 0px 15px 20px 15px;
text-align: center;
width: 64px;
height: 40px; 
}

.icon19
{
background: transparent url(../ciach2/icon/19.svg) no-repeat 50% 60%;
background-size: 300%;
}
.icon19:hover
{
background: transparent url(../ciach2/icon/19.svg) no-repeat 50% 60%;
background-size: 300%;
}

.icon20
{
background: transparent url(../ciach2/icon/20.svg) no-repeat 50% 60%;
background-size: 300%;
}
.icon20:hover
{
background: transparent url(../ciach2/icon/20.svg) no-repeat 50% 60%;
background-size: 300%;
}

.icon21
{
background: transparent url(../ciach2/icon/21.svg) no-repeat 50% 60%;
background-size: 300%;
}
.icon21:hover
{
background: transparent url(../ciach2/icon/21.svg) no-repeat 50% 60%;
background-size: 300%;
}


.icon22
{
background: transparent url(../ciach2/icon/22.svg) no-repeat 50% 55%;
background-size: 300%;
}
.icon22:hover
{
background: transparent url(../ciach2/icon/22.svg) no-repeat 50% 55%;
background-size: 300%;
}

.icon23
{
background: transparent url(../ciach2/icon/23.svg) no-repeat 50% 55%;
background-size: 300%;
}
.icon23:hover
{
background: transparent url(../ciach2/icon/23.svg) no-repeat 50% 55%;
background-size: 300%;
}

.icon24
{
background: transparent url(../ciach2/icon/24.svg) no-repeat 50% 60%;
background-size: 300%;
}
.icon24:hover
{
background: transparent url(../ciach2/icon/24.svg) no-repeat 50% 60%;
background-size: 300%;
}

.icon25
{
background: transparent url(../ciach2/icon/25.svg) no-repeat 50% 55%;
background-size: 300%;
}
.icon25:hover
{
background: transparent url(../ciach2/icon/25.svg) no-repeat 50% 55%;
background-size: 300%;
}

.icon26
{
background: transparent url(../ciach2/icon/26.svg) no-repeat 50% 60%; 
background-size: 300%;
}
.icon26:hover
{
background: transparent url(../ciach2/icon/26.svg) no-repeat 50% 60%;
background-size: 300%;
}

.icon27
{
background: transparent url(../ciach2/icon/27.svg) no-repeat 50% 60%;
background-size: 300%;
}
.icon27:hover
{
background: transparent url(../ciach2/icon/27.svg) no-repeat 50% 60%;
background-size: 300%;
}

.icon28
{
background: transparent url(../ciach2/icon/28.svg) no-repeat 50% 50%;
background-size: 300%;
}
.icon28:hover
{
background: transparent url(../ciach2/icon/28.svg) no-repeat 50% 50%;
background-size: 300%;
}

.icon29
{
background: transparent url(../ciach2/icon/29.svg) no-repeat 50% 60%;
background-size: 300%;
}
.icon29:hover
{
background: transparent url(../ciach2/icon/29.svg) no-repeat 50% 60%;
background-size: 300%;
}

.icon30
{
background: transparent url(../ciach2/icon/30.svg) no-repeat 47% 60%;
background-size: 300%;
}
.icon30:hover
{
background: transparent url(../ciach2/icon/30.svg) no-repeat 47% 60%;
background-size: 300%;
}

.icon30an{ font-weight: bold; color: #fe3333; -webkit-animation: icon30k 1s linear 0s infinite alternate; animation: icon30k 1s linear 0s infinite alternate;}

@-webkit-keyframes icon30k {
		0% { text-shadow: 0px 0px 10px #111; }
        50% { text-shadow: 0px 0px 10px #fefefe; }
        100% { text-shadow: 0px 0px 10px #fff; }
		}
 
@keyframes icon30k {
		0% { text-shadow: 0px 0px 10px #111; }
        50% { text-shadow: 0px 0px 10px #fefefe; }
        100% { text-shadow: 0px 0px 10px #fff; }
		}

		
.icon31
{
background: transparent url(../ciach2/icon/31.svg) no-repeat 50% 60%;
background-size: 300%;
}
.icon31:hover
{
background: transparent url(../ciach2/icon/31.svg) no-repeat 50% 60%;
background-size: 300%;
}
.icon32
{
background: transparent url(../ciach2/icon/32.svg) no-repeat 50% 60%;
background-size: 300%;
}
.icon32:hover
{
background: transparent url(../ciach2/icon/32.svg) no-repeat 50% 60%;
background-size: 300%;
}

.icon33
{
background: transparent url(../ciach2/icon/33.svg) no-repeat 46% 60%;
background-size: 300%;
}
.icon33:hover
{
background: transparent url(../ciach2/icon/33.svg) no-repeat 46% 60%;
background-size: 300%;
}


.icon34
{
background: transparent url(../ciach2/icon/34.svg) no-repeat 46% 60%;
background-size: 300%;
}
.icon34:hover
{
background: transparent url(../ciach2/icon/34.svg) no-repeat 46% 60%;
background-size: 300%;
}

.icon35
{
background: transparent url(../ciach2/icon/35.svg) no-repeat 50% 60%;
background-size: 300%;
}
.icon35:hover
{
background: transparent url(../ciach2/icon/35.svg) no-repeat 50% 60%;
background-size: 300%;
}

 
.icon36
{
background: transparent url(../ciach2/icon/36.svg) no-repeat 50% 56%;
background-size: 300%;
}
.icon36:hover
{
background: transparent url(../ciach2/icon/36.svg) no-repeat 50% 56%;
background-size: 300%;
}


.icon37
{
background: transparent url(../ciach2/icon/37.svg) no-repeat 50% 60%;
background-size: 300%;
}
.icon37:hover
{
background: transparent url(../ciach2/icon/37.svg) no-repeat 50% 60%;
background-size: 300%;
}

.icon38
{
background: transparent url(../ciach2/icon/38.svg) no-repeat 50% 60%;
background-size: 300%;
}
.icon38:hover
{
background: transparent url(../ciach2/icon/38.svg) no-repeat 50% 60%;
background-size: 300%;
}


.icon39
{
background: transparent url(../ciach2/icon/39.svg) no-repeat 50% 60%;
background-size: 300%;
}
.icon39:hover
{
background: transparent url(../ciach2/icon/39.svg) no-repeat 50% 60%;
background-size: 300%;
}

.icon40
{
background: transparent url(../ciach2/icon/40.svg) no-repeat 50% 60%;
background-size: 300%;
}
.icon40:hover
{
background: transparent url(../ciach2/icon/40.svg) no-repeat 50% 60%;
background-size: 300%;
}

.icon41
{
background: transparent url(../ciach2/icon/41.svg) no-repeat 50% 60%;
background-size: 300%;
}
.icon41:hover
{
background: transparent url(../ciach2/icon/41.svg) no-repeat 50% 60%;
background-size: 300%;
}

.icon42
{
background: transparent url(../ciach2/icon/42.svg) no-repeat 50% 60%;
background-size: 300%;
}
.icon42:hover
{
background: transparent url(../ciach2/icon/42.svg) no-repeat 50% 60%;
background-size: 300%;
}
.icon43
{
background: transparent url(../ciach2/icon/43.svg) no-repeat 50% 60%;
background-size: 300%;
}
.icon43:hover
{
background: transparent url(../ciach2/icon/43.svg) no-repeat 50% 60%;
background-size: 300%;
}
.icon44
{
background: transparent url(../ciach2/icon/44.svg) no-repeat 50% 60%;
background-size: 300%;
}
.icon44:hover
{
background: transparent url(../ciach2/icon/44.svg) no-repeat 50% 60%;
background-size: 300%;
}
.icon45
{
background: transparent url(../ciach2/icon/45.svg) no-repeat 50% 60%;
background-size: 300%;
}
.icon45:hover
{
background: transparent url(../ciach2/icon/45.svg) no-repeat 50% 60%;
background-size: 300%;
}
.icon46
{
background: transparent url(../ciach2/icon/46.svg) no-repeat 50% 60%;
background-size: 300%;
}
.icon46:hover
{
background: transparent url(../ciach2/icon/46.svg) no-repeat 50% 60%;
background-size: 300%;
}
.icon47
{
background: transparent url(../ciach2/icon/47.svg) no-repeat 50% 60%;
background-size: 300%;
}
.icon47:hover
{
background: transparent url(../ciach2/icon/47.svg) no-repeat 50% 60%;
background-size: 300%;
}
.icon48
{
background: transparent url(../ciach2/icon/48.svg) no-repeat 50% 59%;
background-size: 300%;
}
.icon48:hover
{
background: transparent url(../ciach2/icon/48.svg) no-repeat 50% 59%;
background-size: 300%;
}
.icon49
{
background: transparent url(../ciach2/icon/49.svg) no-repeat 50% 59%;
background-size: 300%;
}
.icon49:hover
{
background: transparent url(../ciach2/icon/49.svg) no-repeat 50% 59%;
background-size: 300%;
}
.icon50
{
background: transparent url(../ciach2/icon/50.svg) no-repeat 50% 59%;
background-size: 300%;
}
.icon50:hover
{
background: transparent url(../ciach2/icon/50.svg) no-repeat 50% 59%;
background-size: 300%;
}
.icon51
{
background: transparent url(../ciach2/icon/51.svg) no-repeat 50% 59%;
background-size: 300%;
}
.icon51:hover
{
background: transparent url(../ciach2/icon/51.svg) no-repeat 50% 59%;
background-size: 300%;
}


.iconayocca
{
/*background: transparent url(../ciach2/icon/ikonayocca.svg) no-repeat 53% 41%;*/
background-size: 130%;
 
height: 140px; 
width: 400px;
margin: auto;
margin-bottom: -113px;
}		

.infodiv{width: 240px; margin: 18px auto;}

.infostart{background-color: #FAFFBD!important;}
.info
{
float: left;
padding: 80px 5px 13px 5px;
margin: 0px 5px 0px 5px;
text-align: center;
width: 100px;
height: 38px; 
background-size: 200%;
-moz-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-duration: 1s;
 -webkit-border-radius: 4px; border-radius: 4px;
 text-transform: uppercase;
}
.info:hover
{
float: left;
padding: 80px 5px 13px 5px;
margin: 0px 5px 0px 5px;
text-align: center;
width: 100px;
height: 38px; 
background-size: 200%;
-moz-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-duration: 1s;
 -webkit-border-radius: 4px; border-radius: 4px;
}


.info1
{
background: transparent url(../ciach2/info/info1.svg) no-repeat 50% 50%;
background-size: 200%;
}
.info1:hover
{
background: rgba(0,0,0,0.05) url(../ciach2/info/info1.svg) no-repeat 50% 50%;
background-size: 200%;
}

.info2
{
background: transparent url(../ciach2/info/info2.svg) no-repeat 50% 56%;
background-size: 200%;
}
.info2:hover
{
background: rgba(0,0,0,0.05) url(../ciach2/info/info2.svg) no-repeat 50% 56%;
background-size: 200%;
}


.info3
{
background: transparent url(../ciach2/info/info3.svg) no-repeat 50% 56%;
background-size: 200%;
}
.info3:hover
{
background: rgba(0,0,0,0.05) url(../ciach2/info/info3.svg) no-repeat 50% 56%;
background-size: 200%;
}

.info4
{
background: transparent url(../ciach2/info/info4.svg) no-repeat 50% 56%;
background-size: 200%;
}
.info4:hover
{
background: rgba(0,0,0,0.05) url(../ciach2/info/info4.svg) no-repeat 50% 56%;
background-size: 200%;
}


.info5
{
background: transparent url(../ciach2/info/info5.svg) no-repeat 50% 56%;
background-size: 200%;
}
.info5:hover
{
background: rgba(0,0,0,0.05) url(../ciach2/info/info5.svg) no-repeat 50% 56%;
background-size: 200%;
}


.info6
{
background: transparent url(../ciach2/info/info6.svg) no-repeat 50% 56%;
background-size: 200%;
}
.info6:hover
{
background: rgba(0,0,0,0.05) url(../ciach2/info/info6.svg) no-repeat 50% 56%;
background-size: 200%;
}

.info7
{
background: transparent url(../ciach2/info/info7.svg) no-repeat 50% 56%;
background-size: 200%;
}
.info7:hover
{
background: rgba(0,0,0,0.05) url(../ciach2/info/info7.svg) no-repeat 50% 56%;
background-size: 200%;
}

.info8
{
background: transparent url(../ciach2/info/info8.svg) no-repeat 50% 56%;
background-size: 200%;
}
.info8:hover
{
background: rgba(0,0,0,0.05) url(../ciach2/info/info8.svg) no-repeat 50% 56%;
background-size: 200%;
}


.info9
{
background: transparent url(../ciach2/info/info9.svg) no-repeat 50% 56%;
background-size: 200%;
}
.info9:hover
{
background: rgba(0,0,0,0.05) url(../ciach2/info/info9.svg) no-repeat 50% 56%;
background-size: 200%;
}

.info10
{
background: transparent url(../ciach2/info/info10.svg) no-repeat 50% 56%;
background-size: 200%;
}
.info10:hover
{
background: rgba(0,0,0,0.05) url(../ciach2/info/info10.svg) no-repeat 50% 56%;
background-size: 200%;
}

.info11
{
background: transparent url(../ciach2/info/info11.svg) no-repeat 50% 56%;
background-size: 200%;
}
.info11:hover
{
background: rgba(0,0,0,0.05) url(../ciach2/info/info11.svg) no-repeat 50% 56%;
background-size: 200%;
}

.info12
{
background: transparent url(../ciach2/info/info12.svg) no-repeat 50% 56%;
background-size: 200%;
}
.info12:hover
{
background: rgba(0,0,0,0.05) url(../ciach2/info/info12.svg) no-repeat 50% 56%;
background-size: 200%;
}
.rbox1
{
float: left; margin: 1% 1%; padding: 2%; border: 1px solid #f3f3f3; text-align: center;
-moz-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-duration: 1s;
width: 43%;
 -webkit-border-radius: 4px; border-radius: 4px;
 flex-direction:column;
}

.rbox1:hover
{
border: 1px solid #ccc; opacity: 1; box-shadow: inset 0px 0px 16px -1px rgba(234, 234, 234, 1);
}

.rbox1_img
{
width: 100%; margin: 0px 0px 0px 0px; float: left;
}

.e01
{
float: left; clear: both; width: 97%; background-color: #dedede; padding: 10px; cursor: pointer;
}

.e02
{
float: left; 
display:none;
}

.e03
{
float: left; color: #111111; font-size: 13px; margin: 0px 10px 0px 0px;
}

.e04
{
overflow: hidden; position: absolute; float: left; width: 95%; padding: 0px; text-align: center;
}
.e05
{
overflow: hidden; width: 100%; float: right; 
}
.e06
{
width:100%; height: 50px; float: left; overflow: hidden;
}
.e07
{
margin: 0px; text-align: center; overflow: hidden; float: left; padding: 0px 10px 0px 0px; float: left; clear: both; width: 150px;
}
.e08
{
width:100%; height: 110px; float: left; overflow: hidden; text-align: center;
}
.e09
{
width:100%; height: 56px; float: left; overflow: hidden;
}

.e010
{
margin: 0px; text-align: center; overflow: hidden; float: left; padding: 0px 10px 0px 0px; float: left; clear: both; width: 150px; color: #fe2222; font-weight: bold;
}

.e011
{
margin: 0px; z-index: 1;text-align: center; overflow: hidden; float: left; padding: 5px 0px 5px 0px; float: left; clear: both; width: 100%; color: #fff; font-size: 12px; font-weight: bold; position: absolute; top: 141px; right: 0px; background-color: #de2222; opacity: 0.9;
}
.e011new
{
margin: 0px; z-index: 1;text-align: center; overflow: hidden; float: left; padding: 5px 0px 5px 0px; float: left; clear: both; width: 100%; color: #fff; font-size: 12px; font-weight: bold; position: absolute; top: 141px; right: 0px; background-color: #3333ef; opacity: 0.9;
}

.e011rush
{
margin: 0px; z-index: 1;text-align: center; overflow: hidden; float: left; padding: 5px 0px 5px 0px; float: left; clear: both; width: 46px; color: #fff; font-size: 12px; font-weight: bold; position: absolute; top: 141px; right: 121px; background-color: #22de22; opacity: 0.9;
}

.e012
{
margin: 5px; z-index: 1;text-align: center; overflow: hidden; text-align: center; padding: 5px 0px 5px 0px; float: left; color: #fff; font-size: 12px; font-weight: bold; width:47%;
}


.e013{margin: 2px 5px; z-index: 1; text-align: left; overflow: hidden;  padding: 7px 0px 5px 30px; float: left; color: #000; font-size: 12px; font-weight: bold; background: transparent url(../ciach2/kropka24.png) no-repeat 0px 0px;}
.e014{ position: relative; border-top: 0px solid #dedede; width: 90%; margin: 1% 0px 1% 30px; z-index: 1;  text-align: left; overflow: hidden;  padding: 0% 0% 0% 0%;   float: left; color: #d03232; font-size: 12px; font-weight: bold; }
.e015{ border-top: 0px solid #dedede; width: 90%; margin: 1% 0px; z-index: 1;  text-align: left; overflow: hidden;  padding: 2% 2% 2% 50px; float: left; color: #d03232; font-size: 12px; font-weight: bold; background: #fff url(../ciach2/kropka22.png) no-repeat 1% 25px;}
 
.e014:hover .e034{opacity: 1;  -moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;}
.e015:hover {background-color:#ffdddd; opacity:1!important;}
.e016{ border-bottom: 0px solid #dedede; width: 82%; margin: 1% 0px 1% 0px; z-index: 1; text-align: left; overflow: hidden;  padding: 1% 2% 1% 10%; float: left; color: #999; font-size: 12px; font-weight: bold; background: rgba(255,255,255,0.5) url(../ciach2/kropka22.png) no-repeat 3% 19px;}
.e017{font-size: 15px; float: right; text-align: right; color: #ff3333; margin: 0px 5% 0px 0px;}

.e018{width: 21.5%; margin:0.5%; padding: 1%;}
.e019{width: 21.5%; margin:0.5%; padding: 1%;}
.e020{width: 21.5%; margin:0.5%; padding: 1%; height: 107px;}
.e021{width: 21.5%; margin:0.5%; padding: 1%;}
.e022{width: 21.5%; margin:0.5%; padding: 1%;}
.e023{width: 71%; margin:0.5%; padding: 1%; }
.e024{width: 96%; height: 80px; font-size: 12px;}
.e025{width: 92%;}
.e026{border-top: 0px solid #efefef; margin: 0px; padding:0px; width: 100%;}
.e027{width: 92%;}
.e028{width: 92%;}
.e029{width: 92%;}
.e030{width: 21.5%; margin:0.5%; padding: 1%;}
.e031{width: 92%;}
.e032{font-size: 12px; font-weight: normal;}
.e033{font-size: 12px; font-weight: bold;}

.e034{ opacity: 0; position: relative; border-top: 0px solid #dedede; margin: 0px; z-index: 1; background-color: #333; width: 20px; height: 100%; position: absolute; padding: 6px; -moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;}
.e034:hover{background-color: #333; -moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;}
.e035{position: relative; display: block; float: left; width: 85%; margin: 0px 0px 0px 34px; padding: 2% 2% 2% 10px; background-color: #f3f3f3; }
.e036{position:relative; display:block; float: left; font-size:10px; margin: 0px; padding: 3px 9px; height: 100%; border-left: 1px dashed #ccc; text-align: center;}
.e037{position:relative; display:block; float: left; margin: 4px 0% 4px 0px;  text-align: left;}
.e038{position:relative; display:block; float: left; font-size:14px; font-weight: bold; margin: 0px; padding: 4px 9px 8px 9px; width: 100px; height: 100%; border-left: 1px dashed #ccc; text-align: center;}
.e039{position:relative; display:block; float: left; font-size:10px; margin: 0px; padding: 3px 9px; height: 100%; border-left: 0px dashed #ccc; text-align: right;}
.e040{position: relative; display: block; float: right; margin: 0px 40px 0px 0px;}

.e041{width: 25%; margin:0.5%; padding: 1%;}
.e042{ overflow-y: scroll; height: 200px; scroll-behavior:smooth;}


.usun_rozliczenie{position: absolute; right: 0px; bottom: 0px;}
.new{background-color: rgb(101, 153, 245); color: #fff; font-weight: bold; position: absolute; margin: 45px 0px 0px 60px; height: 20px; font-size: 12px; line-height: 1.3; padding: 5px 5px 0px 5px; cursor: default; border-radius: 2px;}

.kal0{float: left; margin: 0px; min-width: 200px; max-width: 220px; border-radius: 5px; padding: 0px;}
.kal1{cursor: pointer; height: 10px; line-height: 17px!important;  margin: 0px; padding: 3px; font-size: 13px; text-align: center;  }
.kal1:hover{cursor: pointer; height: 10px; line-height: 17px!important;  margin: 0px; padding: 3px; font-size: 13px; text-align: center;}
.kal2{cursor: pointer; height: 10px; line-height: 17px!important;  margin: 0px; padding: 3px 3px; font-size: 13px; text-align: center; }
.kal2:hover{padding: 3px 3px; color: #11ef11!important;}
.kal3{height: 10px!important; line-height: 10px!important; padding: 3px 3px; border: 0px solid #f19a9a; box-shadow: inset 0px 0px 7px #666; background-color: #fff;}
.kal4{height: 15px; font-weight: bold; line-height: 19px;  margin: 0px; padding: 0px; font-size: 12px; text-align: left;}
.kal5{height: 10px; line-height: 10px;  margin: 0px; padding: 0px; font-size: 13px; text-align: center;}
.kal6{float: left; height: 260px; width: 234px; border: 0px solid #dedede;}
.kal7{height: 10px; line-height: 10px!important;  margin: 0px; padding: 1px; font-size: 13px; text-align: center;  color: #b79ffd;}
.kal8{float: left; height: 260px; border: 0px solid #dedede;}

.kal9{float: left; border: 0px solid #dedede; margin-right: 3%; width: 100%;}
.kal10{width: 8%; text-align: center; border-bottom: 1px dotted #93D8EC; border-left: 1px solid #f1f1f1; }
.kal11{height: 10px; line-height: 10px;  margin: 0px; padding: 0px; font-size: 13px; text-align: center; padding: 1% 2%;}
.kal12{height: 15px; font-weight: bold; line-height: 19px;  margin: 0px; padding: 0px; font-size: 12px; text-align: left;}
.kal13{width: 8%; height: 40px; font-weight: bold; text-align: center; border-bottom: 1px dotted #93D8EC;}
.kal14{height: 10px; line-height: 10px!important;  margin: 0px; padding: 1px; font-size: 13px; text-align: center;  color: #b79ffd;}
.kal15{height: 40px; border-bottom: 0px dotted #93D8EC; background: #f8f8f8;}
.kal16{cursor: pointer; height: 40px; line-height: 17px!important;  margin: 0px; padding: 3px 3px; font-size: 13px; text-align: center; }
.kal16:hover{padding: 3px 3px; color: #11ef11!important;}
.kal17{border-left: 1px dashed #dedede; border-bottom: 1px solid #f0f0f0;}
.kal18{padding: 5% 0px;}
.kal19{float: left; height: 426px; width: 45%; border: 0px solid #dedede; margin-left: 2%;}
.kal20{font-size: 14px; color: #c7c7c7;}
.kal21{opacity: 0.2; cursor: pointer; height: 40px; line-height: 17px!important;  margin: 0px; padding: 3px; font-size: 13px; text-align: center;}
.kal22{font-size: 11px; font-weight: bold;}
.kal23{height: 40px!important; line-height: 10px!important; padding: 3px 3px; border: 0px solid #f19a9a; box-shadow: inset 0px 0px 0px #666; background-color: #fff;}
.message{background: transparent url(../ciach2/message1.png) no-repeat 0px 3px; padding: 0px 0px 0px 30px;}
.message1 {float: left; width: 101%; background-color: #f9f9f9; padding: 7px; margin: -10px 0px 0px -10px; border-bottom: 1px solid #dedede;}
.message2{color: #222222; font-size: 13px; background-color: #fff;}
.message3{float: left; width: 101%; background-color: #f7f7f7; padding: 7px; margin: 0px 0px -10px -10px; border-top: 1px solid #efefef;}
.message4{ width: 94%; opacity:0.7; font-weight: bold; line-height: 22px; -webkit-border-radius: 4px; border-radius: 4px; float: left; margin: -4px 24px 0px 0px; padding: 2px 10px; border: 1px solid #eaeaea; background-color: #ffffff;}
.message5{ background: transparent url(../ciach2/icon/message1.svg) no-repeat 53% 47%; background-size: 300%; padding: 3px 0px 3px 6px; float: left; width: 28px; height: 17px; margin: 0px 0px 0px -8px; }
.message6{ color: #777; opacity:0.7; clear: both; background: transparent url(../ciach2/message2.png) no-repeat 5px 1px; padding: 5px 0px 3px 36px; font-weight: bold; float: left; font-size: 13px; width: 89%; height: 19px; margin: 5px 0px 0px 0px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #eaeaea; background-color: #ffffff;}
.message7{ color: #111; opacity:0.7; clear: both; background: transparent url(../ciach2/message2.png) no-repeat 5px -45px; padding: 5px 0px 3px 36px; font-weight: bold; float: left; font-size: 13px; width: 89%; height: 19px; margin: 5px 0px 0px 0px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #eaeaea; background-color: #ffffff;}
.message8{ color: #111; opacity:0.7; clear: both; background: transparent url(../ciach2/icon/29.svg) no-repeat -8% 47%; background-size: 20%; padding: 5px 0px 3px 36px; font-weight: bold; float: left; font-size: 13px; width: 89%;  margin: 5px 0px 0px 0px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #eaeaea; background-color: #ffffff;}

.message9{ color: #fff; opacity:0.7; clear: both; background: transparent url(../ciach2/icon/53.svg) no-repeat -14px -17px; background-size: 60px; padding: 5px 5% 3px 36px; font-weight: bold; float: left; font-size: 13px; width: 84%;  margin: 5px 0px 0px 0px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #eaeaea; background-color: #d50000;}


.messagean{-webkit-animation: mmss 1s linear 0s infinite alternate; animation: mmss 1s linear 0s infinite alternate;}
@keyframes mmss { 0% { border-color: #dedede; background-color: #cdcdcd; color: #aaa; } 100% { border-color: #ff5555;  background-color: #cd2222; color: #fff; } }
@-webkit-keyframes mmss { 0% { border-color: #dedede;  background-color: #cdcdcd; color: #aaa; } 100% { border-color: #ff5555;  background-color: #cd2222; color: #fff;  } }

.wykres{float: left; width: 100%; position: relative; display: block; margin-top: 2%;}
.wykresinfo{float: left; width: 96%; font-size: 11px; padding: 7% 2% 2% 2%; border-top: 0px solid #dedede; margin: 10px 0px 5px 0px; -moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;}
.wykrestloall{width: 100%; height: 350px;float: left; border-bottom: 1px solid #ddd; position: relative; padding: 2% 0px;}
.wykrestlo{z-index: 2; float: left; background-color: transparent; font-size: 9px; position: absolute; border-left: 0px dashed #f7f7f7; border-right: 0px dashed #f7f7f7; -moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;}
.wykrestlo:hover{float: left; background-color: transparent; font-size: 9px; position: absolute; border-left: 0px dashed #efefef; border-right: 0px dashed #efefef; box-shadow: inset 0px 0px 5px #ccc;}

.wykrestlo:hover .wykres0{background-color: #8888ff;}
.wykrestlo:hover .wykres1{background-color: #ffffff;}
.wykrestlo:hover .wykres2{background-color: #fff;}
.wykrestlo:hover .wykresin{bottom: 0px;}
.wykres0{cursor: pointer; width: 1%; float: left; background-color: rgba(136,136,255,0.8); font-size: 9px; position: absolute; -moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;}
.wykres1{cursor: pointer; width: 1%; float: left; background-color: #ccccff; box-shadow: 0px 0px 2px #000; font-size: 9px; position: absolute; -moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;}
.wykres2{cursor: pointer; width: 1%; float: left; background-color: #fff; box-shadow: 0px 0px 2px #000; font-size: 9px; position: absolute; -moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;}

.wykresin{cursor: pointer; width: 100%; bottom: -30px; padding: 9px 0px 0px 0px; text-align: center; float: left; background-color: #fff; box-shadow: 0px 0px 2px #000; font-size: 9px; position: absolute; -moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s; height: 20px;}
.wykresline{width: 100%; height: 3%; position: absolute; border-bottom: 1px dashed rgba(0,0,0,0.2); font-size: 10px; z-index:1;}

.marker {position: absolute; box-shadow: 0px 0px 5px #aaa; margin: 0px; width: 15px; height: 15px; background-color: #de3333; border: 1px solid #666; opacity: 1; -webkit-border-radius: 15px; border-radius: 15px; float: left; color: #fff; font-weight: bold; padding: 6px; line-height: 14px; font-size: 18px; cursor: pointer; text-align: center; -moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;}
.marker:hover{background-color: #00aa00;}
.marker_opis {position: absolute; box-shadow: 0px 0px 5px #aaa; margin: 0px; height: 15px; background-color: #fff; border: 1px solid #fff; opacity: 1; -webkit-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px; float: left; color: #555; font-weight: normal; padding: 3px; line-height: 14px; font-size: 10px; cursor: default;}
.markera{-webkit-animation: marker_1 3s linear 0s infinite alternate; animation:  marker_1 3s linear 0s infinite alternate;}
@keyframes marker_1 { 0% { border-color: #888; background-color: #fff; color: #555; } 100% { border-color: #111;  background-color: #de3333; color: #fff; } }
@-webkit-keyframes  marker_1 { 0% { border-color: #888;  background-color: #fff; color: #555; } 100% { border-color: #111;  background-color: #de3333; color: #fff;  } }

.dymek{float: right; margin: 7px 22px 0px 0px;}
 

.kafelekbox{float: left; text-align: left; position: relative; margin: 0.5%; padding: 1%; width: 96%; height: 80px; background-color: #fff; font-size: 9px; border:1px solid #ececec; -moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;}
.kafelekbox:hover{border:1px solid #444; -moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;}


.pinezkabox{float: left; text-align: left; position: relative; margin: 0.5%; padding: 5px 25px 5px 5px; height: 20px; background-color: #fff; font-size: 9px; border:1px solid #ececec; -moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s; background: #eeeeee url(../ciach2/kropka19.png) no-repeat right 50%; cursor: pointer; line-height: 19px; font-size: 12px; font-weight: bold;}
.pinezkabox:hover{border:1px solid #444; background-color: #f3f3f3; -moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;}



.zarzadzaniewysylkami1{margin: 5% 4px -5px 4px; float: left; position: relative; width: 96%; background-color: #ddd; }
.zarzadzaniewysylkami2{margin: 0px 0px 1% 0px; padding: 0.5%; float: left; position: relative; width: 96%; background-color: #fff; }
.zarzadzaniewysylkami3{margin: 0px 0px 1% 0px; padding: 0.5%; float: left; position: relative; width: 20.8%; background-color: #fff; border: 1px solid #ddd;}
.zarzadzaniewysylkami4{float: left; height: 200px; width: 100%; }
.zarzadzaniewysylkamizasobnik{position: fixed; top: 50px; height: 150px; background-color: rgba(40,40,40,0.9); -moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s; z-index: 98; box-shadow: 0px 0px 5px #000;}
.zasobnikbox{float: left; width: 23%; padding: 0.5%; border: 1px solid #444; font-size: 12px; margin: 0.2%; color: #efefef; background-color: #333; border-radius: 5px; }
@media only screen and (min-width: 1900px) and (max-width: 2920px) {
.m0in{width: 1300px; min-height: 100vw;}
.ramka2{width: 1307px;}
.divi{width: 540px; margin:50px 0px 0px -40px;}
.divinleft{width: 450px;}
.dl{width: 420px;}
.dl2{width: 420px;}
.divinright{width: 840px;}
.dr{width: 810px;}
.dr2{width: 810px;}
.iconayocca{margin-bottom: -80px;}
.infodiv{width: 370px;}
}



@media only screen and (min-width : 1600px) and (max-width : 1900px) {
.m0in{width: 985px; min-height: 100vw;}
.ramka2{width: 1020px;}
.divi{width: 500px; margin:50px 0px 0px -40px;}
.divinleft{width: 500px; }
.dl{width: 470px;}
.dl2{width: 470px;}
.divinright{width: 600px;}
.dr{width: 600px;}
.dr2{width: 600px;}
.dymek{float: right; clear: none; margin: 25px 0px 0px 5px;}
 .infodiv{width: 370px;}
}
 



@media only screen and (min-width : 1300px) and (max-width : 1600px) {
.m0in{width: 700px; min-height: 100vw;}
.ramka2{width: 710px;}
.divi{width: 540px; margin:50px 0px 0px -40px;}
.divinleft{width: 330px; }
.dl{width: 300px;}
.dl2{width: 300px;}
.divinright{width: 500px;}
.dr{width: 470px;}
.dr2{width: 470px;}
.dymek{float: right; clear: none; margin: 25px 0px 0px 5px;}
.e018{width: 96%; margin:0.5%; padding: 1%;}
.e019{width: 96%; margin:0.5%; padding: 1%;}
.e020{width: 96%; margin:0.5%; padding: 1%;}
.e021{width: 46%; margin:0.5%; padding: 1%;}
.e022{width: 47%; margin:0.5%; padding: 1%;}
.e023{width: 96%; margin:0.5%; padding: 1%;}
.e024{width: 96%;}
}



@media only screen and (min-device-width : 300px) and (max-device-width : 640px) {
 h1.big{font-size: 14px;}
.m0in{margin-top: 0px; width: 100%; } 
.ramka2{width: 100%; margin: 0px; float: right; padding-bottom: 0px; }
.divi{margin: 0px; width: 98%;}
.przypomnij_box{margin: 0px;}
.divin{width: 95%;}
.divinleft{width: 290px;}
.divin_rozliczenia{margin: 0px;}
.barpion{display: none;}
.barpion_tel{padding-top: 5px; left: -61px; margin-top: 40px; display: block;}
.dl{width: 320px;}
.dl2{width: 290px;}
.dl3{width: 95%;}
.divinright{width: 290px;}
.dr{width: 320px;}
.dr2{width: 290px;}
.dymek{float: left; clear: both; margin: 25px 0px 0px 5px;}
.tlo2{background: #000; background:url()!important;}
.logbar{position: relative; overflow: hidden; display: block;}
.logp1{font-size: 14px; width: 100%; margin: 10px 10px 0px 10px; }
.logdiv1{width: 100%; }
.logdiv2{width: 100%;display: none;}
.loginbutton1{font-size: 16px!important;}
.loginput1{  width: 90%!important; height: 30px!important; font-size: 16px!important;}
.logimg{display: none;}
.iconstart{margin: 0px 5px;}
.iconstart:hover{margin: 0px 5px;}

.ramka2{padding-top: 10px;}
.kal19{width: 98%!important;}
.e018{width: 96%; margin:0.5%; padding: 1%;}
.e019{width: 96%; margin:0.5%; padding: 1%;}
.e020{width: 96%; margin:0.5%; padding: 1%; height: auto;}
.e021{width: 40%; margin:0.5%; padding: 1%;}
.e022{width: 48%; margin:0.5%; padding: 1%;}
.e023{width: 96%; margin:0.5%; padding: 1%;}
.e024{width: 96%;}
.e025{width: 100px;}

.form_in{font-size: 12px; height: auto;  }
.logbar2{z-index: 100; height: 100vh; position: fixed; top: 0px; width: 95%; background-color: rgba(50,50,50,1); border-bottom: 0px solid rgba(100,100,100,0.2); padding: 6px 1% 4px 16px;  -moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;} 
.logbar2:hover{background-color: rgba(50,50,50,1);  -moz-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s;}
.bu02{margin: 3px 5px 0px 5px;}
.bu02:hover{margin: 3px 5px 0px 5px;}
.bu06{display: block; padding: 0px;}
.bu06:hover{display: block; padding: 0px;}
.bu06:active{background-color: #ffff00;}
#wylog_tel{display: block; float: right; margin: 4px 10px 6px 0px; padding: 0px;}
#wylog_tel:hover{display: block; float: right; margin: 4px 10px 6px 0px; padding: 0px;}
.sciezka{display: none; max-width: 60%; overflow: scroll; position: relative; float: left;}
.sciezka2{width: max-content; overflow: hidden; display: block; position: relative;}
#open_menu_phpne:hover .barpion_tel{left: 0px; margin-top: 40px;}
.usun_rozliczenie{display: none;}
.sprawa_usun{display: none;}
.sprawa_block3{display: none;}
.sumacenterTOP{width: 95%; position: relative; margin: 0px;}
.sumacenterBOTTOM{width: 95%; position: relative; margin: 0px;}
.sumaL{position: relative; left: 0px; width: 96%; padding: 2%;}
.sumaR{position: relative; left: 0px; width: 96%; padding: 2%;}
.sumaLi{position: relative; left: 0px; width: 96%; padding: 2%;}
.sumaRi{position: relative; left: 0px; width: 96%; padding: 2%;}
html{}
}

@media print {
 
html, body, .ui-jqgrid-titlebar, .ui-state-default, .ui-jqgrid-bdiv, .ui-widget-content, .ui-widget-content, .ui-jqgrid,  tr, td, p
{
background-color: #fff!important; 
background: #fff!important;
font-size: 13px!important;
} 

.ramka2{width:100%!important;}
.divin{width: 100%!important;} 
.ui-jqgrid {zoom: 0.7; width: 100%!important}
.ui-jqgrid-titlebar{width: 100%!important;}
.ui-widget, .ui-widget-content, .ui-corner-all{width: 100%!important;} 
.ui-jqgrid-view{width:100%!important;}

.ui-th-ltr {height: 30px!important;}
.ui-jqgrid-sortable{font-size: 17px!important; height: 40px!important;}

.ui-widget-content{border: 1px solid #000!important; }
 
.ui-jqgrid-bdiv{width: 100%!important;}
 
.divin{border: 0px solid #fff; box-shadow: 0px 0px 0px #fff; margin: 0px; padding: 0px; width:1100px;} 
.ramka2{margin: 0px; border: 0px solid #fff; box-shadow: 0px 0px 0px #fff; float: left; width:1100px; padding: 0px;}

.ui-widget-content{border: 1px solid #000;} 
.jqgrow{border: 1px solid #000;} 
.ui-row-ltr{border: 1px solid #000;} 
.ui-state-highlight{border: 1px solid #000;}

.ui-jqgrid-hdiv{width: 100%!important;}

.border{border: 1px solid #555!important;}

.ui-jqgrid-toppager, .ui-jqgrid-pager, .ui-search-toolbar, .dymek, #grup, .stopka, #printboxbutton, .grup, .printbox, .logbar, .bar
{
display: none;
}

.ui-jqgrid-bdiv
{
height: auto!important;
}
*
{
page-break-after:auto;
}

.zarzadzaniewysylkami1{ margin: 10px  0px 0px 0px;}
.zarzadzaniewysylkami4{ height: 0px!important;}
.pinezkabox{display: none;}


}