body{  background:#f0f0f0;  font-family:Arial,Helvetica,sans-serif;  font-size:12px;  margin:0}

a{ text-decoration:none}

#envoltura{ position:absolute;   left:50%;  top:0%;  margin-left:-290px;  margin-top:-260px;  width:590px}

#contenedor{ background-color:#CCC;     box-shadow:3px 3px 10px 5px rgba(0,0,0,.8);   -webkit-border-radius:5px;  -moz-border-radius:10px;  border-radius:10px}

#cabecera{ padding-top:5px;   height:110px;  line-height:0px;  text-align:center}

#cuerpo{ background:#ececec;  border:solid #ccc;   border-width:0px;  padding:10px 30px}

label{ color:#666;  font-weight:bold}

input{  border-radius:5px;     box-shadow:2px 2px 3px 1px rgba(0,0,0,.8);     font:bold 12px Arial,Helvetica,sans-serif;     height:24px;     line-height:20px;     padding:0px;     width:230px}

input:required:invalid{    border:1px solid red}

input:required:valid{    border:1.5px solid green}

input#avatar{    width:250px}
 
input#tyc{    margin-left:110px;     margin-bottom:10px;     border-style:solid;     width:15px;        padding:0px}

#eliminar{    margin-right:10px;     margin-bottom: -25px;     font-weight:bold;}

input#usuario{    background:#ffc url(../IMG/loginusu.jpg) no-repeat 0px 2px;   padding-left:25px}

input#nombre{    background:#ffc url(../IMG/loginusu.jpg)  no-repeat 0px 2px;     padding-left:25px}

input#recordar{    margin-left:-100px}
input#apellidos{    background:#ffc url(../IMG/loginusu.jpg)  no-repeat 0px 2px;     padding-left:25px}
input#twitter{    background:#ffc url(../IMG/twitter.jpg)  no-repeat 0px 2px;     padding-left:25px}
input#correo{    background:#ffc url(../IMG/loginusu.jpg)  no-repeat 0px 2px;     padding-left:25px}

input#contrasenia{    background:#ffc url(../IMG/password.jpg) no-repeat 0 2px;     padding-left:25px}

input#pass{    background:#ffc url(../IMG/password.jpg) no-repeat 0 2px;     padding-left:25px}

input#repass{    background:#ffc url(../IMG/password.jpg) no-repeat 0 2px;  padding-left:25px}

.boton{ background:#ccc;    background:-webkit-linear-gradient(top,#fc6,#f63);  background:linear-gradient(top,#fc6,#f63);   color:#666;  width:120px}

.boton:active{ position:relative;  top:3px}

form, p{ margin:0}

p#bot{ padding-top:0px;  margin-left:5px}

.panel{ height:34px;  padding:10px}

.overlay{ background-color:rgba(0,0,0,0.6);  bottom:0;  cursor:default;  left:0;  opacity:0;  position:fixed;  right:0;  top:0;  visibility:hidden;  z-index:1;  -webkit-transition:opacity .5s;  -moz-transition:opacity .5s;  -ms-transition:opacity .5s;  -o-transition:opacity .5s;  transition:opacity .5s}
.overlay:target{ visibility:visible;  opacity:1}

.popup{ background-color:#fff;  border:3px solid #fff;  display:inline-block;  left:50%; color:#666;  opacity:0;  padding:15px;  position:fixed;  text-align:justify;  top:40%;  visibility:hidden;  z-index:10;  -webkit-transform:translate(-50%,-50%);  -moz-transform:translate(-50%,-50%);  -ms-transform:translate(-50%,-50%);  -o-transform:translate(-50%,-50%);  transform:translate(-50%,-50%);  -webkit-border-radius:10px;  -moz-border-radius:10px;  -ms-border-radius:10px;  -o-border-radius:10px;  border-radius:10px;  -webkit-box-shadow:0 1px 1px 2px rgba(0,0,0,0.4) inset;  -moz-box-shadow:0 1px 1px 2px rgba(0,0,0,0.4) inset;  -ms-box-shadow:0 1px 1px 2px rgba(0,0,0,0.4) inset;  -o-box-shadow:0 1px 1px 2px rgba(0,0,0,0.4) inset;  box-shadow:0 1px 1px 2px rgba(0,0,0,0.4) inset;  -webkit-transition:opacity .5s,top .5s;  -moz-transition:opacity .5s,top .5s;  -ms-transition:opacity .5s,top .5s;  -o-transition:opacity .5s,top .5s;  transition:opacity .5s,top .5s}
.overlay:target+.popup{ top:50%;  opacity:1;  visibility:visible}
.close{ background-color:rgba(0,0,0,0.8);  height:30px;  line-height:30px;  position:absolute;  right:0px;  text-align:center;  text-decoration:none;  top:0px;  width:30px;  -webkit-border-radius:15px;  -moz-border-radius:15px;  -ms-border-radius:15px;  -o-border-radius:15px;  border-radius:15px}
.close:before{ color:rgba(255,255,255,0.9);  content:"X";  font-size:24px;  text-shadow:0 -1px rgba(0,0,0,0.9)}
.close:hover{ background-color:rgba(64,128,128,0.8)}

.popup p, .popup div{ margin-bottom:10px}
.popup label{ display:inline-block;  text-align:left;  width:180px}