        html{
        margin:0;
        width: 100dvw;
        }

        body{
        margin: 0;
        width: 100dvw;
        overflow-x: hidden;
        }

        *{
        font-family: Arial;
        }

        .tempcon1 img{
        width: 100%;
        height: auto;
        margin-top: -355px;
        }

        .logomarc{
        overflow: hidden;
        width: 100%;
        float: left;
        height: fit-content;
        display:flex;
        justify-content:center;
        }


        .logomarc img{
        width: auto;
        height: 8dvw;
        margin-top: 28px;
        }

        .inermenudos{
        display: none;
        }
        
        
        .banerSP{
                width: 100%;
                height: 32dvw;
                background-image: url(images/fondo4.jpg);
                background-size: cover;
                position: relative;
                margin-top: -355px;
                z-index: -1;

            }
            
            .banerSP a{
                font-family: Arial, Helvetica, sans-serif;
                text-shadow: 3px 4px black;
                position: absolute;
                color: white;
                font-size: 7dvw;
                position: absolute;
                margin-left: 9%;
                margin-top: 10%;
                width: 30%;
            }


        .dropbtn {
        background-color: #FFF;
        color: #706f6f;
        padding: 16px;
        font-size: 16px;
        border: none;
        cursor: pointer;
        }

        .dropdown {
        position: relative;
        display: inline-block;
        }

        .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        opacity: 0.95;
        border-radius: 6px;
        max-width: 230px;
        width: fit-content;
        }

        .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        }


        .dropdown-content a:hover {
        background-color: #f1f1f1;
        }

        .dropdown:hover .dropdown-content {
        display: block;
        }

        .dropdown:hover .dropbtn {
        background-color: #706f6f;
        color: #fff;
        }


        .dropbtn2 {
        background-color: #FFF;
        color: #706f6f;
        padding: 16px;
        font-size: 16px;
        border: none;
        cursor: pointer;
        }

        .dropbtn2:hover {
        background-color: #706f6f;
        color: #fff;
        }

        .topnav {
        overflow: hidden;
        width: 100%;
        display:flex;
        justify-content:center;
        height: 50px;
        }
        
        .navigatesmall {
        overflow: hidden;
        background-color: #1c416b;
        margin-top:10px;
        }

        .navigatesmall a {
        float: left;
        display: block;
        color: #f2f2f2;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
        }

        .navigatesmall a:hover {
        background-color: #ddd;
        color: black;
        }

        .navigatesmall a.active {
        background-color: #04AA6D;
        color: white;
        }

        .navigatesmall .icon {
        display: none;
        }       

        .inermenu{
        height:50px;
        display:flex;
        margin-top:15px;
        margin-bottom: 10px;
        width: fit-content;
        }

        .primerenlace{
        width: 139px;
        overflow-y: hidden;
        overflow-x: hidden;
        }

        .topnav a {
        float: left;
        color: #706f6f;
        text-align: left;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
        }

/*Estilo base para las paginas*/

		.contenedorA{
			width:100%;
			height:auto;
		}
		
		.contenedorA img{
			width:100%;
			height:auto;
		}

/*************base generica para secciones en la pagina***************************/
		.seccionador{
			width:100dvw;
			height:auto;
		}
		
		.cmcentral{
			width:80%;
			height:auto;
			display:flex;
			margin-left: auto;
			margin-right: auto;
		}
/* contenedor Somos **************************************************************/
		.som01{
			width:63%;
			height:auto;
			margin-left:2px;
			margin-right:10px;
		}
		.som01a{
			width:100%;
			display:flex;
		}
		
		.som01a img{
			width:100%;
			height:auto;
		}
		
		.som01b{
			width:100%;
			height:auto;
			overflow:hidden;
		}
		
		.som01b img{
			width:100%;
			height:auto;
		}
		
		
		.som02{
			width:30%;
			height:auto;
			overflow:hidden;
		}
		
		.som02 img{
			width:100%;
			height:auto;
		}

				/*responsivo*/
@media (max-width: 768px) {
			.somos00a{
			width:90%;
			margin-left:auto;
			margin-right:auto;
		}
	
	
	
}				
			
/* area Somos*/

/*****proposito mision******/

			.prmis{
				display:flex;
				margin-top:120px;
			}
			
			.prmis h1,p{
				text-align:center;
			}
			
			.prmis p{
				margin:10%;
				font-size:1.4em;
				text-align:justify;
			}
			
			.prmisa{
				background-color:#f7f7f7;
				width:47%;
				margin-left:0;
				margin-right:auto;
			}
			
			.prmisb{
				background-color:#d9d9d9;
				width:47%;
				margin-right:1px;
			}
			
.pieDpagina{
        width:100%;
        height:244px;
        background-color: #e1199d;
        color: #ffffff;
        display: flow-root;
        font-size: 140%;
        }

        .pieDatos{
        width:100%;
        height:50%;
        display:flex;
        justify-content:space-around;
        }

        .pieDatos div{
        padding-inline:6%;
        padding-top:6%;
        }

        .pieDatos img{
        height:23px;
        padding-top:2px;
        }

        .pieDatos a{
        position: relative;
        bottom:10%;
        }

        .DrchosRsv{
        height:49%;
        display:grid;
        justify-content:center;
        align-content:flex-end;
        }


        @media only screen and (max-width:1480px){
        .pieDatos div {
        padding-inline: 0%;
        }

        }