/*CSS principal*/

#main { /*fondo principal*/
    /*background-color: #135d5c; */
    background-attachment: fixed;
		background-image: url("images/image.jpg");
		background-position: top left;
		background-repeat: no-repeat;
		background-size: auto 105%;
}

#logo {
	
    max-width: 100%;
    height: auto;
    width: auto/9; /* Bug de ie8 */
}

#logo_bureau {

    max-width: 100%;
    height: auto;
    width: auto/9; /* Bug de ie8 */

}

.contenedor_logo {

    padding: 0.8em;
}
.google-maps {
    position: relative;
    padding-bottom: 30%;
    height: 0;
    overflow: hidden;
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

#two {

		background-attachment: fixed;
		background-image: url("images/servicios.jpg");
		background-position: top right;
		background-repeat: no-repeat;
		background-size: auto 100%;
}

#footer_pleno {

    margin-left: 18em;
    text-align: center;
    padding: 1em;
    font-size: 0.8em;
    background-color: #3c3d41;
    
    
}

#footer_pleno_ii {

    text-align: center;
    padding: 1em;
    font-size: 0.8em;
    background-color: #3c3d41;
    
    
}

@media screen and (max-width: 1280px) {

    #footer_pleno {
        margin-left: 0;
    }

}


.mision_block {
    margin: auto;
    padding: 0.5em;
    display: grid;
    grid-template-columns: 32% 32% auto;
    grid-gap: 1.5em;
    text-align: center;
    
}

/*mision vision certificaciones responsive*/
@media screen and (max-width: 1280px) {

    .mision_block {
        margin: auto;
        padding: 0.5em;
        display: grid;
        grid-template-columns: auto;
        grid-gap: 1.5em;
        text-align: center;

    }
}

.mision {
    
    padding: 1em;
    background-color: #287c90;
    opacity: 0.9;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.vision {
    padding: 1em;
    background-color: #287c90;
    opacity: 0.9;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.certificaciones {
    padding: 1em;
    background-color: #287c90;
    opacity: 0.9;
    filter: alpha(opacity=50); /* For IE8 and earlier */
    
    
}


/*contenedor valores*/

.contenedor_valores {
    text-align: center;
    margin: auto;
    padding: 0.5em;
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    grid-gap: 1.5em;
    
}

.box_valor { /*contenedor de los icono y titulo*/
    
    padding: 0.5em;
    text-align: center;


}

.contenedor_icono_valores { /*contenedor de icono*/
    margin: auto;
    padding: 0.5em;
}

#icono_valor { /*icono*/
    width: 5em;
    border: 1px solid #ffffff;
    padding: 0.5em;
    border-radius: 125%;
    background-color: #ffffff;

}

@media screen and (max-width: 1280px) { /*responsividad valores corporativos*/

    .contenedor_valores {
        text-align: center;
        margin: auto;
        padding: 0.5em;
        display: grid;
        grid-template-columns: auto auto;
        grid-gap: 1.5em;
        
    }

}


@media screen and (max-width: 480px) { /*responsividad valores corporativos*/

    .contenedor_valores {
        text-align: center;
        margin: auto;
        padding: 0.5em;
        display: grid;
        grid-template-columns: auto;
        grid-gap: 1.5em;
        
    }

}