body{text-align: center;
	font-family: "Century Gothic";
	color: #ffffff;
	background:url(../img/BG.jpg) repeat; 
}

h1{
	font-size: 20px;
	font-family: helvetica, sans-serif;
	color: #ffffff;
}
.esp_logo{
    z-index: 99;
    box-shadow: rgba(99,99,99,0.5) 4px 4px 7px;
    padding-top: 30px;
    background: #ffffff;
    width: 380px;
    height: 100px;
    border-radius: 0px 0px 5px 5px;
    margin-top: -120px;
    margin-left: 100px;
}
#encabezado{
	text-align: left;
	background: #4972B5;
	font-family:"personalizada"; 
	width: 101%;
	height: 75px;
	margin-left: -10px;
	margin-top: -10px;
	padding: 15px;
	box-shadow: rgba(200,200,200,0.5) 4px 4px 8px;
	/*background:-webkit-linear-gradient(top, rgba(255,255,255,0.5) -20%,#6666FF);*/
}
.recuadro_verde{
    position: relative;
    margin-top: 80px;
    padding: 6px;
    background: #87a53f;
    width: 340px;
    height: 270px;
    border-radius: 15px;
    box-shadow: rgba(99,99,99,0.5) 5px 5px 5px;
}
.linea{
    z-index: 10;
    height: 10px;
    width: 110%;
    background: #87a53f;
    margin-top: 90px;
    margin-left: -30px;
    box-shadow: rgba(99,99,99,0.5) 0px 1px 5px;
}
.linea_pie{
    box-shadow: rgba(99,99,99,0.5) 5px 0px 3px;
    height: 10px;
    width: 101%;
    background: #87a53f;
    margin-left: -30px;
    margin-top: -15px;    
}

#back_log{
	text-align: left;
	color: #888888;
	border-radius: 10px;
	padding: 20px;
    background: rgba(73,114,181,0.9);
	/*background:-webkit-linear-gradient(top, rgba(73,114,181,0.7) -10%,rgba(184,184,184,0.5));
    background:-moz-linear-gradient(top, rgba(73,114,181,0.7) -10%,rgba(184,184,184,0.5));*/
	box-shadow: rgba(88,88,88,0.5) 0px 2px 15px;
	/*background: rgba(128,128,128,0.2);*/
	width: 300px;
	height: 230px;
}
#pss{
	border-radius: 2px 2px 2px 2px;
	display:block;
	width:276px;
	height:45px;
	background:#ffffff;
	border:0;
	color:#666666;
	font-family:helvetica, sans-serif;
	font-size:14px;
	padding-left:20px;
}
#user{
	border-radius: 2px 2px 2px 2px;
	bo
	display:block;
	width:276px;
	height:45px;
	background:#ffffff;
	border:0;
	color:#666666;
	font-family:helvetica, sans-serif;
	font-size:14px;
	padding-left:20px;
}
#url_password {
	display:block;
	position:absolute;
	margin-top:-32px;
	float:left;
	margin-left:4px;
}

#url_user {
	position:absolute;
	display:block;
	margin-top:-28px;
	float:left;
	padding-right:10px;
	margin-left: 2px;
}

.ingresar
  {
  border: 1px solid #DBE1EB;
  font-size: 14px;
  font-family: Arial, Verdana;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  background: #4972B5;
  background: linear-gradient(left, #4972B5, #618ACB);
  background: -moz-linear-gradient(left, #4972B5, #618ACB);
  background: -webkit-linear-gradient(left, #4972B5, #618ACB);
  background: -o-linear-gradient(left, #4972B5, #618ACB);
  color: #FFFFFF;
  }
    
.contrasena{
    margin-top: 10px;
}

.cambio_clave{
    color: #ffffff;
    margin-top: 10px;
    font-size: 12px;
    font-weight: bold;
}
.entrar{
    margin-left: 220px;
    margin-top: -40px;
}
  .ingresar:hover
  {
  background: #365D9D;
  background: linear-gradient(left, #365D9D, #436CAD);
  background: -moz-linear-gradient(left, #365D9D, #436CAD);
  background: -webkit-linear-gradient(left, #365D9D, #436CAD);
  background: -o-linear-gradient(left, #365D9D, #436CAD);
  color: #FFFFFF;
  border-color: #FBFFAD;
  }

  h3{
  	font-size: 8px;
  }

  h2{
  	font-size: 12px;
  }

  a{
  	color: #ffffff;
  	text-decoration: none;
  }
  a:hover{
  	color: #f9f9f9;
  }

footer{
	color: #ffffff;
	position: fixed;
    font-size: 12px;
	bottom: 0;
	text-align: center;
	background: #4972B5;
	width: 101%;
	height: 50px;
	margin-left: -10px;
	margin-top: -10px;
	padding: 15px;
	box-shadow: rgba(200,200,200,0.5) 4px 0px 10px;
}

.closse_popup_i{
            position: fixed;
            margin-top: -35px;
            margin-left: 28%;
            z-index: 10003;
        }
.black_overlay_i{
			display: none;
			position: fixed;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:10001;
			-moz-opacity: 0.5;
			opacity:.80;
			filter: alpha(opacity=80);
		}
.white_content_i{
			display: none;
			position: fixed;
			top: 25%;
			left: 32%;
			width: 30%;
			height: auto;
			padding: 16px;
			border: 5px solid #f2f2f2;
            border-radius: 20px;
			background-color: white;
			z-index:10002;
			overflow: auto;
		}
.contendo_popup td {
    color: #777777;
    padding: 5px;
}



.confirmacion {
    font-size: 14px;
}