* { margin:0; padding:0;
vertical-align: middle; }


.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;
    }
                                            





.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: 100%;
	color: white;
	padding: 15px 10px;
	margin-top: 20px;
	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;
}





.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) ; 
    
}

.trwa {
 /* display: inline-block;*/
            padding: 0px 10px;
            margin: 0px 0px;
            font: normal 24px/normal Tahoma, Geneva, sans-serif;
  /*color: rgba(255,255,255,0.9);*/
            color: #13f78d;
    text-align: center;
  -o-text-overflow: clip;
text-overflow: clip;
      }
.plan {
 /* display: inline-block;*/
            padding: 0px 10px;
            margin: 0px 0px;
            font: normal 20px/normal Tahoma, Geneva, sans-serif;
/*  color: rgba(255,255,255,0.9);*/
            color: #f3f78d;
    text-align: center;
  -o-text-overflow: clip;
text-overflow: clip;
      }

.kto {
 display: inline-block;
width: 95%;
            padding: 5px 0px;
            margin: 0px 0px;
            font: normal 18px/normal Times New Roman, Geneva, sans-serif;
            color: #cccccc;
    text-align: center;
  -o-text-overflow: clip;
text-overflow: clip;
      }


.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;
}


.logo {
  display: inline-block;
    -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
        box-sizing: content-box;
          padding: 8px;
            overflow: hidden;
              border: none;
                font: italic normal normal 26px/1 Verdana, Geneva, sans-serif;
                  color: rgba(29,136,224,1);
                    text-align: center;
                      -o-text-overflow: ellipsis;
                        text-overflow: ellipsis;
                          text-shadow: 1px 1px 1px rgba(0,0,0,0.2) ;
                          }
                          
                          .logo:hover {
                            color: rgba(196,201,206,1);
                            }

.b1auto {
  display: inline-block;
    -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
        box-sizing: content-box;
          cursor: pointer;
            padding: 10px 20px;
              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) ;
                                                              }

.bcza {
  display: inline-block;
    -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
        box-sizing: content-box;
          width: 98%;
/*            cursor: pointer;		*/
              padding: 2px 0px;
                 margin: 10px 0px;
                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);
                                            }


.spanw {
height: 20vh;
  }

.bn1 {
  display: inline-block;
    -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
        box-sizing: content-box;
          width: 55%; 
            cursor: pointer;
              padding: 18px 0px;
              margin: 5px 0px;
                border: 1px solid #018dc4;
                  -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: #06506d;
                                  -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);
                                            }
                                            
                                            .bn1:hover {
                                              color: rgba(5,4,4,0.84);
                                                background: #0978a0;
                                                  -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) ;
                                                    }
                                                    
                                                    .bn1:active {
                                                      color: rgba(131,203,226,1);
                                                        background: #163a47;
                                                          -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) ;
                                                            }

.bn2 {
  display: inline-block;
    -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
        box-sizing: content-box;
          width: 95%;
              padding: 8px 0px;
              margin: 5px 0px;
                border: 1px solid #018dc4;
                  -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: #5D8AA8;*/
                                 background: #006a80; 
                                  -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);
                                            }


.bn3 {
  display: inline-block;
    -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
        box-sizing: content-box;
/*          width: 55%; */
            cursor: pointer;
              padding: 5px 10px;
              margin: 5px 0px;
                border: 1px solid #018dc4;
                  -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: #06506d;
                                  -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);
                                            }
                                            
                                            .bn3:hover {
                                              color: rgba(5,4,4,0.84);
                                                background: #0978a0;
                                                  -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) ;
                                                    }
                                                    
                                                    .bn3:active {
                                                      color: rgba(131,203,226,1);
                                                        background: #163a47;
                                                          -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) ;
                                                            }




.bn {
  display: inline-block;
    -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
        box-sizing: content-box;
          width: 100%;
            cursor: pointer;
              padding: 10px 0px;
                border: 1px solid #018dc4;
                  -webkit-border-radius: 3px;
                    border-radius: 3px;
                      font: normal 16px/normal Tahoma, Geneva, sans-serif;
                        color: rgba(255,255,255,0.9);
                          text-align: center;
                            -o-text-overflow: clip;
                              text-overflow: clip;
                                background: #094f6b;
                                  -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) ;
                                      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);
                                              }
                                              
                                              .bn:hover {
                                                background: #0978a0;
                                                }
                                                
                                                .bn:active {
                                                  background: #163a47;
                                                    text-shadow: none;
                                                    }

.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;    */
    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_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;
              }

              

.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: 15px;
       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_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;
      width: 100%;
        text-align: left;
          border-collapse: collapse;
          }
          table.blueTable td, table.blueTable th {
            border: 1px solid #AAAAAA;
              padding: 3px 2px;
              }
              table.blueTable tbody td {
                font-size: 120%;
                }
                table.blueTable tr:nth-child(even) {
                  background: #D0E4F5;
                  }
                  table.blueTable 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.blueTable thead th {
                              font-size: 15px;
                                font-weight: bold;
                                  color: #FFFFFF;
                                    border-left: 2px solid #D0E4F5;
                                    }
                                    table.blueTable thead th:first-child {
                                      border-left: none;
                                      }
                                      
                                      table.blueTable 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.blueTable tfoot td {
                                                        font-size: 14px;
                                                        }
                                                        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;
                                                                    }