:root {
  --main-padding: 0px; --sub-padding:10px 10px 10px 10px; --bckg-color:transparent; --sub-margin:10px;
}

body{
     background-color:transparent; box-sizing:border-box; overflow-x:hidden;
}
.ContenedorGeneral{box-sizing:border-box; width:100%; margin:0 auto; padding:var(--main-padding); background-color:transparent; }
.ContenedorGeneral .SubContenedor{width:100%; margin:0 auto;box-sizing:border-box; max-width:960px; width:100%; padding:var(--sub-padding); background-color:var(--bckg-color); }
.ContenedorGeneral .SubContenedor-WidthFull{width:100%; margin:0 auto;box-sizing:border-box; width:100%; background-color:var(--bckg-color); margin:var(--sub-margin); }
.ContenedorGeneral .SubContenedor-Articulo{background-color:var(--bckg-color); margin:var(--sub-margin); }
.ContenedorGeneral .SubContenedor-50{display:inline-block; width:45%; vertical-align:top; line-height:35px;}

.Tag {line-height: 24px; color:rgb(0,148,214); }

.MensajeApp{background-color:beige; color:red; position:absolute; opacity:0.8; box-shadow: 0 8px 6px -6px black; border:dotted; box-sizing:border-box;}
.MensajeApp:empty{text-align:center; background-color:beige; height:auto !important; border:none;}
.MensajeApp:not(:empty){display:block; width:100%; text-align:center; background-color:beige; padding:10px 0px 10px 0px; margin-bottom:8px;}

.Titulo{font-size:2.5em; font-weight:normal; margin:10px 0px 10px 0px; display:block;}
.SubTitulo{font-size:1.7em; display:block;}
.SubTitulo2{font-size:1.4em; display:block;}
.SubTituloBold{font-weight:bold; display:block;}
.SubTitulo2Bold{font-size:1.4em; font-weight:bold; display:block;}

.Parrafo{line-height:25px;}
.DivExperiencia{padding:0px 0px 20px 0px;}
.SpanExperiencia{display:block; margin-top:5px;}
.ItemRecientesBlock {
    display: inline-block;
    max-width: 450px;
    width: 100%;
    vertical-align:top;
}
.ItemRecientes {
    display: inline-block;
    max-width: 440px;
    width: 100%;
    padding: 15px 0px 15px 0px;
    margin: 0;
    box-sizing: border-box;
    text-align: initial;
    vertical-align: top;
}
.TagCity{font-size:0.8em; margin-bottom:5px; display:block;}
.FlagIcon{height:15px;}
.FlagIcon2{height:25px; margin:5px;}
.Nombres{font-size:2.5em; font-weight:bold; font-family:Arial, Helvetica, sans-serif;
            color:black}
.ContenedorCabecera{padding:40px 10px 40px 10px; max-width:960px; width:100%; margin:0 auto;
        box-sizing:border-box;}
.ContenedorCabecera .logo{display:inline-block; vertical-align:top; }
.ContenedorCabecera .menu{display:inline-block; vertical-align:top; float:right; }
@media (min-width: 360px) and (max-width: 725px) {
    .ContenedorCabecera{padding:10px; text-align:center;}
    .ContenedorCabecera .menu{float:initial;}
    .Nombres{display:block;}
    }

.menuItem{width:120px; border-left:0px solid silver;  display:inline-block; 
    line-height:75px; text-align:center; }

.pie{padding:30px; text-align:center; background-color:dimgray;}
.pie img{height:120px; display:inline-block; margin-left:30px;}
@media (min-width: 360px) and (max-width: 725px) {
    .pie{line-height:95px}
    }
@media print
{    
    .menu
    {
        display: none !important;
    }
    .bannerBG {
        display: none;
    }
    #DivFooter{display:none;}
}

.flm{height:370px; margin:10px; vertical-align:middle; }
@media (min-width: 360px) and (max-width:725px) {
    .flm{width:100%; height:auto;}
}

.info{text-align:center;}
.info li{display:inline-block; margin:0px 20px 0px 20px;}
@media (min-width: 360px) and (max-width:680px) {
    .info{line-height:55px;}
}