div#animaPrzesuniecie {

        padding:0px 0;
        border:0px solid #FDD700;
        text-align:center;

        animation-name:szerokosc;
        animation-duration:2s;
        animation-iteration-count: 1;
      }
	  
      /* ------------ANIMACJA-SZEROKOSC------------ */
      @keyframes szerokosc
      {
        0% { width:250px; }
        100% { width:100%; }
      }
      
      
      font#text-anim 
      {
         text-shadow:  -2px -2px 3px #ff9b96;
         font-weight:  bold;
         color: #a10600;
      }

      hr#dottedsys 
      {
    border: 1px dotted #333333;
    border-style: none none dotted; 
    color: #fff; 
    background-color: #fff;
      }
      
      section#newMenuSys 
      {
            margin: 0px auto 0px auto; 
            display: table;
            
      }
      
section#kolumna
{
      display: inline-block;
      background-color: white;
      background-color: rgba(255,255,255,0.7);
      text-align: left;
      color: gray;
      vertical-align: middle;
      margin: 10px auto 10px auto;
}   


section#menuSysDown
{
    
    clear: both;
    display: block;

}

div#sysmenufoot
  {
   clear: both;
   display: block;

   width: 1000px;
   border: 0px solid;
   display: table-cell;
   vertical-align: middle;
   color: #444444;
   font-size: small;
   }

#tab_sys
{ 
    color: white;
    margin-left: auto; 
    margin-right: auto; 
    border: 5px solid #000;
    background: black;
    border-radius: 15px;
    
    border-width: 10px;
    border-style: outset;
    border-color: darkgray;
    
     box-shadow: 5px 5px 10px grey;
    -moz-box-shadow: 5px 5px 10px grey;
    -webkit-box-shadow:5px 5px 10px grey;
    text-align: right;
    /* opacity:  50%; */
    float:right;
}
/* tr:nth-child(even) {background: #CCC}  */
.co2wiersz 
    tr:nth-child(even) {background: rgba(255,255,255,0.5); }

#tab_sys_service_list
{
    
   

        padding: 5px;        
        /* określa margines wewnętrzny na 10 px */
        
        margin: 15px auto 15px auto;
        /* określa margines zewnętrzny- tabela zostaje wyśrodkowana */

        /* background-color: black;*/
        
         background-color: rgba(255,255,255,0.3);  
        /* określa background tabeli */
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        
        /* border-radius: 15px; */
        /* określa zaokrąglenie rogów tabeli za pomocą CSS3*/
        box-shadow: 0px 0px 25px #cccccc;
        -moz-box-shadow: 5px 5px 50px grey;
        -webkit-box-shadow:5px 5px 50px grey;
        /* określa oceniowanie tabeli za pomocą CSS3*/
        color: black;
        text-align: center;
        
        border-color: white;
        border-style: solid; 
        border-width: 1px;
}

#tab_sys_art_list
{ 
    color: black;
    margin-left: auto; 
    margin-right: auto; 
    border: 5px solid #000;
    background: white;
    border-radius: 15px;
    
    border-width: 10px;
    border-style: outset;
    border-color: darkgray;
    
     box-shadow: 5px 5px 10px grey;
    -moz-box-shadow: 5px 5px 10px grey;
    -webkit-box-shadow:5px 5px 10px grey;
    text-align: center;
    /* opacity:  50%; */
    float: contour;
    
    z-index: 2;
}


#back
{ 
    color: white;
    margin-left: auto; 
    margin-right: auto; 
    border: 10px solid black;
    background:  black;
    border-radius: 25px;
    height: 600px;
  /*  background-image: url("../template_image/admin/tools_preferences.png");
    background-repeat:  no-repeat;
    background-position:  center;
  */  
     box-shadow: 5px 5px 10px grey;
    -moz-box-shadow: 5px 5px 10px grey;
    -webkit-box-shadow:5px 5px 10px grey;
    
    border-style: outset;
    border-color: black;
    text-align: center;

}


div.sys_title {
    
   clear: both;
   display: block;
    
    margin-left: auto;
    margin-right: auto;

    text-align: center;
    font-weight:  bold;
    width: 100%;
    height: 50px;
    
    font-weight:  bold;
    color: black;
    background-color: #eeeeee;
    text-shadow:  -2px -2px 5px white;
        border: 1px dotted #ff0000;
}


table.sys_center 
{
    margin-left: auto;
    margin-right: auto;
}

#sys_link
{
    color: black;
    text-shadow:  -2px -2px 5px  lightgray;
    font-family: arial;
}

div#sys_info {
    color: orange;
     font-weight:  bold;
}

#sys_nagl_wew {
    margin: 0 auto;
    text-align: left;
     
  
     
}

#sys_link_img
{
    width: 40px;
}



#jedenjezyk 
{
    width: 100%;
     text-align: center;
}


td.sys_oknozmiany
{ 
  
    color: black;
    margin-left: auto; 
    margin-right: auto; 
    border: 1px dotted #ff0000;
    background:  #e5e5e5;
    border-radius: 0px;
    
     box-shadow: 5px 5px 10px grey;
    -moz-box-shadow: 5px 5px 10px grey;
    -webkit-box-shadow:5px 5px 10px grey;
    
    padding: 4px;

}

#table_sys_tresc
{ 
    border: 0;
         /*   background-image: url("./graf/circle2-1.jpg"); */ 
        width: 95%;	
        /* określa szerokość tabeli na 75%*/
        
        height:100px;        
        /* określa wysokość tabeli na 100px*/
        
        padding: 1px;        
        /* określa margines wewnętrzny na 10 px */
        
        margin: 15px auto 15px auto;
        /* określa margines zewnętrzny- tabela zostaje wyśrodkowana */
        
        background-color: white;
        
        /* background-color: rgba(0,0,0,0.5);*/
        
        /* określa background tabeli */
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        
       
        /* określa zaokrąglenie rogów tabeli za pomocą CSS3*/
        box-shadow: 5px 5px 8px  #666666;
        -moz-box-shadow: 5px 5px 50px grey;
        -webkit-box-shadow:5px 5px 50px grey;
        /* określa oceniowanie tabeli za pomocą CSS3*/
        color: gray;
        text-align: center;
        
        /*
        filter:alpha(opacity=70);
	opacity: 0.5;
	-moz-opacity:0.7;
        */
}

#tab_sys_naglowek_info
{ 
    border: 0;
         /*   background-image: url("./graf/circle2-1.jpg"); */ 
        width: 95%;	
        /* określa szerokość tabeli na 75%*/
        
        height:100px;        
        /* określa wysokość tabeli na 100px*/
        
        padding: 1px;        
        /* określa margines wewnętrzny na 10 px */
        
        margin: 15px auto 15px auto;
        /* określa margines zewnętrzny- tabela zostaje wyśrodkowana */
        
        background-color: white;
        
        /* background-color: rgba(0,0,0,0.5);*/
        
        /* określa background tabeli */
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        
        border-radius: 15px;
        /* określa zaokrąglenie rogów tabeli za pomocą CSS3*/
        box-shadow: 5px 5px 8px  #666666;
        -moz-box-shadow: 5px 5px 50px grey;
        -webkit-box-shadow:5px 5px 50px grey;
        /* określa oceniowanie tabeli za pomocą CSS3*/
        color: gray;
        text-align: center;
        
        /*
        filter:alpha(opacity=70);
	opacity: 0.5;
	-moz-opacity:0.7;
        */
}