@media only screen and (max-width:600px) /* MOVIL */
{
/* 1: GENERAL */
/* 1.1: CONTENEDORES */
header, main, footer {
 width: 100%; /* M */ /* M:100%  T:988px  C:988px */
}
/* 2: CABECERA */
/* 2:1: BARRA SUPERIOR */
#superior {
 justify-content: flex-end; /* M */ /* M:flex-end  C:space-between  T:space-between */
}
#lugaryfecha {
 display: none; /* M */ /* M:none  T:inline  C:inline   */
}
#superior #login {
 width: 100%; /* M */ /* M:100%  T:320px  C:320px */
}
/* 2:1:1: FORMULARIO LOGIN */
#form-login {
 position: fixed;
 Xwidth: 300px;
 top: 50%; left: 50%;
 -webkit-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
}
#form-login:before {
 border: 0px solid transparent; /* M */ /* M:0px  T:10px  C:10px */
 border-bottom: 0px solid #900; /* M */ /* M:0px  T:10px  C:10px */
}

/* 2:2: BARRA MEDIO */
#medio {
 flex-direction: column; /* M */ /* M:column  T:row  C:row */
}
#medio #logo {
 width: 100%; /* M */ /* M:100%  T:249px  C:249px */
}
#medio #publicidadlogo {
 width: 100%; /* M */ /* M:100%  T:728px  C:728px */
 height: 10px; /* M */ /* M:10px  T:90px  C:90px */
 display: none; /* M */ /* M:none  T:block  C:block */
}

/* 2:3: BARRA MENU */
/* ----------> */
nav#menu a#label-menu {
 background: #cc3300 url(archivos/bg_menu.jpg) repeat-x;
 background-size: contain;
 /* font-size: 35px; */
 font-size: 2.5rem;
 display: block;
 width: 100%;
 position: relative;
}
nav#menu a#label-menu:after {
 content: "\02630"; /* ☰ */
 /* width: 30px; height: 30px; */
 /* right: 15px; top: 15px; */
 /* right: 45px; top: 4px; */
 /* right: 30px; */ right: 0.5em;
 display: inline-block;
 position: absolute;
}
nav#menu ul { display: none; height: auto; width: 100%; position: absolute; z-index: 1000; }
nav#menu li { width: 100%; }
nav#menu a { width: 100%; }
/* <---------- */
/* -- CUSTOMIZAR MENU -- */
nav#menu li { margin-left: 0px; background-color: #c30; border-bottom: 1px solid rgba(255, 255, 255, 0.50); }
nav#menu li:first-child { border-top: 1px solid rgba(255, 255, 255, 0.50); }
nav#menu li:hover { background-color: #d30; }
nav#menu a { padding: 10px 8px; text-indent: 25px; }

/* 2:4: BARRA HERRAMIENTAS */
#herramientas {
 /* M */ /* M:5px 5px  T:5px 10px  C:5px 10px */
 Xflex-direction: column; /* M */ /* M:column  T:row  C:row */
}

/* 3: CONTENIDO */
#contenido {
 flex-direction: column; /* M */ /* M:column  T:row  C:row */
}
/* 3:1: BLOQUE IZQUIERDO */
#b_izquierdo {
 width: 100%; /* M */ /* M:100%  T:516px  C:516px */
 order: 2;
}

/* 3:1:2:1 ENTRADA  ->  FORMULARIO  */
/* :: BARRA MENU OPCIONES */
/* ----------> */
nav#menu2 span#label-opcion {
 width: 100%;
 display: block;
 font-size: 16px; font-size: 2rem;
 font-weight: bold;
 color: #900;
 cursor: pointer;
 padding: 6px 8px;
 position: relative;
}
nav#menu2 span#label-opcion:after {
 content: "\02630"; /* ☰ */
 xwidth: 30px; xheight: 30px;
 /* right: 15px; top: 15px; */
 /* right: 10px; top: 10px; */
 right: 0.5em; /* xtop: 0.2rem; */
 display: inline-block;
 position: absolute;
}
nav#menu2 ul { display: none; height: auto; width: 100%; position: absolute; z-index: 999; }
nav#menu2 li { width: 100%; }
nav#menu2 a { width: 100%; }
/* <---------- */
/* -- CUSTOMIZAR MENU OPCIONES -- */
nav#menu2 li { margin-left: 0px; border-bottom: 1px solid #bbb; }
nav#menu2 li:first-child { border-top: 1px solid #bbb; }
nav#menu2 li:hover { }
nav#menu2 a { font-weight: normal; font-size: 1.6rem; text-indent: 10px; }
nav#menu2 a.activo { border-top: 0px; Xborder: 0px; }
nav#menu2 a.mopcion:active,
nav#menu2 a.mopcion:hover { border-top: 0px; background-color: #f0f0f0; }

/* 3:1:2:1:1 HERRAMIENTAS */
#entradas .herramientas .informacion {
 flex-direction: column; /* M */ /* M:column  T:row  C:row */
}


/* 3:1:2:1:4:1 FORM COMENTAR */
#comentar textarea {
 font-size: 1.4rem; /* M */ /* M:1.4rem  T:1.2rem  C:1.2rem */
}

/* 3:1:4 CONTACTO */
#pg-contacto .campo {
 flex-direction: column; /* M */ /* M:column  T:row  C:row  */
}
#pg-contacto label {
 width: 100%; /* M */ /* M:100%  T:20%  C:20%  */
 padding: 10px 0px 0px 0px; /* M */ /* M:10px 0px 0px 0px  T:10px 10px 10px 10px  C:10px 10px 10px 10px  */
 text-align: justify; /* M */ /* M:justify  T:right  C:right  */
}
#pg-contacto input, #pg-contacto select, #pg-contacto textarea {
 width: 100%; /* M */ /* M:100%  T:80%  C:80%  */
}

/* 3:2: BLOQUE CENTRAL */
#b_central {
 width: 100%; /* M */ /* M:100%  T:300px  C:300px */
 order: 1;
}

#b_central #adsense300x250 { display: none; }
#b_central #articulos { display: none; }


/* 3:3: BLOQUE DERECHO */
#b_derecho {
 width: 100%; /* M */ /* M:100%  T:165px  C:165px */
 display: none; /* M */ /* M:none  T:block  C:block */
 order: 3;
}

} /* MOVIL */
@media only screen and (min-width:601px) and (max-width:768px) /* TABLET */
{
/* 1: GENERAL */
/* 1.1: CONTENEDORES */
header, main, footer {
 width: 988px; /* T */ /* M:100%  T:988px  C:988px */
}
/* 2: CABECERA */
/* 2:1: BARRA SUPERIOR */
#superior {
 justify-content: space-between; /* T */ /* M:flex-end  T:space-between  C:space-between */
}
#lugaryfecha {
 display: inline; /* T */ /* M:none  T:inline  C:inline   */
}
#superior #login {
 width: 320px; /* T */ /* M:100%  T:320px  C:320px */
}
/* 2:1:1: FORMULARIO LOGIN */

/* 2:2: BARRA MEDIO */
#medio {
 flex-direction: row; /* T */ /* M:column  T:row  C:row */
}
#medio #logo {
 width: 249px; /* T */ /* M:100%  T:249px  C:249px */
}
#medio #publicidadlogo {
 width: 728px; /* T */ /* M:100%  T:728px  C:728px */
 height: 90px; /* T */ /* M:10px  T:90px  C:90px */
 display: block; /* T */ /* M:none  T:block  C:block */
}
/* 2:3: BARRA MENU */
nav#menu a#label-menu {
 /* display: none; */ /* T */
}
/* 2:4: BARRA HERRAMIENTAS */
#herramientas {
 /* T */ /* M:5px 5px  T:5px 10px  C:5px 10px */
 Xflex-direction: row; /* T */ /* M:column  T:row  C:row */
}

/* 3: CONTENIDO */
#contenido {
 flex-direction: row; /* T */ /* M:column  T:row  C:row */
}
/* 3:1: BLOQUE IZQUIERDO */
#b_izquierdo {
 width: 516px; /* T */ /* M:100%  T:516px  C:516px */
}

/* 3:1:2:1:1 HERRAMIENTAS */
#entradas .herramientas .informacion {
 flex-direction: row; /* T */ /* M:column  T:row  C:row */
}


/* 3:1:2:1:4:1 FORM COMENTAR */
#comentar textarea {
 font-size: 1.2rem; /* T */ /* M:1.4rem  T:1.2rem  C:1.2rem */
}

/* 3:1:4 CONTACTO */
#pg-contacto .campo {
 flex-direction: row; /* T */ /* M:column  T:row  C:row  */
}
#pg-contacto label {
 width: 20%; /* T */ /* M:100%  T:20%  C:20%  */
 padding: 10px 10px 10px 10px; /* T */ /* M:10px 0px 0px 0px  T:10px 10px 10px 10px  C:10px 10px 10px 10px  */
 text-align: right; /* T */ /* M:justify  T:right  C:right  */
}
#pg-contacto input, #pg-contacto select, #pg-contacto textarea {
 width: 80%; /* T */ /* M:100%  T:80%  C:80%  */
}

/* 3:2: BLOQUE CENTRAL */
#b_central {
 width: 300px; /* T */ /* M:100%  T:300px  C:300px */
}

/* 3:3: BLOQUE DERECHO */
#b_derecho {
 width: 170px; /* T */ /* M:100%  T:170px  C:170px */
 display: block; /* T */ /* M:none  T:block  C:block */
}

} /* TABLET */
@media only screen and (min-width:769px) /* COMPUTADOR */
{
/* 1: GENERAL */
/* 1.1: CONTENEDORES */
header, main, footer {
 width: 988px; /* C */ /* M:100%  T:988px  C:988px */
}
/* 2: CABECERA */
/* 2:1: BARRA SUPERIOR */
#superior {
 justify-content: space-between; /* C */ /* M:flex-end  T:space-between  C:space-between */
}
#lugaryfecha {
 display: inline; /* C */ /* M:none  T:inline  C:inline   */
}
#superior #login {
 width: 320px; /* C */ /* M:100%  T:300px  C:300px */
}
/* 2:1:1: FORMULARIO LOGIN */

/* 2:2: BARRA MEDIO */
#medio {
 flex-direction: row; /* C */ /* M:column  T:row  C:row */
}
#medio #logo {
 width: 249px; /* C */ /* M:100%  T:249px  C:249px */
}
#medio #publicidadlogo {
 width: 728px; /* C */ /* M:100%  T:728px  C:728px */
 height: 90px; /* C */ /* M:10px  T:90px  C:90px */
 display: block; /* C */ /* M:none  T:block  C:block */
}

/* 2:3: BARRA MENU */
nav#menu a#label-menu {
 display: none; /* C */
}

/* 2:4: BARRA HERRAMIENTAS */
#herramientas {
 /* C */ /* M:5px 5px  T:5px 10px  C:5px 10px */
 Xflex-direction: row; /* C */ /* M:column  T:row  C:row */
}

/* 3: CONTENIDO */
#contenido {
 flex-direction: row; /* C */ /* M:column  T:row  C:row */
}

/* 3:1: BLOQUE IZQUIERDO */
#b_izquierdo {
 width: 516px; /* C */ /* M:100%  T:516px  C:516px */
}

/* 3:1:2:1:1 HERRAMIENTAS */
#entradas .herramientas .informacion {
 flex-direction: row; /* C */ /* M:column  T:row  C:row */
}


/* 3:1:2:1:4:1 FORM COMENTAR */
#comentar textarea {
 font-size: 1.2rem; /* C */ /* M:1.4rem  T:1.2rem  C:1.2rem */
}

/* 3:1:4 CONTACTO */
#pg-contacto .campo {
 flex-direction: row; /* C */ /* M:column  T:row  C:row  */
}
#pg-contacto label {
 width: 20%; /* C */ /* M:100%  T:20%  C:20%  */
 padding: 10px 10px 10px 10px; /* C */ /* M:10px 0px 0px 0px  T:10px 10px 10px 10px  C:10px 10px 10px 10px  */
 text-align: right; /* C */ /* M:justify  T:right  C:right  */
}
#pg-contacto input, #pg-contacto select, #pg-contacto textarea {
 width: 80%; /* C */ /* M:100%  T:80%  C:80%  */
}

/* 3:2: BLOQUE CENTRAL */
#b_central {
 width: 300px; /* C */ /* M:100%  T:300px  C:300px */
}

/* 3:3: BLOQUE DERECHO */
#b_derecho {
 width: 170px; /* C */ /* M:100%  T:170px  C:170px */
 display: block; /* C */ /* M:none  T:block  C:block */
}

} /* COMPUTADOR */