body {
    background-image: url(images/v1.jpg); background-repeat: no-repeat; background-size:100%;
}

.ingreso{
  background-color: #ffffff;
   filter:alpha(opacity=20);
   -moz-opacity:0.2;
   opacity: 0.2;
    width:200px;
    height:300px;
    margin-top:-66px;
    z-index:0;
}   
#paneldoc{
    position:absolute;
    right:70px;
    width:200px;
      margin-top:70px; 
	 text-align:center;
}
#panelest{
    position:absolute;
    right:70px;
    width:200px;
      margin-top:70px; 
	 text-align:center;
}
.ingdoc{
    margin-top:10px;
    position:absolute;
    background-color:transparent;
     z-index:2;
}
#paneldoc h2{
    color:#fff;
text-shadow:1px 1px 1px #000;
font-style:italic;
}
.ingdoc input{
    height:30px;
    width:150px;
    background-color:#f1efef;
    font-size:15px;
    padding:0px 0px 0px 10px;
    font-style:italic;
    color:#2c2b2b;
    font-weight:600;
}
.ingdoc a{
    text-shadow:1px 1px 1px #000;
    font-weight:600;
   color:#fff;
}
.btingreso{
    margin-top:250px;
    padding:10px 50px 10px 50px;
    width:180px;
    background-color:#2d6912;
    text-decoration:none;
    color:#fff;
     font-weight:600;
    font-size:22px;
}
    .btingreso:hover {
        background-color:#053907;
    }

.recordar{
    margin-top:20px;
    color:#000;
    
}
.recordar a{
    font-size:20px;
    text-shadow:1px 1px 1px #000;
    cursor:pointer;
    font-weight:600;
    text-shadow:1px 2px 3px #000;
   color:#fff;
}
.recordar a:hover{
    cursor:pointer;
   font-style:italic;
   color:#fff;   
     text-shadow:1px 2px 3px #2d6912;
}
.docest{
    width:100%;
   margin-top:18px;
}
.docest a{
    padding:5px 5px 5px 5px;
   
}
.a1{
    width:50%;

        background-color:#b5b4b4;
}
.a2{
    width:50%;
    cursor:pointer;
        background-color:#808080;
}
.a3{
    position:absolute;
   width:298px;
    cursor:pointer;
        background-color:#808080;
        z-index:1;
        margin-top:22px;
        margin-left:-2px;
}
.ingresoest{
  background-color: #ffffff;
   filter:alpha(opacity=20);
   -moz-opacity:0.2;
   opacity: 0.2;
    width:200px;
    height:236px;
    margin-top:-70px;
    z-index:0;
}   
#panelest h2{
    color:#fff;
text-shadow:1px 1px 1px #ffffff;
font-style:italic;
}
.panelnuevo{
    position:absolute;
    display:none;
    right:0px;
    width:300px;
     top:70px;
	left:50%; 
	margin-left:-150px;
	 text-align:center;
}
.ingresonuevo{
  background-color: #ffffff;
   filter:alpha(opacity=20);
   -moz-opacity:0.2;
   opacity: 0.3;
    width:300px;
    margin-top:0px;
    z-index:0;
}  
.tablenuevo{
    width:100%;
    text-align:center;
}
.tablenuevo th{
}
.tablenuevo td{
}
#usencontrado{
    margin-top:50px;
    color:#fff;
    text-shadow:1px 1px 1px #ffffff;
    display:none;
}
#usencontradorecpass{
    margin-top:-10px;
    color:#fff;
    text-shadow:1px 1px 1px #ffffff;
    display:none;
}
.docnue{
    position:fixed;
    float:right;
    margin-top:236px;
    text-align:center;
}
.recpass{
    position:fixed;
    float:right;
    margin-top:136px;
    text-align:center;
}
#logo {
    position:fixed;
    background-image: url(images/logo.png); 
    background-repeat: no-repeat;
     width:100px;
     height:50px;
     bottom:5px;
     background-size:100%;  
     z-index:1;
}

.logo{
    position:fixed;
  background-color: #ffffff;
   filter:alpha(opacity=20);
   -moz-opacity:0.8;
   opacity: 0.8;
    width:100px;
    height:50px;
    z-index:0;
   bottom:10px;
}