* { margin:0; padding:0; }

/*
body {
 background-image: url("images/bg.jpg");
  background-color: #ffffff;
  }
*/

.ramka_st {
   -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
         border-radius: 7px;
            color: #000000;
               font-family: "Times New Roman";
      font-size: 100%;
      padding: 2px;
       background-color: #e01612; 
      box-shadow: 1px 1px 8px 0px #9CF8FF;
     -web kit-box-shadow: 1px 1px 8px 0px #9CF8FF;
    -moz-box-shadow: 1px 1px 8px 0px #9CF8FF;
   border: solid #337FED 1px;
      text-decoration: none;
     display: inline-block;
    }
    

.ramka_cz_old {
   -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
         border-radius: 7px;
            color: #ffffff;
               font-family: "Times New Roman";
      font-size: 100%;
      padding: 5px;
      margin: 10px;
       background-color: #000000; 
      box-shadow: 1px 1px 8px 0px #9CF8FF;
     -web kit-box-shadow: 1px 1px 8px 0px #9CF8FF;
    -moz-box-shadow: 1px 1px 8px 0px #9CF8FF;
   border: solid #337FED 1px;
      text-decoration: none;
     display: inline-block;
    }

.ramka_cz {
  display: inline-block;
    -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
        box-sizing: content-box;
          cursor: pointer;
            padding: 2px 2px;
            margin: 5px;
              border: 1px solid rgba(242,247,247,0.95);
                -webkit-border-radius: 3px;
                  border-radius: 3px;
                    font: normal 14px/normal Tahoma, Geneva, sans-serif;
                      color: #1aefaf;
                        text-align: center;
                          -o-text-overflow: clip;
                            text-overflow: clip;
                              background: #000000;
                                -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.62) ;
                                  box-shadow: 0 0 0 0 rgba(0,0,0,0.62) ;
                                    -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                      -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                        -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                          transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                          }

.ramka_b1 {
   -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
         border-radius: 7px;
            color: #000000;
               font-family: "Times New Roman";
      font-size: 20px;
      padding: 5px;
       background-color: #ffffff; 
      box-shadow: 1px 1px 8px 0px #9CF8FF;
     -web kit-box-shadow: 1px 1px 8px 0px #9CF8FF;
    -moz-box-shadow: 1px 1px 8px 0px #9CF8FF;
   border: solid #337FED 1px;
      text-decoration: none;
     display: inline-block;
    }
.ramka_sz {
   -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
         border-radius: 7px;
            color: #000000;
               font-family: "Times New Roman";
      font-size: 20px;
      padding: 5px;
       background-color: #f5f5f5; 
      box-shadow: 1px 1px 8px 0px #9CF8FF;
     -web kit-box-shadow: 1px 1px 8px 0px #9CF8FF;
    -moz-box-shadow: 1px 1px 8px 0px #9CF8FF;
   border: solid #337FED 1px;
      text-decoration: none;
     display: inline-block;
    }
    
.ramka_tm {
            color: #cccccc;
               font-family: "Curier";
      font-size: 100%;
      padding: 0px;
      text-decoration: none;
     display: inline-block;
    }


.ramka_zol {
  display: inline-block;
    -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
        box-sizing: content-box;
          width: 80%;
/*            cursor: pointer;  */
              padding: 2px 2px;
                border: 1px solid rgba(4,5,5,1);
                  -webkit-border-radius: 3px;
                    border-radius: 3px;
                      font: normal 19px/normal "Times New Roman", Times, serif;
                        color: rgba(9,10,9,1);
                          text-align: left;
                            -o-text-overflow: clip;
                              text-overflow: clip;
                                background: rgba(247,249,178,0.57);
                                  -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.62) ;
                                    box-shadow: 0 0 0 0 rgba(0,0,0,0.62) ;
                                      -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                        -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                          -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                            transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                            }

.ramka_zol2 {
  display: inline-block;
    -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
        box-sizing: content-box;
          width: 90%;
/*            cursor: pointer;  */
              padding: 2px 2px;
                border: 1px solid rgba(4,5,5,1);
                  -webkit-border-radius: 3px;
                    border-radius: 3px;
                      font: normal 17px/normal "Times New Roman", Times, serif;
                        color: rgba(9,10,9,1);
                          text-align: center;
                            -o-text-overflow: clip;
                              text-overflow: clip;
                                background: #f7f9b2;
                                  -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.62) ;
                                    box-shadow: 0 0 0 0 rgba(0,0,0,0.62) ;
                                      -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                        -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                          -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                            transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                            }


.ramka_zolta {
   -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
         border-radius: 7px;
            color: #000000;
               font-family: "Times New Roman";
      font-size: 20px;
      padding: 5px;
      margin: 5px;
      background-color: #F7F9B2; 
      box-shadow: 1px 1px 8px 0px #9CF8FF;
     -web kit-box-shadow: 1px 1px 8px 0px #9CF8FF;
    -moz-box-shadow: 1px 1px 8px 0px #9CF8FF;
   border: solid #337FED 1px;
      text-decoration: none;
     display: inline-block;
    }

.ramka_100 {
   -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
         border-radius: 7px;
            color: #000000;
               font-family: "Arial";
      font-size: 150px;
      padding: 5px;
      margin: 5px;
/*       background-color: #F7F9B2; */
   border: solid #337FED 1px;
      text-decoration: none;
     display: inline-block;
    }

.ramka_2 {
   -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
         border-radius: 7px;
            color: #000000;
               font-family: "Times New Roman";
      font-size: 20px;
      padding: 5px;
       background-color: #F7F9B2; 
      box-shadow: 1px 1px 8px 0px #9CF8FF;
     -web kit-box-shadow: 1px 1px 8px 0px #9CF8FF;
    -moz-box-shadow: 1px 1px 8px 0px #9CF8FF;
   border: solid #337FED 1px;
      text-decoration: none;
     display: inline-block;
    }
                                            
.ramka_1 {
   -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
         border-radius: 7px;
            color: #000000;
               font-family: "Times New Roman";
      font-size: 20px;
      padding: 5px;
       background-color: #e01612; 
      box-shadow: 1px 1px 8px 0px #9CF8FF;
     -web kit-box-shadow: 1px 1px 8px 0px #9CF8FF;
    -moz-box-shadow: 1px 1px 8px 0px #9CF8FF;
   border: solid #337FED 1px;
      text-decoration: none;
     display: inline-block;
    }
    
.tekst_0 {

    color: #000000;
       font-family: "Times New Roman";
      font-size: 50%;
      padding: 5px;
      text-decoration: none;
     display: inline-block;
    }                                        
.tekst_1 {

    color: #F0EBAF;
       font-family: "Times New Roman";
      font-size: 150%;
      padding: 5px;
      text-decoration: none;
     display: inline-block;
    }
                                            
.tekst_2 {

    color: #cccccc;
       font-family: "Times New Roman";
      font-size: 150%;
      padding: 5px;
      text-decoration: none;
     display: inline-block;
    }

.tekst_3 {

    color: #000000;
       font-family: "Times New Roman";
      font-size: 150%;
      padding: 5px;
      text-decoration: none;
     display: inline-block;
    }

.tekst_30 {
    color: #000000;
       font-family: "Times New Roman";
      font-size: 30px;
      padding: 30px;
      text-decoration: none;
     display: inline-block;
    }

.pole2 {
   -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
         border-radius: 7px;
            color: #000000;
               font-family: "Times New Roman";
      font-size: 30px;
      padding: 30px;
       background-color: #9DC2F2;
      box-shadow: 1px 1px 8px 0px #9CF8FF;
     -web kit-box-shadow: 1px 1px 8px 0px #9CF8FF;
    -moz-box-shadow: 1px 1px 8px 0px #9CF8FF;
   border: solid #337FED 1px;
      text-decoration: none;
     display: inline-block;

    }
                                            




.entry
{
	box-sizing: border-box;
      box-shadow: 5px 5px 8px 2px rgba(0,0,0,0.4) ; 
	width: 100vw;
	text-align: center;
	border-style: solid;
    border-width: 2px;
	padding: 1%;
	border-radius: 10px;
	margin-top: 2%;
	margin-bottom: 2%;
	font-size:5vh;
		
}




.opt 
{
	height: 17vh;
	text-.ramka {
   width: 90%;
   -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
         border-radius: 7px;
            color: #000000;
               font-family: "Times New Roman";
      font-size: 5vh;
     font-weight: normal;
    padding: 15px;
       background-color: #F5FEFF;
      box-shadow: 1px 1px 8px 0px #9CF8FF;
     -web kit-box-shadow: 1px 1px 8px 0px #9CF8FF;
    -moz-box-shadow: 1px 1px 8px 0px #9CF8FF;
   border: solid #337FED 1px;
      text-decoration: none;
     display: inline-block;

    }              
align: center;
	border-style: solid;
    border-width: 2px;
	margin: 1vmin;
	border-radius: 10px;
	text-align: center;
	vertical-align: middle;
	line-height: 17vh;  
	font-size: 5vh;
	border-color: #000;
	color: #000;
	
}





a
{
	text-decoration: none;
}

.unchanged
{
	background: #dee4de;
}


.unchanged_kom
{
   	background: #d0d1d0;
	/*	border-color: #DB1619;
  */
	
}


.changed
{
	background:   #d0d1d0;
	
	
}

.cancelled
{
	background: #ff7f50;
}
.whowhere
{
	color:  #ae1414;
	margin-top: 13px;
	margin-bottom: 13px;
	font-size: 50%;
}


.time
{

}


.topic
{
	font-size: 80%;	
}


.container
{
	text-align: center;  
	font-family:"Times New Roman";
/*	background: url("3.png");   */
        background-position: center;
        background-repeat: no-repeat;
}

.margines
{
	text-align: center;
	padding: 5px;
}




form
{
	font-size: 30px;
	/*  jwj  */
}

select
{
/*	width: 70vw;
	font-size: 200%;
*/
	background-color: #efefef;
	color: #666;
	border: 2px solid #ddd;
	border-radius: 5px;

	padding: 10px;
	box-sizing: border-box;
	outline: none;
	margin-top: 10px;
}

input[type=text]
{
/*
	width: 100%;
	font-size: 100%; 
		    
*/
	background-color: #efefef;
	color: #666;
	border: 2px solid #ddd;
	border-radius: 5px;
	padding: 10px;
	box-sizing: border-box;
	outline: none;
	margin-top: 5px;
}


input[type=number]
{
	background-color: #efefef;
	color: #666;
	border: 2px solid #ddd;
	border-radius: 5px;
/*	font-size: 55px;   */
	padding: 10px;
	box-sizing: border-box;
	outline: none;
	margin-top: 5px;
}


input[type=email],
input[type=password]
{
/*
	width: 100%;
	font-size: 55px;   
*/
	background-color: #efefef;
	color: #666;
	border: 2px solid #ddd;
	border-radius: 5px;

	padding: 10px;
	box-sizing: border-box;
	outline: none;
	margin-top: 5px;
}


input[type=date],
input[type=time]
{

	background-color: #efefef;
	color: #666;
	border: 2px solid #ddd;
	border-radius: 5px;
/* 	font-size: 55px;   */
	padding: 10px;
	box-sizing: border-box;
	outline: none;
	margin-top: 10px;
}



input[type=text]:focus,
input[type=password]:focus
{
	-webkit-box-shadow: 0px 0px 10px 2px rgba(204,204,204,0.9);
	-moz-box-shadow: 0px 0px 10px 2px rgba(204,204,204,0.9);
	box-shadow: 0px 0px 10px 2px rgba(204,204,204,0.9);
	border: 2px solid #a5cda5;
	background-color: #e9f3e9;
	color: #428c42;
}

input[type=submit]
{

	background-color: #36b03c;   
	font-size: 60%;
	color: white;
	padding: 10px 10px;
	margin-top: 5px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	letter-spacing: 2px;
	outline: none;
}

input[type=submit]:focus
{
	-webkit-box-shadow: 0px 0px 15px 5px rgba(204,204,204,0.9);
	-moz-box-shadow: 0px 0px 15px 5px rgba(204,204,204,0.9);
	box-shadow: 0px 0px 15px 5px rgba(204,204,204,0.9);
}

input[type=submit]:hover
{
	background-color: #37b93d;
}

input::-webkit-input-placeholder
{
    color: #999;
}
input:focus::-webkit-input-placeholder
{
    color: #428C42;
}

input:-moz-placeholder
{
    color: #999;
}
input:focus:-moz-placeholder
{
    color: #428C42;
}

input::-moz-placeholder
{
    color: #999;
}
input:focus::-moz-placeholder
{
    color: #428C42;
}

input:-ms-input-placeholder
{
    color: #999;
}
input:focus:-ms-input-placeholder
{
    color: #428C42;
}




.t50
{
        font: normal 12px/normal Tahoma, Geneva, sans-serif; 
        text-align: left;
}

.blok1
{
        margin: 0px 0px;
        font: normal 50%/normal Tahoma, Geneva, sans-serif; 
        text-align: center;
        
}


.b1 {
  display: inline-block;
  -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
        box-sizing: content-box;
        width: 95%;
          cursor: pointer;
            padding: 8px 10px;
            margin: 5px 0px;
              border: 1px solid #0e0f0f;
                -webkit-border-radius: 3px;
                  border-radius: 3px;
                    font: normal 18px/normal Tahoma, Geneva, sans-serif;
                      color: rgba(255,255,255,0.9);
                        text-align: center;
                          -o-text-overflow: clip;
                            text-overflow: clip;
                              background: #083a20;
                                -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
                                  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
                                    -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                      -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                        -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                          transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                          }
                                          
                                          .b1:hover {
                                            border: 1px solid #141616;
                                              color: rgba(5,4,4,0.84);
                                                background: rgba(7,107,87,1);
                                                  -webkit-box-shadow: 0 6px 2px 0 rgba(0,0,0,0.66) ;
                                                    box-shadow: 0 6px 2px 0 rgba(0,0,0,0.66) ;
                                                    }
                                                    
                                                    .b1:active {
                                                      border: 1px solid #018dc4;
                                                        color: #429eb7;
                                                          background: rgba(2,28,7,1);
                                                            -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
                                                              box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
                                                              }

.b3 {
  display: inline-block;
  -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
        box-sizing: content-box;  
        width: 95%;
/*          cursor: pointer;*/
            padding: 8px 10px;
            margin: 5px 0px;
              border: 1px solid #0e0f0f;
                -webkit-border-radius: 3px;
                  border-radius: 3px;
                    font: normal 18px/normal Tahoma, Geneva, sans-serif;
                      color: #000000;
                        text-align: center;  
                          -o-text-overflow: clip;
                            text-overflow: clip;
                              background: #F7F9B2;
                                -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
                                  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
                                    -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                      -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                        -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                      transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  }

.b3a {
  display: inline-block;
  -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
        box-sizing: content-box;
/*        width: 95%;
          cursor: pointer;*/
            padding: 8px 10px;
            margin: 5px 0px;
              border: 1px solid #0e0f0f;
                -webkit-border-radius: 3px;
                  border-radius: 3px;
                    font: normal 16px/normal Tahoma, Geneva, sans-serif;
                      color: #000000;
                        text-align: center;
                          -o-text-overflow: clip;
                            text-overflow: clip;
                              background: #F7F9B2;
                                -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
                                  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
                                    -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                      -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                        -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                      transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  }


.bcza {
  display: inline-block;
    -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
        box-sizing: content-box;
/*          width: 95%;
            cursor: pointer;		*/
              padding: 2px 2px;
                border: 1px solid rgba(242,247,247,0.95);
                  -webkit-border-radius: 3px;
                    border-radius: 3px;
                      font: normal 18px/normal Tahoma, Geneva, sans-serif;
                        color: #e1ede7;
                          text-align: center;
                            -o-text-overflow: clip;
                              text-overflow: clip;
                                background: #c61c13;
                                  -webkit-box-shadow: 0 6px 2px 0 rgba(0,0,0,0.62) ;
                                    box-shadow: 0 6px 2px 0 rgba(0,0,0,0.62) ;
                                      -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                        -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                          -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                            transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                            }


.b1bezr {
  display: inline-block;
    -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
        box-sizing: content-box;
            padding: 0px 20px;
            margin: 0px 0px;
/*              border: 1px solid #0e0f0f;   */
                -webkit-border-radius: 3px;
                  border-radius: 3px;
                    font: normal 18px/normal Tahoma, Geneva, sans-serif;
                      color: rgba(255,255,255,0.9);
                        text-align: center;
                          -o-text-overflow: clip;
                            text-overflow: clip;
                              background: #083a20;
                                    -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                      -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                        -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                          transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                          }

.b1zr {
  display: inline-block;
    -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
        box-sizing: content-box;
            padding: 0px 20px;
            margin: 0px 0px;
              border: 1px solid #0e0f0f;   
                -webkit-border-radius: 3px;
                  border-radius: 3px;
                    font: normal 18px/normal Tahoma, Geneva, sans-serif;
                      color: rgba(255,255,255,0.9);
                        text-align: center;
                          -o-text-overflow: clip;
                            text-overflow: clip;
                              background: #083a20;
                                  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
                                    -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                      -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                        -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                          transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                          }


.b1auto {
  display: inline-block;
    -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
        box-sizing: content-box;
          cursor: pointer;
            padding: 8px 10px;
            margin: 5px 0px;
              border: 1px solid #0e0f0f;
                -webkit-border-radius: 3px;
                  border-radius: 3px;
                    font: normal 18px/normal Tahoma, Geneva, sans-serif;
                      color: rgba(255,255,255,0.9);
                        text-align: center;
                          -o-text-overflow: clip;
                            text-overflow: clip;
                              background: #083a20;
                                -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
                                  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
                                    -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                      -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                        -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                          transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                          }
                                          
                                          .b1auto:hover {
                                            border: 1px solid #141616;
                                              color: rgba(5,4,4,0.84);
                                                background: rgba(7,107,87,1);
                                                  -webkit-box-shadow: 0 6px 2px 0 rgba(0,0,0,0.66) ;
                                                    box-shadow: 0 6px 2px 0 rgba(0,0,0,0.66) ;
                                                    }
                                                    
                                                    .b1auto:active {
                                                      border: 1px solid #018dc4;
                                                        color: #429eb7;
                                                          background: rgba(2,28,7,1);
                                                            -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
                                                              box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
                                                              }


.o3 {
  display: inline-block;
    -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
        box-sizing: content-box;
        width: 100%;
            margin: 0px;
              padding: 0px;
                overflow: hidden;
                  border: 0px solid rgba(180,180,180,0.7);
                    font: normal 12px/1 Tahoma, Geneva, sans-serif;
                      color: rgba(140,140,140,1);
                        text-align: center;
                          -o-text-overflow: ellipsis;
                            text-overflow: ellipsis;
                              background: rgba(255,255,255,1);
                                  }


.o2 {
  display: inline-block;
    -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
        box-sizing: content-box;
          top: 1em;
            margin: 4px;
              padding: 3px;
                overflow: hidden;
                  border: 1px solid rgba(180,180,180,0.7);
                    font: normal 16px/1 Tahoma, Geneva, sans-serif;
                      color: rgba(140,140,140,1);
                        text-align: center;
                          -o-text-overflow: ellipsis;
                            text-overflow: ellipsis;
                              background: rgba(255,255,255,1);
                                -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0) ;
                                  box-shadow: 0 0 2px 2px rgba(0,0,0,0) ;
                                  }
                                  
                                  .o2:hover {
                                    color: rgba(40,40,40,1);
                                      -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.12) ;
                                        box-shadow: 0 0 2px 2px rgba(0,0,0,0.12) ;
                                        }
                                        
                                        .o2:active {
                                          color: rgba(0,53,53,1);
                                            -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.28) ;
                                              box-shadow: 0 0 2px 2px rgba(0,0,0,0.28) ;
                                              }

.o2a {
  display: inline-block;
    -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
        box-sizing: content-box;
          top: 1em;
            margin: 4px;
              padding: 10px;
                overflow: hidden;
                  border: 1px solid rgba(225,20,47,0.7);
                    font: normal 16px/1 Tahoma, Geneva, sans-serif;
                      color: rgba(140,140,140,1);
                        text-align: center;
                          -o-text-overflow: ellipsis;
                            text-overflow: ellipsis;
                              background: rgba(255,255,255,1);
                                -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.12) ;
                                  box-shadow: 0 0 2px 2px rgba(0,0,0,0.12) ;
                                  }
                                  
                                  .o2a:hover {
                                    color: rgba(40,40,40,1);
                                      -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.12) ;
                                        box-shadow: 0 0 2px 2px rgba(0,0,0,0.12) ;
                                        }
                                        
                                        .o2a:active {
                                              color: rgba(0,53,53,1);
                                            -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.28) ;
                                              box-shadow: 0 0 2px 2px rgba(0,0,0,0.28) ;
                                              }


.b2auto {
  display: inline-block;
    -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
        box-sizing: content-box;
          cursor: pointer;   
            padding: 8px 10px;
            margin: 5px 0px;
              border: 1px solid #0e0f0f;
                -webkit-border-radius: 3px;
                  border-radius: 3px;
                    font: normal 18px/normal Tahoma, Geneva, sans-serif;
	    color: #13f78d;
/*                      color: rgba(255,255,255,0.9);  */
                        text-align: center;
                          -o-text-overflow: clip;
                            text-overflow: clip;
                              background: #083a20;
                                -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
                                  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
                                    -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                      -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                        -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                          transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                          }
                                          
                                          .b2auto:hover {
                                            border: 1px solid #141616;
                                             /* color: rgba(5,4,4,0.84);*/
                                                background: rgba(7,107,87,1);
                                                  -webkit-box-shadow: 0 6px 2px 0 rgba(0,0,0,0.66) ;
                                                    box-shadow: 0 6px 2px 0 rgba(0,0,0,0.66) ;
                                                    }
                                                    
                                                    .b2auto:active {
                                                      border: 1px solid #018dc4;
                                                        color: #429eb7;
                                                          background: rgba(2,28,7,1);
                                                            -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
                                                              box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
                                                              }


.b3auto {
  display: inline-block;
    -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
        box-sizing: content-box;
          cursor: pointer;   
            padding: 8px 10px;
            margin: 5px 0px;
              border: 1px solid #0e0f0f;
                -webkit-border-radius: 3px;
                  border-radius: 3px;
                    font: normal 18px/normal Tahoma, Geneva, sans-serif;
        color: #429eb7;
/*                      color: rgba(255,255,255,0.9);  */
                        text-align: center;
                          -o-text-overflow: clip;
                            text-overflow: clip;
                              background: #000000;
                                -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
                                  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
                                    -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                      -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                        -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                          transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                          }
                                          
                                          .b3auto:hover {
                                            border: 1px solid #141616;
                                             /* color: rgba(5,4,4,0.84);*/
                                                background: rgba(7,107,87,1);
                                                  -webkit-box-shadow: 0 6px 2px 0 rgba(0,0,0,0.66) ;
                                                    box-shadow: 0 6px 2px 0 rgba(0,0,0,0.66) ;
                                                    }
                                                    
                                                    .b3auto:active {
                                                      border: 1px solid #018dc4;
                                                        color: #429eb7;
                                                          background: rgba(2,28,7,1);
                                                            -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
                                                              box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
                                                              }




.godzina
{
 -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
     box-sizing: content-box;
       width: ;
         height: ;
           border: 1px solid #AB350A;
             -webkit-border-radius: 10px;
               border-radius: 10px;
                 font: normal 50% "Times New Roman", Times, serif;
                   color: rgba(0,0,0,1);
                     -o-text-overflow: ellipsis;
                       text-overflow: ellipsis;
                         background: #FFBF00;
                           -webkit-box-shadow: 5px 5px 8px 2px rgba(0,0,0,0.4) ;
                             box-shadow: 5px 5px 8px 2px rgba(0,0,0,0.4) ; 
    
}


.aktualne
{
font-size: 50%;
text-align: left;
color: #3F900E;
text-shadow: 2px 2px 12px #A3A49C;
}

.zakonczone
{
font-size: 50%;
text-align: left;
color: #901912;
text-shadow: 2px 2px 12px #A3A49C;
}

.planowane
{
font-size: 50%;
text-align: left;
color: #363CFF;
text-shadow: 2px 2px 12px #A3A49C;

}


.komunikat
{
	font-size:60%;
text-align: left;
		color: #CF0628;
}



.button {
/*  display: inline-block;  */
    -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
    box-sizing: content-box;
      position: relative;
    cursor: pointer;
      padding: 0 20px 0 73px;
/*            padding: 0 20px 0 73px;    */
    border: none;
  font: normal 22px/2.4 "Open Sans", Helvetica, sans-serif;
    color: rgba(255,255,255,0.9);
        -o-text-overflow: clip;
  text-overflow: clip;
    background: #009688;
          -webkit-box-shadow: 0 5px 0 0 #0daa9b ;
    box-shadow: 0 5px 0 0 #0daa9b ;
  text-shadow: 0 1px 1px rgba(87,151,180,0.36) ;
    -webkit-transition: top 50ms cubic-bezier(0.42, 0, 0.58, 1);
      -moz-transition: top 50ms cubic-bezier(0.42, 0, 0.58, 1);
                    -o-transition: top 50ms cubic-bezier(0.42, 0, 0.58, 1);
                          transition: top 50ms cubic-bezier(0.42, 0, 0.58, 1);
      }
                                          
.button:hover {
                                            background: #03786d;
                                              -webkit-box-shadow: 0 5px 0 0 rgba(80,105,155,1) ;
                                                box-shadow: 0 5px 0 0 #02322e ;
                                                  -webkit-transition: none;
                                                    -moz-transition: none;
                                                      -o-transition: none;
                                                    transition: none;
            }
                                                        
.button:active {
                                                          top: 2px;
                                                            -webkit-box-shadow: 0 3px 0 0 rgba(80,105,155,1) ;
                                                              box-shadow: 0 3px 0 0 rgba(80,105,155,1) ;
              }
                                                              
.button::before {
                         /*  display: inline-block;  */
                          -webkit-box-sizing: content-box;
                                        -moz-box-sizing: content-box;
                                      box-sizing: content-box;
                                width: 50px;
                              height: 100%;
                            position: absolute;
                          content: "";
                            cursor: pointer;
                          top: 0;
                                        left: 0;
                              border: 0 solid #018dc4;
                        border-right: 1px solid rgba(255,255,255,0.2);
                              font: normal medium/normal Arial, Helvetica, sans-serif;
                            color: rgba(0,0,0,0.9);
                          -o-text-overflow: clip;
                            text-overflow: clip;
                          background: url("logo_1.png"), rgba(0,0,0,0.05);
                            background-repeat: no-repeat;
                              background-position: 50% 50%;
                            -webkit-background-origin: content-box;
                                  background-origin: content-box;
                        -webkit-background-clip: border-box;
                                      background-clip: border-box;
                                -webkit-background-size: 30px auto;
                                  background-size: 50px auto;
                                                                                                                    text-shadow: -1px -1px 0 rgba(15,73,168,0.66) ;
                                                                                                                      -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                                                                                                        -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                                                                                                          -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                                                                                                            transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
        }


.myButton {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	    box-shadow:inset 0px 1px 0px 0px #cccccc;
		background-color:#ededed;
		    -moz-border-radius:6px;
			-webkit-border-radius:6px;
			    border-radius:6px;
				border:1px solid #dcdcdc;
				    display:inline-block;
					cursor:pointer;
					    color:#777777;
						font-family:"Times New Roman";
						    font-size:200%;
							font-weight:normal;
							    padding:6px 24px;
								text-decoration:none;
								    text-shadow:0px 0px 0px #ffffff;
								    }
								    .myButton:hover {
									background-color:#dfdfdf;
									}
									.myButton:active {
									    position:relative;
										top:1px;
										}
.BUTTON_KDH {
   -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
         border-radius: 7px;
            color: #000000;
               font-family: Open Sans;
                  font-size: 40px;
                     font-weight: 100;
                        padding: 25px;
                           background-color: #ffffff;
                              box-shadow: 1px 1px 8px 0px #2E89FF;
                                 -webkit-box-shadow: 1px 1px 8px 0px #2E89FF;
                                    -moz-box-shadow: 1px 1px 8px 0px #2E89FF;
                                       border: solid #337FED 1px;
                                          text-decoration: none;
                                             display: inline-block;
                                                cursor: pointer;
                                                }
                                                
                                                .BUTTON_KDH:hover {
                                                   background: #DAE7E8;
                                                      text-decoration: none;
                                                      }
                                                     
.BUTTON_1 {
   -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
         border-radius: 7px;
            color: #000000;
               font-family: "Times New Roman";
      font-size: 60px;
     font-weight: 100;
    padding: 25px;
       background-color: #F5FEFF;
      box-shadow: 1px 1px 8px 0px #9CF8FF;
     -web kit-box-shadow: 1px 1px 8px 0px #9CF8FF;
    -moz-box-shadow: 1px 1px 8px 0px #9CF8FF;
   border: solid #337FED 1px;
      text-decoration: none;
     display: inline-block;
    cursor: pointer;
    }
                                            
.BUTTON_1:hover {
           background: #DAE7E8;
          text-decoration: none;
              }
              
.BUTTON_2 {
   -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
         border-radius: 7px;
            color: #000000;
               font-family: "Times New Roman";
      font-size: 50%x;
    padding: 5px;
       background-color: #F5FEFF;
      box-shadow: 1px 1px 8px 0px #9CF8FF;
     -web kit-box-shadow: 1px 1px 8px 0px #9CF8FF;
    -moz-box-shadow: 1px 1px 8px 0px #9CF8FF;
   border: solid #337FED 1px;
      text-decoration: none;
     display: inline-block;
    cursor: pointer;
    }
                                            
.BUTTON_2:hover {
           background: #DAE7E8;
          text-decoration: none;
              }              

.button_3 {
      color: #A40C27;
               font-family: "Times New Roman";
      font-size: 100%;
      padding: 0px;
       background-color: #F7F9B2;
       border: solid #337FED 1px;
      text-decoration: none;
     display: inline-block;
    cursor: pointer;
    }
                                            
.button_3:hover {
           background: #009688;
          text-decoration: none;
              }



.button_n {
   -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
         border-radius: 7px;
            color: #000000;
               font-family: "Times New Roman";
      font-size: 100%;
      padding: 8px;
       background-color: #F7F9B2;
      box-shadow: 1px 1px 8px 0px #9CF8FF;
     -web kit-box-shadow: 1px 1px 8px 0px #9CF8FF;
    -moz-box-shadow: 1px 1px 8px 0px #9CF8FF;
   border: solid #337FED 1px;
      text-decoration: none;
     display: inline-block;
    cursor: pointer;
    }
                                            
.button_n:hover {
           background: #009688;
          text-decoration: none;
              }


.button_apm {
   -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
         border-radius: 7px;
            color: #ffffff;
               font-family: "Times New Roman";
      font-size: 100%;
      padding: 5px;
      margin: 3px;
       background-color: #009688;
/*      box-shadow: 1px 1px 8px 0px #9CF8FF;
     -web kit-box-shadow: 1px 1px 8px 0px #9CF8FF;
    -moz-box-shadow: 1px 1px 8px 0px #9CF8FF;
   border: solid #337FED 1px;
   */
      text-decoration: none;
     display: inline-block;
    cursor: pointer;
    }
.button_apm:hover {
           background: red;
           /*          background: #F7F9B2; */
          text-decoration: none;
              }
              
.button_kwadrat {
   -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
         border-radius: 2px;
            color: #ffffff;
               font-family: "Arial";
      font-size: 50%;
      padding: 4px;
      margin: 10px;
       background-color: #009688;
      box-shadow: 1px 1px 0px 0px #9CF8FF;
     -web kit-box-shadow: 1px 1px 0px 0px #9CF8FF;
    -moz-box-shadow: 1px 1px 0px 0px #9CF8FF;
   border: solid #337FED 1px;
      text-decoration: none;
     display: inline-block;
    cursor: pointer;
    }
.button_kwadrat:hover {

          background: #cccccc; 
          text-decoration: none;
              }              
              
              
              
              
              
              
.button_powrot {
   -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
         border-radius: 0px;
            color: #ffffff;
               font-family: "Times New Roman";
      font-size: 100%;
      padding: 5px;
      margin: 5px;
       background-color: #009688;
      box-shadow: 1px 1px 0px 0px #9CF8FF;
     -web kit-box-shadow: 1px 1px 0px 0px #9CF8FF;
    -moz-box-shadow: 1px 1px 8px 0px #9CF8FF;
   border: solid #337FED 1px;
      text-decoration: none;
     display: inline-block;
    cursor: pointer;
    }
.button_powrot:hover {
         background: #cccccc; 
          text-decoration: none;
              }
              

.error2 {
   width: 90%;
   -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
         border-radius: 7px;
            color: #000000;
               font-family: "Times New Roman";
      font-size: 5vh;
     font-weight: normal;
    padding: 15px;
       background-color: #e01612;
      box-shadow: 1px 1px 8px 0px #9CF8FF;
     -web kit-box-shadow: 1px 1px 8px 0px #9CF8FF;
    -moz-box-shadow: 1px 1px 8px 0px #9CF8FF;
   border: solid #337FED 1px;
      text-decoration: none;
     display: inline-block;

    }              
.error {
/*   width: 90%; */
   -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
         border-radius: 7px;
            color: #000000;
               font-family: "Times New Roman";
      font-size: 140%;
     font-weight: normal;
    padding: 15px;
       background-color: #e01612;
      box-shadow: 1px 1px 8px 0px #9CF8FF;
     -web kit-box-shadow: 1px 1px 8px 0px #9CF8FF;
    -moz-box-shadow: 1px 1px 8px 0px #9CF8FF;
   border: solid #337FED 1px;
      text-decoration: none;
     display: inline-block;

    }              


.ramka1 {
	text-align: left;
     display: inline-block;
     font-size: 30px;
     	color: #CF0628;
    }              



.ramka_tabela {
     display: inline-block;
              }              
    
.ramka_center {
   -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
         border-radius: 7px;
            color: #000000;
       font-family: "Times New Roman";
      font-size: 3vh;
     font-weight: normal;
    padding: 25px;
       background-color: #F5FEFF;
      box-shadow: 1px 1px 8px 0px #9CF8FF;
     -web kit-box-shadow: 1px 1px 8px 0px #9CF8FF;
    -moz-box-shadow: 1px 1px 8px 0px #9CF8FF;
   border: solid #337FED 1px;
      text-decoration: none;
     display: inline-block;

    }                  
.ramka_tyt {
   -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
         border-radius: 7px;
            color: #cccccc;
       font-family: "Times New Roman";
      font-size: 3vh;
     font-weight: normal;
    padding: 3px;
       background-color: #033e38;
      box-shadow: 1px 1px 8px 0px #9CF8FF;
     -web kit-box-shadow: 1px 1px 8px 0px #9CF8FF;
    -moz-box-shadow: 1px 1px 8px 0px #9CF8FF;
   border: solid #337FED 1px;
      text-decoration: none;
     display: inline-block;

    }                  

.ramka_pyt {

   width: 90%;
   -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
         border-radius: 7px;
            color: #000000;
               font-family: "Times New Roman";
      font-size: 5vh;
     font-weight: normal;
    padding: 15px;
       background-color: #F7F9B2;;
      box-shadow: 1px 1px 8px 0px #9CF8FF;
     -web kit-box-shadow: 1px 1px 8px 0px #9CF8FF;
    -moz-box-shadow: 1px 1px 8px 0px #9CF8FF;
   border: solid #337FED 1px;
      text-decoration: none;
     display: inline-block;

    }              

                                        

.ramka_biala {
   -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
         border-radius: 7px;
            color: #000000;
               font-family: "Times New Roman";
      font-size: 20px;
      padding: 10px;
/*       background-color: #F7F9B2; */
      box-shadow: 1px 1px 8px 0px #9CF8FF;
     -web kit-box-shadow: 1px 1px 8px 0px #9CF8FF;
    -moz-box-shadow: 1px 1px 8px 0px #9CF8FF;
   border: solid #337FED 1px;
      text-decoration: none;
     display: inline-block;
/*    cursor: pointer; */
    }

.ramka_czarna {
  display: inline-block;
    -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
        box-sizing: content-box;
          width: 95%;
/*            cursor: pointer;		*/
              padding: 2px 2px;
                border: 1px solid rgba(242,247,247,0.95);
                  -webkit-border-radius: 3px;
                    border-radius: 3px;
                      font: normal 18px/normal Tahoma, Geneva, sans-serif;
                        color: #e1ede7;
                          text-align: center;
                            -o-text-overflow: clip;
                              text-overflow: clip;
                                background: rgba(19,20,20,0.95);
                                  -webkit-box-shadow: 0 6px 2px 0 rgba(0,0,0,0.62) ;
                                    box-shadow: 0 6px 2px 0 rgba(0,0,0,0.62) ;
                                      -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                        -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                          -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                            transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                            }


.ramka_czerwona {
  display: inline-block;
    -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
        box-sizing: content-box;
          width: 95%;
/*            cursor: pointer;		*/
              padding: 2px 2px;
                border: 1px solid rgba(242,247,247,0.95);
                  -webkit-border-radius: 3px;
                    border-radius: 3px;
                      font: normal 18px/normal Tahoma, Geneva, sans-serif;
                        color: #e1ede7;
                          text-align: center;
                            -o-text-overflow: clip;
                              text-overflow: clip;
                                background: #c61c13;
                                  -webkit-box-shadow: 0 6px 2px 0 rgba(0,0,0,0.62) ;
                                    box-shadow: 0 6px 2px 0 rgba(0,0,0,0.62) ;
                                      -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                        -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                          -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                            transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
                                            }

                                            
.ramka_red {
   -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
         border-radius: 7px;
            color: #000000;
               font-family: "Times New Roman";
      font-size: 20px;
      padding: 10px;
       background-color: #F7F9B2; 
      box-shadow: 1px 1px 8px 0px #9CF8FF;
     -web kit-box-shadow: 1px 1px 8px 0px #9CF8FF;
    -moz-box-shadow: 1px 1px 8px 0px #9CF8FF;
   border: solid #337FED 1px;
      text-decoration: none;
     display: inline-block;
/*    cursor: pointer; */
    }
                                            
.tabelka
{
	font-size:100px;
	text-align: center;
	color: #CF0628;
}

.maly_tekst
{
	text-align: center;
	font-size: 50%;
	color: #337FED;
}





label
{
	text-align: center;
	font-size: 22px;
	display: block;

}
.pole1 {
   -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
         border-radius: 7px;
            color: #000000;
               font-family: "Times New Roman";
      font-size: 20px;
      padding: 10px;
       background-color: #F7F9B2;
      box-shadow: 1px 1px 8px 0px #9CF8FF;
     -web kit-box-shadow: 1px 1px 8px 0px #9CF8FF;
    -moz-box-shadow: 1px 1px 8px 0px #9CF8FF;
   border: solid #337FED 1px;
      text-decoration: none;
     display: inline-block;
/*    cursor: pointer; */
    }
                                            


table.blueTable {
  border: 1px solid #1C6EA4;
    background-color: #EEEEEE;
    font: normal 100%/normal Tahoma, Geneva, sans-serif;
/*      width: 100%;   */
        text-align: left;
          border-collapse: collapse;
          }
          table.blueTable td, table.blueTable th {
            border: 1px solid #AAAAAA;
              padding: 3px 2px;
/*                     text-align: left;    */
              }
              table.blueTable tbody td {
                font-size: 100%;
/*                 text-align: right;   */
                }

                
                table.blueTable tr:nth-child(even) {
                  background: #D0E4F5;
                  }

                table.blueTable tr:hover {
                  background: #ffff99;
                  }



table.blueTable tr .links {
text-align: left;
}
table.blueTable tr .links a{
width: 100%;
display: inline-block;
background: #1C6EA4 transparent;
color: #000000;
padding: 0px 10px;
border-radius: 0px;
}

  table.blueTable thead {
                    background: #cccccc;
                      background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
                        background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
                          background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
                            border-bottom: 2px solid #444444;
                            }
                            table.blueTable thead th {
                              font-size: 100%;
                                font-weight: normal;
                                  color: #000000;
                                    border-left: 2px solid #D0E4F5;
                                    }
                                    table.blueTable thead th:first-child {
                                      border-left: none;
                                      }
                                      
                                      table.blueTable tfoot {
                                        font-size: 100%;
                                          font-weight: bold;
                                            color: #000000;
                                              background: #D0E4F5;
                                                background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
                                                  background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
                                                    background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
                                                      border-top: 2px solid #444444;
                                                      }
                                                      table.blueTable tfoot td {
                                                        font-size: 22px;
                                        }
table.blueTable tfoot .links {
                      text-align: right;
                          }
table.blueTable tfoot .links a{
display: inline-block;
background: #1C6EA4;
color: #FFFFFF;
padding: 2px 8px;
border-radius: 5px;
}


myTable {
  display: table;
  }
  .myTable a {
    display: table-row;
    }
    .myTable a span {
      display: table-cell;
        padding: 2px; /* this line not really needed */
    }



table.blueTable2 {
  border: 1px solid #1C6EA4;
background-color: #EEEEEE;
  width: 100%;
text-align: left;
  border-collapse: collapse;
      }
  table.blueTable2 td, table.blueTable2 th {

    border: 1px solid #AAAAAA;
      padding: 3px 2px;
      }
      table.blueTable2 tbody td {
  width: 10%;
        font-size: 100%;
        }
/*    
    table.blueTable2 tr:nth-child(even) {
      background: #D0E4F5;
      }
*/
                  table.blueTable2 thead {
                    background: #1C6EA4;
                      background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
                        background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
                          background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
                            border-bottom: 2px solid #444444;
                            }
                            table.blueTable2 thead th {
                              font-size: 15px;
                            font-weight: bold;
                              color: #FFFFFF;
                            border-left: 2px solid #D0E4F5;
                            }
                            table.blueTable2 thead th:first-child {
                              border-left: none;
                          }
                              table.blueTable2 tfoot {
                                font-size: 14px;
                              font-weight: bold;
                            color: #FFFFFF;
                              background: #D0E4F5;
                            background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
                              background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
                                background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
                              border-top: 2px solid #444444;
                                      }
                                      table.blueTable2 tfoot td {
                                        font-size: 14px;
                                            }
                                    table.blueTable2 tfoot .links {
                                      text-align: right;
                                          }
                                      table.blueTable2 tfoot .links a{
                                    display: inline-block;
                                          background: #1C6EA4;
                                    color: #FFFFFF;
                                  padding: 2px 8px;
                                border-radius: 5px;
}


table.minimalistBlack {
  border: 3px solid #000000;
    width: 100%;  
      text-align: left;
        border-collapse: collapse;
        }
        table.minimalistBlack td, table.minimalistBlack th {
          border: 1px solid #000000;
            padding: 5px 4px;
            }
            table.minimalistBlack tbody td {
              font-size: 13px;
              }
              table.minimalistBlack thead {
                background: #CFCFCF;
                  background: -moz-linear-gradient(top, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
                    background: -webkit-linear-gradient(top, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
                      background: linear-gradient(to bottom, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
                        border-bottom: 3px solid #000000;
                        }
                        table.minimalistBlack thead th {
                          font-size: 15px;
                            font-weight: bold;
                              color: #000000;
                                text-align: left;
                                }
                                table.minimalistBlack tfoot {
                                  font-size: 14px;
                                    font-weight: bold;
                                      color: #000000;
                                        border-top: 3px solid #000000;
                                        }
                                        table.minimalistBlack tfoot td {
                                          font-size: 14px;
 }