/*Hoja de estilos CSS*/


@font-face {
    font-family: 'alegreya_sans_scbold';
    src: url(fonts/alegreyasanssc-bold-webfont.woff2) format('woff2'),
         url(fonts/alegreyasanssc-bold-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'alegreya_sans_scthin';
    src: url(fonts/alegreyasanssc-bold-webfont.woff) format('woff2'),
         url(fonts/alegreyasanssc-thin-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'open_sans';
    src: url('opensans-bold-webfont.eot');
    src: url('opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-bold-webfont.woff2') format('woff2'),
         url('opensans-bold-webfont.woff') format('woff'),
         url('opensans-bold-webfont.ttf') format('truetype'),
         url('opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;

}




@font-face {
    font-family: 'open_sans_condensed';
    src: url('opensans-condbold-webfont.eot');
    src: url('opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-condbold-webfont.woff2') format('woff2'),
         url('opensans-condbold-webfont.woff') format('woff'),
         url('opensans-condbold-webfont.ttf') format('truetype'),
         url('opensans-condbold-webfont.svg#open_sans_condensedbold') format('svg');
    font-weight: bold;
    font-style: normal;

}




@font-face {
    font-family: 'open_sans';
    src: url('opensans-condlight-webfont.eot');
    src: url('opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-condlight-webfont.woff2') format('woff2'),
         url('opensans-condlight-webfont.woff') format('woff'),
         url('opensans-condlight-webfont.ttf') format('truetype'),
         url('opensans-condlight-webfont.svg#open_sanscondensed_light') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sans';
    src: url('opensans-italic-webfont.eot');
    src: url('opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-italic-webfont.woff2') format('woff2'),
         url('opensans-italic-webfont.woff') format('woff'),
         url('opensans-italic-webfont.ttf') format('truetype'),
         url('opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: italic;

}




@font-face {
    font-family: 'open_sans';
    src: url('opensans-regular-webfont.eot');
    src: url('opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-regular-webfont.woff2') format('woff2'),
         url('opensans-regular-webfont.woff') format('woff'),
         url('opensans-regular-webfont.ttf') format('truetype'),
         url('opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sans_condensed';
    src: url('opensans-condbold-webfont.eot');
    src: url('opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-condbold-webfont.woff2') format('woff2'),
         url('opensans-condbold-webfont.woff') format('woff'),
         url('opensans-condbold-webfont.ttf') format('truetype'),
         url('opensans-condbold-webfont.svg#open_sans_condensedbold') format('svg');
    font-weight: bold;
    font-style: normal;

}


@charset "utf-8";

/* CSS FORMULARIO DE INGRESO */


* {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: "Open sans", "Arial", sans-serif;
    font-size: 1em;
    border: 0;
}


body {
    font-family: "alegreya_sans_scthin","Arial", sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f7f5e5;
     
    
}


form {
    max-width: 100%;
    min-width: 100%;
    margin: auto;
    margin-top: 1em;
    background: #f7f5e5;
    padding: 10px 20px;
    box-sizing: border-box;
    margin-top: .
    font-family: 'Open Sans', "Helvetica";
    
    
}
*{font-family: sans-serif !important;}
h2 {
    background: #ADC6BD;
    margin-top: 5em;
    text-align: center;
    font-family: 'Open Sans';
    color: #f7f5e5;
    margin: 0;
    margin-bottom: 20px;
    
}

#bajada{
    font-family: 'open_sans";
    font-style: bold;
    font-size: 13px;
    margin-top: 6em;
    
}


input{
    width: 100%;
    margin-bottom: 20px;
    box-sizing: border-box;
    border: none;
    max-width: 100%;
    min-width: 100%;
}

textarea{
    min-height: 100px;
    max-height: 200px;
    max-width: 100%
        
              
}


#boton {
    text-align: center;
    padding: 8px 14px;
   font-family: 'Open Sans', "Helvetica";
    height: 25px; 
    display: inline-block; 
    border: none; 
    cursor: pointer; 
    
   
}

#boton:hover {
    cursor: pointer;
    background-color: #BABABA;
    
}

p {
    font-family: 'Open Sans', "Helvetica";
    font-size: 12px;
    margin top: 3em;
    text-align: center;
    color: #082963;
    max-width: 100%;
    min-width: 100%;
    
}

p a {
    font-family: 'Open_Sans', "Helvetica";
    font-size: 12px;
    text-decoration: underline;
    
}

p a:hover {
    color: #adc6bd;
}


#pagina {
    max-width: 606px; 
    min-width: 320px;
    margin: 0 auto;
    text-decoration: none;
}

header {
    position:relative;
    max-width: 100%; 
    min-width: 100%;
    margin:0 auto;
     }


header a img {
    margin-top: 30px;
    display:block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    margin-top: 50px;
    height: 80px;
}


}











}






/*ACCEDER A MI CUENTA*/

label { 
    font-weight: bold; 
    color: #444; 
    font-size: 14px; 
}


input { 
    font-size: 13px; 
    max-width: 100%;
    min-width: 300px;
    margin left: 2em;
    margin-right: 2em;
    max-width: 100%;
    min-width: 100%;
    
}


input[type="text"] { 
    margin: 10px 0; 
    background: #fff; 
    border: 1px solid #ccc; 
    color: #777; 
    display: block; 
    max-width: 100%; 
    outline: none; 
    padding: 7px 8px; 
    font-family: "open_sans_condensed", "Helvetica", "Arial", sans-serif;
    
    
}


input[type="password"] { 
    margin: 10px 0; 
    background: #fff; 
    border: 1px solid #ccc; 
    color: #777; 
    display: block; 
    max-width: 100%; 
    outline: none; 
    padding: 7px 8px; 
    font-family: "open_sans_condensed", "Helvetica", "Arial", sans-serif;
    
    
}

input[type="mail"] { 
    margin: 10px 0; 
    background: #fff; 
    border: 1px solid #ccc; 
    color: #777; 
    display: block; 
    max-width: 100%; 
    outline: none; 
    padding: 7px 8px; 
    font-family: "open_sans_condensed", "Helvetica", "Arial", sans-serif;
    
    
}


input[type="submit"] { 
    margin: 10px 0; 
    background: #; 
    color: #000000; 
    padding: 8px 14px;
    font-family: 'Open Sans', "Helvetica";     
    display: inline-block; 
    border: none; 
    cursor: pointer; 

}

input[type="submit"]:hover { 
    background: #BABABA;
    cursor: pointer;
}



 
    





input[type="checkbox"] { 
    margin: 0 0; 
    color: #777; 
    display: block; 
    max-width: 100%; 
    outline: none; 
    padding: 0px 0px;
    text-align: left;
}





a {
    font-family: "Open sans", sans-serif;
    text-decoration: none;
    color: #000;
}


#olvidecontrasenia {
    font-family: 'Open Sans', "Helvetica";
    font-size: 12px;
    margin top: 3em;
    text-align: center;
    justify-content: center;
    color: #082963;
}


    
    

}




















@media screen and (min-width:450px) {
    form{
        width: 100%;
        
    }
    
    

}