* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    width: 100%;
}

body {
    background: white;
    width: 100%;
}

.botonLogo {
    /**Flexbox*/
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.flex-container {
    background: #FFFFFF;
    width: 100%;
    margin: 0;
    /* Flexbox */
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
}

.Encabezado {
    width: 100%;
    padding: 20px;
    height: auto;
    /* Flexbox */
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    background-color:whitesmoke;
    /*background: -moz-linear-gradient(top, rgba(129,190,65,1) 0%, rgba(79,122,33,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(79,122,33,1)), color-stop(100%, rgba(79,122,33,1)));
    background: -webkit-linear-gradient(top, rgba(129,190,65,1) 0%, rgba(79,122,33,1) 100%);
    background: -o-linear-gradient(top, rgba(129,190,65,1) 0%, rgba(79,122,33,1) 100%);
    background: -ms-linear-gradient(top, rgba(129,190,65,1) 0%, rgba(79,122,33,1) 100%);
    background: linear-gradient(to bottom, rgba(129,190,65,1) 0%, rgba(79,122,33,1) 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81be41', endColorstr='#4f7a21', GradientType=0 );*/
}


    .Encabezado .logo {
        padding-left: 2px;
        margin-left: 100px;
        /*padding-right:2px;
        margin-right: 100px;*/
        height: 60px;
    }

.contenedorMenu2 {
    width: 50%;
    display: flex;
    justify-content: flex-end;
}

.lblMenu {
    color: white;
    font-weight: bold;
    margin: 10px;
}

.Encabezado .MenuMaster {
    width: 100%;
    height: 60px;
    /* Flexbox */
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    display: none;
    border-top: 1px solid black;
    justify-content: space-between;
}

/*header nav a {
        height:30px;
	    color:#ebd9d9;
	    text-align: center;
	    text-decoration: none;
	    padding:2px;
        float:right;
        flex-wrap:wrap;
	    flex-grow:1;
    }*/
.Encabezado nav div {
    text-align: center;
    text-decoration: none;
    padding: 2px;
    width: 10%;
    flex-wrap: wrap;
    margin-right: 15px;
}

    .Encabezado nav div a {
        color: #f5f1f1;
        text-align: center;
        text-decoration: none;
        font-weight: 200;
    }

        .Encabezado nav div a:hover {
            color: white;
            text-align: center;
            text-decoration: none;
            font-weight: bold;
        }

.Encabezado nav a:hover {
    color: white;
}

.plecaDatosGenerales {
    width: 100%;
    height: auto;
    /*-webkit-box-shadow: 0px -1px 34px -4px rgba(0,0,0,0.87);
    -moz-box-shadow: 0px -1px 34px -4px rgba(0,0,0,0.87);
    box-shadow: 0px -1px 34px -4px rgba(0,0,0,0.87);
    background-color: rgb(119, 119, 119);*/
    background-color:white;
    color: #fff;
    font-size: 1em;
    /* Flexbox */
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
}

    .plecaDatosGenerales div {
        color: white;
        margin: 0px 0px 0px 100px;
        height: 20px;
        flex-grow: .5;
    }

        .plecaDatosGenerales div span {
            margin: 2px;
            color: white;
            font-family: Calibri;
            font-size: 16px;
            font-weight: 200;
        }

.plecaDatosGeneralesMinisitio {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0px -1px 34px -4px rgba(0,0,0,0.87);
    -moz-box-shadow: 0px -1px 34px -4px rgba(0,0,0,0.87);
    box-shadow: 0px -1px 34px -4px rgba(0,0,0,0.87);
    background-color: rgb(119, 119, 119);
    color: #fff;
    font-size: 1em;
    /* Flexbox */
    display: flex;
    flex-flow: row nowrap;
}

    .plecaDatosGeneralesMinisitio div {
        color: white;
    }

        .plecaDatosGeneralesMinisitio div span {
            margin: 2px;
            color: white;
            font-family: Calibri;
            font-size: 16px;
            font-weight: 200;
        }

.datosMInisitosFlexible {
    display: flex;
    flex-flow: column nowrap;
    width: 33%;
    height: 100px;
    justify-content: center;
}

.dvContenido {
    width: 100%;
    height: auto;
    margin: auto;
}

.contenedorMenu {
    display: flex;
    width: 44px;
    height: 34px;
    background-image: url('../Images/Vida/PaginaMaestra/RECTANGULOVERDE.png');
    background-repeat: no-repeat;
    margin: auto 0 auto 0;
    color: white;
    font-weight: bold;
    margin-right: 35px;
}
/*Tool tips**/

/************************** Estilos para Cambio de Imagen en el Evento Houver *************************************/

#cambioImagen #imgHover { /* Remover: hover */
    display: none;
}

#cambioImagen a { /* Remover: hover */
    color: #4d4d4d;
    text-shadow: none;
}

#cambioImagen:hover #imgNormal {
    display: none;
}

#cambioImagen:hover #imgHover { /* Espacio antes #imgHover */
    display: inline;
}

#cambioImagen:hover a { /* Espacio antes #imgHover */
    color: #FF9800;
    text-decoration: none;
    text-shadow: none;
}

/*Pleca Cotizadores*/
.plcCotizadores {
    font-size: 1.4em;
    color: #FBCAA7;
    /*color de Fondo y de borde del Menú Superior Horizontal*/
    background: rgba(241,111,92,1);
    background: -moz-linear-gradient(top, rgba(241,111,92,1) 0%, rgba(255,255,255,1) 0%, rgba(113,240,168,1) 0%, rgba(160,250,202,1) 0%, rgba(14,199,131,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,111,92,1)), color-stop(0%, rgba(255,255,255,1)), color-stop(0%, rgba(113,240,168,1)), color-stop(0%, rgba(160,250,202,1)), color-stop(100%, rgba(14,199,131,1)));
    background: -webkit-linear-gradient(top, rgba(241,111,92,1) 0%, rgba(255,255,255,1) 0%, rgba(113,240,168,1) 0%, rgba(160,250,202,1) 0%, rgba(14,199,131,1) 100%);
    background: -o-linear-gradient(top, rgba(241,111,92,1) 0%, rgba(255,255,255,1) 0%, rgba(113,240,168,1) 0%, rgba(160,250,202,1) 0%, rgba(14,199,131,1) 100%);
    background: -ms-linear-gradient(top, rgba(241,111,92,1) 0%, rgba(255,255,255,1) 0%, rgba(113,240,168,1) 0%, rgba(160,250,202,1) 0%, rgba(14,199,131,1) 100%);
    background: linear-gradient(to bottom, rgba(241,111,92,1) 0%, rgba(255,255,255,1) 0%, rgba(113,240,168,1) 0%, rgba(160,250,202,1) 0%, rgba(14,199,131,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f16f5c', endColorstr='#0ec783', GradientType=0 );
    /*background: rgba(129,190,65,1);
    background: -moz-linear-gradient(top, rgba(129,190,65,1) 0%, rgba(79,122,33,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(129,190,65,1)), color-stop(100%, rgba(79,122,33,1)));
    background: -webkit-linear-gradient(top, rgba(129,190,65,1) 0%, rgba(79,122,33,1) 100%);
    background: -o-linear-gradient(top, rgba(129,190,65,1) 0%, rgba(79,122,33,1) 100%);
    background: -ms-linear-gradient(top, rgba(129,190,65,1) 0%, rgba(79,122,33,1) 100%);
    background: linear-gradient(to bottom, rgba(129,190,65,1) 0%, rgba(79,122,33,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81be41', endColorstr='#4f7a21', GradientType=0 );*/
    min-width: 100%;
    text-align: center;
    min-height: 60px;
    /**Flexbox**/
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
}

    .plcCotizadores div {
        width: 25%;
        height: 70px;
    }

    .plcCotizadores.Naranja {
        background: rgba(238,130,13,1);
        background: -moz-linear-gradient(top, rgba(238,130,13,1) 0%, rgba(184,100,9,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(238,130,13,1)), color-stop(100%, rgba(184,100,9,1)));
        background: -webkit-linear-gradient(top, rgba(238,130,13,1) 0%, rgba(184,100,9,1) 100%);
        background: -o-linear-gradient(top, rgba(238,130,13,1) 0%, rgba(184,100,9,1) 100%);
        background: -ms-linear-gradient(top, rgba(238,130,13,1) 0%, rgba(184,100,9,1) 100%);
        background: linear-gradient(to bottom, rgba(238,130,13,1) 0%, rgba(184,100,9,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee820d', endColorstr='#b86409', GradientType=0 );
    }

    .plcCotizadores.Azul {
        background: rgba(0,180,229,1);
        background: -moz-linear-gradient(top, rgba(0,180,229,1) 0%, rgba(1,98,122,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,180,229,1)), color-stop(100%, rgba(1,98,122,1)));
        background: -webkit-linear-gradient(top, rgba(0,180,229,1) 0%, rgba(1,98,122,1) 100%);
        background: -o-linear-gradient(top, rgba(0,180,229,1) 0%, rgba(1,98,122,1) 100%);
        background: -ms-linear-gradient(top, rgba(0,180,229,1) 0%, rgba(1,98,122,1) 100%);
        background: linear-gradient(to bottom, rgba(0,180,229,1) 0%, rgba(1,98,122,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4e5', endColorstr='#01627a', GradientType=0 );
    }

    .plcCotizadores.Rojo {
        background: rgba(210,32,47,1);
        background: -moz-linear-gradient(top, rgba(210,32,47,1) 0%, rgba(138,19,31,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(210,32,47,1)), color-stop(100%, rgba(138,19,31,1)));
        background: -webkit-linear-gradient(top, rgba(210,32,47,1) 0%, rgba(138,19,31,1) 100%);
        background: -o-linear-gradient(top, rgba(210,32,47,1) 0%, rgba(138,19,31,1) 100%);
        background: -ms-linear-gradient(top, rgba(210,32,47,1) 0%, rgba(138,19,31,1) 100%);
        background: linear-gradient(to bottom, rgba(210,32,47,1) 0%, rgba(138,19,31,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2202f', endColorstr='#8a131f', GradientType=0 );
    }

    .plcCotizadores.Verde {
        background: rgba(129,190,65,1);
        background: -moz-linear-gradient(top, rgba(129,190,65,1) 0%, rgba(79,122,33,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(129,190,65,1)), color-stop(100%, rgba(79,122,33,1)));
        background: -webkit-linear-gradient(top, rgba(129,190,65,1) 0%, rgba(79,122,33,1) 100%);
        background: -o-linear-gradient(top, rgba(129,190,65,1) 0%, rgba(79,122,33,1) 100%);
        background: -ms-linear-gradient(top, rgba(129,190,65,1) 0%, rgba(79,122,33,1) 100%);
        background: linear-gradient(to bottom, rgba(129,190,65,1) 0%, rgba(79,122,33,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81be41', endColorstr='#4f7a21', GradientType=0 );
    }

    .plcCotizadores.AzulMarino {
        background: rgba(0,60,128,1);
        background: -moz-linear-gradient(top, rgba(0,60,128,1) 0%, rgba(1,25,51,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,60,128,1)), color-stop(100%, rgba(1,25,51,1)));
        background: -webkit-linear-gradient(top, rgba(0,60,128,1) 0%, rgba(1,25,51,1) 100%);
        background: -o-linear-gradient(top, rgba(0,60,128,1) 0%, rgba(1,25,51,1) 100%);
        background: -ms-linear-gradient(top, rgba(0,60,128,1) 0%, rgba(1,25,51,1) 100%);
        background: linear-gradient(to bottom, rgba(0,60,128,1) 0%, rgba(1,25,51,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003c80', endColorstr='#011933', GradientType=0 );
    }

    .plcCotizadores.VerdeClaro {
        background: rgba(241,111,92,1);
        background: -moz-linear-gradient(top, rgba(241,111,92,1) 0%, rgba(255,255,255,1) 0%, rgba(113,240,168,1) 0%, rgba(160,250,202,1) 0%, rgba(14,199,131,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,111,92,1)), color-stop(0%, rgba(255,255,255,1)), color-stop(0%, rgba(113,240,168,1)), color-stop(0%, rgba(160,250,202,1)), color-stop(100%, rgba(14,199,131,1)));
        background: -webkit-linear-gradient(top, rgba(241,111,92,1) 0%, rgba(255,255,255,1) 0%, rgba(113,240,168,1) 0%, rgba(160,250,202,1) 0%, rgba(14,199,131,1) 100%);
        background: -o-linear-gradient(top, rgba(241,111,92,1) 0%, rgba(255,255,255,1) 0%, rgba(113,240,168,1) 0%, rgba(160,250,202,1) 0%, rgba(14,199,131,1) 100%);
        background: -ms-linear-gradient(top, rgba(241,111,92,1) 0%, rgba(255,255,255,1) 0%, rgba(113,240,168,1) 0%, rgba(160,250,202,1) 0%, rgba(14,199,131,1) 100%);
        background: linear-gradient(to bottom, rgba(241,111,92,1) 0%, rgba(255,255,255,1) 0%, rgba(113,240,168,1) 0%, rgba(160,250,202,1) 0%, rgba(14,199,131,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f16f5c', endColorstr='#0ec783', GradientType=0 );
    }

#tooltipEmite.tooltipEmite {
    position: relative;
    display: inline;
}

    #tooltipEmite.tooltipEmite span {
        position: absolute;
        width: 140px;
        color: white;
        background: rgba(0,0,0,0.87);
        height: 30px;
        line-height: 30px;
        text-align: center;
        visibility: hidden;
        border-radius: 6px;
    }

        #tooltipEmite.tooltipEmite span:after {
            content: '';
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -8px;
            width: 0;
            height: 0;
            border-top: 8px solid #000000;
            border-right: 8px solid transparent;
            border-left: 8px solid transparent;
        }

#tooltipEmite:hover.tooltipEmite span {
    visibility: visible;
    opacity: 0.8;
    bottom: 30px;
    left: 50%;
    margin-left: -76px;
    z-index: 999;
}
/**Region pleca version sistemas y fecha*/
.plecaFechaVersion {
    height: 20px;
    -webkit-box-shadow: 0px -1px 34px -4px rgba(0,0,0,0.87);
    -moz-box-shadow: 0px -1px 34px -4px rgba(0,0,0,0.87);
    box-shadow: 0px -1px 34px -4px rgba(0,0,0,0.87);
    background-color: #4d4d4d;
    color: white;
    font-size: 14px;
    text-align: center;
    font-family: Calibri;
    font-weight: 200;
}

/*PlecaPoliticas*/
div.plecaPoliticas {
    width: 100%;
    height: 135px;
    background-color: white;
    /*Flexbox*/
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-content: space-between;
    padding-top: 20px;
    /*margin-left: 50px;*/
}

.divimginsitio {
    height: 100px;
    margin-right: 10px;
    margin-bottom: 0px;
    justify-content: flex-end;
    margin-left: 15px;
}

.divimgLogoAArco {
    height: 100px;
    width: 400px;
}

.imgLogoAArco {
    width: 70%;
    margin-right: 100px;
}

.imgAArcoLogo {
    padding-top: 10px;
}

.imgMinisitioAdaptable {
    height: inherit;
}

.logoNorton {
    width: 25%;
    max-width: 135px;
    margin-right: 15px;
}

    .logoNorton img {
    }

.direccion {
    text-align: center;
    border-left: 1px solid #b9b9b9;
    border-right: 1px solid #b9b9b9;
    width: 25%;
    /*Flexbox*/
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 5px;
}

    .direccion div {
        height: 35px;
        width: 35%;
    }

    .direccion .direccionTexto {
        width: 100%;
    }

.logoAARCO30 {
    width: 190px;
    text-align: center;
    /* margin-right: 20px; */
    border-right: 1px solid #b9b9b9;
    border-left: 1px solid #b9b9b9;
}


    .logoAARCO30 .aarco30 {
        /*margin-left: 12%;*/
    }

.politicaTexto {
    text-align: justify;
    font-size: small;
    width: 40%;
    margin-left: 15px;
}


/*Región de media query*/
@media screen and (max-width: 800px) {
    .flex-container {
        flex-direction: column;
    }

    .divimginsitio {
        display: none;
    }

    .imgLogoAArco {
        display: none;
    }

    .datosMInisitosFlexible {
        width: 100%;
        margin-top: 0px;
        height: 80px;
        margin-left: 10px;
    }

    .lblMenu {
        color: white;
        font-weight: bold;
        margin: 10px;
    }

    .Encabezado {
        flex-flow: row wrap;
        align-content: initial;
        justify-content: initial;
        background: -moz-linear-gradient(top, rgba(129,190,65,1) 0%, rgba(79,122,33,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(79,122,33,1)), color-stop(100%, rgba(79,122,33,1)));
        background: -webkit-linear-gradient(top, rgba(129,190,65,1) 0%, rgba(79,122,33,1) 100%);
        background: -o-linear-gradient(top, rgba(129,190,65,1) 0%, rgba(79,122,33,1) 100%);
        background: -ms-linear-gradient(top, rgba(129,190,65,1) 0%, rgba(79,122,33,1) 100%);
        background: linear-gradient(to bottom, rgba(129,190,65,1) 0%, rgba(79,122,33,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81be41', endColorstr='#4f7a21', GradientType=0 );
        width: 100%;
        height: auto;
    }

        .Encabezado div {
            margin: 0;
        }

        .Encabezado .logo {
            margin: 0;
            height: 57px;
        }

        .Encabezado .MenuMaster {
            width: 100%;
            height: auto;
            align-items: flex-start;
            border-top: 1px solid black;
            display: none;
            justify-content: flex-start;
            flex-wrap: wrap;
        }

        .Encabezado nav div {
            width: auto;
        }

        .Encabezado .MenuMaster div {
            margin-right: 50%;
            margin-top: 10px;
        }

    .botonLogo {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        width: 50%;
    }

    header .contenedorMenu {
        width: 44px;
        height: 34px;
        display: flex;
        /*background-image: url('../Images/Hogar/Botones/BotonRojo.png');*/
        background-image: url('../Images/Vida/PaginaMaestra/RECTANGULOVERDE.png');
        background-repeat: no-repeat;
        margin: auto 0 auto 0;
        color: white;
        font-weight: bold;
        margin-right: 8px;
    }

        header .contenedorMenu:hover {
            /*background-image: url('../Images/Hogar/Botones/BotonNegro.png');*/
            background-image: url('../Images/Vida/PaginaMaestra/RECTANGULONEGRO.png');
            margin: auto 0 auto 0;
            color: white;
            font-weight: bold;
            margin-right: 8px;
        }

    .plecaDatosGenerales {
        width: 100%;
        height: 60px;
        color: #fff;
        display: flex;
        flex-flow: column wrap;
        align-items: flex-start;
        justify-content: flex-start;
    }

        .plecaDatosGenerales div {
            margin: 0px 0px 0px 4px;
            color: white;
        }


            .plecaDatosGenerales div span {
                margin: 1px;
                color: white;
                font-family: 'Calibri';
                font-size: 17px;
            }

    .dvContenido {
        width: auto;
        height: auto;
        margin: auto;
    }

    .plcCotizadores {
        height: 145px;
        flex-flow: row wrap;
    }

        .plcCotizadores div {
            width: 35%;
            height: 70px;
            margin: auto;
            padding: 0px;
        }

    div.plecaPoliticas {
        height: auto;
        flex-flow: column wrap;
    }

    .direccion {
        text-align: center;
        width: 90%;
        border-left: 1px solid #b9b9b9;
        border-right: 1px solid #b9b9b9;
        display: flex;
        -ms-display: flex;
        -ms-justify-content: space-between;
        justify-content: space-between;
        margin: auto;
    }

        .direccion div {
            margin: 20px 0px;
            width: 50%;
        }


    .logoAARCO30 {
        width: 90%;
        display: flex;
        margin: auto;
    }

        .logoAARCO30 .aarco30 {
            margin: auto;
        }

    .politicaTexto {
        width: 90%;
        padding: 5px 19px;
        text-align: justify;
        font-size: small;
        margin: 0;
    }

    .logoNorton {
        width: 100%;
        margin: auto;
    }

    .contenedorMenu2 {
        width: 50%;
        display: flex;
        justify-content: flex-end;
    }
}

@media screen and (max-width: 375px) {
    .botonLogo {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        width: 20%;
    }

    .logo {
        width: 200px;
    }

    .contenedorMenu2 {
        width: 223px;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
    .botonLogo {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        width: 33%;
    }

    .logo {
        width: 239px;
    }

    .contenedorMenu2 {
        width: 223px;
    }
}


@media screen and (max-width: 360px) {
    .botonLogo {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        width: 30%;
    }

    .logo {
        width: 239px;
    }

    .contenedorMenu2 {
        width: 223px;
    }
}

@media screen and (max-width: 320px) {
    .botonLogo {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        width: 20%;
    }

    .logo {
        width: 210px;
    }

    .contenedorMenu2 {
        width: 223px;
    }
}