body{  
    font-family: arial;
    font-size: 12px;
    margin: 0;padding: 0;  
    background-image: url(../img/portada/fondo_login.png); 
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed; 
    background-position: center center;
}
/*
@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 400;
 src: local('Open Sans'), local('OpenSans'), url(../fonts/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');  
}
@font-face {
 font-family: 'Open Sans Light';
 font-style: normal;
 font-weight: 300;
 src: local('Open Sans Light'), local('OpenSans-Light'),  url(../fonts/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');  
}

@font-face {
 font-family: 'Open Sans Semibold';
 font-style: normal;
 font-weight: 600;
 src: local('Open Sans Semibold'), local('OpenSans-Semibold'),  url(../fonts/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');  
}

*/
#bc{
   
    display: table;
    height: 100%;
    min-height: 52.58em;
    position: absolute;
    width: 100%;
}

#bc_i{
    display: table-cell;
    min-height: 52.58em;
    vertical-align: middle;
    text-align: center;
}
.img_logo{
	width:400px;
}
#container{
    display: block;
    padding: 0.83em;
    margin: 0 auto; 
    width: 24.17em;
}

#ctn_lg{
    display: block;
    text-align: center;
}

#logo{
    background: transparent;
    display: inline-block;
}

#ctn_form{
    display: inline-block;
    margin-top: 0.83em;
}

#ctn_txt{
    display: block;
    height: 3.33em;
    text-align: center;
}

#text_av{
    color: #FFF;
    display: inline-block;
    font-family: 'Open Sans Light';
    font-size: 1.75em;
    padding: 0.35em 0em;
}

#ctn_op{
    display: block;
    min-height: 2.91em;
    text-align: center;
    margin-top: 0.83em;
    position: relative;
}

.n_b{
    border: 0.15em solid #FFF;
    border-radius: 0.33em;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-size: 1.75em;
    padding:0.22em 0.53em;
    margin-bottom: 5px;
}
.active{
    background: orangered;
    border: 0.15em solid orangered;
}

/*#p_b{
    left: 0em;
}
#s_b{
    left: 2.44em;
}
#t_b{
    left: 4.89em;
}
#c_b{
    left: 7.33em;
}
#q_b{
    left: 9.67em;
}
#x_b{
    right: 0em;
}*/

#frmLogeo{
    display: inline-block;
    margin-top: 0.83em;
}

.txt{
    background: rgba(0,0,0,.7);
    border: none;
    border-radius: 0.33em;
    display: inline-block;
    height: 2.7em;
    font-size: 1.75em;
    font-family: 'Open Sans';
    margin-bottom: 0.476em;
    text-align: center;
    outline: none;
    width: 14.80em;
	color:#CCCCCC;
}
.combo{
    background: rgba(0,0,0,.7);
    border: none;
    border-radius: 0.33em;
    display: inline-block;
    height: 2.7em;
    font-size: 1.75em;
    font-family: 'Open Sans';
    margin-bottom: 0.476em;
    text-align: center;
    outline: none;
    width: 14.80em;
	color:#CCCCCC;
}
.combo:focus{
    color:white;
}

.txt:focus{
    background: rgba(255,255,255,1);
    color:black;
}

#btnlogeo{
    background: #00AEEF;
    border: none;
    border-radius: 0.33em;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-size: 1.75em;
    font-family: 'Open Sans Semibold';
    height: 2.7em;
    width: 14.80em;
}
#divfooter{
    color: #FFF;
    display: block;
    font-size: 1.5em;
    margin: 0 auto;
    margin-top: 2.22em;
    text-align: center;
    width: 100%;
}

@media screen and (min-width:800px){
    .txt{
        font-size: 1.16em;
    }
	.combo{
        font-size: 1.16em;
    }
    #btnlogeo{
        font-size: 1.16em;
    }
    #container{
        margin-bottom: 150px;
    }
	.img_logo{
		width:220px;
	}
}