@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://themes.googleusercontent.com/static/fonts/lato/v7/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

body {
	background: #FFFFFF;
	font-family: "Lato" ;
}

.satli{
  font-size: 50px;
  font-style: bold;
  font-weight: 800px;
  text-decoration: center;  
}

.notario{
  font-size: 21px;
  text-align: right;
  font-style:italic;
  margin-right: 15%;
  margin-top: 14px;
  color: #0063a8;
}

.encabezado{
    font-size:x-large;
    font-weight:bold;
    text-align: center;
    padding:16px 0px 14px 0px;
}
.wrap {
	width:270px;
	height: auto;
	margin: auto;
	margin-top: 4%;
}
.avatar {
	width: 100%;
	margin: auto;
	width: 65px;
	border-radius: 100px;
	height: 65px;
	background: #448ed3 ;
	position: relative;
	bottom: -15px;
}
.avatar img {
	width: 55px;
	height: 55px;
	border-radius: 100px;
	margin: auto;
	border:3px solid #fff;
	display: block;
}
.wrap input {
	border: none;
	background: #fff;
        font-family:Lato ;
        font-weight:700 ;
	display: block;
	height: 40px;
	outline: none;
	width: calc(100% - 24px) ;
	margin: auto;
	padding: 6px 12px 6px 12px;
}
.bar {
	width: 100%;
	height: 1px;
	background: #fff ;
}
.bar i {
	width: 95%;
	margin: auto;
	height: 1px ;
	display: block;
	background: #d1d1d1;
}
.wrap input[type="text"] {
	border-radius: 7px 7px 0px 0px ;
}
.wrap input[type="Password"] {
	border-radius: 0px 0px 7px 7px ;
}
.forgot_link {
	color: #83afdf ;
	color: #83afdf;
	text-decoration: none;
	font-size: 11px;
	position: relative;
	left: 193px;
	top: -36px;
}
.wrap button {
	width: 100%;
	border-radius: 9px;
	background: #757170;
	text-decoration: center;
	border: none;
	color: #777171;
        margin-top:10px;
	padding-top: 5px;
	padding-bottom: 5px;
	outline: none;
	font-size: 14px;	
	border-bottom: 1px solid #307d63;
	cursor: pointer;
}

/*Para los menús*/

#wrapper {
	position: relative;
	/*width: 980px;*/
	margin: 0 auto 0 auto;
	background: #FFFFFF;
	border-radius: 6px;
	box-shadow: 0px 5px 20px 2px rgba(0,0,0,0.1);
}
#menu {
	/*padding: 0 45px 0 45px;*/
	position: relative;
	/*background: #209D9D url(../images/img02.gif) repeat-x top left;*/
	background: #0055B7;	 
	margin: 0;
	/*height: 60px;*/
        height: 42px;
	/*width: 890px;*/
	border-top: solid 1px #0055B7 ;
	border-bottom: solid 1px #0055B7 ;
	text-shadow: 0 1px 1px #0055B7 ;
        text-align: center;
}


#menu ul {
	list-style: none;
	padding-top: 12px;
/*	position: relative;*/
	left: -15px;        
}

#menu ul li {
	padding: 2px 8px 2px 8px;	
        /*padding: 2px 15px 2px 15px;*/
	/*margin-right: 5px;*/
	display: inline-block;
}

#menu ul li a, #menu ul li span {
	text-decoration: none;
	color: #FFFFFF;	
	font-size: 15px;
}

#menu ul li a:hover{
	background-color: #2586d7;        
        /*margin-top: -2;*/
        padding-top: 12px;
        padding-bottom: 12px;
}

#menu ul li span b {
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 7px solid #0055B7 ;
	margin-left: 8px;
	position: relative;
	top: -1px;
}

#menu ul li.active {
	background: #0055B7 ;
	/*border-top: solid 1px #0055B7 ;*/
	border-top: solid 1px #0055B7;
	border-bottom: solid 1px #0055B7;
	border-radius: 3px;
	padding-top: 4px;
	padding-bottom: 4px;
}

#menu ul li.active span b {
	/*border-top-color: #165E5E;*/
	border-top-color: #0055B7;
}