:focus {outline: none;}

body {

/*background: #000046;  fallback for old browsers*/
/*background: -webkit-linear-gradient(to right, #1CB5E0, #000046);  /* Chrome 10-25, Safari 5.1-6*/
/*background: linear-gradient(to right, #1CB5E0, #000046);  /*W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+*/
/*text-align: center;*/
/*border: 3px solid green;*/

}


.modal {
    position: fixed;
    top:50%;
    left:50%;
}

input{
background-color: #ECF0F1;
border: 3px solid transparent;
border-radius: 3px;
font-size: 13px;
padding: 1px 0;
/*width: 400px;*/
transition: border  1s;
}

input:focus{
border: 3px solid #3498D8;
box-shadow: none;
}

h2{
    text-align: center;
}

#Cuadros{
    border: 1px solid rgba(0,0,0,0.8);
    margin: 5px auto;
    width: 580px;
    border-radius: 10px;
    display: grid;
    grid-gap: 1em;
    grid-template-columns: repeat(2, 1fr);
    background-color: white ;  /*grid-template-rows: minmax(150px, auto);*/
     /*justify-items: center;*/
     /*aling-self: center;*/
    size = "1000";
    padding: 10px;}

#Rectangulo{
    border: 1px solid rgba(0,0,0,0.8);
    border-radius: 10px;
    margin: 5px auto;
    width: 580px;

    dsplay: grid;
    grid-gap: 1em;
    grid-template-columns: repeat(1, 1fr);
    background-color: white ;  /*grid-template-rows: minmax(150px, auto);*/
     /*justify-items: center;*/
     /*aling-self: center;*/
    size = "1000";
    padding: 10px;}



.grid{
    border: 1px solid rgba(0,0,0,0.8);
    margin: 5px auto;
    width: 600px;
    border-radius: 10px;
    display: grid;
    grid-gap: 1em;
    grid-template-columns: repeat(1, 1fr);
    background-color: white ;  /*grid-template-rows: minmax(150px, auto);*/
     /*justify-items: center;*/
     /*aling-self: center;*/
    size = "1000";
    padding: 10px;

}

.grid2{
    border: 1px solid rgba(0,0,0,0.8);
    margin: 5px auto;
    width: 700px;
    border-radius: 10px;
    display: grid;
    grid-gap: 1em;
    grid-template-columns: repeat(1, 1fr);
    background-color: white ;  /*grid-template-rows: minmax(150px, auto);*/
     /*justify-items: center;*/
     /*aling-self: center;*/
    size = "1000";
    padding: 10px;

}
.grid div{
    background-color: white;
    border: 0px solid rgba(0,0,0,0.8);
    padding: 1px;
    font-size: 15px;

}

.grid lbl{
    background-color: black;
    border: 12px solid rgba(0,0,0,0.8);
    padding: 0px;
    font-size: 10px;
}

.mensaje {
    margin: 5px auto;
    width: 300px;
    border-radius: 10px;
    background-color: white ;
    color: red;
    text-align: center;


}

#Imagen {
     margin: 38px auto;
     justify-items: center;
}


#ImagenCentral{
    margin: 38px auto;
     justify-items: center;
     opacity: 0.2;
}



i{
  font-size: 18px; color: #3399ff;
}

.Recuperar{
    border: 1px solid rgba(0,0,0,0.8);
    margin: 5px auto;
    width: 600px;
    border-radius: 10px;
    display: grid;
    grid-gap: 1em;
    grid-template-columns: repeat(1, 1fr);
    background-color: white ;  /*grid-template-rows: minmax(150px, auto);*/
     /*justify-items: center;*/
     /*aling-self: center;*/
    size = "1000";
    padding: 10px;
    text-align: left;

    }



div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}