@font-face {
font-family: 'latolight';
src: url('https://app.centrohuarte.es/fonts/lato-light.woff2') format('woff2'),
url('https://app.centrohuarte.es/fonts/lato-light.woff') format('woff');
font-weight: normal;
font-style: normal;

}
@font-face {
font-family: 'latoregular';
src: url('https://app.centrohuarte.es/fonts/lato-regular.woff2') format('woff2'),
url('https://app.centrohuarte.es/fonts/lato-regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'latobold';
src: url('https://app.centrohuarte.es/fonts/lato-bold.woff2') format('woff2'),
url('https://app.centrohuarte.es/fonts/lato-bold.woff') format('woff');
font-weight: normal;
font-style: normal;
}
*{
box-sizing: border-box;
margin:0;
padding:0;
font-family:'latolight', sans-serif;
}
body{
opacity:0;
}
html {
background: url('../img/usuario.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
html,body{
font-size:14px;
}

header a{
background-image:url(../img/logo.svg);
display:block;
height:100px;
width:105px;
margin:auto;
background-repeat:no-repeat;
background-color:#fff !important;
background-size:100px;
background-position:4px 0;
}
#inicio #content a{
display:block;
background-color:rgba(255,255,255,0.85);
padding:10px;
border-radius:3px;
font-size:125%;
margin:5px;
text-decoration:none;
color:#202945;  

}
#inicio #content a:hover,#inicio #content a:focus{
background-color:rgba(255,255,255,1);
}
#inicio #content{
max-width:300px;
padding-top:50px;
margin:auto;
text-align:center;
}
#acceso #content, #registro #content{
max-width:500px;
margin:auto;
margin-top:50px;
background-color:rgba(255,255,255,0.8);
border-radius:4px;
}
#content {
padding:5px 20px;
}
#content h1{
font-size:1.4rem;
margin:10px 5px 5px 0;
}
#recuperar {
display:inline-block;
text-decoration:none;
color:#333;
padding:3px;
border-width:0 0 1px 0;

border-style:dashed;
border-color:#999;
margin-bottom:8px;
}
#recuperar:hover {
border-style:solid;
}
.pure-button-primary {
margin-top:10px;
background-color:#ffffff;
color:#111;
border-color:#ccc;
border-style:solid;
border-width:1px;
box-shadow: inset 0 1px 3px #ddd;
}

.pure-button-primary:hover {
cursor:pointer;
}