@charset "utf-8";

/* CSS Document */
* {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

html {
    min-height: 100%;
    position: relative;
    font: 100%/135% Arial, Helvetica, sans-serif;
    color: #666666;
}

/*v3*/
body {
    background: #F6F6F6;
    margin: 0;
    padding: 0;
    border: 0;
    /*margin-bottom: 60px;*/
}

/*dic2020*/
*:before,
*:after {
    box-sizing: border-box;
}

* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
    border: 0px;
}

a {
    text-decoration: underline;
    color: #666666;
    outline: none;
}

a:hover {
    text-decoration: underline;
}

.head h1 {
    margin: 0px;
    font-size: 165%;
    font-weight: normal;
    line-height: 120%;
}

.head2 .titulo {
    font-size: 120%;
    margin: 0px;
    font-weight: normal;
    line-height: 120%;
}

/*2020*/
.head h2,
.head h2 .subtit,
.head .subtit {
    margin: .2em 0;
    font-size: 110%;
    font-weight: normal;
    line-height: 120%;
}

.intro {
    clear: both;
    line-height: 130%;
    margin: 0;
    font-size: 95%;
}

/*2020*/
.descripcion p {
    font-size: 110%;
}

/*2020*/
.descripcion.mb.intro p {
    text-align: center;
    margin-bottom: 10px;
}

.wrap {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.head,
head2,
#main {
    clear: both;
    text-align: left;
}

/*v4*/
#main {
    min-height: 355px;
    /*premios 420*/
}

/*v3*/
#footer {
    clear: both;
    text-align: center;
    padding: 10px 0 10px 0;
    margin: 0 3%;
    width: 94%;
}

#copy img {
    display: block;
    margin: .5em auto;
    max-width: 144px;
}

.logo {
    position: relative;
    z-index: 10;
    width: 58%;
    float: right;
    margin-top: .5em;
    margin-bottom: 1.3em;
    text-align: left;
}

.logo h1 {
    margin: 0 0 .15em 0;
}

.logo img {
    max-width: 168px;
}

.head2 .logo {
    width: 47%;
    float: left;
    margin-left: 3%;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0.5em;
}

.head2 .logo img {
    width: 98%;
    max-width: 168px;
}

#descripcion {
    color: #FFFFFF;
    background: none;
    text-align: center;
    width: 98%;
    margin: 0em auto;
    padding: .5em 0;
}

.globo {
    position: relative;
    z-index: 2;
    background: linear-gradient(0.5turn,  #8BCFE2, 50%, #2FACC2);
    color: #FFFFFF;
    padding-top: 4em;
    padding-bottom: .5em;
    margin-top: -5em;
    clear: both;
}

.head2 .globo {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: -1em;
}

/*vs*/
#menu {
    font-size: 80%;
    margin: 0 auto;
    max-width: 920px;
}

#menu ul {
    margin: 0px;
    padding: 0px;
}

/*v3*/
#menu li {
    display: inline-block;
    margin: 0px 6px;
    /*margin-left: 0;*/
    /*white-space: nowrap;*/
    list-style-type: none;
}

/*dic2020*/
#menu span,
#menu a {
    padding: 2px 5px;
    display: block;
    text-decoration: none;
    font-weight: bold;
    color: #888888;
}

#menu a:hover {
    text-decoration: underline;
}

#menu span {
    color: #888888;
}

.visually-hidden {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.clear {
    clear: both;
}

/*textos*/
#conditions,
.correg {
    font-size: 80%;
}

/*2020*/
.logo p {
    margin: 0;
    font-size: 80%;
    line-height: 120%;
}

/*2020*/
.head2 .logo p {
    font-size: 80%;
}

/*v3*/
#copy {
    font-size: 70%;
    /*margin: .5em 4%;*/
}

/*v4*/
.slogan {
    width: 95%;
    max-width: 700px;
    text-align: center;
    margin: 10px auto 0 auto;
}

/*v4*/
.slogan p {
    font-size: 75%;
    /* font-weight: bold; */
    margin: .5em 0;
    line-height: 120%;
}

.txtad {
    width: 95%;
    margin: 0 auto;
    padding: .5em 0 2em 0;
    font-size: 90%;
}

/*2020.txtad h2 {
    color: #B0B400;
    font-weight: bold;
    margin: .7em 0;
    line-height: 120%;
    text-transform: uppercase;
}*/
/*set 2023*/
.txtad h2,
#txadmin h2.titulo {
    color: #555555 !important;
    font-weight: bold;
    margin: .7em 0;
    line-height: 120%;
    text-transform: uppercase;
    font-size: 1.5em !important;
}

.txt {
    line-height: 140%;
}

.txt p,
.txtad p {
    margin: .3em 0;
}

/*2020*/
.txtad .gral {
    padding: 0px !important;
}

.banners {
    padding: 1em 0;
}

.publi {
    text-align: center;
}

.publi span {
    font-size: 70%;
    color: #999999;
}

.center {
    text-align: center;
}

/*FB*/
.fb {
    clear: both;
    text-align: center;
    padding: .3em 0px;
}

#fb2 {
    display: none;
}

.fb a {
    background: #486588 url(../imagenes/icono-facebook.gif) no-repeat -.2em 0;
    color: #FFFFFF;
    padding: 0.5em 0.4em 0.5em 0.4em;
    margin: 0 auto !important;
    max-width: 270px;
    display: inline-block;
    width: 100%;
    font-weight: normal;
}

.fb a:hover {
    background: #435E7E url(../imagenes/icono-facebook.gif) no-repeat -.2em 0;
    text-decoration: none;
}

/*m*/
.correg .pict {
    border: solid 1px #CCCCCC;
    width: 120px;
    margin: 0px 5px 0px 0 !important;
    float: left;
}

/*form*/
/*2020 portada*/
#formulario {
    font-size: 90%;
    width: 95%;
    margin: 1em auto;
}

/*2020 internas*/
.formulario {
    /*font-size: 90%;*/
    /*width: 95%;*/
    /*margin: 0 auto;*/
}

/*2020 step2*/
#step2 .formulario {
    width: 95%;
    margin: 20px auto;
    max-width: 580px;
    font-size: 90%;
}

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

/*2020*/
#front div,
#step2 .formulario div {
    margin-bottom: 10px;
}

/*#birthdatemsg {
    padding: 0px 3px 0px 0px !important;
}*/

/*.lb,
#space,
#birthdatemsg {
    display: block;
}*/

/*dic2020*/
.inputbox {
    font-size: 110%;
    line-height: 110%;
    background: #ffffff;
    color: #666666;
    padding: 8px 0px 7px 35px;
    border: 1px solid #E5E5E5;
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;
    border-radius: 0px !important;
    box-shadow: none !important;
}

/*ago2023*/

#day {
    width: 20% !important;
    max-width: 90px;
}

#month {
    width: 45% !important;
    max-width: 200px;
}

#year {
    width: 29% !important;
    max-width: 150px;
}

label#birthdatemsg {
    display: block;
    padding: 0px 7px 7px 35px;
    background: transparent url(../imagenes/ico-date.gif) no-repeat 0px 50%;
    color: #666666;
    font-size: 110%;
}

/*set2023*/
.valido,
.inputbox.valido,
select .inputbox.valido {
    color: #2397AF;
}

input:-moz-read-only {
    /* For Firefox */
    color: #2397AF;
}

input:read-only,
input:checked {
    color: #2397AF;
}

/*dic2020*/
#step2 .inputbox {
    /*width: 98%;*/
}

/*set2023*/
.imgform {
    position: absolute;
    width: 32px;
    height: 32px;
    margin: 0 2px;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #666666;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #666666;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #666666;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #666666;
}

input[type="checkbox" i],
input[type="radio" i] {
    margin: 3px 5px;
}

/*.name,
.surname,
.e-mail,
.cellphone,
.country,
.direc,
.postalcode,
.city {
    border: solid 1px #e5e5e5;
    width: 100%;
    background: #ffffff;
    overflow: hidden;
}*/

#step2 .single {
    font-size: 110%;
    margin-bottom: 5px;
    margin-top: 10px;
}

/*dic2020*/
#step2 select,
#step2 select option {
    width: 100%;
    max-width: 100%;
    font-weight: 400;
    line-height: 110%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    /*-webkit-appearance: textfield;*/
    /*box-shadow: 0 1px 0 1px rgba(0,0,0,.04);*/
    box-shadow: none;
    border: solid 1px #e5e5e5;
    border-radius: 0px !important;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23666666%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
        linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
    background-repeat: no-repeat, repeat;
    /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
    background-position: right .7em top 50%, 0 0;
    /* icon size, then gradient */
    background-size: .65em auto, 100%;
    /*opcion al padding left*/
    /*text-indent: 15px;*/
}

#step2 #day {
    width: 20% !important;
}

#step2 #month {
    width: 45% !important;
}

#step2 #year {
    width: 29% !important;
}

/*dic2020*/
#step2 .birthdate select {
    /*color:#666666;*/
    padding: 8px 7px 7px 7px;
    margin-right: 1%;
    border: solid 1px #e5e5e5;
    border-radius: 0px !important;
}

#step2 label#birthdatemsg {
    display: block;
    padding: 0px 7px 7px 35px;
    background: transparent url(../imagenes/ico-date.gif) no-repeat 0px 50%;
    color: #666666;
    font-size: 110%;
}

#step2 #country,
#step2 #hijos {
    padding: 8px 7px 7px 33px;
    width: 98% !important;
    /*max-width: 540px;*/
    /*color:#666666;*/
    border: solid 1px #e5e5e5;
    border-radius: 0px !important;
}

#conditions {
    clear: both;
    text-align: center;
    width: 100%;
    margin: 0;
}

#boton {
    clear: both;
    text-align: center;
    margin-bottom: 0 !important;
}

#boton2 {
    max-width: 85%;
    text-align: center;
    font-size: 85%;
    margin: 10px auto 0 auto;
}

/*2020*/
.formulario .validate2,
.pop .validate2 {
    font-size: 30px;
    /*height:52px;*/
    margin: 10px 0 10px 0;
    padding: 0.3em 1em;
}

.button {
    background: #FC3441;
    font-size: 210%;
    color: #FFFFFF;
    padding: 0.4em 1em;
    text-transform: uppercase;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    margin: .3em 0;
    /*height: 56.6px;*/
    cursor: pointer;
}

.button:hover,
.bot:hover {
    background: #E22F3A;
}

/*v3*/
/*.correg {
    margin: 1em auto 1em auto !important;
    line-height: 140%;
}*/

/*v3*/
/*.txcorreg {
    margin: 0;
}*/

.txcorreg label {
    margin: 0px 3px;
}

/*v4*/
/*.txcorreg strong {
    font-size: 120% !important;
}*/

#baja {
    margin: 2em auto;
}

.error {
    font-size: 85%;
    line-height: 140%;
    color: #CC3300;
}

#baja div {
    margin: 1em 0;
}

/*2020*/
.bot,
.bot-off {
    font-size: 120%;
    line-height: 110%;
    font-weight: bold;
    color: #FFFFFF;
    padding: 0.2em .7em;
    text-transform: uppercase;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    margin: .3em 0;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    cursor: pointer;
}

.bot {
    background: #B0B500;
}

.bot-off {
    background: #999999;
}

.bot-off:hover {
    background: #868686;
}

/*foto premio*/
#fbig {
    position: relative;
    z-index: 4;
    margin: 5px auto 5px auto;
    clear: both;
    text-align: center;
    width: 96%;
}

.head2 #fbig {
    width: 48%;
    clear: none;
    margin-right: 2%;
    max-width: 224px;
    padding-bottom: 5px;
}

/*foto recurso*/
#main .aside {
    display: none;
}

.head .aside {
    width: 42%;
    position: absolute;
}

.aside {
    float: left;
    padding: 0px;
    position: relative;
    width: 48%;
}

/*progreso registro*/
.barra {
    width: 85%;
    font-size: 75%;
    background: none !important;
    margin: .3em auto 0 auto;
    display: table;
}
/*cambio color set2023*/
.progreso {
	border: solid 1px #2397AF;
    background: #2397AF !important;
    text-align: left;
    width: 53%;
    margin: 0 1%;
    float: left;
}

#porcentaje {
    background: linear-gradient(0.5turn,  #68f1ff, 50%, #1f96ae);
    text-align: center;
    font-weight: bold;
    color: #ffffff;
}

.avance {
    width: 28%;
    float: left;
    color: #FFFFFF;
    line-height: 1.6em;
    text-align: right;
}

.total {
    color: #FFFFFF;
    float: left;
    width: 15%;
    text-align: left;
}

/*iframes*/
.embed-container {
    position: relative;
}

/**/
.embed {
    -webkit-overflow-scrolling: touch;
}

/*v3*/
.embed-container iframe {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 280px;
    /**/
    border: none;
    overflow: hidden;
}

/*2020*/
.iframes {
    width: 94%;
    margin: 0 auto 1em auto;
}

#baja .inputbox {
    width: 80%;
}

/*2018 txtad*/
/* .txtad h1 {
    color: #B0B400;
    font-size: 1.5em;
    font-weight: bold;
    margin: 1em 0px 0.5em 0px;
    line-height: 120%;
    text-transform: uppercase;
} */

/* 2023 txtad */
.txtad h1 {
    color: #555555;
    font-size: 1.5em;
    font-weight: bold;
    margin: 1em 0px 0.5em 0px;
    line-height: 120%;
    text-transform: uppercase;
}

.txtad table {
    margin: 1em 0;
    font-size: 100%;
    border-collapse: collapse;
    border: solid 1px #cccccc;
    width: 98%;
}

.txtad table td {
    display: block;
    padding: 5px 7px;
    vertical-align: top;
    border-bottom: solid 1px #cccccc;
}

.txtad ol,
.txtad ul {
    padding-left: 0.2em;
    margin: 0.5em 0.5em 0.5em 1.5em;
    list-style-position: outside;
}

.txtad li {
    margin: 0.5em 0;
}

/*new3*/
#cookies {
    position: fixed;
    width: 100%;
    z-index: 99999;
    left: 0;
    bottom: 0px;
    background: #E5E5E5;
    border-top: solid 2px #ffffff;
}

#cookies p {
    text-align: center;
    font-size: 13px;
    padding: 0em 1em;
    color: #555555;
}

#cookies .close {
    float: right;
    padding: 0.5em 1em;
}

#ccokies .close img {
    width: 18px;
    height: 18px;
    border: 0px;
}

/*modal 2020*/
.pop,
.pop2 {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99998;
    /*situado arriba del banner de las cookies*/
    text-align: center;
}

.pop_exit {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99997;
    background-color: #666666;
    opacity: 0.8;
}

.popbox_content,
.popbox_content2 {
    background-color: #fff;
    z-index: 99998;
    width: 90%;
    height: 85%;
    position: relative;
    text-align: left;
    top: 0;
    overflow: visible;
    margin: 35px auto;
    border-radius: 8px;
}

.popimage_back,
.popimage_close {
    background: #59B6CE;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    position: absolute;
    text-align: center;
    width: 70px;
    top: -14px;
    right: 5px;
    z-index: 10;
}

#popbox-content,
#popbox-content1,
#popbox-content2,
#popbox-content3,
#popbox-content4,
#popbox-content5 {
    height: 94%;
    padding: 15px 15px 10px 15px;
    margin-top: 15px;
    overflow: visible;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

#popbox_content_fin {
    height: auto;
}

/*.popiframe_loader {
width: 100%;
height: 100%;
border: 0;
}*/

.grecaptcha-badge {
    display: none !important;
}

/*ago2019*/
#txadmin .head2 .logo {
    width: 94%;
    float: none;
    margin-left: 3%;
    margin-right: 3%;
    margin-top: 0;
    margin-bottom: 0.5em;
}

/*nuevos2020*/
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*cambio clase 2020*/
.user fieldset span {
    display: none;
    font-size: 13px;
    line-height: 110%;
    margin: 3px 0px 0px 6px;
    color: #CC1E0D;
    left: 0px;
    clear: both;
}

.user .oldclass {
    color: #CC1E0D;
    display: block;
}

.user .newclass {
    display: block;
    font-size: 13px;
    line-height: 110%;
    margin: -5px 5px 10px 5px;
    color: #CC1E0D;
    left: 0px;
    clear: both;
}

/*error servidor 2020*/
.mensajes {
    margin: 0 0 10px 0;
    overflow: hidden;
    background: #EFDBDB;
    border: solid 1px #CC1E0C;
}

div.mensaje_error {
    text-align: left;
    background: #EFDBDB url("../imagenes/atencion.png") no-repeat 0 50%;
    background-size: 32px;
    color: #CC1E0C;
    font-size: 13px;
    line-height: 120%;
    display: table-row;
    width: 100%;
}

div.mensaje_error span {
    display: table-cell;
    vertical-align: middle;
    padding: 3px;
    padding-left: 35px;
    height: 26px;
}

/*dic2020*/
#condiciones,
.condiciones {
    font-size: 85%;
    line-height: 140%;
    padding: 5px 5px 0px 5px;
    text-align: center;
    color: #808080;
}

#condiciones a,
.condiciones a {
    text-decoration: none;
    font-weight: bold;
    color: #888888;
}

#condiciones a:hover,
.condiciones a:hover {
    text-decoration: underline;
}

/*2020*/
a#btn_condiciones {
    font-weight: bold;
}

/*2020*/
.mb.hide {
    display: none;
}

/*dic2019 id=txadmin, txadmin2, txadmin3*/
.gral {
    line-height: 1.40em;
    /*padding: 0 10px;*/
}

.gral h1,
.gral .titulo {
    color: #666666;
    font-size: 180%;
    line-height: 120%;
    font-weight: bold;
    margin: 0.3em 0px 0.8em 0px;
    background: none;
    float: none;
    height: inherit;
    padding: 0;
    width: 100%;
    max-width: initial;
    text-align: left;
}

.gral h2 {
    color: #666666;
    font-size: 125%;
    background: none;
    margin: 0.3em 0px 0.8em 0px;
    float: none;
    height: inherit;
    padding: 0;
}

.gral h3,
.gral .introBox h3 {
    color: #666666;
    font-size: 120%;
    background: none;
    margin: 0.3em 0px 0.8em 0px;
    float: none;
    height: inherit;
    padding: 0;
}

.gral p {
    margin: 0.4em 0;
    font-size: 90%;
    font-size: 13px;
    line-height: 150%;
}

.gral a {
    word-break: break-word;
}

.gral ol ol,
.gral ul ul {
    font-size: 100%;
}

/*22-01-2020*/
.gral ol,
.gral ul {
    font-size: 0.8em;
    padding-left: 0.5em;
    margin: 0.8em 0 0.8em 1em;
    list-style-position: outside;
}

.gral li {
    margin: 0.5em 0;
}

.gral ol li p,
.gral ul li p,
.gral ol ul,
.gral ul ul {
    font-size: 100%;
}

.gral ol li ol li {
    font-size: 1.2em;
}

.gral table {
    margin: 0.2em 0;
    font-size: 100%;
    border-collapse: collapse;
    border: solid 1px #cccccc;
    width: 96%;
}

/*22-01-2020*/
.gral table,
.gral table table,
.gral table col {
    width: 100% !important;
    float: none !important;
    border-collapse: separate !important;
    border-spacing: 1px;
    height: auto !important;
}

/*22-01-2020*/
.gral table tr {
    height: auto !important;
}

.gral table td {
    display: block;
    padding: 0px 5px;
    vertical-align: top;
    width: auto !important;
    height: auto !important;
}

.gral table p,
.gral ol p,
.gral ul p {
    text-align: left;
}

.gral.slogan {
    text-align: left;
    font-weight: normal;
}

/*22-01-2020 listas numeradas*/
#lista-numerada {
    border: solid 4px green;
}

ol.lista-numerada {
    counter-reset: item;
    padding: 0;
    margin: 1em 0.5em;
}

ol.lista-numerada li {
    list-style: none;
    font-size: inherit !important;
}

ol.lista-numerada li:before {
    content: counters(item, '.') ". ";
    counter-increment: item;
}

ol.lista-numerada ul {
    margin-left: 1.5em;
    padding: 0 1em;
}

ol.lista-numerada ul li {
    list-style-type: square;
}

ol.lista-numerada ul li:before {
    content: "";
    counter-increment: none;
}

/*fin listas numeradas*/
/*nuevos textos admin */
.introBox {
    padding: 15px 5px;
    color: #333333;
    border-top: solid 1px #e1e1e1;
    font-size: 95%;
    text-align: center;
    /*max-width: 80%;*/
    margin: auto auto 5px auto;
}

#popfin .gral .introBox {
    border-bottom: solid 1px #e1e1e1;
}

#popfin .gral .introBox p {
    font-size: 100%;
}

.pop .gral h1,
.pop .gral .titulo {
    text-align: center;
    text-transform: uppercase;
    font-size: 140%;
    /*color: #555555;*/
}

.list {
    background: #ffffff;
    overflow: hidden;
    padding: 15px 15px;
    border-top: solid 1px #e1e1e1;
    margin: 0px -15px;
}

.list .nameco {
    display: inline-block;
    float: left;
    margin-left: 10px;
    text-align: left;
    /*width: 48%;*/
}

.list .nameco .namecoH3 {
    font-size: 18px;
    display: inline-block;
    clear: both;
    margin-bottom: 0.3em;
}

/*dic2020*/
.list .nameco .cotxt {
    font-size: 14px;
    line-height: 140%;
    clear: both;
    margin: 0;
}

.list .nameco a,
.colist a {
    font-size: 13px;
    color: #888888;
    font-weight: bold;
    text-decoration: none;
}

.list .nameco a:hover,
.colist a:hover {
    text-decoration: underline;
}

.listAsk {
    float: left;
    margin: 10px 10px 0px 10px;
    display: table;
    width: 96%;
    text-align: right;
}

.listAsk.prf {
    margin-top: 0px;
}

.listAsk div {
    vertical-align: middle;
    text-align: left;
    display: table-cell;
    width: 40%;
}

.listAsk.prf p {
    color: #333333;
}

/*vs*/
.list button {
    font-family: Arial, Helvetica, sans-serif !important;
    border-radius: 0px;
    margin: 6px 4px;
    padding: 7px 15px;
    font-size: 14px !important;
    font-weight: bold;
    background: #808080;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    width: auto;
    border: 0;
}

.list button.Allow.false {
    background: #cccccc;
}

.list button.Allow.true {
    background: #1B870B;
}

.list button.Deny.false {
    background: #808080;
}

.list button.Deny.true {
    background: #555555;
}

@media (max-width:300px) {
    .logo {
        margin-bottom: .5em;
    }

    .head h1 {
        font-size: 145%;
        font-weight: bold;
    }

    .head h2 {
        margin: .5em 0;
    }

    .head2 .titulo {
        font-size: 100%;
    }

    .fb div {
        background: #486588 url(../imagenes/icono-facebook.gif) no-repeat scroll -0.5em 0;
        text-align: right;
        padding-right: 1em;
    }

    #footer {
        width: 95%;
    }

    #formulario {
        width: 90%;
    }

    .barra {
        width: 100%;
    }

    .avance {
        white-space: nowrap;
    }
}

@media (min-width: 480px) {
    .head2 .logo p {
        font-size: 80%;
        margin-top: 0.5em;
    }

    #baja .inputbox {
        width: 60%;
    }
}

/*2020*/
@media (max-width:480px) {

    /*v3*/
    .list .nameco {
        width: 98%;
    }

    .listAsk {
        text-align: left;
    }

    .listAsk div {
        vertical-align: middle;
        text-align: left;
        display: inline-block;
        width: 100%;
    }
}

@media (min-width: 580px) {
    .head .aside {
        width: 33%;
        position: absolute;
    }

    .logo {
        width: 60%;
        position: relative;
        z-index: 1;
    }

    .head2 .logo {
        width: 32%;
    }

    .head2 .logo img {
        width: 100%;
    }

    #fbig {
        width: 62%;
        margin-right: 8%;
    }

    .head h1 {
        font-size: 190%;
    }

    .globo {
        padding-top: 3em;
        padding-bottom: .8em;
        margin-top: -4em;
        clear: both;
    }

    #formulario {
        width: 85%;
    }

    /*2020*/
    .iframes {
        margin: 0 auto 1.5em auto;
    }

    .embed-container iframe {
        min-height: 300px;
    }

    /*2018 txtad*/
    .txtad table td {
        display: table-cell;
        border: 1px solid #cccccc;
    }
}

@media (min-width: 760px) {

    /*v3*/
    body {
        margin-bottom: 75px;
    }

    /*ago2019*/
    .logo {
        float: left;
        padding-left: 4%;
        text-align: left;
        width: 48%;
    }

    .logo p {
        margin: 2px 0 0 0;
    }

    .head,
    .head2 {
        margin: 0 auto;
        width: 98%;
        display: table;
        /*padding-bottom: 1em;*/
    }

    .head h1 {
        width: 64%;
        font-size: 200%;
    }

    /*2020*/
    .head2 .titulo {
        font-size: 140%;
        max-width: 42%;
        line-height: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .head .aside {
        display: none;
    }

    /*2020*/
    #main .aside {
        position: relative;
        z-index: 1;
        display: table;
        width: 47%;
    }

    .flecha {
        position: absolute;
        right: 0;
        z-index: 1;
    }

    #fbig {
        width: 37%;
        position: relative;
        margin: 4px 2% 0 2%;
        clear: none;
        float: right;
    }

    .head2 #fbig {
        width: 30%;
    }

    .head2 .logo {
        margin-top: .5em;
        margin-bottom: 2em;
        margin-left: 0;
        width: 50%;
    }

    #foto-inicio {
        position: absolute;
        text-align: right;
        right: 0;
    }

    .recurso {
        margin: 0px;
        text-align: center;
        height: 630px;
        display: table-cell;
        vertical-align: bottom;
    }
/*globo cambios set2023*/
    .globo {
        background: linear-gradient(0.5turn,  #8BCFE2, 50%, #2FACC2);
        width: 100%;
        float: left;
        padding: 0;
        margin: 0;
		border-radius: 100px;
    }

    /*.globo .lfb {
        background: transparent url(../imagenes/c-lb.png) no-repeat 0% 100%;
        float: left;
        width: 100%;
    }*/

    /*.globo .rt {
        background: url(../imagenes/c-rt.png) no-repeat 100% 0%;
        float: right;
        width: 100%;
    }*/

    .globo .rb {
        /*background: transparent url(../imagenes/c-rb.png) no-repeat 100% 100%;*/
        float: right;
        width: 100%;
        min-height: 140px;
    }

    /*head2 globo cambios set2023*/
    .head2 .globo {
        background: linear-gradient(0.5turn,  #8BCFE2, 50%, #2FACC2);
        margin-bottom: 10px;
    }

    .head2 .globo .lfb {
        /*background: transparent url(../imagenes/c2-lb.png) no-repeat 0% 100%;*/
    }

    .head2 .globo .rt {
        /*background: url(../imagenes/c2-rt.png) no-repeat 100% 0%;*/
    }

    
    .head2 .globo .rb {
        /*background: transparent url(../imagenes/c2-rb.png) no-repeat 100% 100%;*/
        min-height: 74px;
        display: table;
    }

    /*2020*/
    .descripcion p {
        font-size: 100%;
    }

    /*2020*/
    #descripcion,
    .descripcion.mb.intro p {
        text-align: left;
    }

    /*2020*/
    #formulario {
        float: left;
        position: relative;
        width: 49%;
        padding-top: 2.5em;
        margin: 0;
        /*font-size: 85%;*/
    }

    /*2020 step2*/
    #step2 .formulario {
        width: 80%;
        margin: 20px auto;
        min-width: 580px;
        max-width: 820px;
    }

    #conditions,
    .correg {
        font-size: 90%;
    }

    #conditions {
        width: 90%;
        margin: 0 auto;
    }

    /*2020*/
    #main {
        display: table;
        width: 100%;
    }


    /*dic2020*/
    #footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 60px;
        margin: 0%;
        top: inherit;
        left: 0px;
        padding: 0 0 10px 0;
    }


    /*v3*/
    #copy {
        margin: 0px auto 0 auto;
    }

    /*v3*/
    #menu {
        margin: 0px auto 0 auto;
    }

    #copy img {
        display: inline;
    	max-width: 144px;
    	vertical-align: bottom;
		margin: 0 5px 2px 0px;
    }

    #fb1 {
        display: none;
    }

    #fb2 {
        display: block;
    }


    #home #descripcion {
        margin: 1.3em auto 1.3em auto;
        width: 80%;
        float: none;
    }

    /*2020*/
    .head2 #descripcion {
        margin: 0 auto;
        width: 80%;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

    .intro {
        font-size: 100%;
    }

    /*2020*/
    .head h2,
    .head h2 .subtit,
    .head .subtit {
        font-size: 120%;
    }

    .fb div {
        font-size: 110%;
    }

    .button {
        font-size: 240%;
        padding: 0.3em 1em;
    }

    .barra {
        width: 67%;
        margin-top: 0.5em;
    }

    #porcentaje {
        font-size: 120%;
    }

    /*2020*/
    .slogan {
        margin: 0em auto 0 auto;
        max-width: 800px;
    }

    .slogan p {
        font-size: 90%;
    }

    .txtad {
        width: 80%;
    }

    #baja {
        width: 80%;
        max-width: 600px;
    }

    /*2020*/
    .iframes {
        width: 96%;
    }

    .embed {}

    /*2020*/
    .mb.hide {
        display: block;
    }

    /*modal 2020*/
    .gral {
        padding: 0px 20px;
    }

    .popbox_content,
    .popbox_content2 {
        height: 80%;
        margin: 13% auto;
    }

    .gral table,
    .gral table table,
    .gral table col {
        border-collapse: collapse !important;
        border-spacing: 0px;
    }

    .gral table colgroup {
        display: none;
    }

    .gral table td {
        display: table-cell;
        border: 1px solid #cccccc;
    }

    .colist {
        margin: 0px -35px;
    }

    .list {
        margin: 0;
        display: table;
        width: 96%;
        padding: 15px 2%;
    }

    .list .nameco {
        /*width: 64%;*/
    }

    .listAsk {
        margin: 10px 0 0 10px;
        float: none;
        display: table;
        text-align: right;
        width: 98%;
    }

    .listAsk div {
        width: 64%;
        display: table-cell;
        vertical-align: middle;
    }

    .listAsk p {
        text-align: left;
    }

    .listAsk.prf {
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .listAsk.prf p {
        /*margin-top: 0;*/
    }
}

@media (min-width: 960px) {

    /*2020*/
    #home {
        max-width: 980px;
        margin: 0 auto;
        /*position: relative;*/
    }

    /*2020*/
    .head,
    .head2 {
        max-width: 980px;
        margin: 0 auto;
        display: table;
    }

    #home #descripcion {
        margin-top: 1.3em;
        width: auto;
        overflow: hidden;
        padding: 0.5em 3.5% .5em 6.5%;
    }

    /*2020*/
    #main .aside {
        width: 31%;
        height: 480px;
    }

    /*2020*/
    .recurso {
        position: absolute;
        clip: rect(0px, 300px, 480px, 0px);
        padding: 0;
        border: 0;
        height: 480px;
        width: 100%;
        overflow: hidden;
        z-index: 0;
    }

    /*2020*/
    #home #footer,
    #footer {
        height: 40px;
        width: 96%;
        margin: 0 2%;
    }

    /*vs*/
    #copy {
        text-align: left;
        width: 38%;
        margin: 0;
        float: left;
    }

    /*vs*/
    #menu {
        text-align: right;
        width: 62%;
        margin: 11px 0;
        float: right;
    }

    /*vs*/
    #menu li {
        margin: 0 3px;
    }

    /*vs*/
    #menu span,
    #menu a {
        padding: 0px;
    }

    .head h1 {
        font-size: 270%;
    }

    /*2020*/
    .head h2,
    .head h2 .subtit,
    .head .subtit {
        font-size: 130%;
    }

    /*dic2020*/
    #formulario {
        width: 62%;
        padding: 2.5em 4% 0.5em 4%;
    }

    .col {
        width: 45%;
    }

    .col.left {
        float: left;
    }

    .col.right {
        float: right;
    }

    #step2 .formulario fieldset {
        margin-bottom: 10px;
    }

    /*dic2020*/
    .inputbox {
        /*width: 93%;*/
    }

    #step2 .inputbox {
        /*width: 90%;*/
    }

    .correg {
        width: 74%;
    }

    .button {
        font-size: 240%;
        padding: 0.2em 1.2em;
        margin: .3em 0 0 0;
    }

    .barra {
        width: 60%;
    }

    /*2020*/
    .avance {
        width: 26%;
    }

    .txtad {
        max-width: 810px;
    }

    .embed-container iframe {
        min-height: 400px;
    }

    .iframes {
        width: 98%;
    }

    /*2020*/
    .head2 .titulo {
        font-size: 190%;
        max-width: 50%;
        line-height: 100%;
        margin: 0 auto;
        text-align: center;
    }

    /*modal2020*/
    .popbox_content,
    .popbox_content2 {
        height: 80%;
        margin: 10% auto;
        top: -20px;
    }

    /*v3*/
    #main {
        min-height: 520px;
    }

}

@media (min-width: 1200px) {

    /*modal 2020*/
    .gral {
        padding: 10px 30px;
    }

    .popbox_content,
    .popbox_content2 {
        width: 70%;
        margin: 5% auto;
    }

    .listAsk div {
        width: 70%;
    }

    .colist {
        margin: 0px -45px;
    }

    #home #footer,
    #footer {
        width: 80%;
        margin: 0 10%;
    }

}

/*2020*/
@media (min-width: 1441px) {

    #home #footer,
    #footer {
        width: 68%;
        margin: 0 16%;
    }
}

/*2020*/
@media (min-width: 1600px) {

    #home #footer,
    #footer {
        width: 60%;
        margin: 0 20%;
    }

    .embed-container iframe {
        min-height: 550px;
    }
}

@media (max-width: 959px) {

    /*v3*/
    #menu {
        font-size: 85%;
        margin: 5px 0 0px 0;
    }
}