* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    background: url(../images/fondo-quiniela.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #18202d;
    min-height: 100vh;
}
.cabeza {
    float: left;
    width: 100%;
    text-align: center;
    margin: 6% 0 0px;
}
.logout_lnks{
    color: white;
    background-color: #E41A3C!important;
    transition: 0.3s all;
    font-size: 20px;
    width: 80px;
}
.cuerpo {    width: 600px;    margin:  0 auto;}
.pie {    float:  left;    width:  100%;    margin: 10px 0;    text-align: right;    padding:  0 40px;}
.nav-tabs>li {background: url(../images/linea_blanco.png) right bottom no-repeat; width: 150px; background-size: 101%; height: 81px; display:  table-cell; float:  none; vertical-align: middle; padding: 20px 0 0;}
.nav-tabs>li.active {    background-image: url(../images/linea_azul.png);}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {    background: transparent;    border:  none;    color:  #fff;}
.nav-tabs>li>a {font-size: 16px;text-transform: uppercase;text-align: center;width: 100%;background: transparent;float: left;font-weight: 700;line-height: 18px;color: #00307a;}
ul.nav.nav-tabs {border:  none;float: left;width: 75%;margin: 0 12.5%;}
.marco {
    margin: 50px auto;
    border-radius: 15px;
    text-align: center;
    display: inline-block;
    background: rgba(51, 51, 51, 0.50);
    max-width: 390px;
}
.gris-login > label {
    float: left;
    width: 100%;
    border-radius: 12px 12px 0px 0;
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    padding: 25px 0;
    margin: 0 0 25px;
}
.formularios, form.formulario {    text-align:  center;}
.input-group {width:  90%;margin: 20px 5%;display:  inline-block;}
.input-group > label:first-child {width: 10%;    float:  left;    color:  white;    border-bottom: 1px solid white;    height:  34px;    padding:  6px 0;    margin:  0;}
.input-group > input.form-control, .input-group select, .input-group option { float:  left; width: 90%; background: transparent; border: none; border-bottom: 1px solid white; color:  white; font-size:  16px; font-weight:  700; height: 34px;border-radius: 0px;}
.input-group > input.form-control::placeholder {    color: white;}
input#olvido {float:  right;margin: 0 5% 40px;background:  transparent;color: #ceabab;border:  none;}
input.btn.btn-default.sub {
    clear: both;
    margin: 20px auto;
    display: inherit;
    background: #1AE47D;
    color: #fff;
    border: 1px solid #1AE47D;
    width: 90%;
    color: #18202d;
    transition: 1s;
    padding: 7px 0;
    font-size: 20px;
    border-radius: 0;
    font-weight: 700;
    box-shadow: 2px 2px 3px #383636;
}
input.btn.btn-default.sub:hover {     color:  white;}
.nav-tabs>li>a:hover {border: none;    background:  none;    text-decoration:  none;    color: #00307a;}
.input-group > label.alert {    color:  #fff;    border:  none;    margin:  0;    padding: 10px 0 0;}
.alert.alert-danger.input-group {margin: 0 5% 20px; background:  transparent; border:  none; font-size: 20px; float:  none; color:  #ffff; padding: 0;}
.formulario > a {float:  left;color:  #fff;padding: 30px 0 0 50px;width:  100%;text-align: left;font-size: 20px;cursor:  pointer;}
.marco.reglamento {    max-width: 100%;    padding: 0 0 30px;}
h1 {    float:  left;    color: #fff;    font-size:  18px;    padding:  0 20px;    margin:  0;}
.marco p {    color:  #fff;    float:  left;    text-align:  left;    padding:  0 20px;    font-size:  14px;    margin: 20px 0 0;}
select option{	color: #000 !important;}
@media only screen and (max-width: 600px) {
	.cuerpo {
	    width: 90%;
	    margin: 0 5%;
	}
}