<!DOCTYPE html>
<html>
<head>
<style>
.img
{
float:left;
width:50%;
height:50%;
margin:5px;
}

#borde1
{
border:5px solid black;
/* blanco y negro 
filter: grayscale(100%);
-webkit-filter: grayscale(100%);  
filter: gray;
-webkit-transition: all .6s ease; */
}

#borde1:hover
{
/* quitar blanco y negro pasar cursor	
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: none; */
}	

.centro
{
text-align:center;
}

.derecha
{
text-align:right;
}

a {
	color: yellow;			/* color:lime; */
	font-weight:bold;
	/* text-decoration:none; vista tradicional subrayado */
	text-shadow: 1px 1px #1A1A1A;
	}
	
/*a:hover {
	color:tomato;
	font-weight:bold;
	text-decoration:underline;
	text-decoration-color: #FEDF00;
	background-color: #f7ffff0a
	}*/
	
a:visited {
    color: tan;
}

.alert-warning {
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
    background-color: #413E3F;
	border: 1px solid #1A1A1A;
    filter: alpha(opacity=90);
    opacity: .8;
}

.alert-dismissable .close, .alert-dismissible .close {	
    position: relative;
    top: -3px;
    /*right: -21px;*/
    color: inherit;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=30);
    opacity: .3;
}
</style>
</head>

<body>
</body>
</html>
