@charset "utf-8";
@import url('/css/rtve.2021.noticias/loteria-navidad-TE_SLOTE21/lot-navidad.llamador.basics.css');

.form-loteria + .pie_lot2010 {top:0;padding: 1.2rem 0;right: 2rem;float: right;}
.container .grid[id*='bLibre'] [data-erh] .llamador-loteria .mainBox .txtBox {padding:0 1.2rem !important;}
.llamador-loteria > .mainBox {display: none;}
.llamador-loteria {width: calc(100% - 0.8rem);margin-left: 0.4rem;}

/*color*/
.llamador-loteria  form .boton strong {background: #33536B;opacity: 0.8;display:inline-block;width:100%;text-align: center;}
.llamador-loteria  form .boton:hover strong {opacity:1;}

/*ajustes web size_50*/
.g2.simply.size_50 .form-loteria fieldset > ul  li:nth-of-type(1),
.g2.simply.size_50 .form-loteria fieldset > ul  li:nth-of-type(2),
.g2.simply.size_50 .form-loteria fieldset > ul  li:nth-of-type(3) {width:50%;}
.g2.simply.size_50 .form-loteria  + .pie_lot2010 {right:auto;top:auto;left:2.8rem;bottom:2.4rem;}

/*ajustes web size_33*/
.g3.simply.size_33 .form-loteria {padding-bottom:4.8rem;}
.g3.simply.size_33 .form-loteria fieldset > ul  li {width:100%;}
.g3.simply.size_33 .form-loteria + .pie_lot2010 {left:2.8rem;top:auto;bottom:1.2rem;}

/*ajustes web size_25*/
.g4.simply.size_25 .form-loteria {padding-bottom:4.8rem;}
.g4.simply.size_25 .form-loteria fieldset > ul  li {width:100%;}
.g4.simply.size_25 .form-loteria + .pie_lot2010 {left:2.8rem;top:auto;bottom:1.2rem;}

/*ajustes web size_75 columna*/
.g3.notory.size_75 .form-loteria {padding-bottom:4.8rem;}
.g3.notory.size_75 .form-loteria fieldset > ul  li {width:100%;}
.g3.notory.size_75 .form-loteria + .pie_lot2010 {left:2.8rem;top:auto;bottom:1.2rem;}

.g3.simply.size_33 .llamador-loteria form input[type="number"],
.g3.notory.size_75 .llamador-loteria form input[type="number"],
.g4.simply.size_25 .llamador-loteria form input[type="number"],
.g2.simply.size_50 .llamador-loteria form input[type="number"] {width:100%;}

.g3.simply.size_33 .form-loteria fieldset > ul  li:nth-of-type(3) *,
.g3.notory.size_75 .form-loteria fieldset > ul  li:nth-of-type(3) *,
.g4.simply.size_25 .form-loteria fieldset > ul  li:nth-of-type(3) *,
.g2.simply.size_50 .form-loteria fieldset > ul  li:nth-of-type(3) * {width:100%;}

.g3.simply.size_33 .form-loteria fieldset > ul  li,
.g3.notory.size_75 .form-loteria fieldset > ul  li,
.g4.simply.size_25 .form-loteria fieldset > ul  li,
.g2.simply.size_50 .form-loteria fieldset > ul  li {padding:0 1.2rem 1.2rem 1.2rem;}

.g3.simply.size_33 .llamador-loteria  form li:before,
.g3.notory.size_75 .llamador-loteria  form li:before,
.g4.simply.size_25 .llamador-loteria  form li:before,
.g2.simply.size_50 .llamador-loteria  form li:before {padding-top:0;}


.llamador-loteria form + ul {position:absolute;top:0;right:2.8rem;}

.mod-app.llamador-loteria form ul li {display: flex;}
.llamador-loteria fieldset ul  li {float:left;padding:0;}
.llamador-loteria fieldset ul  li:nth-of-type(1) {width:31%;}
.llamador-loteria fieldset ul  li:nth-of-type(2) {width:25%;}
.llamador-loteria fieldset ul  li:nth-of-type(3) {width:20%;    float: left;}
.llamador-loteria form {width:100%;}
.llamador-loteria form input[type="number"] {width:75%;}

.llamador-loteria form li:before {padding-right:1rem}

.form-loteria fieldset > ul  li {border-style:solid;border-color:transparent;}
.form-loteria fieldset > ul  li:nth-of-type(1) {border-width:0 0.8rem 0 0;}
.form-loteria fieldset > ul  li:nth-of-type(2),.form-loteria fieldset > ul  li:nth-of-type(3) {border-width:0 0 0 0.8rem;}

@media only screen and (max-width: 775px) {
    .llamador-loteria fieldset ul  li:nth-of-type(1) {width:30%;}
    .llamador-loteria fieldset ul  li:nth-of-type(2) {width:30%;}
    .llamador-loteria fieldset ul  li:nth-of-type(3) {width:40%;float:right;}
    .llamador-loteria form li:first-child:before, .llamador-loteria form li:nth-child(2):before {content:none;}
    .llamador-loteria form input[type="number"] {width:calc(100% - 0.8rem);}
    .llamador-loteria[class*='mod'] h2 {font-size:1.4rem;padding: 0.6rem;}
    .llamador-loteria fieldset ul li:nth-of-type(3) .boton{display:inline-block;width:100%;}

}

@media only screen and (min-width: 776px) and (max-width:1270px){
.form-loteria + .pie_lot2010 {max-width: 18%;}
.llamador-loteria form + ul a {line-height: 1}
}