/* meyer reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* fin meyer reset */


/* inicio propiedades que presumiblemente se van a sobreescribir con el css del medio */

    /* tipografía */

    .ug_exterior { /* tamaño y alto de línea base */
        font-size:1em;
        line-height:1em;
    }
    .ug_exterior,
    .ug_exterior input,
    .ug_exterior select { /* familia */
        font-family:Arial, Helvetica, sans-serif;
    }

    /* colores */

    .ug_exterior {
        color:#666;
    }
    .ug_exterior a {
        color:#0392D2;
    }
    .ug_contenido .ug_boton,
    #ug_perfil .ug_contenido_perfil .ug_c_listado_botones .ug_item_boton .ug_boton_accion { /* botones */
        background-color:#0392D2;
        color:#fff;
    }
    .ug_contenido .ug_boton:hover { /* boton hover */
        background-color:#39BAF3;
    }
    .ug_contenido .ug_boton:active { /* boton pulsado */
        background-color:#0076AC;
    }
    #ug_perfil .ug_contenido #ug_menu ul a { /* en perfil, opción de menú */
        color:#333;
    }
    #ug_perfil .ug_contenido #ug_menu ul .ug_activo a { /* en perfil, opción activa */
        color:#0392D2;
    }
    #ug_perfil .ug_info { /* info superior en perfil */
        background:#eee;
        color:#555;
    }
    .ug_info_nya { /* info nombre y apellidos */
        padding: 1em 1em 0.1em 1em;
        margin: 1em 0;
        border:  1px dashed #aaa;
    }
    .ug_info_nya p {
        font-size:0.9em;
        line-height: 1.5em;
        margin-bottom: 1em;
    }
    .ug_contenido .ug_checkboxes .ug_info_nya p {
      margin: 0 0 1em 0;
    }    
    .ug_contenido .ug_mensaje_error,
    .ug_contenido .ug_mensaje_importante,
    .ug_contenido .ug_mensaje {
        background:#eee;
        border-color: #ccc;
        color:#333;
        line-height: 1.3em;
    }
    .ug_contenido .ug_mensaje_error,
    .ug_contenido .ug_mensaje_importante {
        background:#fff;
        color:#f10000;
        border-color:#f10000;
    }
    @media screen and (max-width:620px) {    /* opción activa en menú desplegable en el perfil, en móvil */
         #ug_perfil .ug_contenido #ug_menu ul .ug_activo a {
            background:#0392D2;
            color:#fff;
        }
    }

/* fin propiedades que presumiblemente se van a sobreescribir con el css del medio */


/* clearfix */
.ug_estirar:after {
    clear:both;
    content:" ";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;
}
:first-child+html .ug_estirar {
    zoom:1;
}

.ug_exterior {
    height:100%;
    margin-top:1em;
    width:100%;
}
.ug_exterior a {
    text-decoration:none;
}
.ug_exterior hr {
    background:#ccc;
    border:0;
    height:1px;
    margin:2em 0;
}
.ug_contenido h1 {
    font-size:1.6em;
    font-weight:400;
    padding-right: 6px;
    margin: .2em 0 .8em 0;
}
.ug_exterior .ug_c_contenido,
.texto_legal {
    width:100%;
    max-width: 990px;
    min-height: 32em;
    margin: 0 auto;
    position: relative;
}
.ug_contenido {
    font-size:.95em;
    max-width:279px;
    margin:0 0 0 1em;
    padding:0 600px 0 0;
}



#ug_perfil .ug_contenido {
    max-width: 255px;
    padding-right:288px;
    position:relative;
    min-height: 30em;
}
#ug_perfil .ug_contenido #ug_menu ul {
    font-size:11px;
    text-align:right;
    text-transform:uppercase;
}
#ug_perfil .ug_contenido_perfil {
    max-width:456px;
    position:relative;
    width:456px;
}
#ug_perfil .ug_contenido_perfil #ug_menu {
    position:absolute;
    width: 186px;
}
#ug_perfil .ug_contenido_perfil #ug_menu.ug_sticky {
    position:fixed;
    top:0;
}
#ug_perfil .ug_contenido_perfil .ug_formulario {
    margin-left:190px;
    padding-left: 15px;
    padding-top:.6em;
    border-left:1px dotted #ccc;
    width:232px;
    min-height: 35em;
}
#ug_perfil .ug_contenido_perfil .ug_c_formulario {
    margin-top:3.5em;
}
#ug_perfil .ug_contenido #ug_menu ul a {
    display:block;
    padding:1em .5em;
}
#ug_perfil .ug_contenido #ug_menu ul a:hover {
    background:#eee;
}
#ug_perfil .ug_contenido #ug_menu ul li.ug_activo a:hover {
    background:#333;
    color: #fff;
}
#ug_perfil .ug_contenido_perfil h1 {
    text-align:right;
}
#ug_perfil .ug_info {
    margin-bottom:1em;
    padding:1em;
}
#ug_perfil .ug_contenido_perfil .ug_c_listado_botones,
#ug_perfil .ug_contenido_perfil .ug_comunicaciones,
#ug_perfil .ug_contenido_perfil .ug_redes_sociales,
#ug_perfil .ug_contenido_perfil .ug_cambio_email,
#ug_perfil .ug_contenido_perfil .ug_baja,
#ug_perfil .ug_contenido_perfil .ug_hobbies {
    width:32em;
}
#ug_perfil .ug_contenido_perfil .ug_redes_sociales .ug_listado_rrss {
    margin-top:1em;
}
#ug_perfil .ug_contenido_perfil .ug_hobbies p {
    margin-bottom:.5em;
}
#ug_perfil .ug_contenido_perfil .ug_info p {
    margin-bottom:0;
}
#ug_perfil .ug_contenido_perfil .ug_c_listado_botones h3 {
    font-size:1.2em;
    font-weight:700;
    text-transform:uppercase;
    margin:1.5em 0 .5em;
}
#ug_perfil .ug_contenido_perfil .ug_c_listado_botones .ug_item_boton {
    border-top:1px dotted #ccc;
    position:relative;
    padding:.5em 0;
}
#ug_perfil .ug_contenido_perfil .ug_c_listado_botones .ug_item_boton .ug_boton_accion {
    top:1em;
    display:inline-block;
    font-size:.7em;
    position:absolute;
    right:0;
    text-align:center;
    text-transform:uppercase;
    width:auto;
    padding:.5em .6em;
}
#ug_perfil .ug_contenido_perfil .ug_newsletters_activas .ug_item_boton .ug_boton_accion {
    background:#999;
}
#ug_perfil .ug_contenido_perfil .ug_listado_concursos .ug_concurso .ug_boton_concursar {
    width:6em;
}
#ug_perfil .ug_contenido_perfil .ug_newsletters .ug_newsletter .ug_boton_activar {
    background:#0392D2;
    color:#fff;
}
#ug_perfil .ug_contenido_perfil .ug_c_listado_botones .ug_item_boton:last-child {
    border-bottom:1px dotted #ccc;
}
#ug_perfil .ug_contenido_perfil .ug_c_listado_botones .ug_item_boton h4 {
    font-weight:700;
    margin:0 0 .4em;
}
#ug_perfil .ug_contenido_perfil .ug_c_listado_botones .ug_item_boton p {
    margin:0 6em 0 0;
}
#ug_perfil .ug_contenido_perfil .ug_newsletters .ug_newsletters_no_activas .ug_newsletter h4,
#ug_perfil .ug_contenido_perfil .ug_newsletters .ug_newsletters_no_activas .ug_newsletter p {
    color:#999;
}
#ug_perfil .ug_contenido_perfil .ug_listado_checkboxes p {
    padding-left:1.3em;
    position:relative;
}
#ug_perfil .ug_contenido_perfil .ug_listado_checkboxes p input {
    left:0;
    position:absolute;
    top:.2em;
}
#ug_perfil .ug_contenido_perfil .ug_listado_checkboxes .ug_botones {
    margin-top:2em;
}
#ug_perfil .ug_contenido_perfil .ug_c_listado_botones .ug_rs {
    background-repeat: no-repeat;
    background-position: 0 .7em;
    padding:.4em 0 .4em 3em;
    min-height: 2.8em;
}
#ug_perfil .ug_contenido_perfil .ug_c_listado_botones .ug_redes_sociales_no_conectadas .ug_item_boton {
    -webkit-filter:grayscale(100%);
    filter:gray;
    opacity:.7;
}
.ug_contenido h2,
.ug_cortina h2 {
    border-top:1px dotted #ccc;
    font-size:1.2em;
    font-weight:700;
    padding-top:1em;
    margin:.2em 0 .8em;
}
.ug_contenido .ug_no_cuenta {
    border-top:1px dotted #ccc;
    padding-top:1em;
    margin:.2em 0 .8em;
}
.ug_contenido fieldset h2 {
    font-size:1.2em;
    font-weight:700;
    margin:1.3em 0;
}
.ug_contenido input,
.ug_contenido label {
    font-size: .9em;
    cursor: pointer;
}
.ug_contenido .ug_checkboxes p {
    margin:.5em 0;
}
.ug_campo_checkbox label {
    margin-left:.2em;
}
.ug_contenido input,
.ug_contenido select {
    background:#f3f3f3;
    border:1px solid #ccc;
    color:#000;
    display:block;
    margin-bottom:1em;
    margin-top:.3em;
    text-indent:.3em;
    width:99%;
    padding:.5em 0;
}
.ug_contenido input[type="checkbox"],
.ug_contenido input[type="radio"],
.ug_contenido input[type="checkbox"]:focus,
.ug_contenido input[type="radio"]:focus,
#ug_perfil .ug_contenido input[type="checkbox"],
#ug_perfil .ug_contenido input[type="radio"] {
    background: transparent;
    margin: 0;
    padding: 0;
    border: 0;
    text-indent: 0;
    display: inline;
    width: auto;
}
.ug_contenido select {
    -moz-appearance:menulist;
    -webkit-appearance:menulist;
    appearance:menulist;
    background:#f3f3f3;
    border:1px solid #ccc;
}
 input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance:none;
 margin:0;
}
.ug_contenido input[type="radio"],
.ug_contenido input[type="checkbox"] {
    display:inline-block;
    margin:0;
}
.ug_contenido .ug_radios label {
    cursor:pointer;
    display:inline;
    margin-right:1em;
    padding:.85em 0 .85em .3em;
}
#ug_login.contenido .ug_grupo2 input {
    margin-bottom:.4em;
}
.ug_contenido .ug_botones {
    margin-bottom:1em;
    margin-top:0;
}
.ug_contenido .ug_botones2 {
    text-align:left;
}
.ug_contenido .ug_boton {
    border:1px solid #0392D2;
    display:inline-block;
    font-size: .9em;
    text-transform:uppercase;
    margin:0 .6em 0.5em 0;
    padding:1.2em 1em;
    font-weight: bold;
}
.ug_contenido .ug_boton:active {
    box-shadow:inset 0 .1em .4em -.1em rgba(0, 0, 0, 1);
}
.ug_contenido .ug_boton:last-child {
    margin-right:0;
}
.ug_contenido .ug_boton.principal {
    font-weight:700;
    text-align:center;
}
.ug_contenido input:focus,
.ug_contenido select:focus {
    outline:0;
    border-color:#0392D2;
}
.ug_contenido .ug_botones_rs {
    border-bottom:1px dotted #ccc;
    margin-bottom:20px;
    padding-bottom:20px;
}
.ug_contenido .ug_botones_rs a {
    background:#eee;
    border:0;
    height:34px;
    overflow:hidden;
    text-indent:-1000px;
    width:34px;
    padding:0;
}
.ug_contenido .ug_botones_rs a:hover {
    filter:alpha(opacity=50);
    opacity:.5;
}
#ug_login .ug_olvido {
    display:block;
    margin-bottom:.5em;
    margin-top:-.5em;
    text-align:right;
}
#ug_login .ug_olvido a {
    display:inline-block;
    font-size:.9em;
    padding:.5em 0;
}
.ug_contenido .ug_mensaje_error,
.ug_contenido .ug_mensaje_importante,
.ug_contenido .ug_mensaje {
    border-width: 1px;
    border-style: solid;
    text-align:left;
    margin:1.6em 0 1em;
    padding:.89em;
}

.ug_contenido .ug_mensaje h2 {
    border:0;
    font-weight:700;
    padding:0;
}
.ug_contenido .ug_mensaje {
    padding-bottom: 0;
}
.ug_contenido .ug_mensaje p,
.ug_contenido .ug_mensaje ul,
.ug_contenido .ug_mensaje ol {
    margin-bottom: .89em;
}
.ug_contenido .ug_mensaje ul li,
.ug_contenido .ug_mensaje ol li {
    list-style-type: square;
    margin-left: 2em;
    margin-bottom: 0.5em;
}
.ug_contenido .ug_mensaje ol li {
    list-style-type: decimal;
}
.ug_contenido .ug_mensaje .nota {
    font-size: 0.8em;
    color: #777;
    border-top: 1px dotted #aaa;
    padding-top: 0.8em;
    margin-top: 1.5em;
}
.ug_campo_error p {
    background:#FCE2E2;
    border:1px solid #E6B5B5;
    color:#B93232;
    max-width:40%;
    position:absolute;
    right:7%;
    text-align:center;
    top:-.5em;
    width:auto;
    margin:0 auto 0 40%;
    padding:.4em .6em .4em 1.5em;
}
.ug_campo_error p .ug_flecha {
    font-size:150%;
    left:.2em;
    position:absolute;
    top:.45em;
}
.ug_contenido .ug_grupo123 {
    clear:both;
    margin:0 0 1em;
}
.ug_contenido .ug_campo {
    margin:0 0 1em;
}

.ug_contenido .ug_campo_checkbox {
    margin:2em 0;
}
.ug_contenido fieldset {
    margin:2em 0 0;
}
.ug_contenido .ug_campo_radios .ug_radios {
    display:inline-block;
    margin-bottom:.5em;
    margin-left:1em;
}
.ug_contenido .ug_columnas_3 select {
    border:1px solid #ccc;
    display:inline-block;
    width:96%;
    margin:.3em 0 0;
}
.ug_contenido .ug_columnas_3 .ug_fecha_dia,
.ug_contenido .ug_columnas_3 .ug_fecha_mes,
.ug_contenido .ug_columnas_3 .ug_fecha_agno {
    display:inline-block;
}
.ug_contenido .ug_direccion_parte1 .ug_campo,
.ug_contenido .ug_direccion_parte2 .ug_campo {
    float:right;
    width:47%;
}
.ug_contenido .ug_direccion_parte1 .ug_campo:first-child,
.ug_contenido .ug_direccion_parte2 .ug_campo:first-child {
    float:left;
}
.ug_contenido .ug_direccion_parte2 {
    clear:both;
}
#ug_perfil .ug_contenido .ug_columnas_3 .ug_fecha_dia {
    width:23%;
}
#ug_perfil .ug_contenido .ug_columnas_3 .ug_fecha_agno {
    width:31.5%;
}
#ug_perfil .ug_contenido .ug_columnas_3 .ug_fecha_mes {
    width:39%;
}
#ug_perfil .ug_contenido .ug_columnas_3 select {
    width:99%;
}
.ug_pie_campos_checkbox {
    margin-top:1em;
    padding-left:0;
}
.ug_contenido .ug_campo_erroneo label {
    color:red;
}
.ug_contenido input[type="checkbox"].c_error:checked {
    border-color:#ccc;
}
.ug_campo .ug_tip,
.ug_campo .ug_error,
.ug_campo_radios .ug_tip,
.ug_campo_selects .ug_tip {
    background:url(img/pico_lateral.png) no-repeat 0 .9em;
    -webkit-background-size: 11px 11px;
    background-size: 11px 11px;
    filter:alpha(opacity=0);
    opacity:0;
    font-size: .8em;
    font-weight:400;
    right: -300px;
    top: 1.7em;
    max-height:0;
    position:absolute;
    -webkit-transition:right .3s ease-out, opacity .3s ease-out, max-height .3s ease-out;
    transition:right .3s ease-out, opacity .3s ease-out, max-height .3s ease-out;
    width: 260px;
    padding:.65em 0 .65em 16px;
}


@media (-webkit-min-device-pixel-ratio : 1.5) , (min-resolution: 1.5dppx) {
    .ug_campo .ug_tip,
    .ug_campo .ug_error,
    .ug_campo_radios .ug_tip,
    .ug_campo_selects .ug_tip {
        background-image: url(img/pico_lateral_3x.png);
    }
}

.ug_campo_radios .ug_tip {
    top: -0.4em;
}
.ug_campo.ug_campo_erroneo .ug_error,
.ug_campo input:focus + .ug_tip,
.ug_campo_radios:hover .ug_tip,
.ug_campo_selects:hover .ug_tip {
    filter:alpha(opacity=100);
    right: -284px;
    max-height:10em;
    opacity:1;
}
.ug_campo_radios:hover label,
.ug_campo_radios:hover p,
.ug_campo_selects:hover label,
.ug_campo_selects:hover p {
    color:#000;
}
.ug_contenido .ug_campo_radios:hover input[type="radio"] {
    border-color:#0392D2;
}
.ug_contenido .ug_campo_radios:hover input[type="radio"]:checked {
    background:#0392D2;
}
.ug_campo_checkbox .ug_error {
    background:0 .2em;
    padding-top:0;
    top:0;
}
.ug_campo.ug_campo_erroneo label,
.ug_campo .ug_error {
    color:red;
}
.ug_notas {
    background:#eee;
    border-bottom:1px solid #ccc;
    font:normal .9em Georgia, serif;
    text-align:center;
    padding:1em;
}
a.ug_spinner, a.ug_spinner:hover, a.ug_spinner:active {
    background:#aaa url(img/spinner.gif) no-repeat center center;
    overflow:hidden;
    text-indent:-1000px;
}
a.ug_spinner:focus {
    border:0;
    outline:0;
}
.ug_cortina {
    background:rgba(0, 0, 0,.7);
    display:none;
    height:100%;
    left:0;
    position:fixed;
    text-align:center;
    top:0;
    vertical-align:middle;
    width:100%;
    z-index:1000;
}
.ug_cortina .ug_v_center {
    border:1px solid red;
    left:50%;
    position:absolute;
    text-align:center;
    top:50%;
}
.ug_login_red_social {
    background:#fff;
    height:25em;
    left:-15em;
    position:absolute;
    text-align:left;
    top:-12em;
    width:30em;
    margin:0 auto;
    padding:1em;
}
.ug_login_red_social p {
    color:#555;
    font-size:.9em;
    line-height:1.2em;
}
.ug_login_red_social .ug_cerrar {
    font-size:11px;
    position:absolute;
    right:2em;
    text-transform:uppercase;
    top:2em;
}
.ug_login_red_social .ug_botones a {
    background:#eee;
    border-bottom:1px solid #ccc;
    color:#000;
    display:inline-block;
    font-size:.7em;
    text-transform:uppercase;
    margin:0 .5em 1em 0;
    padding:1em;
}
#ug_campo_Nickname .ug_alias_comprobando,
#ug_campo_Nickname .ug_alias_ok,
#ug_campo_Nickname .ug_alias_error {
    display:none;
    height:20px;
    position:absolute;
    right:.4em;
    top:1.75em;
    width:20px;
}
#ug_campo_Nickname .ug_alias_ok,
#ug_campo_Nickname .ug_alias_error {
    color:#fff;
    font-size:1.1em;
    height:21px;
    line-height:1.3em;
    right:.35em;
    text-align:center;
    top:1.55em;
    width:21px;
}
#ug_campo_Nickname .ug_alias_error {
    background:#f10000 url(img/alias_error.png) no-repeat center center;
    -webkit-background-size: 15px 13px;
    background-size: 15px 13px;
}
#ug_campo_Nickname .ug_alias_ok {
    background: #24D735 url(img/alias_ok.png) no-repeat center center;
    -webkit-background-size: 15px 13px;
    background-size: 15px 13px;
}

@media (-webkit-min-device-pixel-ratio : 1.5) , (min-resolution: 1.5dppx)  {
    #ug_campo_Nickname #ug_alias_error {
        background-image: url(img/alias_error_3x.png);
    }
    #ug_campo_Nickname #ug_alias_ok {
        background-image: url(img/alias_ok_3x.png);
    }
}


#ug_campo_Nickname #ug_alias_comprobando {
    background:#ccc url(img/spinner.gif) no-repeat 2px 2px;
}

/***********************Campo alias del formulario de perfil*********************/
#ug_campo_Nickname .ug_alias_comprobando_perfil,
#ug_campo_Nickname .ug_alias_ok_perfil,
#ug_campo_Nickname .ug_alias_error_perfil {
    display:none;
    height:20px;
    position:absolute;
    right: 0.9em;
    top: 0.4em;
    width:20px;
}
#ug_campo_Nickname .ug_alias_ok_perfil,
#ug_campo_Nickname .ug_alias_error_perfil {
    color:#fff;
    font-size:1.1em;
    height:21px;
    line-height:1.3em;
    right:0.8em;
    text-align:center;
    top:0.35em;
    width:21px;
}
#ug_campo_Nickname .ug_alias_error_perfil {
    background:#f10000 url(img/alias_error.png) no-repeat center center;
    -webkit-background-size: 15px 13px;
    background-size: 15px 13px;
}
#ug_campo_Nickname .ug_alias_ok_perfil {
    background: #24D735 url(img/alias_ok.png) no-repeat center center;
    -webkit-background-size: 15px 13px;
    background-size: 15px 13px;
}

@media (-webkit-min-device-pixel-ratio : 1.5) , (min-resolution: 1.5dppx)  {
    #ug_campo_Nickname #ug_alias_error_perfil {
        background-image: url(img/alias_error_3x.png);
    }
    #ug_campo_Nickname #ug_alias_ok_perfil {
        background-image: url(img/alias_ok_3x.png);
    }
}

#ug_campo_Nickname #ug_alias_comprobando_perfil {
    background:#ccc url(img/spinner.gif) no-repeat 2px 2px;
}
/*******************************************************************************/

.ug_entradilla {
    background:#eee;
    border:1px solid #ccc;
    margin-bottom:1em;
    padding:1em;
}





#ug_fortaleza {
    background:url(img/fortaleza.png);
    display:inline-block;
    height:11px;
    margin-left:5px;
    width:83px;
    background-size: 83px 88px;
    -webkit-background-size: 83px 88px;
}

@media (-webkit-min-device-pixel-ratio : 1.5) , (min-resolution: 1.5dppx)  {
    #ug_fortaleza {
        background-image:url(img/fortaleza_3x.png);
    }
}

.ug_contenido .ug_campo.ug_foto {
    border-left:0;
    margin-bottom:1.5em;
    margin-top:1em;
    position:relative;
}
.ug_contenido .ug_campo.ug_foto .ug_botones {
    position:absolute;
    right:0;
    top:0;
}
.ug_contenido .ug_campo.ug_foto .ug_botones a {
    background:#eee;
    display:inline-block;
    font-size:.75em;
    text-transform:uppercase;
    padding:.5em;
}
.ug_contenido .ug_campo.ug_foto .ug_botones a:hover {
    background:#333;
    color:#fff;
}
.ug_contenido .ug_campo.ug_foto .ug_botones .ug_eliminar {
    margin-top:.2em;
}
.ug_texto_largo h3 {
    font-size:.95em;
    font-weight:700;
    margin-bottom:.5em;
}
.ug_texto_largo {
    background:#f3f3f3;
    border:1px solid #ccc;
    height:10em;
    overflow-y:auto;
    margin:2em 0;
    padding:.5em;
}
.ug_texto_largo p {
    color:#444;
    font-size:.8em;
    margin-bottom:1em;
}
.ug_texto_largo .ug_checkboxes input {
    border-width:1px;
}
.ug_fortaleza {
    color:#888;
    font-size:.7em;
    line-height:1em;
    margin-top:-.8em;
    text-align:right;
    text-transform:uppercase;
    vertical-align:middle;
}
#ug_texto_condiciones {
    max-height:0;
    overflow:hidden;
    -webkit-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
    padding:0;
}
#ug_texto_condiciones.texto_desplegado {
    border:2px solid #ddd;
    margin-bottom:30px;
    max-height:200px;
    overflow-x:hidden;
    overflow-y:scroll;
    padding:.5em;
}
#ug_texto_condiciones .ug_checkboxes p {
    margin:1em .5em;
}
#ug_perfil .ug_radios_perfilpublico,
.ug_contenido .ug_campo_radios label,
.ug_contenido .ug_radios label,
.ug_contenido .ug_campo_checkbox label,
.ug_contenido .ug_opcion {
    display:inline;
}
#ug_perfil .ug_contenido_perfil .ug_comunicaciones p,
#ug_perfil .ug_contenido_perfil .ug_listado_checkboxes {
    margin-bottom:1.5em;
}
#ug_perfil .ug_contenido_perfil .ug_c_listado_botones .ug_item_boton .ug_boton_accion:hover,
.ug_login_red_social .ug_botones a:hover {
    background:#000;
    color:#fff;
}
#ug_perfil .ug_contenido_perfil .ug_newsletters .ug_newsletters_no_activas,
#ug_perfil .ug_contenido_perfil .ug_listado_concursos,
.ug_contenido .ug_unacolumna .ug_nacimiento {
    margin-bottom:1em;
}
#ug_perfil .ug_contenido_perfil .ug_c_listado_botones .ug_rs_facebook,
.ug_contenido .ug_botones_rs .ug_facebook {
    background-image:url(img/rs_facebook.png);
}
#ug_perfil .ug_contenido_perfil .ug_c_listado_botones .ug_rs_twitter,
.ug_contenido .ug_botones_rs .ug_twitter {
    background-image:url(img/rs_twitter.png);
    /*display:none;*/
}
#ug_perfil .ug_contenido_perfil .ug_c_listado_botones .ug_rs_googleplus,
.ug_contenido .ug_botones_rs .ug_googleplus {
    background-image:url(img/rs_googleplus.png);
}
#ug_perfil .ug_contenido_perfil .ug_c_listado_botones .ug_rs_linkedin,
.ug_contenido .ug_botones_rs .ug_linkedin {
    background-image:url(img/rs_linkedin.png);
}
#ug_perfil .ug_contenido_perfil .ug_c_listado_botones .ug_rs_tuenti,
.ug_contenido .ug_botones_rs .ug_tuenti {
    background-image:url(img/rs_tuenti.png);
}
#ug_perfil .ug_contenido_perfil .ug_c_listado_botones .ug_rs_msaccount,
.ug_contenido .ug_botones_rs .ug_msaccount {
    background-image:url(img/rs_msaccount.png);
}
#ug_perfil .ug_contenido_perfil .ug_c_listado_botones .ug_rs,
.ug_contenido .ug_botones_rs .ug_rs {
    -webkit-background-size: 34px 34px;
    background-size: 34px 34px
}

@media (-webkit-min-device-pixel-ratio : 1.5) , (min-resolution: 1.5dppx)  {

    #ug_perfil .ug_contenido_perfil .ug_c_listado_botones .ug_rs_facebook,
    .ug_contenido .ug_botones_rs .ug_facebook {
        background-image:url(img/rs_facebook_3x.png);
    }
    #ug_perfil .ug_contenido_perfil .ug_c_listado_botones .ug_rs_twitter,
    .ug_contenido .ug_botones_rs .ug_twitter {
        background-image:url(img/rs_twitter_3x.png);
        display:none;
    }
    #ug_perfil .ug_contenido_perfil .ug_c_listado_botones .ug_rs_googleplus,
    .ug_contenido .ug_botones_rs .ug_googleplus {
        background-image:url(img/rs_googleplus_3x.png);
    }
    #ug_perfil .ug_contenido_perfil .ug_c_listado_botones .ug_rs_linkedin,
    .ug_contenido .ug_botones_rs .ug_linkedin {
        background-image:url(img/rs_linkedin_3x.png);
    }
    #ug_perfil .ug_contenido_perfil .ug_c_listado_botones .ug_rs_tuenti,
    .ug_contenido .ug_botones_rs .ug_tuenti {
        background-image:url(img/rs_tuenti_3x.png);
    }
    #ug_perfil .ug_contenido_perfil .ug_c_listado_botones .ug_rs_msaccount,
    .ug_contenido .ug_botones_rs .ug_msaccount {
        background-image:url(img/rs_msaccount_3x.png);
    }

}


.ug_contenido .ug_checkboxes label,
#ug_texto_condiciones p {
    font-size:.8em;
}
.ug_contenido .ug_mensaje p strong,
.ug_notas strong {
    font-weight:700;
}
.ug_contenido .ug_c_error,
.ug_contenido input[type="checkbox"].c_error {
    border-color:red;
}
.ug_campo,
#ug_campo_alias {
    position:relative;
}
.ug_campo.ug_campo_erroneo input:focus + .ug_tip {
    display:none;
}
.ug_login_red_social .ug_botones,
.ug_texto_largo .ug_checkboxes {
    margin:1em 0;
}
.ug_baja ul {
    padding-left: 1em;
    list-style-type: square;
}
.ug_baja ul li {
    margin-bottom: 1em;
}
.ug_ventajas {
    position: absolute;
    top: 0;
    right: 0;
    /* border: 1px solid #ccc; */
    /* padding:  1em; */
    max-width: 290px;
}
.ug_ventajas .ug_boton_desplegar {
    display: none;
}
.ug_ventajas h4 {
    font: normal 1.3em Arial,Helvetica,sans-serif;
    color: #666;
    margin: 0.1em 0 0.5em 0;
}
.ug_ventajas h5 {
    font: normal 1.4em Arial,Helvetica,sans-serif;
    color: #666;
    margin: 0.7em 0 0.5em 0;
}
.ug_ventajas ul {
    font-size: 0.9em;
}
.ug_ventajas ul li {
    margin-bottom: 0.3em;
    list-style-type: square;
    margin-left: 1.2em;
}
.ug_ventajas .ug_logos_otros_medios {
    display: block;
    margin: 1em 0 0 0;
}
.ug_ventajas .ug_logos_otros_medios a {
   background-color: #ffffff;
   background-position: center center;
   border: 1px solid #ddd;
   float: left;
   height: 50px;
   margin: 0px 10px 10px 0px;
   width: 122px;
   background-repeat: no-repeat;
   text-indent: -100px;
   overflow: hidden;
}
.ug_ventajas .ug_logos_otros_medios .ug_elpais {
    background-image: url(img/medios/elpais.png);
    -webkit-background-size: 75px 16px;
    background-size: 75px 16px;
}
.ug_ventajas .ug_logos_otros_medios .ug_los40 {
    background-image: url(img/medios/los40.png);
    -webkit-background-size: 53px 35px;
    background-size: 53px 35px;
}
.ug_ventajas .ug_logos_otros_medios .ug_cadenaser {

    background-image: url(img/medios/cadenaser.png);
    -webkit-background-size: 62px 27px;
    background-size: 62px 27px;
}
.ug_ventajas .ug_logos_otros_medios .ug_maxima {
    background-image: url(img/medios/maxima.png);
    -webkit-background-size: 53px 35px;
    background-size: 53px 35px;
}
.ug_ventajas .ug_logos_otros_medios .ug_as{
    background-image: url(img/medios/as.png);
    -webkit-background-size: 46px 25px;
    background-size: 46px 25px;
}
.ug_ventajas .ug_logos_otros_medios .ug_cincodias{
    background-image: url(img/medios/logoCD-200.png);
    -webkit-background-size: 78px 12px;
    background-size: 78px 12px;
}
.ug_ventajas .ug_logos_otros_medios .ug_m80{
    background-image: url(img/medios/m80-medios.png);
    -webkit-background-size: 62px 23px;
    background-size: 62px 23px;
}
.ug_ventajas .ug_logos_otros_medios .ug_radiole{
    background-image: url(img/medios/radiole62x16.png);
    -webkit-background-size: 62px 16px;
    background-size: 62px 16px;
}
.ug_ventajas .ug_logos_otros_medios .ug_cadenadial{
    background-image: url(img/medios/cadenadial.png);
    -webkit-background-size: 62px 29px;
    background-size: 62px 29px;
}
.ug_ventajas .ug_logos_otros_medios .ug_kebuena{
    background-image: url(img/medios/logo_kebuena.png);
    -webkit-background-size: 128px 65px;
    background-size: 128px 65px;
}

.ug_ventajas .ug_logos_otros_medios .ug_caracol{
    background-image: url(img/medios/logo_caracol.png);
    -webkit-background-size: 100px 54px;
    background-size: 100px 54px;
}

.ug_ventajas .ug_logos_otros_medios .ug_acktiva{
    background-image: url(img/medios/logo_acktiva.png);
    -webkit-background-size: 100px 28px;
    background-size: 100px 28px;
}

.ug_ventajas .ug_logos_otros_medios .ug_oxigeno{
    background-image: url(img/medios/LogoO2.png);
    -webkit-background-size: 100px 50px;
    background-size: 100px 50px;
}

.ug_ventajas .ug_logos_otros_medios .ug_besame_cr{
    background-image: url(img/medios/logo_besame_cr.png);
    -webkit-background-size: 100px 50px;
    background-size: 100px 50px;
}


.ug_ventajas .ug_interrogacion {
    position: relative;
}
.ug_ventajas .ug_interrogacion strong {
    display: inline-block;
    background-color: #aaa;
    color: #fff;
    padding: 0 0.3em;
    border-radius: 1em;
}
.ug_ventajas .ug_interrogacion:hover strong {
    background-color: #333;
    border-radius: 1em 1em 0 0;
    color: #fff;
}

.ug_ventajas .ug_interrogacion .ug_texto_interrogacion {
    width: 28em;
    position: absolute;
    top: 1.2em;
    left: -8em;
    background-color: #333;
    font-size: 0.9em;
    padding: 3%;
    box-shadow: 0 0.6em 1em -0.4em rgba(0,0,0,.5);
    color: #fff;
    display: none;
}

.ug_ventajas .ug_interrogacion:hover .ug_texto_interrogacion {
    display: block;
}

/* texto legal */

.texto_legal {
    max-width: 600px;
    border: 1px solid #C7DBE1;
    background-color: #F5F9FA;
    margin: 30px auto;
    width: 99%;
    overflow: hidden;
}

.texto_legal h1 {
    font: normal 1.8em Helvetica,Arial,sans-serif;
    margin: 0.45em;
}
.texto_legal h2 {
    font: normal 1.5em Helvetica,Arial,sans-serif;
    margin: 0.6em;
}

.texto_legal h3 {
    font: normal 1.2em Helvetica,Arial,sans-serif;
    margin: 0.8em;
}
.texto_legal h4 {
    font: bold 1em Helvetica,Arial,sans-serif;
    margin: 0.6em;
}

.texto_legal p,
.texto_legal ol,
.texto_legal ul {
    font: normal 1em/1.4em Helvetica,Arial,sans-serif;
    margin: 1em;
}

.texto_legal p {
    margin: 1em;
}

.texto_legal p strong,
.texto_legal p b {
    font-weight: bold;
}

.texto_legal ol li,
.texto_legal ul li {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.texto_legal ol.letras {
    margin-left: 4em;
}
.texto_legal ol.letras li {
    list-style-type: lower-latin;
}
.texto_legal ul li {
    list-style: square;
    margin-left: 2em;
}

/* fin texto legal */

@media (-webkit-min-device-pixel-ratio : 1.5) , (min-resolution: 1.5dppx) {
    .ug_ventajas .ug_logos_otros_medios .ug_elpais {
        background-image: url(img/medios/elpais_3x.png);
    }
    .ug_ventajas .ug_logos_otros_medios .ug_los40 {
        background-image: url(img/medios/los40_3x.png);
    }
    .ug_ventajas .ug_logos_otros_medios .ug_cadenaser {
        background-image: url(img/medios/cadenaser_3x.png);
    }
}


#ug_perfil .ug_contenido_perfil .ug_info_baja p {
    font-weight: bold;
    color: #FF4B4B;
    margin-bottom: 1em;
}


.ug_obligatorio label span {
    position: relative;
}
.ug_obligatorio label span:after {
    content: " *";
    position: absolute;
    right: -0.6em;
    top: 0.3em;
    font-size: 1.6em;
    color: #0392D2;
}
.ug_obligatorio .ug_radios label span:after {
    content: "";
}


/* error 404 */

.ug_error404 {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    position: relative;
}

.ug_error404 .ug_contenido_error404 {
    margin: 1em 5em;
}

.ug_error404 h1 {
    font: bold 4em Arial,Helvetica,sans-serif;;
    color: #111;
    letter-spacing: -0.05em;
    margin-left: 1.4em;
}

.ug_error404 h2 {
    color: #0097C8;
    font: normal 1.5em Arial,Helvetica,sans-serif;;
    text-transform:  uppercase;
    margin-left: 3.8em;
}
.ug_error404 .ug_error {
    border-top: 0.2em solid #E0E0E0;
    background-color: #F2F2F2;
    padding: 1.5em 1em;
    font: normal 0.9em/1.3em Arial,Helvetica,sans-serif;
    margin-top: 1.4em;
    color: #333;
}
.ug_error ul li {
    display: block;
    float: left;
    width: 31%;
    margin: 0 0 0 2%;
}

.ug_volver {
    text-align: center;
    margin-top: 1em;
}

.ug_volver input {
    border-radius: 4px;
    background-color: #0097C8;
    box-shadow: inset 1px 1px #55D5FF;
    border: 1px solid #007095;
    padding: 0.5em 2em;
    color: #FFF;
    font: bold 1.6em Arial,Helvetica,sans-serif;
    text-align: center;
    letter-spacing: -0.05em;
}

.ug_error404 .ug_emoticon {
    font-size: 8em;
    font-family: Arial,Helvetica,sans-serif;
    float: left;
    color: #0097C8;
    letter-spacing: -2px;
    position: absolute;
    z-index: 5;
}

/* fin error 404 */



@media screen and (max-width:880px) {   /* móvil */
   .ug_contenido {
       padding-right:0;
       margin: 0 auto;
   }
   .ug_campo {
	   clear: both;
   }
   .ug_campo .ug_tip,
   .ug_campo .ug_error {
       max-height:0;
       overflow:hidden;
       position:static;
       padding:0;
   }
   .ug_campo.ug_campo_erroneo .ug_error,
   .ug_campo input:focus + .ug_tip,
   .ug_campo_radios:hover .ug_tip,
   .ug_campo_selects:hover .ug_tip {
       background:#FAF4DC url(img/pico_horizontal.png) no-repeat center top;
       -webkit-background-size: 1000px 8px;
       background-size: 1000px 8px;
       margin-bottom:1em;
       margin-top:-.9em;
       max-height:10em;
       width:100%;
   }
   .ug_campo.ug_campo_erroneo .ug_error {

    margin:0.1em 0 0.5em 0;
}
.ug_campo.ug_campo_erroneo .ug_error span {
    display: block;
    padding: 1.8em 1em 1em 1em;
}


@media (-webkit-min-device-pixel-ratio : 1.5) , (min-resolution: 1.5dppx) {
   .ug_campo.ug_campo_erroneo .ug_error,
   .ug_campo input:focus + .ug_tip,
   .ug_campo_radios:hover .ug_tip,
   .ug_campo_selects:hover .ug_tip {
    background-image:url(img/pico_horizontal_3x.png);
}
}

.ug_campo_radios:hover .ug_tip,
.ug_campo_selects:hover .ug_tip {
   margin-top: 0.5em;
}
#ug_perfil .ug_contenido_perfil .ug_formulario {
    border-left: 0;
    padding-left: 0
}
.ug_campo.ug_campo_erroneo .ug_error p,
.ug_campo input:focus + .ug_tip p,
.ug_campo_radios:hover p,
.ug_campo_selects:hover p {
   margin:1.5em 1em 1em;
}
#ug_perfil .ug_contenido {
   max-width:none;
   padding-right:0;
}
#ug_perfil .ug_contenido_perfil h1 {
   text-align:left;
}
#ug_perfil .ug_contenido_perfil .ug_c_formulario {
   margin-top:1em;
}
#ug_perfil .ug_contenido_perfil #ug_menu.ug_sticky {
   position:static;
}
#ug_perfil .ug_contenido_perfil #ug_menu,
#ug_perfil .ug_contenido_perfil .ug_formulario {
   width: auto;
   max-width:300px;
   position:static;
   margin:0 auto;
}
#ug_perfil .ug_contenido_perfil #ug_menu .ug_c_menu {
   position:relative;
}
.ug_contenido input {
   padding-bottom:.6em;
   padding-top:.6em;
}
#ug_perfil .ug_contenido_perfil #ug_menu ul {
   max-height:3.2em;
   overflow:hidden;
   -webkit-transition:max-height .5s ease-in-out;
   transition:max-height .5s ease-in-out;
}
#ug_perfil .ug_contenido_perfil #ug_menu ul li {
   display:none;
}
#ug_perfil .ug_contenido_perfil #ug_menu ul.ug_desplegado {
   border-bottom:1px solid #ccc;
   margin-bottom:2em;
   max-height:50em;
}
#ug_perfil .ug_contenido_perfil #ug_menu .ug_boton_menu {
   background:url(img/boton_menu.png) no-repeat #333 center;
   -webkit-background-size: 13px 12px;
   background-size: 13px 12px;
   color:#fff;
   cursor:pointer;
   height:2.35em;
   left:0;
   position:absolute;
   top:0;
   width:2.3em;
}
@media (-webkit-min-device-pixel-ratio : 1.5) , (min-resolution: 1.5dppx) {
   #ug_perfil .ug_contenido_perfil #ug_menu .ug_boton_menu {
    background-image:url(img/boton_menu_3x.png);
}
}
#ug_perfil .ug_contenido_perfil #ug_menu ul li a {
   margin-left:3.3em;
   text-align:left;
}
#ug_perfil .ug_contenido_perfil {
   width:100%;
   margin:0 auto;
}
#ug_perfil .ug_contenido_perfil .ug_formulario {
   width:100%;

}
#ug_perfil .ug_contenido_perfil #ug_menu ul li.ug_activo,
#ug_perfil .ug_contenido_perfil #ug_menu ul.ug_desplegado li {
   display:block;
}
.ug_ventajas {
    position: relative;
    max-width: 279px;
    max-height: 2em;
    overflow: hidden;
    margin: 0 auto;
    border-left: 0;
    border-right: 0;
    padding: 0.5em 0;
    margin-bottom: 2em;
    font-size: 0.8em;
    -webkit-transition:max-height .5s ease-in-out;
    transition:max-height .5s ease-in-out;
}
.ug_ventajas.ug_desplegado {
    max-height: 50em;
    padding-bottom: 1em;
}
.ug_ventajas h4 {
    letter-spacing: 0;
}
.ug_ventajas .ug_boton_desplegar {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0.8em;
    overflow: hidden;
    text-align: center;
    width: 100%;

}
.ug_ventajas .ug_boton_desplegar a {
    color: #666;
    font-size: 1.8em;
    padding: 0 0.4em;
    display: block;
    text-indent: -1000px;
    overflow: hidden;
    background: url(img/boton_desplegar.png) no-repeat right 0;
    -webkit-background-size: 13px 13px;
    background-size: 13px 13px;

}

.ug_ventajas .ug_logos_otros_medios a {

    width: 110px;
}
.ug_ventajas.ug_desplegado .ug_boton_desplegar  a {
    background-image: url(img/boton_plegar.png);
    -webkit-background-size: 13px 13px;
    background-size: 13px 13px;
}

.ug_error404 {
    font-size: 85%;
}

.ug_error404 .ug_contenido_error404  {
    margin-left: 1em;
    margin-right: 1em;
}

.ug_error ul li {
    float: none;
    width: auto;
    margin: 0 0 1em 0;
}

.ug_ventajas .ug_interrogacion .ug_texto_interrogacion {
    left: -15em;
}

@media (-webkit-min-device-pixel-ratio : 1.5) , (min-resolution: 1.5dppx)  {
    .ug_ventajas .ug_boton_desplegar a {
        background-image: url(img/boton_desplegar_3x.png);
    }

    .ug_ventajas.ug_desplegado .ug_boton_desplegar  a {
        background-image: url(img/boton_plegar_3x.png);
    }
}

}




@media screen and (min-width:960px) {


   #ug_perfil .ug_contenido_perfil .ug_c_formulario {
       margin-top:.7em;
   }
   #ug_perfil .ug_contenido_perfil {
       max-width:700px;
       width:auto;
   }
   #ug_perfil .ug_contenido .ug_campo {
       margin:.6em 0;
   }
   #ug_perfil .ug_contenido_perfil .ug_formulario {
       padding-left:16px;
       width:410px;
   }
   #ug_perfil .ug_contenido_perfil .ug_comentarios {
       width: 740px;
   }

   #ug_perfil .ug_contenido_perfil .ug_c_listado_botones,
   #ug_perfil .ug_contenido_perfil .ug_comunicaciones,
   #ug_perfil .ug_contenido_perfil .ug_redes_sociales,
   #ug_perfil .ug_contenido_perfil .ug_cambio_email,
   #ug_perfil .ug_contenido_perfil .ug_baja,
   #ug_perfil .ug_contenido_perfil .ug_hobbies label,
   #ug_mensaje {
       width:486px;
       max-width: 486px;
   }

   #ug_login.ug_contenido .ug_campo { /* mayor espaciado por los textos de ayuda */
    margin-top: 1.4em;
}
#ug_login.ug_contenido .ug_campo#ug_campo_Password {
    margin-top: 2.3em;
}

#ug_perfil .ug_contenido .ug_campo.ug_foto .ug_botones {
   left:12.8em;
   right:auto;
}
#ug_perfil .ug_contenido .ug_campo.ug_foto {
   margin-bottom:.5em;
}
#ug_perfil .ug_contenido label,
#ug_perfil .ug_contenido .ug_campo_radios > label,
#ug_perfil .ug_contenido .ug_campo_selects > label {
   display:inline-block;
   width:190px;
}
#ug_perfil .ug_contenido .ug_columnas_3 {
   display:inline-block;
   width:212px;
}
#ug_perfil .ug_contenido .ug_direccion_parte1 .ug_campo:first-child,
#ug_perfil .ug_contenido .ug_direccion_parte2 .ug_campo:first-child,
#ug_perfil .ug_contenido .ug_direccion_parte1 .ug_campo,
#ug_perfil .ug_contenido .ug_direccion_parte2 .ug_campo {
   float:none;
}
#ug_perfil .ug_contenido .ug_direccion_parte1 .ug_campo input,
.ug_contenido .ug_direccion_parte2 .ug_campo input {
   width:3em;
}
#ug_perfil .ug_contenido .ug_campo_radios .ug_radios,
#ug_perfil .ug_contenido .ug_campo_selects .ug_radios {
   margin-left:0;
}
#ug_perfil .ug_contenido input,
#ug_perfil .ug_contenido select {
   display:inline-block;
   margin-bottom:0;
   margin-top:0;
   width:205px;
}
#ug_perfil .ug_contenido .ug_campo_radios .ug_radios {
   margin-bottom:0;
}
#ug_perfil .ug_campo .ug_tip,
#ug_perfil .ug_campo .ug_error  {
    top: 0;
}
#ug_perfil .ug_campo_radios .ug_tip,
.ug_campo .ug_campo_selects .ug_tip  {
    top: 0.2em;
}
#ug_perfil .ug_fortaleza {
   margin-top:0.8em;
}
#ug_perfil .ug_contenido .ug_botones {
   margin-top:1em;
}
#ug_perfil .ug_contenido h2 {
   margin-top:2em;
   text-transform:uppercase;
}
#ug_perfil .ug_contenido_perfil .ug_c_listado_botones label,
#ug_perfil .ug_contenido_perfil .ug_comunicaciones label,
#ug_perfil .ug_contenido_perfil .ug_redes_sociales label,
#ug_perfil .ug_contenido_perfil .ug_cambio_email label,
#ug_perfil .ug_contenido_perfil .ug_baja label,
#ug_perfil .ug_contenido_perfil .ug_hobbies label,
#ug_perfil .ug_contenido .ug_direccion_parte1 .ug_campo,
#ug_perfil .ug_contenido .ug_direccion_parte2 .ug_campo,
#ug_perfil .ug_contenido .ug_radios label {
   width:auto;
}
}
