body{
/*background-color: white;*/
background-size: 100%;
min-height: 670px;
background-size: fixed;
font-size: 10pt;
font-family: times new roman;
-webkit-text-size-adjust: 0;

}

.text1{
clear:both; 
text-align:center; 
bottom:5px; 
margin-bottom:0px; 
position:fixed;
width:100%; 
font-weight:bold; 
color: white;

}

.tabel1{
width:100%;
height:100%;
background-color:white;


}

.tabel2{
width:100%;
height:10%;
background-color:white;
margin-top:-0.5%;

}


.buton1_1{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:140px;
height:140px;
background-color:lightpink;
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
color: black;
font-size:20pt;
font-family: times new roman;
text-align:center;
#padding-bottom:100px;
} 

.buton1_1:hover{
background-color:lightpink;
/*color:magenta;*/
color:white;
border-width:6px;
border-color:coral;


}

.buton1_2{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:100%;
height:140px;
background-color:lightpink;
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;
} 

.buton1_2:hover{
background-color:lightpink;
/*color:magenta;*/
color:white;
border-width:6px;
border-color:coral;
}

.buton2_1{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:140px;
height:140px;
background-color:navajowhite;
border-style:solid;
border-width:0px;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;
} 

.buton2_1:hover{
background-color:navajowhite;
color:white;
border-width:6px;
border-color:coral;
}

.buton2_2{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:100%;
height:140px;
background-color:navajowhite;
background-size:    100% 100%;                   
background-repeat:   no-repeat;
background-position: center center;    
border-style:solid;
border-width:0px;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;
} 
.buton2_2:hover{
background-color:navajowhite;
color:white;
border-width:6px;
border-color:coral;
}

.buton3_1{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:140px;
height:140px;
background-color:#EBF8A4;
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;
} 

.buton3_1:hover{
background-color:#EBF8A4;
color:white;
border-width:6px;
border-color:coral;
}

.buton3_2{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:100%;
height:140px;
background-color:#EBF8A4;
background-size:    100% 100%;                   
background-repeat:   no-repeat;
background-position: center center;    
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;

} 

.buton3_2:hover{
background-color:#EBF8A4;
color:white;
border-width:6px;
border-color:coral;
}

.buton4_1{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:140px;
height:140px;
background-color:#A1FEB1;
/* margin:10px; */
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
/* margin-right:0%; */
/* margin-bottom:0%; */
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;

} 

.buton4_1:hover{
background-color:#A1FEB1;
color:white;
border-width:6px;
border-color:coral;
}


.buton4_2{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:100%;
height:140px;
background-color:#A1FEB1;
background-size:    100% 100%;                   
background-repeat:   no-repeat;
background-position: center center;    
/* margin:10px; */
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
/* margin-right:0%; */
/* margin-bottom:0%; */
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;

} 

.buton4_2:hover{
background-color:#A1FEB1;
color:white;
border-width:6px;
border-color:coral;
}

.buton5_1{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:140px;
height:140px;
background-color:#B3EEEE;
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;

} 
.buton5_1:hover{
background-color:#B3EEEE;
color:white;
border-width:6px;
border-color:coral;
}

.buton5_2{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:100%;
height:140px;
background-color:#B3EEEE;
background-size:    100% 100%;                   
background-repeat:   no-repeat;
background-position: center center;    
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;
} 
.buton5_2:hover{
background-color:#B3EEEE;
color:white;
border-width:6px;
border-color:coral;
}

.buton6_1{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:140px;
height:140px;
background-color:THISTLE;
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;

} 

.buton6_1:hover{
background-color:THISTLE;
color:white;
border-width:6px;
border-color:coral;
}

.buton6_2{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:100%;
height:140px;
background-color:THISTLE;
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
vertical-align:top;
color: black;
font-size:20pt;

font-family: times new roman;

} 

.buton6_2:hover{
background-color:THISTLE;
color:white;
border-width:6px;
border-color:coral;
}

.buton7_1{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:140px;
height:140px;
background-color:#F0BFFA;
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;
} 

.buton7_1:hover{
background-color:#F0BFFA;
color:white;
border-width:6px;
border-color:coral;
}

.buton7_2{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:100%;
height:140px;
background-color:#F0BFFA;
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;


} 
.buton7_2:hover{
background-color:#F0BFFA;
color:white;
border-width:6px;
border-color:coral;
}

.buton8_1{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:140px;
height:140px;
background-color:lightpink;
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;
} 
 
.buton8_1:hover{
background-color:lightpink;
color:white;
border-width:6px;
border-color:coral;
}

.buton8_2{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:100%;
height:140px;
background-color:lightpink;
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;
} 
 
.buton8_2:hover{
background-color:lightpink;
color:white;
border-width:6px;
border-color:coral;
}

.buton9_1{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:140px;
height:140px;
background-color:darkseagreen; 
border-style:solid;
border-width:0px;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;
} 

.buton9_1:hover{
background-color:darkseagreen; 
color:white;
border-width:6px;
border-color:coral;
}

.buton9_2{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:100%;
height:140px;
background-color:darkseagreen; 
border-style:solid;
border-width:0px;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;
} 

.buton9_2:hover{
background-color:darkseagreen; 
color:white;
border-width:6px;
border-color:coral;
}

.buton10{
width:90px;
height: 40px;
cursor: pointer;
}

.buton10:hover{
color:white;
border-width:3px;
border-color:coral;
}

.login{

    #color: #333;
  /* max-width:30%;
	max-height:50%; 
	max-width:400px;
	max-height:100px;
	min-width:400px;
	min-height:100px;*/
	box-sizing: border-box;
   position: fixed;
   top:40%;
   left:35%;
}

.user input{
    background-image: url('img/input_user.png');
    background-repeat: no-repeat;
    background-position: left;
	padding-left:1px;
	*position: absolute;
	text-indent: 30px;
}	

.pass input{
    background-image: url('img/input_pass.png');
    background-repeat: no-repeat;
    background-position: left;
	padding-left:1px;
	*position: absolute;
	text-indent: 30px;
}	



