/* 0: RESET */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
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, subX, supX, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
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: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* Chrome y Safari */
input:focus, textarea:focus, select:focus { outline: 0px; }

/* 0.0: DESARROLLO */

XXXimg { width:100%; }

/* 1: GENERAL */
* { font-size: 15px; }
html { font-size: 13px; }
body {
 margin: 0px;
 background: #cfc url('archivos/fondo.gif') repeat-x fixed;
 font: normal 1rem/1.2 "Trebuchet MS", Trebuchet, Arial, Tahoma, Verdana;
}

a { text-decoration: none; }
img { border: 0px; }
#bloquear {
 position: fixed;
 background-color: rgb(0,0,0,0.0);
 background-color: rgb(0,0,0,0.5);
 width:100%;
 min-height: 100%;
 height: auto !important;
 z-index: 1;
 display: none;
}
.enlace { cursor: pointer; }
.ancla { cursor: pointer; }
iframe.youtube {
 max-width: 100% !important;
 display: block;
 margin: 1px auto;
}
/* CERRAR */
.cerrar {
 margin: 0px 8px;
 xpadding: 2px;
 cursor: pointer;
 float: right;
 xdisplay: inline-block;
 xbackground-color: #000;
 color: #fff;
 font-size: 13px;
 font-size: 1em;
 xwidth: 20px; xheight: 20px;
 overflow: hidden;
 text-align: center;
 -webkit-border-radiusx: 50% 50%;
    -moz-border-radiusx: 50% 50%;
         border-radiusx: 50% 50%;
}

/* 1.1: CONTENEDORES */
header, main, footer,
#XXXcabecera, #XXXcontenidoXXX, #XXXpie {
 width: 988px; /* M:100%  T:988px  C:988px */
 margin: 0px auto;
 border-left: 1px solid #000000;
 border-right: 1px solid #000000;
 background-color: #ffffff;
}

/* 2: CABECERA */
header {
 display: flex;
 flex-direction: column;
}
/* 2:1: BARRA SUPERIOR */
#superior {
 min-height: 35px;
 padding: 6px 10px 6px 10px;
 color: #ffffff;
 background: #009900 url('archivos/bg_superior.jpg') repeat-x;
 background: #333 url('') repeat-x;
 border-bottom: 1px solid #003300;
 display: flex;
 justify-content: space-between; /* M:flex-end  C:space-between  T:space-between */
 align-items: center;
}
#lugaryfecha {
 font-weight: bold;
 display: inline; /* M:none  T:inline  C:inline */
}
#superior #login {
 width: 320px; /* M:100%  T:320px  C:320px */
 text-align: right;
}
#login a { color: #fff; font-weight: bold; }
#login a:hover, #login a:active { text-shadow: 1px 1px 1px rgba(0, 0, 0, 1); }

/* 2:1:1: FORMULARIO LOGIN */
#form-login {
 position: absolute; /* M:relative  T:absolute  C:absolute */
 width: 300px; /* M:100%  T:300px  C:300px */
 background-color: #f3f3f3; /* M:transparent  T:#f3f3f3  C:#f3f3f3 */
 height: auto;
 margin: 11px 0px 0px 0px;
 display: none;
 text-align: left;
 color: #000;
 border: 1px solid #ccc;
 z-index: 1001;
 -webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.4);
         box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.4);
}
#form-login:before {
 content: '';
 position: absolute;
 width: 0; height: 0;
 right: 60px; top:-20px;
 border: 10px solid transparent; /* M:0px  T:10px  C:10px */
 border-bottom: 10px solid #ccc; /* M:0px  T:10px  C:10px */
 display: block;
 margin: 0px;
}
#form-login h1 {
 font-size: 28px;
 font-size: 2rem;
 font-weight: bold;
 text-align: center;
 padding: 8px 0px;
 background-color: #ccc;
}
#form-login #avisos {
 margin: 10px 10px 0px 10px;
 padding: 4px;
 text-shadow: 1px 1px 0 rgba(255, 255, 255, 1);
 -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
         border-radius: 6px;
 /* DEFAULT */
 color: #060;
 background: #dff0d8 url(../archivos/sinerror.png) no-repeat -20px 0px;
 border: 1px solid #d6e9c6;

 /* ERROR */
 color: #990000;
 background: #f2dede url(../archivos/error.png) no-repeat -20px 0px;
 border: 1px solid #eed3d7;
 display: none;
}
#form-login article {
 margin: 0px;
 padding: 8px 10px;
}
#form-login label {
 display: block;
 text-align: justify;
 font-size: 15px;
 padding: 0px 0px 2px 2px;
}
#form-login input[type=email], #form-login input[type=password] {
 margin: 0px;
 padding: 8px 32px 8px 8px;
 border: 1px solid #ccc;
 width: 100%;
 font-size: 15px;
 -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
         border-radius: 6px;
}
#form-login input[type=email]:hover, #form-login input[type=password]:hover {
 -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
         box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
 border: 1px solid #999;
}
#form-login input[type=submit] {
 padding: 5px 10px; /* M */ /* M:10px  T:4px  C:4px */
}

/* 2:2: BARRA MEDIO */
#medio {
 padding: 4px;
 display: flex;
 flex-direction: row; /* M:column  T:row  C:row */
}
#medio #logo {
 width: 249px; /* M:100%  T:249px  C:249px */
 height: 90px;
 padding: 0px 4px 0px 0px;
 background: url(archivos/logo.gif) center top no-repeat;
}
#medio #publicidadlogo {
 width: 728px; /* M:100%  T:728px  C:728px */
 height: 90px; /* M:10px  T:90px  C:90px */
 display: block; /* M:none  T:block  C:block */
 padding: 0px;
 Xbackground-color: #eee;
}

/* 2:3: BARRA MENU */
/* ---- */
nav#menu { width: 100%; position: relative; }
nav#menu a#label-menu { display: none; }
nav#menu li { margin:0px; padding: 0px; display: inline-block; }
nav#menu a { display: block; }
/* ---- */
/* -- CUSTOMIZAR MENU -- */
nav#menu { border-top: 1px solid #900; border-bottom: 1px solid #600; }
nav#menu ul { background: #cc3300 url(archivos/bg_menu.jpg) repeat-x; }
nav#menu li { margin-left: 4px; }
nav#menu a { padding: 12px 8px; font-size: 18px; font-weight: bold; color: #fff; font-family: 'Dosis', Arial; text-transform: uppercase;  text-shadow: 2px 2px 3px rgba(0, 0, 0, 1); }
nav#menu a:hover, nav#menu a.selected { color: #000; text-shadow: 2px 2px 3px rgba(255, 255, 255, 0); }

/* 2:4: BARRA HERRAMIENTAS */
#herramientas {
 height: 26px;
 height: auto;
 padding: 5px 10px; /* XXX M:5px 5px  T:5px 10px  C:5px 10px */
 color: #fff;
 background-color: #141414;
 display: flex;
 justify-content: space-between;
 flex-direction: row; /* XXX M:column  T:row  C:row */
}

/* 2:5: BARRA NOVEDADES */
#herramientas #novedades {
 Xwidth: 700px; /* M:100%  T:700px  C:700px */
 height: 24px;
 padding: 5px 0px;
 font-size: 12px;
 /* font-weight: bold; */
 color: #ffffff;
 xBACKGROUND-COLOR:#909;
}
#novedades .texto { float: left; }
#novedades .contenido {
 width: 600px; /* ??? */ /* M:100%  T:600px  C:600px */
 float: left;
 padding-left: 10px;
}
#novedades .contenido .elemento a { color: #cccccc; }
#novedades .contenido .elemento a:hover { color: #ffffff; }
#novedades .contenido .elemento .titulo  { color: #ffffff; }

/* 2:6: BARRA BUSCADOR GOOGLE */
#herramientas #cse-search-box {  }
#cse-search-box  input[type=text] {
 Xpadding: 10px !important;
 Xborder: 1px solid #ff0 !important;
}
#cse-search-box  input[type=submit] { }

/* 3: CONTENIDO */
main {  }
#contenido {
 padding: 5px 0px 0px 0px;
 background-color: #ffffff;
 xmin-height: 1800px;
 font: normal 13px "Trebuchet MS", Trebuchet, Tahoma, Arial, Verdana;
 font: normal 1rem/1.2 "Trebuchet MS", Trebuchet, Arial, Tahoma, Verdana;
 display: flex;
 justify-content: space-between;
 flex-direction: row; /* M:column  T:row  C:row */
 BACKGROUND-COLOR: #EEE;
 BACKGROUND-COLOR: #DDD;
 BACKGROUND-COLOR: #F3F3F3;
 BACKGROUND-COLOR: #FFF;
}

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

/* 3:1:2: ENTRADAS  /  NOTICIAS */
#entradas { xBACKGROUND-COLOR: #ffc; }

/* 3:1:2:1 ENTRADA  ->  FORMULARIO  */
#entradas #post { XBACKGROUND-COLOR: #ffc; }
/* :: BARRA MENU OPCIONES */
/* ---- */
nav#menu2 { width: 100%; position: relative; }
nav#menu2 span#label-opcion { display: none; }
nav#menu2 li { margin:0px; padding: 0px; display: inline-block; }
nav#menu2 a { display: block;  }
/* ---- */
/* -- CUSTOMIZAR MENU OPCIONES -- */
nav#menu2 { color: #aaa; background-color: #ccc; padding: 0px 0px; }
nav#menu2 a { padding: 4px 10px; background-color: #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
nav#menu2 a.activo,
nav#menu2 a.mopcion:active,
nav#menu2 a.mopcion:hover { background-color: #fff; border-top: 1px solid #ccc; border-bottom: 0px; }

/* :: FORMULARIO PUBLICACION */
#contenedor {
 padding: 5px;
 border: 1px solid #ccc;
 border-top: 0px;
}
#form-publicar .fp-input {
 font-size: 14px; padding: 4px; width: 100%; border: 1px solid #f8f8f8;
}
#form-publicar .fp-herramientas {
 Xborder-bottom: 1px dashed #dddddd;
 margin-bottom: 15px;/*  */
 margin-bottom: 10px;/*  */
 margin-bottom: 5px;/*  */
 margin-bottom: 0px;/*  */
 Xmargin: 0px 5px 10px 5px;
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 xBACKGROUND-COLOR: #CCC;
}
#form-publicar .fp-herramientas .informacion,
#form-publicar .fp-herramientas .opciones {
 padding: 5px 0px;
 font-size: 11px; xfont-size: 0.9rem;
 color: #999999;
 xBACKGROUND-COLOR: #FC0;

 background-colorX: #fc0;
 xdisplay: flex;
 xalign-items: center;
 xalign-content: stretch;
}
#form-publicar .fp-herramientas .informacion {
 display: flex;
 flex-direction: row; /* M:column  T:row  C:row */
 Xjustify-content: space-between;
 xBACKGROUND-COLOR: #FC0;
}
#form-publicar .informacion .fecha { padding-left: 20px; background: url(archivos/icono-noticia-fecha.gif) 4px 2px no-repeat; }
#form-publicar .informacion .autor { padding-left: 20px; background: url(archivos/icono-noticia-autor.gif) 4px 2px no-repeat; }
#form-publicar .fp-herramientas .opciones { Xmin-width: 50%; Xtext-align: right; xBACKGROUND-COLOR: #900; }
#form-publicar select {
 margin: 0px;
 padding: 5px 0px;
 cursor: pointer;
 border: 1px solid #f8f8f8;
 -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
         border-radius: 4px;
 xBACKGROUND-COLOR: #FC0;
 font: normal 1rem/1.2 "Trebuchet MS", Trebuchet, Arial, Tahoma, Verdana;
 xfont-size: 14px;
}
#form-publicar select option {
 cursor: pointer;
 font: normal 1rem/1.2 "Trebuchet MS", Trebuchet, Arial, Tahoma, Verdana;
 xfont-size: 14px;
}

#form-publicar .fp-contenido {
 xborder: 1px solid #000;
 Xbackground-color: #ccc;
}

#fp-imagenes {
 min-height: 120px;
 margin-bottom: 5px;
 padding: 5px !important;
 display: flex;
 flex-direction: row;
 flex-wrap: nowrap;
 overflow: auto;
 border: 1px solid #EEE;
 background-color: #F8F8F8;
 Xdisplay: none;
}
#fp-imagenes > div {
 width: 120px;
 height: 120px;
 flex: none;
 text-align: right;
 border: 1px solid #ccc;
 margin: 0px 5px 0px 0px;
 
 background-color: #fff;
 background-size: contain; /* cover; contain; */
 background-repeat: no-repeat;
 background-position: center center;
 }
#fp-imagenes .quitar {
 margin: 5px 5px 0px 0px;
 cursor: pointer;
 font-family: arial;
 font-size: 25px; font-size: 2rem;
 color: #fff;
 display: inline-block;
 -webkit-border-radiusX: 6px;
    -moz-border-radiusX: 6px;
         border-radiusX: 6px;
}
#fp-imagenes .masfotos {
 border: 1px dashed #ccc;
 cursor: pointer;
 background-image: url('archivos/subirfotos.png');
}
#fp-imagenes .masfotos:hover {
 border: 1px dashed #f00;
 cursor: pointer;
 background-image: url('archivos/subirfotos_on.png');
}
#fp-imagenes .espacio {
 width: 5px;
 border: 0px;
 background-color: transparent;
}

#form-publicar textarea {
 width: 100%;
 height: 100px;
 padding: 4px;
 border: 1px solid #f8f8f8;
 font-family: Arial;
 text-align: justify;
 font-size: 15px;
 Xmax-height: 200px;
 Xwhite-space: pre-line;
 xresize: none;
}

#form-publicar .fp-opciones {
 padding-top: 3px;
 display: flex;
 justify-content: space-between;
 xBACKGROUND-COLOR: #FC0;
}
#form-publicar .fp-interacciones {
 display: flex;
 justify-content: space-between; /* M:flex-end  C:space-between  T:space-between */
 padding: 5px 0px;
 font-size: 13px; font-size: 20px; font-size: 2rem;
 xBACKGROUND-COLOR: #ff9;
}
#form-publicar .fp-interacciones span {
}
#form-publicar .fp-comentarios {
 padding: 0px 0px 0px 5px;
 display: none;
}
#form-publicar .fp-notificaciones {
 padding: 0px 0px 0px 5px;
 display: none;
}
#form-publicar .fp-fotos {
 padding: 0px 0px 0px 5px;
 displayX: none;
}
#form-publicar .fp-boton {
 border-top: 1px solid #f8f8f8;
 margin: 5px 0px 0px 0px;
 padding:5px 0PX 0px 0px;
 text-align: right;
}
#form-publicar  {
 
}

/* 3:1:2:1 ENTRADA  /  NOTICIA */
#entradas b, #entradas strong { font-weight: bold; }
#entradas h1 { font-size: 22px; font-weight: bold; }
#entradas h2 { font-size: 20px; font-weight: bold; }
#entradas h3 { font-size: 18px; font-weight: bold; }
#entradas h4 { font-size: 16px; font-weight: bold; }
#entradas h5 { font-size: 14px; font-weight: bold; }

#entradas .entrada {
 border: 1px solid #999;
 -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
         border-radius: 4px;
 /* min-height: 200px; */
 padding: 5px 5px 5px 5px;
 margin: 0px 0px 10px 0px;
 Xoverflow: hidden;
 xBACKGROUND-COLOR: #f3f3f3;
 background-color: #fff;
}
#entradas .publicacion {
 xborder: 1px solid #999;
 xborder: 1px solid #900;
 -webkit-border-radiusX: 4px;
    -moz-border-radiusX: 4px;
         border-radiusX: 4px;
 /* min-height: 200px; */
 Xpadding: 5px 5px 5px 5px;
 Xmargin: 0px 0px 10px 0px;
 XXoverflow: hidden;
 xBACKGROUND-COLOR: #f3f3f3;
 Xbackground-color: #fff;
}
#entradas .publicacion .categoria {
 display: none;
}
#entradas .publicacion .titulo + h1 {
 display: none;
}

#entradas h1 { font-size: 16px; xfont-size: 2.1rem; }
#entradas a { color: #c00; font-weight: bold; }
#entradas a:hover { Xcolor: #000; text-shadow: 0px 0px 0px rgba(0, 0, 0, 1); }

/* 3:1:2:1:1 HERRAMIENTAS */
#entradas .herramientas {
 border-bottom: 1px dashed #dddddd;
 margin-bottom: 15px;/*  */
 margin-bottom: 10px;/*  */
 margin-bottom: 5px;/*  */
 margin-bottom: 0px;/*  */
 Xmargin: 0px 5px 10px 5px;
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 xBACKGROUND-COLOR: #CCC;
}
#entradas .herramientas .informacion, 
#entradas .herramientas .opciones {
 width: 50%;
 padding: 5px 0px;
 font-size: 11px; xfont-size: 0.9rem;
 color: #999999;
 xdisplay: flex;
 xBACKGROUND-COLOR: #FC0;
}
#entradas .herramientas .informacion {
 display: flex;
 flex-direction: row; /* M:column  T:row  C:row */
 Xjustify-content: space-between;
 xBACKGROUND-COLOR: #FC0;
}
#entradas .informacion .fecha { padding-left: 20px; background: url(archivos/icono-noticia-fecha.gif) 4px 2px no-repeat; }
#entradas .informacion .autor { padding-left: 20px; background: url(archivos/icono-noticia-autor.gif) 4px 2px no-repeat; }
#entradas .herramientas .opciones { text-align: right; }
#entradas .herramientas .categoria {  }
#entradas .categoria a {
 text-transform: uppercase;
 background-color: #dedede;
 padding: 2px 5px 2px 5px;
}
#entradas .categoria a:hover { color: #000000; }

/* 3:1:2:1:2 REDES */
#entradas .redes .informacion {
 margin: 2px 0px 0px 0px;
 xBACKGROUND-COLOR: #900;
}
#entradas .redes + div.contenido #imagenes{
 xborder: 1px solid #000;
 xpadding: 5px 0px 0px 0px;
}

#entradas .redes .informacion {
 padding: 5px 0px;
 display: flex;
 Xflex-direction: row; /* M:column  T:row  C:row */
 Xjustify-content: space-between;
 font-size: 11px; font-size: 0.9rem;
 color: #999999;
 xBACKGROUND-COLOR: #Ffc;
}

/* 3:1:2:1:3 CONTENIDO */
#entradas .entrada .contenido {
 font-family: Arial;
 text-align: justify;
 font-size: 15px;
 xborder-bottom: 1px dashed #dddddd;
 padding: 10px 0px;
 padding:  0px 0px;
 color: #333;
 xBACKGROUND-COLOR: #F9F9F9;
}
#entradas #imagenes {
 xbackground-color: #fc0;
 xpadding: 5px 0px 5px 0px;
 xpadding: 10px 0px 10px 0px;
 padding: 10px 0px 0px 0px;
 xBORDER: 1px solid #888;
}
#imagenes > div {
 border: 1px solid #fdfdfd;
 background-color: #fff;
 background-size: cover; /* cover; contain; */
 background-repeat: no-repeat;
 background-position: center center;
}
#imagenes img {display: block;}
/* uno */
#imagenes.uno {
 width: 100%;
 max-height:800px;
 overflow: hidden;
}
#imagenes.uno > div {
 width: 100%;
 /* max-height:800px; */
 overflow: hidden;
 Xborder: 1px solid #000;
}
#imagenes.uno img {
 width: 100%;
 visibility: hidden;
}
/* dos3x2 */ 
#imagenes.dos3x2 {
 width: 100%;
 height: 500px;
 Xdisplay: flex;
 flex-direction: column;
 max-height:500px;
 overflow: hidden;
}
#imagenes.dos3x2 > div {
 width: 100%;
 height: 250px;
 max-height:250px;
 overflow: hidden;
 Xborder: 1px solid #000;
}
#imagenes.dos3x2 img {
 width: 100%;
 overflow: hidden;
}
/* dos2x3 */
#imagenes.dos2x3 {
 width: 100%;
 xheight: 500px;
 display: flex;
 flex-direction: row;
 max-height:500px;
 overflow: hidden;
}
#imagenes.dos2x3 > div {
 width: 250px;
 width: 50%px;
 xheight: 500px;
 max-height:500px;
 overflow: hidden;
}
#imagenes.dos2x3 img {
 width: 100%;
 visibility: hidden;
}
/* dosmixto */
#imagenes.dosmixto {
 width: 100%;
 height: 250px;
 display: flex;
 xflex-direction: row;
 max-height:250px;
 overflow: hidden;
}
#imagenes.dosmixto > div {
 width: 250px;
 xheight: 250px;
 max-height:250px;
 overflow: hidden;
}
/* tres3x2 */
#imagenes.tres3x2 {
 width: 100%;
 height: 500px;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content: space-between;
 max-height:500px;
 overflow: hidden;
}
#imagenes.tres3x2 > div {
 width: 50%;
 height: 170px;
 max-height:170px;
 overflow: hidden;
}
#imagenes.tres3x2  > div:first-child {
 width: 100%;
 height: 330px;
 max-height:330px;
 overflow: hidden;
}
/* tres2x3 */
#imagenes.tres2x3 {
 width: 100%;
 height: 500px;
 xdisplay: flex;
 xxflex-direction: column;
 xflex-wrap: wrap;
 max-height: 500px;
 overflow: hidden;
}
#imagenes.tres2x3 > div {
 width: 170px;
 width: 34%;
 height: 250px;
 xfloat: left;
 max-height:250px;
 overflow: hidden;
}
#imagenes.tres2x3  > div:first-child {
 width: 330px;
 width: 66%;
 height: 500px;
 float: left;
 max-height:500px;
 overflow: hidden;
}
/* cuatro3x2 */
#imagenes.cuatro3x2 {
 width: 100%;
 height: 500px;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content: space-between;
 border: 0px solid #000;
 max-height:500px;
 overflow: hidden;
}
#imagenes.cuatro3x2 > div {
 width: 33%;
 xwidth: 164px;
 height: 170px;
 max-height:170px;
 overflow: hidden;
}
#imagenes.cuatro3x2  > div:first-child {
 width: 100%;
 height: 330px;
 max-height:330px;
 overflow: hidden;
}
/* cuatro2x3 */
#imagenes.cuatro2x3 {
 width: 100%;
 height: 500px;
 Xdisplay: flex;
 Xflex-direction: column;
 Xflex-wrap: wrap;
 Xalign-items: center;
 Xalign-content: space-around; /* space-between; space-around; */
 max-height:500px;
 overflow: hidden;
}
#imagenes.cuatro2x3 > div {
 width: 170px;
 width: 34%;
 height: 166px;
 float: left;
 max-height:250px;
 overflow: hidden;
}
#imagenes.cuatro2x3 > div:first-child {
 width: 330px;
 width: 66%;
 height: 500px;
 Xfloat: left;
 max-height: 500px;
 overflow: hidden;
 BORDER-RIGHT: 1PX SOLID #CCC;
}
#imagenes.cuatro2x3  > div:last-child {
 height: 168px;
}
#imagenes.cuatro2x3  > div#df2 {
 border-top: 1px solid #ccc;
 border-right: 1px solid #ccc;

}
#imagenes.cuatro2x3  > div#df3 {
 border-top: 1px solid #ccc;
 border-right: 1px solid #ccc;
}
#imagenes.cuatro2x3  > div#df4 {
 border-top: 1px solid #ccc;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 
}


#imagenes.cuatro3x2 > div:last-child, #imagenes.cuatro2x3 > div:last-child {
 font-size: 5rem;
 color: #fff;
 text-align: center;
 text-shadow: 2px 1px 4px rgba(0, 0, 0, 1);
 padding: 3rem 0px 0px 0px;
}
#imagenes.cuatro3x2 > div:last-child, #imagenes.cuatro2x3 > div:last-child {
 font-size: 5rem;
 color: #fff;
 text-align: center;
 text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
 padding: 3rem 0px 0px 0px;
}
#imagenes.cuatro3x2 > div:last-child:hover, #imagenes.cuatro2x3 > div:last-child {
 color: #ffc;
}
/* li:nth-child(3) { color: red; } */

#sliderfotos {
 position: fixed;
 background-color: rgb(0,0,0,0.0);
 background-color: rgb(0,0,0,0.5);
 width:100%;
 min-height: 100%;
 height: auto !important;
 z-index: 1;
 display: none;
}

#slider-imagenes {
 position: fixed;
 Xwidth:100%;
 xmin-height: 400PX;
 
 width: 96%;
 min-height: 92%;
 height: auto !important;
 left: 50%;
 top: 50%;
 
 -webkit-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
 
 margin: 0px auto;
 Xmin-height: 300px;
 Xmargin-bottom: 5px;
 Xpadding: 5px !important;
 Xdisplay: flex;
 Xflex-direction: row;
 Xflex-wrap: nowrap;
 Xoverflow: auto;
 Xborder: 1px solid #EEE;
 Xbackground-color: #F8F8F8;
 XXdisplay: none;
}

#slider-imagenes > div {
 position: fixed;
 width: 320px;
 height: 320px;
 width: 100%;
 height: 100%;
 min-height: 50%;
 xflex: none;
 text-align: right;
 xborder: 1px solid #ccc;
 margin: 0px 5px 0px 0px;
 
 background-color: #000;
 background-color: rgb(0,0,0,0.75);
 background-color: rgb(0,0,0,0.9);
 background-size: contain; /* cover; contain; */
 background-repeat: no-repeat;
 background-position: center center;
 }
#slider-imagenes .cerrar {
 margin: 5px 5px 0px 0px;
 cursor: pointer;
 font-family: arial;
 font-size: 25px; font-size: 2rem;
 color: #fff;
 display: inline-block;
 -webkit-border-radiusX: 6px;
    -moz-border-radiusX: 6px;
         border-radiusX: 6px;
}
#slider-imagenes .cerrar:hover{
 transform: scale(1.5);
}
#sliderfotos .left, #sliderfotos .right{
 position: absolute;
 top: 20%;
 height: 60%;

 display: flex;
 align-items: center;

 color: #fff;
 font-size: 35px; font-size: 3rem;
 cursor: pointer;
 z-index: 2;
}
#sliderfotos .left:hover, #sliderfotos .right:hover {
 transform: scale(1.5);
}
#sliderfotos .left { left: 10px; left: 3rem; }
#sliderfotos .right { right: 10px; right: 3rem; }



#slider-imagenes .masfotos {
 border: 1px dashed #ccc;
 cursor: pointer;
 background-image: url('archivos/subirfotos.png');
}
#slider-imagenes .masfotos:hover {
 border: 1px dashed #f00;
 cursor: pointer;
 background-image: url('archivos/subirfotos_on.png');
}
#slider-imagenes .espacio {
 width: 5px;
 border: 0px;
 background-color: transparent;
 border: 1px dashed #f00;
}







#entradas .contenido .texto { XBACKGROUND-COLOR: #FC0;  font-size: 15px; padding: 5px 0px; }
#entradas .contenido .normal {  XBACKGROUND-COLOR: #900; font-size: 15px; padding: 10px 0px; }
#entradas .contenido .mediano { XBACKGROUND-COLOR: #090; font-size: 19px; padding: 15px 0px; }
#entradas .contenido .grande {  XBACKGROUND-COLOR: #009; font-size: 23px; padding: 20px 0px; }


#entradas .vermenos, #entradas .vermas {
 font-size: 0.8em;
 font-weight: bold;
 cursor: pointer;
 white-space: nowrap;
 padding: 2px 8px 2px 8px;
 background-color: #c00;
 color: #fff;
 
 -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
         border-radius: 4px;
}
#entradas .vermenos:hover, #entradas .vermas:hover {
 background-color: #d00;
 color: #fff;
}
#entradas .oculto { display: none; }

#entradas .interacciones {
 border-top: 1px solid #ccc;
 xborder-bottom: 1px solid #ccc;
 display: flex;
 justify-content: space-between; /* M:flex-end  C:space-between  T:space-between */
 padding: 5px;
 xbackground-color: #ff9;
}

/* 3:1:2:1:4 COMENTARIOS */
#entradas .titulocomentarios {
 padding: 8px 8px;
 display: flex;
 justify-content: space-between;
 Xfont-size: 12px; font-size: 1rem;
 Xborder-top: 1px dashed #ddd;
 border-top: 1px solid #ddd;
 XxBACKGROUND-COLOR: #FC0; /*  */
 xBACKGROUND-COLOR: #eee;
}
#entradas .titulocomentarios > div{
 xBACKGROUND-COLOR: #FC0;
}
.titulocomentarios select {
 border: 0px;
 xdisplay: none;
}
.titulocomentarios .oculto {
 display: none;
}

#comentarios, .comentarios {
 Xpadding: 5px;
 Xpadding: 5px 5px 0px 5px;
 XBACKGROUND-COLOR: #CCC;
 xBACKGROUND-COLOR: #fc0;
 border-top: 1px dashed #ccc;
 border-top: 1px solid #ddd;
}
.comentarios .comentario {
 display: flex;
 margin: 5px 0px 0px 0px;
 overflow: hidden;
 -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
         border-radius: 6px;
 XBACKGROUND-COLOR: #CCC;
 BORDER: 1px solid #ccc;
}
.comentarios .avatar { flex: 0 0 50px; }
.comentarios .foto {
 -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
         border-radius: 4px;
 width: 50px; height: 50px; 
 margin: 5px;
 overflow: hidden;
}
.comentarios img { display: block; width: 100%; }
.comentarios .texto {
 flex: 1 1 auto;
 padding: 5px 5px 5px 0px;
 text-align: justify;
 font-size: 12px;
 font-size: 1rem;
 color: #333;
 xBACKGROUND-COLOR: #ddd;
}
.comentarios h4 { font-size: 13px; font-size: 1rem; display: inline-block; }
.Xcomentarios p { font-size: 12px; }
.comentarios small {
 display: block;
 font-size: 10px; font-size: 0.8rem;
 color: #999;
 padding: 4px 0px 0px 0px;
 Xbackground-color: #fc0;
}

/* 3:1:2:1:4:1 FORM COMENTAR */
#comentar {
 -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
         border-radius: 4px;
 margin: 5px 0px 0px 0px;
 padding: 5px;
 border: 1px solid #ccc;
 xBACKGROUND-COLOR: #EEE;
 Xdisplay: flex;
 Xoverflow: hidden;
 XDISPLAY: NONE;
}
#comentar label {
 display: flex;
 Xwidth: 100%;
}
#comentar .avatar { flex: 0 0 40px; }
#comentar .foto {
 -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
         border-radius: 4px;
 width: 50px; height: 50px; 
 Xmargin: 5px;
 overflow: hidden;
}
#comentar img { display: block; width: 100%; }
#comentar .formComentario {
 flex: 1 1 auto;
 padding: 0px 0px 0px 0px;
 xBACKGROUND-COLOR: #ddd;
 xBACKGROUND-COLOR: #FF9;
}
#comentar .formContenido {
 Xmargin: 0px 0px 0px 5px;
 Xwidth: 428px;
 Xfloat: left;
}
#comentar textarea {
 width: 100%;
 height: 50px;
 border: 0px;
 overflow: hidden;
 padding: 0px 0px 0px 5px;
 background-color: #fff;
 font-size: 1.2rem; /* M:1.4rem  T:1.2rem  C:1.2rem */
 xbackground-color: #fc0;
}
#comentar .formBoton {
 TEXT-ALIGN: RIGHT;
 XBACKGROUND-COLOR: #000;
 Xfloat: right;
 Xmargin: 2px 5px 0px 0px;
 Xdisplay: none;
}
#comentar .formBoton > input {
 Xdisplay: none;
 Xbackground-color: #090;
}

/* 3:1:3 PAGINADO */
#paginado { text-align: center; }
#paginado ul {
 margin: 0px;
 padding: 10px 0px;
 /* margin: 15px auto; */
}
#paginado li {
 display: inline;
 Xfont: normal 12px Arial, Arial Narrow;
 margin: 0px 2px;
 /* padding: 0px; */
}
#paginado span { padding: 2px 4px; }
#paginado a {
 padding: 2px 4px;
 border: 1px solid #dddddd;
 color: #999999;
}
#paginado a:hover, #paginado a:active, #paginado a:focus {
 background: #dddddd;
 border: 1px solid #999999;
 color: #666666;
}

/* 3:1:4 CONTACTO */
#pg-contacto {
 xmargin: 0px 0px 10px 0px;
 xpadding: 0px 0px 50px 0px;
 xfont-size: 12px;
 xborder: 1px solid #900;
 xbackground-color: #900; /*  */
}
#pg-contacto h1 {
 margin: 0px;
 padding: 0px 0px 20px 10px;
 padding: 0px 0px 5px 10px;
 /* font: bold 20px Arial Narrow, Arial, "Trebuchet MS", Trebuchet, Tahoma, Verdana; */
 font: normal 2rem/1.2 "Trebuchet MS", Trebuchet, Arial, Tahoma, Verdana;
 color: #C00;
 /* background: url(archivos/icono_contacto.gif) no-repeat; */
 border-bottom: 1px dashed #ccc;
}
#pg-contacto .error {
 width: 100%;
 margin: 10px auto 15px auto;
 padding: 5px;
 border: 1px solid #ff9900;
 background-color: #ffff99;
 font-weight: bold;
}
#pg-contacto .campo {
 margin: 8px 0px;
 display: flex;
 flex-direction: column; /* M:column  T:row  C:row  */
}
#pg-contacto label {
 width: 20%; /* M:100%  T:20%  C:20%  */
 padding: 10px 10px 10px 10px; /* M:10px 0px 0px 0px  T:10px 10px 10px 10px  C:10px 10px 10px 10px  */
 text-align: right; /* M:justify  T:right  C:right  */
}
#pg-contacto input, #pg-contacto select, #pg-contacto textarea {
 width: 80%; /* M:100%  T:80%  C:80%  */
 padding: 10px;
 border: 1px solid #DDD;
}
#pg-contacto input:hover, #pg-contacto select:hover, #pg-contacto textarea:hover {
 border: 1px solid #999;
}


/* 3:2: BLOQUE CENTRAL */
#b_central {
 width: 300px; /* M:100%  T:300px  C:300px */
 padding: 0px 0px;
}
#b_central_contenedor {
 width: 300px; /* M:100%  T:300px  C:300px */
 padding: 0px 0px;
 margin: 0px auto;
}
/* 3:2:1 REGISTRO */ /* FORMULARIO DE REGISTRO : id="registro" */
#htmlreg #registro {
 margin: 0px 0px 10px 0px;
}
#registro {
 width: 100%;
 font-family: Arial;
 font-size: 14px;
 font-size: 1.1rem;
 xmargin: 0px 0px 10px 0px;
 background-color: #f3f3f3;
}
#registro h1 {
 font-family: Arial;
 font-size: 18px;
 font-size: 22px;
 font-size: 1.7rem;
 text-align: center;
 font-weight: bold;
 padding: 10px 0px;
 background-color: #ccc;
}
#registro h1 span { /* color: #f20; */ }
#registro #noscript, #registrADO #noscript { border: 1px dashed #f30; background-color: #fc0; padding: 5px; }
#registro #noscript h2, #registrADO #noscript h2 { margin: 0px; text-align: center; font-size: 18px; }
#registro #noscript p, #registrADO #noscript p { margin: 0px; }
#activacion {
 padding: 5px 5px 5px 5px;
 font-size: 14px;
 text-align: justify;
 Xdisplay: none;
 BACKGROUND-COLORx: #aaa;
}
#activacion form {
 text-align: center;
 padding: 15px;
 BACKGROUND-COLORx: #FC0;
}
#registro form {
 padding: 10px 10px;
 xBACKGROUND-COLOR: #F3F3F3;
}
#registro #resultado {
 padding: 4px;
 text-shadow: 1px 1px 0 rgba(255, 255, 255, 1);
 -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
         border-radius: 6px;
 /* DEFAULT */
 color: #060;
 background: #dff0d8 url(../archivos/sinerror.png) no-repeat -20px 0px;
 border: 1px solid #d6e9c6;

 /* ERROR */
 color: #990000;
 background: #f2dede url(../archivos/error.png) no-repeat -20px 0px;
 border: 1px solid #eed3d7;
 display: none;
}
#resultado span { font-weight: bold; }
#registro article {  }
#registro label { padding: 10px 0px 2px 2px; }
#registro label.block { display: block; }
#registro input.texto, #XXXregistro select {
 font-family: Arial;
 font-size: 16px;
 margin: 0px;
 padding: 8px 32px 8px 8px;
 -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
         border-radius: 6px;
 border: 1px solid #ccc;
 width: 100%;
}
#registro input.texto:hover, #registro input.texto:focus, 
#registro select:hover, #registro select:focus  {
 -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
         box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
 border: 1px solid #bbb;
}
#registro article.nombre { display: flex; justify-content: space-between; }
#registro article.nombre > div { width: 48%; }
#registro article.terminos { padding: 6px 0px; }
#registro article.boton { text-align: center; padding: 6px 0px; }
#registro input.checkbox { margin: 6px 3px 6px 6px; }
#registro .terminos {  }
#registro .terminos a { text-decoration: none; font-weight: bold; color: #000; }
#registro .terminos a:hover { color: #06c; }
#registro .error { color: #900; font-size: 13px; }
#registro input[type=submit] { padding: 5px 10px; }

/* 3:2:2 SUBMENU */
#submenu {
 margin: 0px 0px 5px 0px;
 background-color: #fff;
 border: 1px solid #ddd;
 /* text-align: left; */
 /* width: 215px; */
 /* float: right; */
 /* margin-bottom: 8px; */
}
#submenu h2 {
 margin: 4px 4px 0px 4px;
 padding: 0px 4px 0px 4px;
 font: bold 20px  Arial, Arial, Verdana, Helvetica, sans-serif;
 font: bold 1.5rem  Arial, Arial, Verdana, Helvetica, sans-serif;
 font-style: italic;
 /* color: #ffffff; */
 text-align: right;
 /* background-color: #009900; */
 border-bottom: 1px solid #dddddd;
}
#submenu ul {
 margin: 0px;
 padding: 0px 4px 4px 4px;
 list-style-type: none;
}
#submenu li {  }
#submenu a {
 display: block;
 padding: 5px 3px;
 font: bold 11px Verdana, Helvetica, sans-serif, Arial, Arial Narrow;
 /* color: #009900; */
 border-bottom: 1px solid #dddddd;
}
#submenu a:hover { background-color: #f2f2f2; /* color: #006600; */ }
#submenu.noticias h2 { background-color: #009900; color: #ffffff; }
#submenu.noticias a        { color: #009900; }
#submenu.noticias a:hover  { color: #006600; }

#submenu.articulos h2 { background-color: #ffcc00; color: #ff6600; }
#submenu.articulos a       { color: #ff6600; }
#submenu.articulos a:hover { color: #ff3300; }

#submenu.clasificados h2 { background-color: #ffcc00; color: #ff6600; }
#submenu.clasificados a       { color: #ff6600; }
#submenu.clasificados a:hover { color: #ff3300; }

#submenu.empleos h2 { background-color: #ffcc00; color: #ff6600; }
#submenu.empleos a       { color: #ff6600; }
#submenu.empleos a:hover { color: #ff3300; }


#submenu.blog h2 { background-color: #7799CC; color: #336699; }
#submenu.blog a        { color: #336699; }
#submenu.blog a:hover  { color: #004466; }

#submenu.rojo h2 { background-color: #FF9988; color: #cc0000; }
#submenu.rojo a       { color: #cc0000; }
#submenu.rojo a:hover { color: #990000; }

#submenu.recetas h2 { background-color: #99ccff; color: #0066ff; }
#submenu.recetas a        { color: #0066ff; }
#submenu.recetas a:hover  { color: #0000ff; }
                                        /* 80AAD5 */
#submenu.juegos h2 { background-color: #7799CC; color: #336699; }
#submenu.juegos a        { color: #336699; }
#submenu.juegos a:hover  { color: #004466; }

#submenu.negro h2 { background-color: #dddddd; color: #666666; }
#submenu.negro a        { color: #666666; }
#submenu.negro a:hover  { color: #000000; }

#submenu.blog h2 { background-color: #333333; color: #ffffff; }
#submenu.blog a        { color: #666666; }
#submenu.blog a:hover  { color: #333333; }

#submenu.noticias2 h2 { background-color: #009900; color: #ffffff; }
#submenu.noticias2 a        { color: #009900; }
#submenu.noticias2 a:hover  { color: #006600; }





/* 3:2:3 PUBLICIDAD ADSENSE */
#adsense300x250 {
 width: 300px;
 height: 250px;
 margin: 0px auto 5px auto;
 /* border: 1px solid #cccccc; */
}
#articulos + #adsense300x250 {
 margin-top: 5px;
}

/* 3:2:4 PUBLICIDAD MERCADOLIBRE || ALIBABA || O_SIMILARES */

/* 3:2:5 ARTICULOS (BOLETINES) */
.boletines {
 width: 300px;
 Xwidth: 100%;
 min-height: 340px;
 margin: 0px auto;
 padding: 0px 0px;
 border-top: 1px solid #000;
 border-bottom: 1px solid #000;
}
.boletines .banner {
 width: 100%;
 margin: 5px 0px;
 xborder: 1px solid #ccc;
 -webkit-border-radiusX: 6px;
    -moz-border-radiusX: 6px;
         border-radiusX: 6px;
}
.boletines .banner img {
 width: 100%;
 opacity: 0.8;
 filter: alpha(opacity=80); /* For IE8 and earlier */
}
.boletines .banner img:hover {
 opacity: 1.0;
 filter: alpha(opacity=100); /* For IE8 and earlier */
}
.boletines .descripcion {
 padding: 4px 4px;
 margin-top: -44px;
 margin-top: -28px;
 font-size: 14px;
 opacity: 0.95;
 background: rgba(255, 255, 255, 0.85);
 height: 42px;
 height: 26px;
 overflow: hidden;
}
.boletines .descripcion:hover {
 background: #fff;
 background: rgba(255, 255, 255, 1);
}
.boletines .banner .descripcion a {
 text-decoration: none;
 font-weight: bold;
 color: #000;
 display: block;
}

/* 3:2:6 PUBLICIDAD ADSENSE */

/* 3:3: BLOQUE DERECHO */
#b_derecho {
 width: 170px; /* M:100%  T:170px  C:170px */
 padding: 0px 5px;
 display: block; /* M:none  T:block  C:block */
}
/* 3:3:1 WEBS AMIGAS  */
#websamigas {
 margin: 0px 0px 5px 0px;
 background-color: #ffffff;
 border: 1px solid #333333;
}
#websamigas h2 {
 margin: 4px 4px 0px 4px;
 padding: 3px 4px;
 font: bold 12px  Arial Narrow, Arial, Verdana, Helvetica, sans-serif;
 color: #ffffff;
 background-color: #333333;
 border-bottom: 1px solid #dddddd;
}
#websamigas ul {
 margin: 0px;
 padding: 0px 4px 4px 4px;
 list-style-type: none;
}
#websamigas ul li {
}
#websamigas a {
 display: block;
 padding: 5px 3px;
 font: bold 12px Verdana, Helvetica, sans-serif, Arial, Arial Narrow;
 color: #333333;
 border-bottom: 1px solid #dddddd;
}
#websamigas a:hover {
 background-color: #f2f2f2;
 color: #000000;
}
/* 3:3:2 BANNER EMERGENCIAS */
#banner-emergencias {
 margin: 0px auto 5px auto;
}
/* 3:3:3 BANNER RADIO*/
#banner-radio {
 margin: 0px auto 5px auto;
}
/* 3:3:4 BANNER ADSENSE */
#adsense160x600 {
 width: 160px;
 height: 600px;
 margin: 0px auto 5px auto;
}


/* X: FOROS */
#b_izquierdo.b_foro {
 WIDTH: 814PX;
 WIDTH: 100%; /*  */
 XBACKGROUND-COLOR: #fcc;
}
#ubicacion {
 margin: 15px 0px;
 padding: 4px 5px;
 border-top: 2PX SOLID #000;
 border-bottom: 2px solid #000;
 font-weight: bold;
}
/* BARRA FOROS */
#barra {
 margin: 0px 0px 15px 0px;
 padding: 5px 5px;
 display: flex;
 justify-content: space-between;
 xalign-items: center;
 background-color: #090;
 
 color: #000;
 BORDER: 0PX DASHED #000;
}
#barra a {
 color: #000;
 font-weight: bold;
}
#barra a:hover{
 color: #fff;
}
#buscadorforo {
 display: flex;
 justify-content: center;
 margin-bottom: 15px;
 padding: 5px 5px;
 background-color: #090;
}

/* CATEGORIAS */
.tabla {
 display: table;
 vdisplay: flex;
 FBflex-wrap: wrap;
 width: 100%;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
 border-bottom: 0px solid #ccc;
 
 BACKGROUND-COLOR: #FFC;
}
.br {
 margin-bottom: 15px;
}
.fila {
 display: table-row;
 align: center;
 FBdisplay: flex;
 FBWIDTH: 100%;
 flex-wrap: wrap;
 
}
.celda {
 display: table-cell;
 padding: 6px;
 xborder-top: 0px solid #ccc;
 border-right: 0px solid #ccc;
 border-bottom: 1px solid #ccc;
 vertical-alignX: middle;
 Xvertical-align: top;
 XXXtext-align: center;
}
.cicono {
 width: 5%;
 FBwidth: 10%;
}
.cnombre {
 width: 35%;
 FBwidth: 70%;
}
.ctemas {
 width: 10%;
 FBwidth: 10%;
}
.cmensajes {
 width: 10%;
 FBwidth: 10%;
}
.cultimos {
 width: 40%;
 FBwidth: 100%;
 border-bottom: 1px solid #ccc;
 FBtext-align: justify;
 FBdisplay: none;
}

.vcen {
 xdisplay: table-cell;
 vertical-align: middle;
}
.tituloX {
 Xfont-size: 12px; /* 11; */
 Xfont-family: Tahoma, Verdana, Arial;
 color: #FFFFFF;
 font-weight: bold;
 text-align: center;
 height: 28px;
 background-color: #090;
}
.tabla .fila:nth-child(odd) {
 background-color: #EEE;
	Xfont-size: 11;
	Xfont-family: Tahoma, Verdana, Arial;
	color: #000;
	text-align: center;
	background-color: #EEEEEE;
}
.tabla .fila:nth-child(even) {
 background-color: #fff;
	Xfont-size: 11;
	Xfont-family: Tahoma, Verdana, Arial;
	color: #000;
	text-align: center;
	background-color: #FFFFFF;
}
.tabla .fila:nth-child(1) {
	color: #fff;
	text-align: center;
	background-color: #090;
}



.jus {
 text-align: justify;
}
.cen {
 text-align: center;
}
/*
x.tabla .fila:nth-child(odd) {
 background-color: #999;
}
x.tabla .fila:nth-child(even) {
 background-color: #fff;
}
*/








#b_izquierdo > div.tabla {
 Xmargin-bottom: 15px;
}
#b_izquierdo > div.tabla:last-child {
 margin-bottom: 0px;
 BACKGROUND-COLOR: #900;
}

#iconosmsgs {
 display: flex;
 margin-bottom: 15px;
 padding: 4px 0px;
 BORDER: 0PX DASHED #000;
 
 XBACKGROUND-COLOR: #099;
}
#iconosmsgs > div {
 padding: 0px 5px;
 display: flex; 
}


























/* 4: PIE */
footer { padding: 5px 5px 15px 5px; }
footer .contenido { color: #666; padding: 5px; border: 1px solid #ccc; }
footer .estadisticas { margin: 0px 0px 5px 0px; padding: 3px 5px; background: #eeeeee; border: 1px solid #ddd; }
footer .copyright { font-size: 11px; color: #999; }
footer .copyright a { color: #888; }
footer .copyright a:hover { color: #000; }

