@charset "utf-8";
/* CSS Document */
.buttonDel {
	overflow:hidden;
    background-color: #C01700; 
    border-radius:6px;	
    border:none;
    color: white;
    padding: 8px 20px;
    text-align: center;
    text-decoration:none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 12px;
    cursor: pointer;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.buttonDel {
  -webkit-transition-duration: 0.5s; /* Safari */
  transition-duration: 0.5s;
}

.buttonDel:hover {
  background-color: #FF472E; /* blue */
  color: #ffffff;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.buttonVal {
	overflow:hidden;
    background-color: #136a99; 
    border-radius:6px;	
    border:none;
    color: #ffffff;
    padding: 5px 3px;
    text-align: center;
    text-decoration:none;
    display: inline-block;
    font-size: 10px;
    margin: 4px 8px;
    cursor: pointer;
    width:30px;
}

.buttonVal {
  -webkit-transition-duration: 0.5s; /* Safari */
  transition-duration: 0.5s;
}

.buttonVal:hover {
  background-color: #5999e8; /* blue */
  color: #ffffff;
}

.buttonRechaza {
	overflow:hidden;
    background-color: #547849; /* blue */
    border-radius:6px;	
    border:none;
    color: #ffffff;
    padding: 5px 3px;
    text-align: center;
    text-decoration:none;
    display: inline-block;
    font-size: 10px;
    margin: 4px 8px;
    cursor: pointer;
    width:30px;
}

.buttonRechaza {
  -webkit-transition-duration: 0.5s; /* Safari */
  transition-duration: 0.5s;
}

.buttonRechaza:hover {
  background-color: #5999e8; /* blue */
  color: #ffffff;
}

.button2 {
	overflow:hidden;
    background-color: #143e6b; /* blue */
    border-radius:6px;	
    border:none;
    color: white;
    padding: 8px 16px;
    text-align: center;
    text-decoration:none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 8px;
    cursor: pointer;
    width:150px;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.button2 {
  -webkit-transition-duration: 0.5s; /* Safari */
  transition-duration: 0.5s;
}

.button2:hover {
  background-color: #1f60a7; /* blue */
  color: #ffffff;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}


.button22 {
	width:100%;
	overflow:hidden;
    background-color: #008000; /* blue */
    border-radius:6px;	
    border:none;
    color: white;
    padding: 16px 16px;
    text-align: center;
    text-decoration:none;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.button22 {
  -webkit-transition-duration: 0.5s; /* Safari */
  transition-duration: 0.5s;
}

.button22:hover {
  background-color: #1f60a7; /* blue */
  color: #ffffff;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.button222 {
	width:230px;
	overflow:hidden;
    background-color: #29966a; /* blue */
    border-radius:6px;	
    border:none;
    color: white;
    padding: 16px 16px;
    text-align: center;
    text-decoration:none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    position:absolute;
    left:610px;
    top:190px;
}

.button222 {
  -webkit-transition-duration: 0.5s; /* Safari */
  transition-duration: 0.5s;
}

.button222:hover {
  background-color: #1f60a7; /* blue */
  color: #ffffff;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.button3 {
    background-color: #51656f; /* blue */
    border-radius:6px;	
    border:none;
    color: white;
    padding: 8px 16px;
    text-align: center;
    text-decoration:none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 8px;
    cursor: pointer;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
} 

.button3 {
  -webkit-transition-duration: 0.5s; /* Safari */
  transition-duration: 0.5s;
}

.button3:hover {
  background-color:#51656f; /* blue */
  color: #000000;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.button4 {
	overflow:hidden;
    background-color: #537dac; /* blue */
    border-radius:6px;	
    border:none;
    color: white;
    padding: 8px 16px;
    text-align: center;
    text-decoration:none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 8px;
    cursor: pointer;
}

.button4 {
  -webkit-transition-duration: 0.5s; /* Safari */
  transition-duration: 0.5s;
}

.button4:hover {
  background-color: #a6cd8d; /* blue */
  color: #000000;
}

.button5 {
	overflow:hidden;
    background-color: #ffa6a6; /* blue */
    border-radius:6px;	
    border:none;
    color: black;
    padding: 8px 16px;
    text-align: center;
    text-decoration:none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 8px;
    cursor: default;
}

#DesExcel {
    overflow: hidden;
    background-color: #143e6b;
    border-radius: 6px;
    border: none;
    color: white;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 8px;
    cursor: pointer;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

#BotonDes {
    -webkit-transition-duration: 0.5s; 
    transition-duration: 0.5s;
  }

#DesExcel:hover {
    background-color: #1f60a7;
}

@media (max-width: 500px) {
	.button222 {
	    position:absolute;
    	left:190px;
    	top:60px;
		width:200px;
		font-size:13px;   
	}
}