body
{
    color: #f8f8e0; /* color hueso */
}

/* NOTICIAS */ /* NOTICIAS */ /* NOTICIAS */ /* NOTICIAS */ /* NOTICIAS */

.capa_noticias
{
    padding:27px;
    background-color:#68131c;
    font-size:1.2rem;
    color:#f8f8e0;   
}

.capa_cerrar_noticias
{
    background-color: #68131c;
    text-align:center;
    padding-bottom:14px;
    color: #e9e99c;
    font-size:1.2rem;
 
}

.img_noticias
{
   vertical-align:middle;
   margin-right:5px;

}

.cabecera_noticia
{
    border-bottom:1px solid #e9e99c;
}

.texto_cerrar
{
    cursor:pointer;
}
.boton_cerrar
{
    vertical-align:middle;
    margin-left:5px;
    width:25px;
    cursor:pointer;
}

/********************************************************************/

.li_div
{
    height:100%;
    width:100%;
}

.player_coin_menu
{
    vertical-align:middle;
}

/* CAPAS ESQUELETO MENU */
/* ESQUELETO MENU */
/* ESQUELETO MENU */

#capa_menu
 {

  /* border:5px solid pink;*/
 }


#capa_madre_menu_superior
{
    background-color: #911a23;
    width: 100%;
    min-width:320px;
    max-width:1920px;
    margin:0 auto;
}

#capa_madre_menu_superior_nivel2
{
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    width: 100%;
    background-color: inherit; 
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

#menu_principal
{
    margin-top: 12px;
    width: 100%;
}

#buscador
{
    margin-top: 12px;
}

#capa_micuenta
{
     align-items: flex-end;-webkit-align-items:flex-end;-ms-flex-align: end;-moz-align-items: flex-end;
  
}

/* MENUS DE VENTA */ /* MENUS DE VENTA */ /* MENUS DE VENTA */ /* MENUS DE VENTA */
/* MENUS DE VENTA */ /* MENUS DE VENTA */ /* MENUS DE VENTA */ /* MENUS DE VENTA */
/* MENUS DE VENTA */ /* MENUS DE VENTA */ /* MENUS DE VENTA */ /* MENUS DE VENTA */

.espacio_extra
{
    padding-bottom:9px !important;
    padding-top:9px !important;
}

.espacio_extra_p
{
    padding-bottom:7px !important;
    padding-top:7px !important;
}

.venta_color
{
    background-color:#644c1d !important;
}

.venta_color:hover
{
    color:white !important;
}

.cambio_color
{
    background-color:#1e715a !important;
}

.cambio_color:hover
{
    color:white !important;  
}

.deposito_color
{
    background-color:#255762 !important;
}

.deposito_color:hover
{
    color:white !important;
}

.redondeo_depo
{
    -webkit-border-radius: 0px 0px 14px 14px; /* Chrome y Safari */
    -o-border-radius:  0px 0px 14px 14px;/* Opera */
    -moz-border-radius:  0px 0px 14px 14px; /* Mozilla Firefox */
    -ms-border-radius:  0px 0px 14px 14px; /* Internet Explorer */
    border-radius:  0px 0px 14px 14px;
}

.redondeo_venta
{
    -webkit-border-radius:0px 14px 0px 0px; /* Chrome y Safari */
    -o-border-radius: 0px 14px 0px 0px;/* Opera */
    -moz-border-radius: 0px 14px 0px 0px;/* Mozilla Firefox */
    -ms-border-radius: 0px 14px 0px 0px;/* Internet Explorer */
    border-radius: 0px 14px 0px 0px;
}


.opcion_venta_movil
{
      -webkit-border-radius:8px; /* Chrome y Safari */
    -o-border-radius: 8px;/* Opera */
    -moz-border-radius: 8px;/* Mozilla Firefox */
    -ms-border-radius: 8px;/* Internet Explorer */
    border-radius: 8px;

    padding-bottom:10px !important;
    padding-top:10px !important;
    width:90% !important;
    margin:0 auto !important;
}


.menu_vende
{
background-color:none !important;
background:none !important;
margin-top:-3px;
}

.menu_vende_peque
{
background-color:none !important;
background:none !important;
padding:0px !important;
}

/*********************************************************************************************************/


/* MENUS MOVIL */
/* MENS MOVIL */
/* MENUS MOVIL */

/* incluide en mov_menu_subpciones.css*/

#mov_menu_micuenta
{
    z-index:200;
    width:214px;
}

#mov_menu_nav
{  
    z-index:200;
    width:214px;
}

#mov_menu_mas_menu
{
    position:absolute;
    z-index:200;
    width:214px;
}


 #mov_menu_figuras
{
    position:absolute;
    z-index:200;
}

#mov_menu_principal
{
    display:none;
}

#mov_menu_principal > li
{
    padding-right:12px;
    padding-left:12px;
}



/* MENU MI CUENTA */
/* MENU MI CUENTA */
/* MENU MI CUENTA */

/* el menu mi cuenta coge las mismas clases que el menu principal y luego se hacen algunos cambios por id*/





.player_coin_menu
{
    width:36px;
}

.micuenta_opciones_oculto >.micuenta_soloconectado  /* se adjudica via .net si es que no esta logeado*/
{
    display:none;
}


#menu_micuenta   /* predileccion fullhd */
{
    min-width:160px;
}

#menu_micuenta > li
{
    padding-right: 14px;
    min-height:47px;
    width:100%;
    justify-content:flex-end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-flex-pack: end;
}

#menu_micuenta_opciones
{
    width:100%;
}


.capa_grafico_micuenta
{
    position:relative;
    float: left;
    margin-right:8px;
    width: 30px;
    height: 1px;
}

.img_micuenta
{
    width: 100%;
    top: -2px;
    z-index: 5;
    position: absolute;
   
}

#barra_menu_micuenta
{
    min-height:47px;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;

}

.avatar
{
    -webkit-border-radius: 6px 6px 6px 6px; /* Chrome y Safari */
    -o-border-radius:6px 6px 6px 6px;/* Opera */
    -moz-border-radius: 6px 6px 6px 6px;  /* Mozilla Firefox */
    -ms-border-radius: 6px 6px 6px 6px;  /* Internet Explorer */
    border-radius: 6px 6px 6px 6px;
    border:2px solid #e9e99c;
    display:block;
    width:50px;
}

#capa_avatar_carrito
{
    margin-bottom:4px;
}
#capa_alineado_avatar
{
    align-self: flex-end;-webkit-align-self:flex-end;-ms-flex-item-align: end;-moz-align-self: flex-end;
}

#capa_avatar
{
    padding:0px;
    margin:0px;
    position:relative;
}

#carrito_graf
{
    display:block;
}

#capa_conten_carrito
{
    align-items: flex-end;-webkit-align-items:flex-end;-ms-flex-align: end;-moz-align-items: flex-end;
    padding-left:5px;
    padding-right:5px;
}

#capa_conten_carrito_grafico
{
    
}

#capa_texto_nick
{
    color: #e9e99c;
    font-size:1rem;
}


#capa_conten_num_carrito
{
     padding-bottom:2px;
     text-align:center;
     color:yellow;
}





/* LOGO */ /* LOGO */ /* LOGO */ /* LOGO */ /* LOGO */ /* LOGO */ /* LOGO */ /* LOGO */

#logo
{
    margin-right: 14px;
    margin-left: 12px;
    align-items: flex-end;
    -ms-flex-align: end;
    -moz-align-items: flex-end;
}

#logo_jpg
{
    display: block;
}

#capa_logo_peque
{
    display: none;
}

/*////////////////////////////////////////////////////////////////////////////////////*/



/* MENU BUSCADOR */ /* MENU BUSCADOR */ /* MENU BUSCADOR */
/* MENU BUSCADOR */ /* MENU BUSCADOR */ /* MENU BUSCADOR */
/* MENU BUSCADOR */ /* MENU BUSCADOR */ /* MENU BUSCADOR */
/* MENU BUSCADOR */ /* MENU BUSCADOR */ /* MENU BUSCADOR */



#capa_buscador_b
{
     align-items:center;-ms-flex-align:center;-moz-align-items:center;
     height:100%;
}


#capa_todo_busqueda                     
{
    margin-left:16px;
    height: 34px;           /* Todos los elementos del BUSCADOR ( DROPDOWN, EL TEXTBODX, y EL BOTON BUSCAR ) se fijan en la altura de esta capa. son height:100% fijandose en esta.*/
    width: 100%;
    max-width: 1900px;
  
}

#capa_centrado2b
{
   -webkit-flex: 1 1 0%;
   -ms-flex: 1 1 0%;
    flex:1 1 0%;
    height:100%;
}

#capa_buscador
{
    height: 100%;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex:1 1 0%;
    align-items: center;-webkit-align-items:center;-ms-flex-align:center;-moz-align-items:center;
}


.texto_busqueda
{
    font-family: 'Trebuchet','Arial';
    background-color:none;
    background:none;
    border:0px;
    border-bottom:2px solid #e9e99c;

     -ms-border-radius:0px 0px 3px 0px;
    -webkit-border-radius:0px 0px 3px 0px;
    -moz-border-radius: 0px 0px 3px 0px;
    border-radius: 0px 0px 3px 0px;


    height: 100%;
    width:100%;
    font-size:1.2rem;
    padding-left:10px;
    color:#e9e99c;
     -webkit-transition: all 0.1s ease-in; /* Chrome y Safari */
        -o-transition: all 0.1s ease-in; /* Opera */
        -moz-transition: all  0.1s ease-in; /* Mozilla Firefox */
        -ms-transition: all  0.1s ease-in; /* Internet Explorer */
        transition: all  0.1s ease-in; /* W3C */
}

.texto_busqueda:focus
{
  font-weight: bold;
  background-color:#e9e99c;
  color:#5e3c35;
}



.boton_buscador
{
   
    align-items: center;
    -ms-flex-align: center;
    -moz-align-items: center;
     cursor: pointer;
    -webkit-border-radius: 0px 20px 20px 0px; /* Chrome y Safari */
    -o-border-radius: 0px 20px 20px 0px; /* Opera */
    -moz-border-radius: 0px 20px 20px 0px; /* Mozilla Firefox */
    -ms-border-radius: 0px 20px 20px 0px; /* Internet Explorer */
    border-radius: 0px 20px 20px 0px;

    height:100%;
    width:auto;
}


.tipo_consul    /* en realidad este elemento es definido mediante el css de Jquerui en su mayoria, ya que convertimos el dropdownlist y luego cambiamos algunas cosas de este drop que es muy particular*/
{
    display:none;
    width: 200px;
    border:0px;
    padding:0px;
}

/* MODIFICACIONES DEL DROPDOWN LIST con JQUERY UI, y luego ESTOS SON LOS VALORES QUE SOBREESCRIBIMOS RESPECTO A LOS DROPDOWN ESTANDAR de jqueryui*/

#capa_todo_busqueda .ui-selectmenu-button  /* el dropdown entero */
{
  background-color:none;
  background:none;
  margin-right:0px;
  border-top:2px solid #e9e99c; 
  border-bottom:2px solid #e9e99c; 
  border-left:2px solid #e9e99c; 
  color:#e9e99c;
  height:100%;
  padding:0px;

}

#capa_todo_busqueda .ui-state-hover {

    color:#68131c; 
    background-color:#e9e99c;
}

#capa_todo_busqueda .ui-selectmenu-button span.ui-selectmenu-text {  /* el texto de la opcion seleccionada */
                              
  padding-left:1em;
  padding-right:1em;
  font-weight:normal;
  margin-bottom:20px;
  padding-top:4px;
   padding-left:18px;
   font-size:1.2rem;
}


.ui-selectmenu-menu.MENU_DESPLEGABLE_TIPO_CONSULTA  .ui-menu {     /* menu desplegable*/
	
     padding:12px;
     background:none;
     background-color:#e9e99c;
     border:0px;
}


.MENU_DESPLEGABLE_TIPO_CONSULTA .ui-menu > .ui-menu-item /* elementos del select, las diferentes opciones vaya*/
{
    background-color:#e9e99c;
    color:#68131c; 
    margin:0px;
}

.MENU_DESPLEGABLE_TIPO_CONSULTA .ui-menu-item.ui-state-focus  /* cuando pasas por encima de cada opcion*/
{
    background:none;
    font-weight:normal;
    margin:0px;
    border:0px;
    color:#073238;
    font-weight:bold;
}


 #capa_todo_busqueda .ui-state-default .ui-icon {
	background-image: url("js/lib/jqueryui1114/images/ui-icons_ef8c08_256x240_b.png");
}


#capa_todo_busqueda .ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url("js/lib/jqueryui1114/images/ui-icons_ef8c08_256x240.png");
}
.ui-state-active .ui-icon {
	background-image: url("js/lib/jqueryui1114/images/ui-icons_ef8c08_256x240.png");
}
.ui-state-highlight .ui-icon {
	background-image: url("js/lib/jqueryui1114/images/ui-icons_228ef1_256x240.png");
}



#capa_todo_busqueda .ui-corner-all                            /* los radios de los bordes */
{
    -ms-border-radius:20px 0px 0px 20px;
    -webkit-border-radius:20px 0px 0px 20px;
    -moz-border-radius: 20px 0px 0px 20px;
    border-radius: 20px 0px 0px 20px;
}


#capa_todo_busqueda .ui-corner-top             /* al hacer click en el select */
{
    -ms-border-radius:16px 0px 0px 0px;
    -webkit-border-radius: 16px 0px 0px 0px;
    -moz-border-radius: 16px 0px 0px 0px;
    border-radius: 16px 0px 0px 0px;
}       


/*********************************************************************************************/



.icono_figuras
{
  /* border:1px solid gray;*/
   -webkit-border-radius: 4px; /* Chrome y Safari */
    -o-border-radius: 4px; /* Opera */
    -moz-border-radius: 4px;  /* Mozilla Firefox */
    -ms-border-radius: 4px; /* Internet Explorer */
    border-radius: 4px;
    
  -webkit-transition: all 0.1s ease-in; /* Chrome y Safari */
    -o-transition: all 0.1s ease-in; /* Opera */
    -moz-transition: all 0.1s ease-in; /* Mozilla Firefox */
    -ms-transition: all 0.1s ease-in; /* Internet Explorer */
    transition: all 0.1s ease-in; /* W3C */
    
    position:relative;
    right:0px;
}

.icono_plataformas
{
    -webkit-transition: all 0.1s ease-in; /* Chrome y Safari */
    -o-transition: all 0.1s ease-in; /* Opera */
    -moz-transition: all 0.1s ease-in; /* Mozilla Firefox */
    -ms-transition: all 0.1s ease-in; /* Internet Explorer */
    transition: all 0.1s ease-in; /* W3C */

    position:relative;
    right:0px;
}

.fila:hover .icono_plataformas
{
    right:6px;
}

.fila:hover .icono_figuras
{
    right:6px;
}


.logos_social
{
    width: 30px;
    height: 30px;
    margin-left: 2px;

}


#capa_logos_social
{
    height:100%;
    display: none;
}




/*////////////////////////////////////////////////////////////////////////////////////*/

/* MENU PRINCIPAL */ /* MENU PRINCIPAL */ /* MENU PRINCIPAL */
/* MENU PRINCIPAL */ /* MENU PRINCIPAL */ /* MENU PRINCIPAL */
/* MENU PRINCIPAL */ /* MENU PRINCIPAL */ /* MENU PRINCIPAL */
/* MENU PRINCIPAL */ /* MENU PRINCIPAL */ /* MENU PRINCIPAL */
/* MENU PRINCIPAL */ /* MENU PRINCIPAL */ /* MENU PRINCIPAL */
/* MENU PRINCIPAL */ /* MENU PRINCIPAL */ /* MENU PRINCIPAL */


.opcion_preventas
{
    margin-bottom:10px;
}

   

.opcion_preventas_icono
{
    -webkit-border-radius: 5px; /* Chrome y Safari */
    -o-border-radius: 5px; /* Opera */
    -moz-border-radius: 5px;  /* Mozilla Firefox */
    -ms-border-radius: 5px; /* Internet Explorer */
    border-radius: 5px; 
    border:2px solid #e9e99c;
    width:22px;
    height:22px;
    margin-right:5px;
}

 #menu_movil_b
   {
     display:none;
     position:relative;
     margin-right:10px;
   }

#consolas
{
    display: none;
}

#registrate
{
    display: none;
}

#contacto
{
    display: none;
}

#vende
{
    display: none;
}

#concursos
{
    display: none;
}

#pago_envio
{
    display: none;
}

#player_coins
{
    display: none;
}

#top_100
{
    display: none;
}

#menu_mas
{
    display: none;
}

#menu_mas_registrate
{
    display: none;
}

#menu_mas_consolas
{
    display: none;
}

#menu_mas_vende
{
    display: none;
}

#menu_mas_contacto
{
    display: none;
}

#menu_mas_concursos
{
    display: none;
}

#menu_mas_pago_envio
{
    display: none;
}
#menu_mas_player_coins
{
    display: none;
}
#menu_mas_top_100
{
    display: none;
}



.barra_menu_principal
{
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    height: 47px;
}

.separador
{
    width: 10px;
    height: 10px;
}


.menu_nivel1 li:hover .triangulo
{
    top: 10px;
    border-top: 6px solid #e9e99c;
}

.menu_nivel1
{
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    list-style: none;
    font-size: 1.1rem;
    cursor: pointer;
    position: relative;
    height: 100%;
}



    .menu_nivel1 > li
    {
         color: #e9e99c;
        padding-top: 9px;
        padding-right: 18px;
        padding-left: 18px;
        background-color: #911a23;
        position: relative;
        cursor: pointer;
        -webkit-transition: background-color 0.1s ease-in; /* Chrome y Safari */
        -o-transition: background-color 0.1s ease-in; /* Opera */
        -moz-transition: background-color 0.1s ease-in; /* Mozilla Firefox */
        -ms-transition: background-color 0.1s ease-in; /* Internet Explorer */
        transition: background-color 0.1s ease-in; /* W3C */
    }


        .menu_nivel1 > li:hover
        {
            color: #f8f8e0;
        }

/* SUBMENUS NIVEL 2 */ /* todos los submenus nivel 2 */ /* todos los submenus nivel 2 */
/* SUBMENUS NIVEL 2 */ /* todos los submenus nivel 2 */ /* todos los submenus nivel 2 */
/* SUBMENUS NIVEL 2 */ /* todos los submenus nivel 2 */ /* todos los submenus nivel 2 */

.menu_nivel1 li > ul /* TODOS LOS SUBMENUS */
{
    display: none;
    list-style: none;
    position: absolute;
    color: #e9e99c;
}

.menu_nivel1 > li > ul > li:hover
{
    /* color: #f8f8e0;  no se porque tenia esto*/
}


.menu_nivel1 > li > ul /* Solos los submenus directos, o sea los de nivel 2 */
{
    padding-bottom: 14px;
    padding-top: 14px;
    background-color: #911a23;
    top: 100%;
    left: 0px;
    width: 200px;
    -webkit-border-radius: 0px 0px 16px 16px; /* Chrome y Safari */
    -o-border-radius: 0px 0px 16px 16px; /* Opera */
    -moz-border-radius: 0px 0px 16px 16px; /* Mozilla Firefox */
    -ms-border-radius: 0px 0px 16px 16px; /* Internet Explorer */
    border-radius: 0px 0px 16px 16px;
}


    .menu_nivel1 > li > ul > li
    {
        background-color: #911a23;
        padding-left: 20px;
        padding-top: 4px;
        padding-bottom: 5px;
        position: relative;
    }


.menu_nivel1 li:hover > ul
{
    display: block;
}


.menu_nivel1 > li > ul > li:hover
{
    color:white;
}


/* SUBMENUS  nivel 3 */ /* todos los submenus nivel 3 */ /* todos los submenus nivel 3 */
/* SUBMENUS  nivel 3 */ /* todos los submenus nivel 3 */ /* todos los submenus nivel 3 */
/* SUBMENUS  nivel 3 */ /* todos los submenus nivel 3 */ /* todos los submenus nivel 3 */

.menu_nivel1 > li > ul > li > ul > li:hover
{
    color: #f8f8e0;
}


.menu_nivel1 li > ul > li > ul
{
    z-index: 5;
    background-color: #850312;
    padding-bottom: 20px;
    padding-top: 20px;
    position: absolute;
    left: 100px;
    top: 0px;
    width: 160px;
    -webkit-border-radius: 0px 16px 16px 16px; /* Chrome y Safari */
    -o-border-radius: 0px 16px 16px 16px; /* Opera */
    -moz-border-radius: 0px 16px 16px 16px; /* Mozilla Firefox */
    -ms-border-radius: 0px 16px 16px 16px; /* Internet Explorer */
    border-radius: 0px 16px 16px 16px;
}


    .menu_nivel1 li > ul > li > ul > li
    {
        position: relative;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 18px;
        padding-right: 18px;
    }


/* DIFERENCIAS MENUS CONCRETOS */
/* DIFERENCIAS MENUS CONCRETOS */

.menu_nivel1 > li > #submenu_figuras > li
{
    
    color: #e9e99c; /* color hueso, si no ponemos el color de forma explicita lo heredara del padre y todo el DATALIST cogera el color del hover del padre, si lo indicamos, ya no hereda */
}

.menu_nivel1 li > ul > li > #submenu_retro > li
{
    color: #e9e99c; /* color hueso */
}

.menu_nivel1 li > ul > li > #submenu_actualidad > li
{
    color: #e9e99c; /* color hueso */
}

.menu_nivel1 > li > #submenu_figuras:hover > li /* el submenu de figuras no se sombrea con darkred , todos menos este.*/
{
    background-color: #911a23;
}

.menu_nivel1 li > #submenu_figuras
{
    width:auto;
    width:initial;
    padding-top: 20px;
    padding-right: 10px;
}

.menu_nivel1 li > ul > li > #submenu_retro
{
   width:auto;
   width:initial;
  
}

.menu_nivel1 li > ul > li > #submenu_retro >li
{
  padding-right: 8px;
}

.menu_nivel1 li > ul > li > #submenu_actualidad
{
   width:auto;
   width:initial;
}


.menu_nivel1 li > #menu_videojuegos
{
    padding-top: 22px;
}


/* ////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.fila
{
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 12px;
    padding-right: 12px;
    white-space:nowrap;
}

    .fila:hover
    {
        color: #f8f8e0; /* blanquecino */
    }

.text_lanzamiento
{
    color: #b1b1b1;
    font-size: 0.75rem;
    position: relative;
    top: 1px;
    margin-left: 2px;
}

.capa_nombre_plataforma
{
    margin-left: 5px;
    height: 22px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    align-items: center;-webkit-align-items:center;-ms-flex-align:center;-moz-align-items:center;
}

/* graficos */ /* graficos */ /* graficos */
/* graficos */ /* graficos */ /* graficos */


.capa_grafico_opcion
{
    float: left;
    padding-right: 10px;
    width: 44px;
    height: 1px;
}

.capa_grafico_opcion2
{
    float: left;
    padding-right: 10px;
    width: 52px;
    height: 1px;
}

.capa_grafico_opcion3
{
    float: left;
    padding-right: 10px;
    width: 36px;
    height: 1px;
}

#mando
{
    height: 36px;
    top: 5px;
    z-index: 5;
    position: absolute;
    -webkit-transition: 0.1s ease-in; /* Chrome y Safari */
    -o-transition: 0.1s ease-in; /* Opera */
    -moz-transition: 0.1s ease-in; /* Mozilla Firefox */
    -ms-transition: 0.1s ease-in; /* Internet Explorer */
    transition: 0.1s ease-in; /* W3C */
}

#mando_movil
{
    height: 36px;
    top: 5px;
    z-index: 5;
    position: absolute;
}


#kirby
{
    height: 36px;
    position: absolute;
    top: 5px;
    z-index: 5;
    -webkit-transition: 0.1s ease-in; /* Chrome y Safari */
    -o-transition: 0.1s ease-in; /* Opera */
    -moz-transition: 0.1s ease-in; /* Mozilla Firefox */
    -ms-transition: 0.1s ease-in; /* Internet Explorer */
    transition: 0.1s ease-in; /* W3C */
}

#kirby_movil
{
    height: 36px;
    position: absolute;
    top: 5px;
    z-index: 5;
}



.menu_nivel1 li:hover #mando
{
    height: 42px;
    top: 14px;
}

.menu_nivel1 li:hover #kirby
{
    height: 40px;
    top: 16px;
}


/* FIN MENU PRINCIPAL */ /* FIN MENU PRINCIPAL */
/* FIN MENU PRINCIPAL */ /* FIN MENU PRINCIPAL */
/* FIN MENU PRINCIPAL */ /* FIN MENU PRINCIPAL */
/* FIN MENU PRINCIPAL */ /* FIN MENU PRINCIPAL */
/* FIN MENU PRINCIPAL */ /* FIN MENU PRINCIPAL */
/* FIN MENU PRINCIPAL */ /* FIN MENU PRINCIPAL */
/* FIN MENU PRINCIPAL */ /* FIN MENU PRINCIPAL */




/* MEDIAQUERYS */ /* MEDIAQUERYS */ /* MEDIAQUERYS */ /* MEDIAQUERYS */ /* MEDIAQUERYS */ /* MEDIAQUERYS */ /* MEDIAQUERYS */
/* MEDIAQUERYS */ /* MEDIAQUERYS */ /* MEDIAQUERYS */ /* MEDIAQUERYS */ /* MEDIAQUERYS */ /* MEDIAQUERYS */ /* MEDIAQUERYS */
/* MEDIAQUERYS */ /* MEDIAQUERYS */ /* MEDIAQUERYS */ /* MEDIAQUERYS */ /* MEDIAQUERYS */ /* MEDIAQUERYS */ /* MEDIAQUERYS */


@media screen and (max-width: 480px) /* moviles  */
{


    .MENU_DESPLEGABLE_TIPO_CONSULTA .ui-menu > .ui-menu-item /* elementos del select, las diferentes opciones vaya*/
{
   border-bottom:0px;
}


#capa_todo_busqueda .ui-selectmenu-button span.ui-selectmenu-text {  /* el texto de la opcion seleccionada */
                              
   font-size:1.1rem;
   margin-top:2px;
}

#capa_avatar
{
 margin-right:6px;
}


    #menu_micuenta   
{
    min-width:0px;
}
   
    #control_tamano_jquery_movil
    {
        display:none;
    }

    #capa_todo_busqueda
    {
        padding-left:10px;
        padding-right:10px;
    }

    #capa_todo_busqueda .ui-corner-top
{
    
   -ms-border-radius:20px 0px 0px 20px;
    -webkit-border-radius: 20px 0px 0px 20px;
    -moz-border-radius: 20px 0px 0px 20px;
    border-radius: 20px 0px 0px 20px;

}       


     .avatar
    { 
        width:38px;
        border:1px solid #e9e99c;
    }

    #menu_micuenta > li
   {
    min-width:0px;
    padding-right: 6px;
    }

    .capa_grafico_micuenta
    {
        display:none;
    }

   #menu_micuenta
    {
        top:-7px;
    }

   #menu_micuenta > li > ul
    {
        top:82%;
    }

    #menu_micuenta_opciones
    {
        display:none;
    }

    
    #capa_conten_num_carrito_y_carrito
    {
         display: flex; display: -webkit-flex;display: -moz-flex;display: -ms-flexbox; 
         flex-direction:row;  -webkit-flex-direction: row; -moz-flex-direction:row;-ms-flex-direction:row;
    }

    #capa_conten_num_carrito
    {
        order: 2;
        -webkit-order: 2;
        -moz-order: 2;
        -ms-flex-order: 2;
        margin-left:2px;
    }

    #capa_conten_carrito_grafico
    {
         order: 1;
        -webkit-order: 1;
        -moz-order: 1;
        -ms-flex-order: 1;
    }

   
     .texto_busqueda
    {
        font-size: 1.2rem;
        padding-top:2px;
        padding-right:12px;
    }


    #mov_menu_principal > li
{
    padding-left:0px;
    padding-right:0px;
}

     #mov_menu_principal > #lista_mov_plataformas
    {
     padding-right:20px;
    }

     .tipo_consul
    {
        width: 150px;
    }

    #menu_principal
    {
    margin-top: 6px;
    }

    #buscador
    {
    margin-top: 6px;
    }


   #menu_principal
    { 
    justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-flex-pack: center;
    }

    #capa_todo_busqueda                     
    {
        margin-left: 0px;
    }

    #capa_menu
    {
       width:100%;
    }

    #menu_movil_a
    {
     display:none;
    }

    #menu_movil_b
    {
     display:block;
    }

   #mov_menu_principal
    {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    }

    #contenedor_logo_y_menu
    {
         justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-flex-pack: center;
    }

    #capa_buscador_b
     {
       margin-left: 0px;
      }
  
    #id_menu_nivel1
    {
        display: none;
    }

     #capa_micuenta
    {
         align-items: flex-start;-webkit-align-items:flex-start;-ms-flex-align:start;-moz-align-items: flex-start;
        justify-content: space-between;-ms-flex-pack: justify;-webkit-justify-content: space-between;-moz-justify-content: space-between;
    }


       #capa_logo_peque
    {
        display: block;
    }

    #capa_logo
    {
        display: none;
    }


    #capa_madre_menu_superior_nivel2
    {
        flex-direction: column;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
    }

    #contenedor_logo_y_menu
    {
        order: 2;
        -webkit-order: 2;
        -moz-order: 2;
        -ms-flex-order: 2;
    }

    #logo
    {
        margin-right: 4px;
        margin-left: 4px;
    }

  
}

@media screen and (min-width: 481px) and ( max-width:767px) /* Tabletas portrait /  moviles landscape*/
{

  .MENU_DESPLEGABLE_TIPO_CONSULTA .ui-menu > .ui-menu-item /* elementos del select, las diferentes opciones vaya*/
{
   border-bottom:0px;
}

  #capa_todo_busqueda .ui-selectmenu-button span.ui-selectmenu-text {  /* el texto de la opcion seleccionada */
                              
   font-size:1.1rem;
   margin-top:2px;
}


 #capa_avatar
{
 margin-right:6px;
}


    #menu_micuenta   
{
    min-width:0px;
}


 #control_tamano_jquery_movil
   {
    display:none;
   }

  #capa_todo_busqueda
    {
        padding-left:10px;
        padding-right:10px;
    }

  #capa_todo_busqueda .ui-corner-top
{
    
   -ms-border-radius:20px 0px 0px 20px;
    -webkit-border-radius: 20px 0px 0px 20px;
    -moz-border-radius: 20px 0px 0px 20px;
    border-radius: 20px 0px 0px 20px;

}    
     .avatar
    { 
        width:38px;
        border:1px solid #e9e99c;
    }

     .capa_grafico_micuenta
    {
        display:none;
    }

    #menu_micuenta > li
{
    min-width:0px;
}
    #menu_micuenta_opciones
    {
        display:none;
    }


    #capa_conten_num_carrito_y_carrito
    {
         display: flex; display: -webkit-flex;display: -moz-flex;display: -ms-flexbox; 
         flex-direction:row;  -webkit-flex-direction: row; -moz-flex-direction:row;-ms-flex-direction:row;
    }

    #capa_conten_num_carrito
    {
        order: 2;
        -webkit-order: 2;
        -moz-order: 2;
        -ms-flex-order: 2;
        margin-left:2px;
    }

    #capa_conten_carrito_grafico
    {
         order: 1;
        -webkit-order: 1;
        -moz-order: 1;
        -ms-flex-order: 1;
    }

     .texto_busqueda
    {
        font-size: 1.2rem;
    }

   .tipo_consul
    {
        width: 160px;
    }

    #menu_micuenta
    {
        top:-7px;
    }

   #menu_micuenta > li > ul
    {
        top:82%;
    }

    #menu_principal
     {
    margin-top: 6px;
    }

    #buscador
    {
    margin-top: 6px;
    }

    #menu_principal
    { 
       justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-flex-pack: center;
    }

    #capa_todo_busqueda                     
    {
        margin-left: 0px;
    }
     #capa_menu
    {
       width:100%;
    }


   #mov_menu_principal
    {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    }

    #contenedor_logo_y_menu
    {
         justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-flex-pack: center;
    }

    #capa_buscador_b
     {
       margin-left: 0px;
      }

    #id_menu_nivel1
    {
        display: none;
    }

    #capa_micuenta
    {
         align-items: flex-start;-webkit-align-items:flex-start;-ms-flex-align:start;-moz-align-items: flex-start;
        justify-content: space-between;-ms-flex-pack: justify;-webkit-justify-content: space-between;-moz-justify-content: space-between;
    }


    #capa_logo_peque
    {
        display: block;
    }


    #capa_logo
    {
        display: none;
    }


    #capa_madre_menu_superior_nivel2
    {
        flex-direction: column;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
    }

    #contenedor_logo_y_menu
    {
        order: 2;
        -webkit-order: 2;
        -moz-order: 2;
        -ms-flex-order: 2;
    }

    #logo
    {
        margin-right: 4px;
        margin-left: 4px;
    }

    #menu_micuenta > li
    {
        padding-right: 6px;
    }
}

@media screen and (min-width: 768px) and ( max-width:979px) /* Tabletas en landscape */
{

     #menu_movil_b
    {
     display:none;
    }

    #menu_micuenta /* predileccion fullhd */
    {
        min-width: 120px;
    }

  .avatar
    {
        width:44px;
    }

     #registrate
    {
        display: block;
    }

     #menu_mas
    {
        display: block;
    }


#menu_mas_consolas
{
    display: block;
}

#menu_mas_vende
{
    display: block;
}

#menu_mas_contacto
{
    display: block;
}

#menu_mas_concursos
{
   display: block;
}

#menu_mas_pago_envio
{
    display: block;
}
#menu_mas_player_coins
{
    display: block;
}
#menu_mas_top_100
{
    display: block;
}


    #logo
    {
        margin-right: 4px;
        margin-left: 4px;
    }

    #menu_micuenta > li
    {
        padding-right: 6px;
    }
}

@media screen and (min-width: 980px) and ( max-width:1340px) /* pcs escritorio medio / bajo */
{

     .avatar
    {
        width:44px;
    }

    #registrate
    {
        display: block;
    }

    #vende
    {
        display: block;
    }

    #concursos
    {
        display: block;
    }

   #menu_mas
    {
        display: block;
    }


#menu_mas_contacto
{
    display: block;
}

#menu_mas_pago_envio
{
    display: block;
}
#menu_mas_player_coins
{
    display: block;
}

#menu_mas_consolas
{
    display: block;
}
#menu_mas_top_100
{
    display: block;
}


    #logo
    {
        margin-right: 4px;
        margin-left: 4px;
    }

    #menu_micuenta > li
    {
        padding-right: 6px;
    }
}

@media screen and (min-width: 1341px) and ( max-width:1700px) /* pcs HD  */
{

    .player_coin_menu
{
    width:36px;
}

    #menu_micuenta /* predileccion fullhd */
    {
        min-width: 155px;
    }


    #capa_texto_nick
    {
        font-size: 1.2rem;
    }

    #menu_mas
    {
        display: block;
    }

    #menu_mas_player_coins
    {
        display: block;
    }

    #menu_mas_top_100
    {
        display: block;
    }



    #consolas
    {
        display: block;
    }

    #registrate
    {
        display: block;
    }

    #contacto
    {
        display: block;
    }

    #vende
    {
        display: block;
    }

    #concursos
    {
        display: block;
    }

    #pago_envio
    {
        display: block;
    }


    #logo
    {
        margin-right: 4px;
        margin-left: 6px;
    }
}


@media screen and (min-width: 1700px) /* FULL HD */
{

    /* NOTICIAS */ /* NOTICIAS */ /* NOTICIAS */ /* NOTICIAS */ /* NOTICIAS */

.capa_noticias
{
   padding:30px;   
    font-size:1.3rem;
}



.capa_cerrar_noticias
{
   padding-bottom:16px;
   border-bottom:2px solid #44090f;
}

.boton_cerrar
{
    margin-left:5px;
    width:30px;
}


.img_noticias
{
 margin-right:6px;

}


/********************************************************************/
    




     #capa_texto_nick
{
    font-size:1.2rem;
}

    #consolas
    {
        display: block;
    }

    #registrate
    {
        display: block;
    }

    #contacto
    {
        display: block;
    }

    #vende
    {
        display: block;
    }

    #concursos
    {
        display: block;
    }

    #pago_envio
    {
        display: block;
    }

    #player_coins
    {
        display: block;
    }

    #top_100
    {
        display: block;
    }



    #capa_logos_social
    {
        width:120px;
        height:100%;
        display: block;
        position: relative;
        left: 10px;
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        flex-direction: row;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
         align-items: center;-webkit-align-items:center;-ms-flex-align:center;-moz-align-items:center;
    }


}