@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Crete+Round);


body {
background-image: url("referente de sign in.png");
font-family: 'lato', sans-serif;
}

.logo {
margin: 1em;
margin-right: 0;
float: left;
width: 8em;
height: auto;
display: block;
}

h3 {
text-align: center; 
font-family: 'crete round', serif;
font-size: 1em;
float: right;
display: block;
margin: 1em;
margin-top: 2em;
margin-left: 0;
}


hr {
clear: both;
}

h2 {
clear: both;
text-align: center;
color: #34B297;
font-family: 'crete round', serif;
font-size: 1.5em;
margin-bottom: 0;
}

input[type="radio"]:checked:before {
    content: "";
    display: block;
    position: relative;
    top: 7px;
    left: 7px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #34B297;
}


#loginform {
border-radius: 5px;
padding: 1em;
color: white;
font-size: 0.9em;
margin-top: 0;
clear: both;
}

legend {
width: 100%;
margin-left: 0;
margin-right: 0;
text-align: center;
color: white;
font-family: 'crete round', serif;
background-color: #444444;
font-size: 1.1em;
padding: 0.5em;
box-sizing: border-box;
border-radius: 5px 5px 0 0;
}

.registro {
background-color: #F1F1F1;
padding: 1em;
border-radius: 0 0 5px 5px;
}

label {
color: #1B1C20;
}

input.completar {
width: 100%;
border-radius: 5px;
height: 1.5em;
margin-bottom:0.5em;
margin-top: 0.5em;
box-sizing: border-box;
padding: 1em;
font-size:1.2em;
color: #34B297;
}

input:focus {
border: solid #34B297 3px;
outline:0;
}

.flexcontainer {
    display: flex;
}


#eye {
padding: 0.5em;
margin-top: 0.8em;
color: #34B297;

}



span {
margin-left: 0.3em;
font-weight: bold;
font-size: 1.2em;
color: #1B1C20;
}


input[type=checkbox], input[type=radio] {
    vertical-align: middle;
    position: relative;
    bottom: 1px;
}

input[type=radio], input[type=checkbox] {
    bottom: 2px;
    width: 2em;
    height: 2em;
}

.botones {
margin-top: 0.5em; 
}



#sexo {
margin-bottom: 0.5em;
}

#flexcontainer {
display: flex;
}

#prefijo {
height: 2.3em;
width: 3em;
text-align: center;
line-height: 35px;
font-size: 1em;
border-radius: 5px;
margin: 0.7em 0.5em 1em 0;
color: #1B1C20;  
border: 0.5px solid #444444;
}

a {
text-decoration: none;
}


#terminosycondiciones {
font-size: 1em;
color: #1B1C20;
}

#terminosycondiciones a{
font-size: 0.8em;
font-weight: bold;
color: #34B297;
}



#submit {
width: 200px;
border-radius: 5px;
background-color: #34B297;
color: white;
padding: 1em 0;
border: none;
cursor: pointer;
margin: 0 auto 2em auto;
text-align: center;
display: block;
}



.miembro {
text-align: center;
margin-top: 1em;
margin-left: auto;
margin-right: auto;
width: 100%;
color: #1B1C20;
font-size: 0.9em;
}

.miembro span {
color: #34B297;
}


#submit:active {
background-color: #444444;
transition: 0.2s;
}