/* Estilos generales para centrar los contenedores principales en la pantalla */
       
            body {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin: 0;
            padding: 10px;		
            font-family: Arial, sans-serif;	
            background-image: url('https://oriental.gob.mx/transparencia/conac/imax/bgtable.jpg');  /*bgbdy.jpg*/
  	background-size: cover; /* Cubre toda la pantalla, escalando la imagen */
        }


        /* Espacio 1: men_u 
        .men_u {
            width: 1300px;
            height: 120px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #ddd;
            margin-bottom: 10px;
            font-size: 24px;
            font-weight: bold;
        }	*/

        /* Espacio 2: nombrepg */
        .nombrepg {
            width: 1300px;
            height: 100px;
           
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden; /* Evita que la imagen se salga si es muy grande */
            margin-bottom: 10px;
        }
        .nombrepg img {
            height: 100%; /* Ajusta la imagen al alto del contenedor */
            width: auto;
        }

        /* Espacio 3: cartasl */
        .cartasl {
            width: 1300px;
            height: 420px;
            display: flex;
            flex-direction: row; /* Alineación horizontal */
            justify-content: space-around; /* Espacio uniforme entre imágenes */
            align-items: center;
        /*    background-color: #fff;		*/
            margin-bottom: 10px;
        /*    border: 1px solid #ccc;	*/
        }
        .cartasl img {
            width: 260px;
            height: 330px;
            object-fit: cover; /* Mantiene la proporción de la imagen */
        }

        /* Espacio 4: medin 
        .medin {
            width: 900px;
            height: 500px;
            background-color: pink;
        }	/*