html{
	padding: 0px;
	margin: 0px;
}
body {
   background-image: url(menu/imagen_admin_2.png);
   background-size: 100% 100vh;
  width: 100%;
  margin:0 auto;
  top: 0;
  left: 0;
  right:0;
 }
.edro2{

background:#154B4D;
height: 50px;
width:100%; 
border: 1px solid #000000;
border-radius: 5px 5px 5px 5px;
}



.edro2 .edrocode{
    
background:#187376;
margin-top:-45px;
height: 30px;
width:150px;   
z-index:50;
float: right;
margin-right:30px;
border: 1px solid #000000;
border-radius: 5px 5px 5px 5px; 
    
}


.edro2  .edrocode p{
    margin-top:8px;
    margin-left:18px;
    font-size: 1rem;
    color:white;
    font-style:italic;
    
}


.edro2 nav ul li a {
position:relative;
margin:auto;
color:#fff;
padding:2px;
display:block;
text-decoration:none;
z-index:5;

}


.edro2 nav ul li {
       
    padding-botton: 10px;
	display: inline-block;
	float:none;
	border-bottom:1px solid rgba(255,255,255, .3);
	
 }

.edro2 nav ul li a:hover {
        padding-top:-20px;
        height: 15px;
	background:#037E8C;
	z-index: 4;
	
}

.edro2 nav ul li a:hover {
	background:#26B0EB;
	z-index: 1;

border-radius: 20px 20px 20px 20px;
-moz-border-radius:  20px 20px 20px 20px;
-webkit-border-radius:  20px 20px 20px 20px;
border: 1px solid #000000;
	
}



.pre_admin{
position:absolute; 
background:#154B4D;
width:40%;
height:200px;
margin-left: 30%;
margin-top:250px;
border-radius:10px;
border: 2px solid #000000;

}

.pre_admin r{
position:absolute;    
color:white;
font-style:italic;
text-align:center;
left:0;
right:0;
font-size:1rem;
padding:15px;
    
    
}

.regis_a{
position:absolute; 
background:#154B4D;
width:280px;
height:580px;
border-radius:1px;
border: 2px solid #000000; 
left:50%;
top:50%;
margin-top:-290px;
margin-left:-140px;

    
    
}

.regis_a .regis_b{
    
background:#ffffff;
width:100%;
height:120px;
border-radius:1px;
border: 1px solid #000000; 
    
    
    
}

.regis_a .regis_c{
    
background:#154B4D;
width:100%;
height:410px;
border-radius:1px;
border: 1px solid #000000; 
    
    
    
}

.regis_a .regis_c input[type="submit"]{
    background:#0099e6;
    width:120px;
    height:40px;
    border-radius:20px;

    
}


.regis_a .regis_c input[type="submit"]:hover{
     background:#64b0d6;
    width:120px;
    height:40px;
    border-radius:20px;
    
}


.regis_a .regis_d {
    
background:#154B4D;
width:100%;
height:50px;
border: 1px solid #000000; 

    
    
}

.regis_a .regis_c r{
    
color:white;
font-style:italic;
text-align:center;
left:0;
right:0;
font-size:1.5rem;
padding:15px;
    
    
}

img{
    position:absolute;
    width:200px;
    margin:0 auto;
    left:0;
   right:0;

    
    
    
}

.regis_a .regis_d li{
display:inline-block;

    
    
}

.regis_a .regis_d li n{
    color: #FFFFFF; 
    text-decoration:none; 
    font-size:1.4rem;
    text-align:center;
    margin-top:10px;
}

.regis_a .regis_d a{
    color: #FFFFFF; 
    text-decoration:none; 
    font-size:1rem;
    text-align:center;
} 

.regis_a .regis_d p{
    color: #0099e6; 
    text-decoration:none; 
    font-size:1.4rem;
    text-align:center;
    margin-top:10px;
} 

.regis_a .regis_d p:hover{
color: #035DFB;
text-decoration:none; 
 margin-top:10px;
} 


.regis_a .regis_c .inner-addon {
  position: relative;
  width:250px;
  height: 30px;
  margin-left:15px;
}
.regis_a .regis_c .inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}







.login_a{
position:absolute; 
background:#154B4D;
width:280px;
height:450px;
border-radius:1px;
border: 2px solid #000000; 
left:50%;
top:50%;
margin-top:-225px;
margin-left:-140px;

    
    
}

.login_a .login_b{
    
background:#ffffff;
width:100%;
height:120px;
border-radius:1px;
border: 1px solid #000000; 
    
    
    
}

.login_a .login_c{
    
background:#154B4D;
width:100%;
height:280px;
border-radius:1px;
border: 1px solid #000000; 
    
    
    
}


.login_a .login_c input[type="submit"]{
    background:#0099e6;
    width:120px;
    height:40px;
    border-radius:20px;

    
}


.login_a .login_c input[type="submit"]:hover{
     background:#64b0d6;
    width:120px;
    height:40px;
    border-radius:20px;
    
}


.login_a .login_d {
    
background:#154B4D;
width:100%;
height:50px;
margin-top:-20px;
border: 1px solid #000000; 

    
    
}


.login_a .login_c r{
color:white;
font-style:italic;
text-align:center;
left:0;
right:0;
font-size:1.5rem;
padding:15px;
}

.login_a .login_c t{
color: #0099e6; 
font-style:italic;
text-align:center;
left:0;
right:0;
font-size:1.5rem;
}

.login_a .login_c t:hover{
color: #035DFB; 
font-style:italic;
text-align:center;
left:0;
right:0;
font-size:1.5rem;
}


.login_a .login_d a{
    color: #FFFFFF; 
    text-decoration:none; 
    font-size:1rem;
    text-align:center;
} 

.login_a .login_d li{
display:inline-block;

    
    
}

.login_a .login_d li n{
    color: #FFFFFF; 
    text-decoration:none; 
    font-size:1.4rem;
    text-align:center;
    margin-top:10px;
}
.login_a .login_d li p{
    color: #0099e6; 
    text-decoration:none; 
    font-size:1.4rem;
    text-align:center;
    margin-top:10px;
} 

.login_a .login_d li p:hover{
color: #035DFB;
text-decoration:none; 
margin-top:10px;
} 




.reppass_a{
position:absolute; 
background:#154B4D;
width:280px;
height:430px;
border-radius:1px;
border: 2px solid #000000; 
left:50%;
top:50%;
margin-top:-215px;
margin-left:-140px;

    
    
}

.reppass_a .reppass_b{
    
background:#ffffff;
width:100%;
height:120px;
border-radius:1px;
border: 1px solid #000000; 
    
    
    
}

.reppass_a .reppass_c{
    
background:#154B4D;
width:100%;
height:260px;
border-radius:1px;
border: 1px solid #000000; 
    
    
    
}

.reppass_a .reppass_c input[type="submit"]{
    background:#0099e6;
    width:120px;
    height:40px;
    border-radius:20px;

    
}


.reppass_a .reppass_c input[type="submit"]:hover{
     background:#64b0d6;
    width:120px;
    height:40px;
    border-radius:20px;
    
}


.reppass_a .reppass_d {
    
background:#154B4D;
width:100%;
height:50px;
border: 1px solid #000000; 

    
    
}

.reppass_a .reppass_c r{
color:white;
font-style:italic;
text-align:center;
left:0;
right:0;
font-size:1.5rem;
padding:15px;
}

.reppass_a .reppass_c t{
color: #FFFFFF; 
font-style:italic;
text-align:center;
left:0;
right:0;
font-size:1.5rem;
}

.reppass_a .reppass_c t:hover{
color: #0099e6; 
font-style:italic;
text-align:center;
left:0;
right:0;
font-size:1.5rem;
}


.reppass_a .reppass_d a{
    color: #FFFFFF; 
    text-decoration:none; 
    font-size:1rem;
    text-align:center;
} 

.reppass_a .reppass_d li{
display:inline-block;

    
    
}

.reppass_a .reppass_d li n{
    color: #FFFFFF; 
    text-decoration:none; 
    font-size:1.4rem;
    text-align:center;
    margin-top:10px;
}
.reppass_a .reppass_d li p{
    color: #0099e6; 
    text-decoration:none; 
    font-size:1.4rem;
    text-align:center;
    margin-top:10px;
} 

.reppass_a .reppass_d li p:hover{
color: #035DFB;
text-decoration:none; 
margin-top:10px;
} 


 .reppass_a .reppass_c .inner-addon {
  position: relative;
  width:250px;
  height: 30px;
  margin-left:15px;
}
.reppass_a .reppass_c .inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}





.rest_a{
position:absolute; 
background:#154B4D;
width:280px;
height:490px;
border-radius:1px;
border: 2px solid #000000; 
left:50%;
top:50%;
margin-top:-245px;
margin-left:-140px;

    
    
}

.rest_a .rest_b{
    
background:#ffffff;
width:100%;
height:120px;
border-radius:1px;
border: 1px solid #000000; 
    
    
    
}

.rest_a .rest_c{
    
background:#154B4D;
width:100%;
height:320px;
border-radius:1px;
border: 1px solid #000000; 
    
    
    
}

.rest_a .rest_c p{
    
color:white;
font-style:italic;
text-align:center;
left:0;
right:0;
font-size:1.1rem;
    
    
}

.rest_a .rest_c input[type="submit"]{
    background:#0099e6;
    width:120px;
    height:40px;
    border-radius:20px;

    
}


.rest_a .rest_c input[type="submit"]:hover{
     background:#64b0d6;
    width:120px;
    height:40px;
    border-radius:20px;
    
}


.rest_a .rest_d {
    
background:#154B4D;
width:100%;
height:50px;
border: 1px solid #000000; 

    
    
}

.rest_a .rest_c r{
    
color:white;
font-style:italic;
text-align:center;
left:0;
right:0;
font-size:1.5rem;
padding:15px;
    
    
}


.rest_a .rest_d a{
    color: #FFFFFF; 
    text-decoration:none; 
    font-size:1rem;
    text-align:center;
} 

.rest_a .rest_d li{
display:inline-block;

    
    
}

.rest_a .rest_d li n{
    color: #FFFFFF; 
    text-decoration:none; 
    font-size:1.4rem;
    text-align:center;
    margin-top:10px;
}
.rest_a .rest_d li p{
    color: #ffffff; 
    text-decoration:none; 
    font-size:1.4rem;
    text-align:center;
    margin-top:10px;
} 

.rest_a .rest_d li p:hover{
color: #035DFB;
text-decoration:none; 
margin-top:10px;
} 



 .rest_a .rest_c .inner-addon {
  position: relative;
  width:250px;
  height: 30px;
  margin-left:15px;
}
.rest_a .rest_c .inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}





#mensaje{
    font-size:1.2rem;
    color:#ffffff;
    text-align:center;
    
}
#res{
    
    font-size:1rem;
    color:#ffffff;
    text-align:center; 
    
}


 .login_a .login_c .inner-addon {
  position: relative;
  width:250px;
  height: 30px;
  margin-left:15px;
}
.login_a .login_c .inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}
.left-addon .glyphicon {
  left: 0px;
}
.right-addon .glyphicon {
  right: 0px;
}
.left-addon input {
  padding-left: 30px;
}
.right-addon input {
  padding-right: 30px;
}

#shji{
    font-size: 1rem;
    color:#ffffff;
    text-align:center;
}



@media screen and (max-width:800px){

.edro2{

background:#154B4D;
height: 50px;
width:100%; 
border: 1px solid #000000;
border-radius: 5px 5px 5px 5px;
}



.edro2 .edrocode{
    
background:#187376;
margin-top:-45px;
height: 30px;
width:150px;   
z-index:50;
float: right;
margin-right:30px;
border: 1px solid #000000;
border-radius: 5px 5px 5px 5px; 
    
}


.edro2  .edrocode .p{
    margin-top:-25px;
    font-size: 0.5rem;
    font-style:italic;
    
}


.edro2 nav ul li a {
position:relative;
margin:auto;
color:#fff;
padding:2px;
display:block;
text-decoration:none;
z-index:5;

}


.edro2 nav ul li {
       
    padding-botton: 10px;
	display: inline-block;
	float:none;
	border-bottom:1px solid rgba(255,255,255, .3);
	
 }

.edro2 nav ul li a:hover {
        padding-top:-20px;
        height: 15px;
	background:#037E8C;
	z-index: 4;
	
}

.edro2 nav ul li a:hover {
	background:#26B0EB;
	z-index: 1;

border-radius: 20px 20px 20px 20px;
-moz-border-radius:  20px 20px 20px 20px;
-webkit-border-radius:  20px 20px 20px 20px;
border: 1px solid #000000;
	
}



.pre_admin{
background:#154B4D;
width:60%;
height:200px;
margin-left:20%;
margin-top:120px;
border-radius:10px;
border: 2px solid #000000;

}

.pre_admin r{
position:absolute;    
color:white;
font-style:italic;
text-align:center;
left:0;
right:0;
font-size:0.8rem;
padding:15px;
    
    
}


.regis_a{
position:absolute; 
background:#154B4D;
width:280px;
height:580px;
border-radius:1px;
border: 2px solid #000000; 
left:50%;
top:50%;
margin-top:-290px;
margin-left:-140px;
    
    
}

.regis_a .regis_b{
    
background:#ffffff;
width:100%;
height:120px;
border-radius:1px;
border: 1px solid #000000; 
    
    
    
}

.regis_a .regis_c{
    
background:#154B4D;
width:100%;
height:410px;
border-radius:1px;
border: 1px solid #000000; 
    
    
    
}

.regis_a .regis_c input[type="submit"]{
    background:#0099e6;
    width:120px;
    height:40px;
    border-radius:20px;

    
}


.regis_a .regis_c input[type="submit"]:hover{
     background:#64b0d6;
    width:120px;
    height:40px;
    border-radius:20px;
    
}


.regis_a .regis_d {
    
background:#154B4D;
width:100%;
height:50px;
border: 1px solid #000000; 

    
    
}

.regis_a .regis_c r{
    
color:white;
font-style:italic;
text-align:center;
left:0;
right:0;
font-size:1.5rem;
padding:15px;
    
    
}

img{
    position:absolute;
    width:200px;
    margin:0 auto;
    left:0;
   right:0;
    
    
    
}

.regis_a .regis_d a{
    color: #FFFFFF; 
    text-decoration:none; 
    font-size:1rem;
    text-align:center;
} 

.regis_a .regis_d li p{
    color: #0099e6; 
    text-decoration:none; 
    font-size:1.4rem;
    text-align:center;
    margin-left:10px;
} 

.regis_a .regis_d p:hover{
color: #035DFB;
text-decoration:none; 
margin-left:10px;
} 

.regis_a .regis_c .inner-addon {
  position: relative;
  width:250px;
  height: 30px;
  margin-left:15px;
}
.regis_a .regis_c .inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}







.login_a{
position:absolute; 
background:#154B4D;
width:280px;
height:430px;
border-radius:1px;
border: 2px solid #000000; 
left:50%;
top:50%;
margin-top:-205px;
margin-left:-140px;
    
    
}

.login_a .login_b{
    
background:#ffffff;
width:100%;
height:120px;
border-radius:1px;
border: 1px solid #000000; 
    
    
    
}

.login_a .login_c{
    
background:#154B4D;
width:100%;
height:260px;
border-radius:1px;
border: 1px solid #000000; 
    
    
    
}

.login_a .login_c input[type="submit"]{
    background:#0099e6;
    width:120px;
    height:40px;
    border-radius:20px;

    
}


.login_a .login_c input[type="submit"]:hover{
     background:#64b0d6;
    width:120px;
    height:40px;
    border-radius:20px;
    
}


.login_a .login_d {
    
background:#154B4D;
width:100%;
height:50px;
border: 1px solid #000000; 

    
    
}

.login_a .login_c r{
    
color:white;
font-style:italic;
text-align:center;
left:0;
right:0;
font-size:1rem;
padding:15px;
    
    
}


.login_a .login_d a{
    color: #FFFFFF; 
    text-decoration:none; 
    font-size:1rem;
    text-align:center;
} 

.login_a .login_d li p{
    color: #0099e6; 
    text-decoration:none; 
    font-size:1.4rem;
    text-align:center;
    margin-top:10px;
} 

.login_a .login_d p:hover{
color: #035DFB;
text-decoration:none; 
margin-top:10px;
    
} 
#mensaje{
    font-size:0.8rem;
    color:#ffffff;
    text-align:center;
    
}

#res{
    
    font-size:0.8rem;
    color:#ffffff;
    text-align:center; 
    
}


 .login_a .login_c .inner-addon {
  position: relative;
  width:250px;
  height: 30px;
  margin-left:15px;
}
.login_a .login_c .inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}
.left-addon .glyphicon {
  left: 0px;
}
.right-addon .glyphicon {
  right: 0px;
}
.left-addon input {
  padding-left: 30px;
}
.right-addon input {
  padding-right: 30px;
}

#shji{
    font-size: .7rem;
    color:#ffffff;
    text-align:center;
}

    
}