body {
    background-image: url('../images/blackbox.png');
}

#wrapper{
    background-color: white;
    width: 700px;
    margin: 0 auto;
    border-radius: 25px;
    box-shadow: 15px 15px 20px black;
    margin-top:5%;
 
}

#logo{
   text-align: center;
}

hr {
    margin: 0px;
}

h2{
    margin: 0px;
    background: darkkhaki;
    font: bold 1.5em Trebuchet MS;
}

form {
    text-align: center;
    background: khaki;
}

label, input {
    display: block;
}

label {
    font: bold 1em Trebuchet MS;
    margin: 20px 0px 0px 0px;
}

input {
    margin: 0 auto;
    
}
input:focus{
    background: #D7FCCC;
} 



#boton{
    width: 116px;
    height: 33px;
    font: bold 1.3em Trebuchet MS;
    color: rgb(84, 83, 88);
    border-radius: 15px;
    box-shadow: inset 0px -12px 11px rgb(124, 123, 123);
    cursor: pointer;
    border: 1px solid silver;
    margin: 20px auto 20px;
    outline: none;
}

#boton:hover{
    background: #525252;
    color: white;
}

#boton:focus{
     background: #525252;
    color: white;
}

#sellos{
   
    margin: 20px auto;
    text-align: center;
    
}

#sellos img {
    margin: 0px 40px 0px;
    
}

#sellos img:hover {
    /*opacity: 0.5;*/
}

#im1{
    position: relative;
top: -24px;
}


#im3{
    position: relative;
top: -5px;
}

p{
 text-align: center;
 font: normal 1em Trebuchet MS;
}

span{
  margin: 0px 20px;  
}

a:link{
    color: blue;
} 

a:visited{
    color: blue;
}
a:hover{
   opacity: 0.5; 
}

#footer {
text-align: center;
color: rgb(113, 112, 112);
font: bold 0.8em Trebuchet MS;
padding: 0px 0px 20px;
}

 #footer a {
color: rgb(113, 112, 112);
font: bold 1em Trebuchet MS;    
 }
 
 #carga{
   display: none; 
   width: 69px;
 }
 
 #noscript #iframe{
    position: absolute;
    top: 55%;
    width: 100%;
    height: 40%;
    background: white;
    z-index: 10;
 }