/* CSS3 */
/* Developed by: MrCh0n <mrchon@gmail.com> */  
/* fecha de modificacion: 30/12/2019 */

/* Colores este anio:2020 */
/*  Principal verde: ​#4c9e45*/
/*  Secundario morado:#240085 */
/*  Azul Marino: ​#0090a8;  */

html,
body {
    border:0 solid #f00;
    width:100% !important; 
    min-width: 100%;
    height: 100%;
    -webkit-text-size-adjust:100%; 
    -ms-text-size-adjust:100%; 
    margin:0; 
    padding:0;
}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, label, legend, caption, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section, summary 
{
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    vertical-align: baseline;
}

/* Reset */
*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Clearfix moderno y compatible */
.clearfix::before,
.clearfix::after {
    content: "";
    display: table;
}

.clearfix::after {
    clear: both;
}

/* Versión moderna usando flow-root */
.clearfix {
    display: flow-root;
}

/* Fallback para navegadores que no soportan flow-root */
@supports not (display: flow-root) {
    .clearfix {
        display: block;
    }
}
/*
html {
    display: table;
    margin: auto;
}
*/
IMG.responsive{
/*	max-width:100%; */
	height:auto;
	display:block;
	margin-left:auto;
    margin-right:auto;
    width:100%;
}
TABLE.responsive {
	border: 0 solid #dddddd;
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
  }

/* ================= Generales =================== */
#main{
    border:0 solid #0ff;
    display:block;
    height: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.mainContent{
    border:0 solid #00f;
    width: 100%;
    height: 100%;
    padding:0;
    margin:0;
}


.cssinline{
    display:inline-block;
}
.cssblock{
    display:block;
}
.cssfloat{
    float:left;
}
.cssright{
    float:right;
}


.unpx
{
    font-size: 1px;
}

.centerbox{
  /* Internet Explorer 10 */
    display:-ms-flexbox;
    -ms-flex-pack:center;
    -ms-flex-align:center;
  
  /* Firefox */
    display:-moz-box;
    -moz-box-pack:center;
    -moz-box-align:center;
  
  /* Safari, Opera, and Chrome */
    display:-webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;
  
  /* W3C */
    display:box;
    box-pack:center;
    box-align:center;
}