@media screen and (min-width: 790px) and (max-width: 1279px){
html
	{
		font-family : "TREBUCHET MS"; 		
		box-sizing: border-box;                        /*  Hace que los borde y padding esten dentro de las medidas de finidas de las cajas   */
	}

	h2{
		font-size : 1.25rem;       
		color :  #2b3a42;  
		font-weight :bold ;
	      display: inline;
            margin-top: 0;
            margin-bottom: 0;
		}
	
	h5{
	    font-size : 1.2rem;         /*  24px  */
	    color : #eaefd3;              /*   beig   */
	    font-weight: bold;
	    display: inline;    
	    margin-top: 0;
          margin-bottom: 0;
	    }
	    
	body{
	      margin: 0;
	 	background-color: #eca400;                                           /*   Marron-Beig   */
		overflow-y: auto; 
		box-sizing: border-box;   /* hace que la caja que has definido con unas medidas no crezca por la suma del contenido, padding y borde    */
		}
	
	.input{
		width: 25%;    
		font-size: 1.25rem ; 
		color: #006600;  
		font-weight: bold;
		border-radius: 10px; 
		padding-left: 10px;
		}

		
	input:hover{ 
		text-decoration : none; 
		color: #ff3366; /* rojo, cuando el puntero está sobre el enlace*/
		}

		
      .contenedor::before {
		content: "Mostaza ";
		position: absolute;
		top: 5px;
		left: 10px;
		color: #2b3a42;
		}
	
	
	.rojo{
		color: #ff0000;               /*     rojo      */
		font-weight:bold ;
		display: inline;       
		}
	
	.contenedor{
		width: 95%;
		height: 650px;		
		margin-top: 2%;		
		margin-right: auto;
		margin-left: auto;
		padding: 10px;
		border: 1px solid #2b3a42;
		background-color: #efefef;
		box-shadow: 20px 20px 40px 0 rgba(20, 20, 20, 0.3);		
		border-radius: 0.625rem;   				 
		}
		
	.titulo{	
		width: 100%;				
		height: 13%;
		background: #103E5D;      
		border-radius: 0.625rem;
		}
	                                           
	.titulosinmenu{			
		width: 100%;
		height: 12%;
		background: #103E5D;      
            border-radius: 0.625rem;
		}
	  	  
	.titulo-1{
		padding-top: 1%;
		color: #efefef;
		font-size : 1.425rem;       /* 26px  */
		text-align:center;			
		font-weight :bold;
		letter-spacing: 3px;				
	      }
		                                                                                                                                           /*   Marron-Beig   */
	.titulo-2{
		padding-top: 1.5%;
		color: #efefef;
		font-size : 0.900rem;        /*  16px  */
		text-align:center;			
		font-weight :bold ;
		padding-bottom: 1.5%;
		letter-spacing: 2px;
		}
																		
	.cuerpo_azul{		
		width: 100%;                                 		
		height: 480px; 		
		margin-top: 6px;	
		margin-right: auto;
		margin-left: auto;
		background-image:url(../imagenes/fondos/azul-palido.jpg);	  /* puede ir entre comillas, dobles, simples o sin */
		background-repeat: no-repeat;	
		background-size: cover;			
		border: 1px solid #2b3a42;
		border-radius: 0.625rem;
		 }
		 		 
	.entrada-1{	          
		width: 100%;
		height: 515px;
		margin: 10px auto 0 auto;	
		border-radius: 0.625rem;			
		border: 1px solid #2b3a42;
		background-image:url(../imagenes/fondos/IMG_8641.jpg);     
		background-repeat: no-repeat;
		background-size: cover;	
		
		}
		
	.boton-entrar{  
		position:absolute;	
		width: 16%;
		height: 4%;
		left: 50%;									/*      border: 4px solid #2b3a42;     */
		top: 38%;
		border-radius: 0.625rem;
		background: #103E5D;	
		text-align : center;	    			
		}
                                                                                                                               /*   Marron-Beig   */
	.boton-entrar a{
		font-size: 2.5rem;	
		color: #ff0000;			
		text-decoration: none;						
		font-weight:bold ;
		}
	
	footer{	
		width: 99.5%;
		height: 25px;	
		margin-top: 6px;
		background-color: #103E5D;
		border-radius: 10px;	
		padding: 5px;		
		color: #efefef;
		}
					

  	footer section{
		float: right;		
		}
		                                                                                                                                  /*   Marron-Beig   */
	footer p{		
		float: left;
		margin: 0;		
		text-align: left;
		font-size: 1rem;
		color: #efefef;
		padding: 5px;
		margin-left: 10px;		
		}
	
	footer a{
		font-size: 1rem;
		color: #efefef;
		 padding: 5px;
		text-decoration: none;
		margin-right: 10px;
		}	
		
	.entrada-2{	          
		width: 100%;
		height: 515px;
		margin: 10px auto 0 auto;	
		border-radius: 0.625rem;		
		border: 1px solid #2b3a42;        /* si mo lleva borde la imagen se desplaza hacia bajo  */
		background-image:url(../imagenes/fondos/piedras.jpg);
		background-repeat: no-repeat;
		background-size: cover;		
            }		
		
	.centro-6{                                   
		width: 38%;
		height: 36%;
		margin-top: 13%;
		margin-right: auto;
		margin-left: auto;
		border-radius: 0.5em;	
		background-color: #bdd4de;	
		padding: 2rem;
		align-content: center;		
		}
	
	.centro-7{
		width: 45%;
		height: 50%;
		margin-top: 4.5%;
		margin-right: auto;
		margin-left: auto;
		border-radius: 0.5em;
		background: #bdd4de;		
		padding: 1rem;
		align-content: center;
		}
		
	.centro-6 .naranja, .centro-7 .naranja{
		font-size: 1.5rem;	         /*  18px  */
	      color: #ff0000;  
		font-weight :bold ;
		}

	.centro-6, .centro-7 p{
		font-size: 1rem;	        
	      color: #2b3a42;  
		font-weight :bold ;		
		}
		
	.boton-salir{  
		position:absolute;	
		width: 20%;
		height: 6%;
		left: 50%;
		top:  70%;
		border-radius: 0.625rem; 
		background: #103E5D;	
		text-align : center;		
		}
					                                                                                                                                  /*   Marron-Beig   */
	.boton-salir a{
		font-size: 1.375rem;	
		color: #efefef;
		font-weight: bold;		
       	margin-top: 5%;
		text-decoration: none;
		padding-top: 2px;
		display: inline-block;			
		}	
	   
	.cuerpo_azulon{		
		width: 100%;                                 		
		height: 80%; 		
		margin-top: 6px;	
		margin-right: auto;
		margin-left: auto;
		background-image:url(../imagenes/fondos/azul-palido.jpg);	  /* puede ir entre comillas, dobles, simples o sin */
		background-repeat: no-repeat;	
		background-size: cover;			
		border: 1px solid #2b3a42;
		border-radius: 0.625rem;
		
		 }
		 
	.mensaje-1{                                         			        	 	     
		width: 70%;
		max-width: 800px;
		height:37%;
		max-height: 950px;
		margin-top: 70px;
		margin-right: auto;
		margin-left: auto;
		}

	.mensaje-2{                        				 	     
		width: 85%;
	       height: 58%;		
		margin-top: 7%;
		margin-right: auto;
	      margin-left: auto;	  
		}
				
	.cartel{                   		
		width: 45%;
		height: 5%; 
		margin-top: 3%;
		padding-top: 5px;
		margin-left: 27%;
		margin-right: 27%;       
		text-align : center;		       
		background-color: #efefef;
		border-radius:0.5em;
		}
		
	.texto{     
		display: flex;
		justify-content: center; /* Centrado horizontal */
		align-items: center;	
		width: 60%;		
		height: 25%;
		max-height: 850px;
		margin-top: 10%;
		margin-right: auto;
	      margin-left: auto;	    		
		}	
													
	.texto p{
		text-align: center;
		}

	.boton-continuar{  
		position:absolute;	
		width: 14%;
		height: 8%;
		left: 50%;
		top: 60%;			
		text-align : center;	
		padding-top: 1.2%;
		}

	.boton-continuar a{
		font-size: 2rem;	
		color: #ff0000;			
		text-decoration: none;						
		font-weight:bold ;
		}		
	   
	.salida-1{	          
		width: 100%;	
		height: 505px; 	
            margin: 20px auto 0 auto;	
	      border-radius: 0.625rem;			
	      border: 1px solid #2b3a42;
		background-image:url(../imagenes/fondos/IMG_9750.jpg);
		background-repeat: no-repeat;
		background-size: cover;			
		}	 
		
	.despe-1{
		width: 70%;
		height: 6%;
		margin-left: 15%;
	      margin-top: 10%;
		font-family: Comic Sans MS; 
		font-size : 26px; 
		color: #00FFFF; 
		font-weight: bold ;
		}	
	
	.despe-3{
		width: 70%;
		height: 6%; 
		margin-left: 40%;
	      margin-top: 16%;
		font-family: Comic Sans MS; 
		font-size : 24px; 
		color: #FFFF00; 
		font-weight: bold ;
		}
		
	.boton-despe{
		width: 30%;
		height: 9%;
		margin-left: 40%;
	      margin-top:  7%;
		border-radius: 0.625rem; 
		background: #103E5D;	
		text-align : center;	
		}
	
	.boton-despe a{
		font-size: 2rem;	
            color: #ff0000;
		text-align: center;		
		text-decoration: none;						
		font-weight:bold ;
		padding: 1%:
		}		
}

@media screen and (min-width: 1280px) and (max-width: 1599px){
html
	{
		font-family : "TREBUCHET MS"; 		
		box-sizing: border-box;                        /*  Hace que los borde y padding esten dentro de las medidas de finidas de las cajas   */
	}

      .contenedor::before {
		content: "Viridiano ";
		position: absolute;
		top: 5px;
		left: 10px;
		color: #2b3a42;
		}
	
	body{
	      margin: 0;
	 	background-color: #87fae2;                                           /*  Viridiano   */
		overflow-y: auto; 
		box-sizing: border-box;   /* hace que la caja que has definido con unas medidas no crezca por la suma del contenido, padding y borde    */
		}
	
	.input{
		width: 25%;    
		font-size: 1.25rem ; 
		color: #006600;  
		font-weight: bold;
		border-radius: 10px; 
		padding-left: 10px;
		}

		
	input:hover{ 
		text-decoration : none; 
		color: #ff3366; /* rojo, cuando el puntero está sobre el enlace*/
		} 
	 
	 
	h2{
		font-size : 1.25rem;       
		color :  #2b3a42;  
		font-weight :bold ;
	      display: inline;
            margin-top: 0;
            margin-bottom: 0;
		}
	
	h5{
	    font-size : 1.2rem;         /*  24px  */
	    color : #eaefd3;              /*   beig   */
	    font-weight: bold;
	    display: inline;    
	    margin-top: 0;
          margin-bottom: 0;
	    }
	
	.rojo{
		color: #ff0000;               /*     rojo      */
		font-weight:bold ;
		display: inline;       
		}
	
	.contenedor{
		width: 95%;
		height: 650px;		
		margin-top: 2%;		
		margin-right: auto;
		margin-left: auto;
		padding: 10px;
		border: 1px solid #2b3a42;
		background-color: #efefef;
		box-shadow: 20px 20px 40px 0 rgba(20, 20, 20, 0.3);		
		border-radius: 0.625rem;   				 
		}
		
	.titulo{	
		width: 100%;				
		height: 13%;
		background: #103E5D;      
		border-radius: 0.625rem;
		}
	                                           
	.titulosinmenu{			
		width: 100%;
		height: 12%;
		background: #103E5D;      
            border-radius: 0.625rem;
		}
	  	  
	.titulo-1{
		padding-top: 1%;
		color: #efefef;
		font-size : 1.425rem;       /* 26px  */
		text-align:center;			
		font-weight :bold;
		letter-spacing: 3px;				
	      }
		                                                                                                                                           /*   Viridiano   */
	.titulo-2{
		padding-top: 1.5%;
		color: #efefef;
		font-size : 0.900rem;        /*  16px  */
		text-align:center;			
		font-weight :bold ;
		padding-bottom: 1.5%;
		letter-spacing: 2px;
		}
																		
	.cuerpo_azul{		
		width: 100%;                                 		
		height: 480px; 		
		margin-top: 6px;	
		margin-right: auto;
		margin-left: auto;
		background-image:url(../imagenes/fondos/azul-palido.jpg);	  /* puede ir entre comillas, dobles, simples o sin */
		background-repeat: no-repeat;	
		background-size: cover;			
		border: 1px solid #2b3a42;
		border-radius: 0.625rem;
		 }
		 		 
	.entrada-1{	          
		width: 100%;
		height: 515px;
		margin: 10px auto 0 auto;	
		border-radius: 0.625rem;			
		border: 1px solid #2b3a42;
		background-image:url(../imagenes/fondos/IMG_8641.jpg);
		background-repeat: no-repeat;
		background-size: cover;		
		}
		
	.boton-entrar{  
		position:absolute;	
		width: 16%;
		height: 6%;
		left: 50%;
		top: 60%;
		border-radius: 0.625rem;
		background: #103E5D;	
		text-align : center;	    			
		}
                                                                                                                               /*   Viridiano   */
	.boton-entrar a{
		font-size: 2.5rem;	
		color: #ff0000;			
		text-decoration: none;						
		font-weight:bold ;
		}
	
	footer{	
		width: 99.5%;
		height: 25px;	
		margin-top: 6px;
		background-color: #103E5D;
		border-radius: 10px;	
		padding: 5px;		
		color: #efefef;
		}
					

  	footer section{
		float: right;		
		}
		                                                                                                                                  /*   Viridiano  */
	footer p{		
		float: left;
		margin: 0;		
		text-align: left;
		font-size: 1rem;
		color: #efefef;
		padding: 5px;
		margin-left: 10px;		
		}
	
	footer a{
		font-size: 1rem;
		color: #efefef;
		 padding: 5px;
		text-decoration: none;
		margin-right: 10px;
		}	
		
	.entrada-2{	          
		width: 100%;
		height: 515px;
		margin: 10px auto 0 auto;	
		border-radius: 0.625rem;		
		border: 1px solid #2b3a42;        /* si mo lleva borde la imagen se desplaza hacia bajo  */
		background-image:url(../imagenes/fondos/piedras.jpg);
		background-repeat: no-repeat;
		background-size: cover;		
            }		
		
	.centro-6{                                   
		width: 38%;
		height: 34%;
		margin-top: 14%;
		margin-right: auto;
		margin-left: auto;
		border-radius: 0.5em;	
		background-color: #bdd4de;	
		padding: 2rem;
		align-content: center;		
		}
	
	.centro-7{
		width: 45%;
		height: 50%;
		margin-top: 4.5%;
		margin-right: auto;
		margin-left: auto;
		border-radius: 0.5em;
		background: #bdd4de;		
		padding: 1rem;
		align-content: center;
		}
		
	.centro-6 .naranja, .centro-7 .naranja{
		font-size: 1.5rem;	         /*  18px  */
	      color: #ff0000;  
		font-weight :bold ;
		}

	.centro-6, .centro-7 p{
		font-size: 1rem;	        
	      color: #2b3a42;  
		font-weight :bold ;		
		}
		
	.boton-salir{  
		position:absolute;	
		width: 20%;
		height: 6%;
		left: 50%;
		top:  70%;
		border-radius: 0.625rem; 
		background: #103E5D;	
		text-align : center;		
		}
					                                                                                                                                  /*   Viridiano   */
	.boton-salir a{
		font-size: 1.375rem;	
		color: #efefef;
		font-weight: bold;		
       	margin-top: 5%;
		text-decoration: none;
		padding-top: 2px;
		display: inline-block;			
		}	
	   
	.cuerpo_azulon{		
		width: 100%;                                 		
		height: 80%; 		
		margin-top: 6px;	
		margin-right: auto;
		margin-left: auto;
		background-image:url(../imagenes/fondos/azul-palido.jpg);	  /* puede ir entre comillas, dobles, simples o sin */
		background-repeat: no-repeat;	
		background-size: cover;			
		border: 1px solid #2b3a42;
		border-radius: 0.625rem;
		
		 }
		 
	.mensaje-1{                                         			        	 	     
		width: 70%;
		max-width: 800px;
		height:37%;
		max-height: 950px;
		margin-top: 70px;
		margin-right: auto;
		margin-left: auto;
		}

	.mensaje-2{                        				 	     
		width: 85%;
	       height: 58%;		
		margin-top: 7%;
		margin-right: auto;
	      margin-left: auto;	  
		}
				
	.cartel{                   		
		width: 45%;
		height: 5%; 
		margin-top: 3%;
		padding-top: 5px;
		margin-left: 27%;
		margin-right: 27%;       
		text-align : center;		       
		background-color: #efefef;
		border-radius:0.5em;
		}
		
	.texto{     
		display: flex;
		justify-content: center; /* Centrado horizontal */
		align-items: center;	
		width: 60%;		
		height: 25%;
		max-height: 850px;
		margin-top: 10%;
		margin-right: auto;
	      margin-left: auto;	    		
		}	
													
	.texto p{
		text-align: center;
		}

	.boton-continuar{  
		position:absolute;	
		width: 14%;
		height: 8%;
		left: 50%;
		top: 60%;			
		text-align : center;	
		padding-top: 1.2%;
		}

	.boton-continuar a{
		font-size: 2rem;	
		color: #ff0000;			
		text-decoration: none;						
		font-weight:bold ;
		}		
	   
	.salida-1{	          
		width: 100%;	
		height: 505px; 	
            margin: 20px auto 0 auto;	
	      border-radius: 0.625rem;			
	      border: 1px solid #2b3a42;
		background-image:url(../imagenes/fondos/IMG_9750.jpg);
		background-repeat: no-repeat;
		background-size: cover;			
		}	 
		
	.despe-1{
		width: 70%;
		height: 6%;
		margin-left: 15%;
	      margin-top: 10%;
		font-family: Comic Sans MS; 
		font-size : 26px; 
		color: #00FFFF; 
		font-weight: bold ;
		}	
																							/*   Viridiano   */
	.despe-3{
		width: 70%;
		height: 6%; 
		margin-left: 40%;
	      margin-top: 16%;
		font-family: Comic Sans MS; 
		font-size : 24px; 
		color: #FFFF00; 
		font-weight: bold ;
		}
		
	.boton-despe{
		width: 30%;
		height: 9%;
		margin-left: 40%;
	      margin-top:  7%;
		border-radius: 0.625rem; 
		background: #103E5D;	
		text-align : center;	
		}
	
	.boton-despe a{
		font-size: 2rem;	
            color: #ff0000;
		text-align: center;		
		text-decoration: none;						
		font-weight:bold ;
		padding: 1%:
		}		
}


@media screen and (min-width: 1600px) and (max-width: 1919px){
html
	{
		font-family : "TREBUCHET MS"; 		
		box-sizing: border-box;                        /*  Hace que los borde y padding esten dentro de las medidas de finidas de las cajas   */
	}

      .contenedor::before {
		content: "Verde claro ";
		position: absolute;
		top: 5px;
		left: 10px;
		color: #2b3a42;
		}
																								 /*   Verde    4      */
	body{
	      margin: 0;
	 	background-color: #87fae2;                                          
		overflow-y: auto; 
		box-sizing: border-box;   /* hace que la caja que has definido con unas medidas no crezca por la suma del contenido, padding y borde    */
		}
	
	.input{
		width: 25%;    
		font-size: 1.25rem ; 
		color: #006600;  
		font-weight: bold;
		border-radius: 10px; 
		padding-left: 10px;
		}

		
	input:hover{ 
		text-decoration : none; 
		color: #ff3366; /* rojo, cuando el puntero está sobre el enlace*/
		} 
	 
	 
	h2{
		font-size : 1.25rem;       
		color :  #2b3a42;  
		font-weight :bold ;
	      display: inline;
            margin-top: 0;
            margin-bottom: 0;
		}
	
	h5{
	    font-size : 1.2rem;         /*  24px  */
	    color : #eaefd3;              /*   beig   */
	    font-weight: bold;
	    display: inline;    
	    margin-top: 0;
          margin-bottom: 0;
	    }
																									 /*   Verde    4      */
	.rojo{
		color: #ff0000;               /*     rojo      */
		font-weight:bold ;
		display: inline;       
		}
	
	.contenedor{
		width: 95%;
		height: 650px;		
		margin-top: 2%;		
		margin-right: auto;
		margin-left: auto;
		padding: 10px;
		border: 1px solid #2b3a42;
		background-color: #efefef;
		box-shadow: 20px 20px 40px 0 rgba(20, 20, 20, 0.3);		
		border-radius: 0.625rem;   				 
		}
		
	.titulo{	
		width: 100%;				
		height: 13%;
		background: #103E5D;      
		border-radius: 0.625rem;
		}
	                                           
	.titulosinmenu{			
		width: 100%;
		height: 12%;
		background: #103E5D;      
            border-radius: 0.625rem;
		}
	  	  
	.titulo-1{
		padding-top: 1%;
		color: #efefef;
		font-size : 1.425rem;       /* 26px  */
		text-align:center;			
		font-weight :bold;
		letter-spacing: 3px;				
	      }
		                                                                                                                            				 /*   Verde    4      */
	.titulo-2{
		padding-top: 1.5%;
		color: #efefef;
		font-size : 0.900rem;        /*  16px  */
		text-align:center;			
		font-weight :bold ;
		padding-bottom: 1.5%;
		letter-spacing: 2px;
		}
																		
	.cuerpo_azul{		
		width: 100%;                                 		
		height: 480px; 		
		margin-top: 6px;	
		margin-right: auto;
		margin-left: auto;
		background-image:url(../imagenes/fondos/azul-palido.jpg);	  /* puede ir entre comillas, dobles, simples o sin */
		background-repeat: no-repeat;	
		background-size: cover;			
		border: 1px solid #2b3a42;
		border-radius: 0.625rem;
		 }
		 		 
	.entrada-1{	          
		width: 100%;
		height: 515px;
		margin: 10px auto 0 auto;	
		border-radius: 0.625rem;			
		border: 1px solid #2b3a42;
		background-image:url(../imagenes/fondos/IMG_8641.jpg);
		background-repeat: no-repeat;
		background-size: cover;		
		}
		
	.boton-entrar{  
		position:absolute;	
		width: 16%;
		height: 6%;
		left: 50%;
		top: 60%;
		border-radius: 0.625rem;
		background: #103E5D;	
		text-align : center;	    			
		}
																								 /*   Verde    4      */
	.boton-entrar a{
		font-size: 2.5rem;	
		color: #ff0000;			
		text-decoration: none;						
		font-weight:bold ;
		}
	
	footer{	
		width: 99.5%;
		height: 25px;	
		margin-top: 6px;
		background-color: #103E5D;
		border-radius: 10px;	
		padding: 5px;		
		color: #efefef;
		}
					

  	footer section{
		float: right;		
		}
																								 /*   Verde    4      */
	footer p{		
		float: left;
		margin: 0;		
		text-align: left;
		font-size: 1rem;
		color: #efefef;
		padding: 5px;
		margin-left: 10px;		
		}
	
	footer a{
		font-size: 1rem;
		color: #efefef;
		 padding: 5px;
		text-decoration: none;
		margin-right: 10px;
		}	
		
	.entrada-2{	          
		width: 100%;
		height: 515px;
		margin: 10px auto 0 auto;	
		border-radius: 0.625rem;		
		border: 1px solid #2b3a42;        /* si mo lleva borde la imagen se desplaza hacia bajo  */
		background-image:url(../imagenes/fondos/piedras.jpg);
		background-repeat: no-repeat;
		background-size: cover;		
            }		
		
	.centro-6{                                   
		width: 38%;
		height: 34%;
		margin-top: 14%;
		margin-right: auto;
		margin-left: auto;
		border-radius: 0.5em;	
		background-color: #bdd4de;	
		padding: 2rem;
		align-content: center;		
		}
																									 /*   Verde    4      */
	.centro-7{
		width: 45%;
		height: 50%;
		margin-top: 4.5%;
		margin-right: auto;
		margin-left: auto;
		border-radius: 0.5em;
		background: #bdd4de;		
		padding: 1rem;
		align-content: center;
		}
		
	.centro-6 .naranja, .centro-7 .naranja{
		font-size: 1.5rem;	         /*  18px  */
	      color: #ff0000;  
		font-weight :bold ;
		}

	.centro-6, .centro-7 p{
		font-size: 1rem;	        
	      color: #2b3a42;  
		font-weight :bold ;		
		}
		
	.boton-salir{  
		position:absolute;	
		width: 20%;
		height: 6%;
		left: 50%;
		top:  70%;
		border-radius: 0.625rem; 
		background: #103E5D;	
		text-align : center;		
		}
					             																								 /*   Verde    4      */
	.boton-salir a{
		font-size: 1.375rem;	
		color: #efefef;
		font-weight: bold;		
       	margin-top: 5%;
		text-decoration: none;
		padding-top: 2px;
		display: inline-block;			
		}	
	   
	.cuerpo_azulon{		
		width: 100%;                                 		
		height: 80%; 		
		margin-top: 6px;	
		margin-right: auto;
		margin-left: auto;
		background-image:url(../imagenes/fondos/azul-palido.jpg);	  /* puede ir entre comillas, dobles, simples o sin */
		background-repeat: no-repeat;	
		background-size: cover;			
		border: 1px solid #2b3a42;
		border-radius: 0.625rem;
		
		 }
		 
	.mensaje-1{                                         			        	 	     
		width: 70%;
		max-width: 800px;
		height:37%;
		max-height: 950px;
		margin-top: 70px;
		margin-right: auto;
		margin-left: auto;
		}
																								 /*   Verde    4      */
	.mensaje-2{                        				 	     
		width: 85%;
	       height: 58%;		
		margin-top: 7%;
		margin-right: auto;
	      margin-left: auto;	  
		}
				
	.cartel{                   		
		width: 45%;
		height: 5%; 
		margin-top: 3%;
		padding-top: 5px;
		margin-left: 27%;
		margin-right: 27%;       
		text-align : center;		       
		background-color: #efefef;
		border-radius:0.5em;
		}
		
	.texto{     
		display: flex;
		justify-content: center; /* Centrado horizontal */
		align-items: center;	
		width: 60%;		
		height: 25%;
		max-height: 850px;
		margin-top: 10%;
		margin-right: auto;
	      margin-left: auto;	    		
		}	
													
	.texto p{
		text-align: center;
		}

	.boton-continuar{  
		position:absolute;	
		width: 14%;
		height: 8%;
		left: 50%;
		top: 60%;			
		text-align : center;	
		padding-top: 1.2%;
		}
																								 /*   Verde    4      */
	.boton-continuar a{
		font-size: 2rem;	
		color: #ff0000;			
		text-decoration: none;						
		font-weight:bold ;
		}		
	   
	.salida-1{	          
		width: 100%;	
		height: 505px; 	
            margin: 20px auto 0 auto;	
	      border-radius: 0.625rem;			
	      border: 1px solid #2b3a42;
		background-image:url(../imagenes/fondos/IMG_9750.jpg);
		background-repeat: no-repeat;
		background-size: cover;			
		}	 
		
	.despe-1{
		width: 70%;
		height: 6%;
		margin-left: 15%;
	      margin-top: 10%;
		font-family: Comic Sans MS; 
		font-size : 26px; 
		color: #00FFFF; 
		font-weight: bold ;
		}	
	
	.despe-3{
		width: 70%;
		height: 6%; 
		margin-left: 40%;
	      margin-top: 16%;
		font-family: Comic Sans MS; 
		font-size : 24px; 
		color: #FFFF00; 
		font-weight: bold ;
		}
																									 /*   Verde    4      */	
	.boton-despe{
		width: 30%;
		height: 9%;
		margin-left: 40%;
	      margin-top:  7%;
		border-radius: 0.625rem; 
		background: #103E5D;	
		text-align : center;	
		}
	
	.boton-despe a{
		font-size: 2rem;	
            color: #ff0000;
		text-align: center;		
		text-decoration: none;						
		font-weight:bold ;
		padding: 1%:
		}		
}


@media screen and (min-width: 1920px) and (max-width: 2599px){
html
	{
		font-family : "TREBUCHET MS"; 		
		box-sizing: border-box;                        /*  Hace que los borde y padding esten dentro de las medidas de finidas de las cajas   */
	}

      .contenedor::before {
		content: "Mostaza ";
		position: absolute;
		top: 5px;
		left: 10px;
		color: #2b3a42;
		}
																									/*   Mostaza  */
	body{
	      margin: 0;
	 	background-color: #eca400;                                           
		overflow-y: auto; 
		box-sizing: border-box;   /* hace que la caja que has definido con unas medidas no crezca por la suma del contenido, padding y borde    */
		}
	
	.input{
		width: 25%;    
		font-size: 1.25rem ; 
		color: #006600;  
		font-weight: bold;
		border-radius: 10px; 
		padding-left: 10px;
		}

		
	input:hover{ 
		text-decoration : none; 
		color: #ff3366; /* rojo, cuando el puntero está sobre el enlace*/
		} 
	 
	 
	h2{
		font-size : 1.25rem;       
		color :  #2b3a42;  
		font-weight :bold ;
	      display: inline;
            margin-top: 0;
            margin-bottom: 0;
		}
	
	h5{
	    font-size : 1.2rem;         /*  24px  */
	    color : #eaefd3;              /*   beig   */
	    font-weight: bold;
	    display: inline;    
	    margin-top: 0;
          margin-bottom: 0;
	    }
																									/*   Mostaza  */	
	.rojo{
		color: #ff0000;               /*     rojo      */
		font-weight:bold ;
		display: inline;       
		}
	
	.contenedor{
		width: 55%;
		height: 85%;		
		margin-top: 2%;		
		margin-right: auto;
		margin-left: auto;
		padding: 10px;
		border: 1px solid #2b3a42;
		background-color: #efefef;
		box-shadow: 20px 20px 40px 0 rgba(20, 20, 20, 0.3);		
		border-radius: 0.625rem;   				 
		}
		
	.titulo{	
		width: 100%;				
		height: 13%;
		background: #103E5D;      
		border-radius: 0.625rem;
		}
	                                           
	.titulosinmenu{			
		width: 100%;
		height: 12%;
		background: #103E5D;      
            border-radius: 0.625rem;
		}
																									/*   Mostaza  */	  	  
	.titulo-1{
		padding-top: 1%;
		color: #efefef;
		font-size : 1.425rem;       /* 26px  */
		text-align:center;			
		font-weight :bold;
		letter-spacing: 3px;				
	      }
		                                                                                                                                          
	.titulo-2{
		padding-top: 1.5%;
		color: #efefef;
		font-size : 0.900rem;        /*  16px  */
		text-align:center;			
		font-weight :bold ;
		padding-bottom: 1.5%;
		letter-spacing: 2px;
		}
	
	nav#menu{		       
		width: 100%;
		height: 4%;   
		text-align: center;
		padding-top: 2px;
		margin-top: 6px;
		margin-right: auto;
		margin-left: auto;
         	background-color: #103E5D;		
		border-radius: 0.625rem;				 
		}

			
	.cuerpo_azul{		
		width: 100%;                                 		
		height: 700px; 		
		margin-top: 6px;	
		margin-right: auto;
		margin-left: auto;
		background-image:url(../imagenes/fondos/azul-palido.jpg);	  /* puede ir entre comillas, dobles, simples o sin */
		background-repeat: no-repeat;	
		background-size: cover;			
		border: 1px solid #2b3a42;
		border-radius: 0.625rem;
		 }
																									/*   Mostaza  */		 		 
	.entrada-1{	          
		width: 100%;
		height: 700px;
		margin: 10px auto 0 auto;	
		border-radius: 0.625rem;			
		border: 1px solid #2b3a42;
		background-image:url(../imagenes/fondos/IMG_8641.jpg);
		background-repeat: no-repeat;
		background-size: cover;		
		}
		
	.boton-entrar{  
		position:absolute;	
		width: 16%;
		height: 6%;
		left: 50%;
		top: 60%;
		border-radius: 0.625rem;
		background: #103E5D;	
		text-align : center;
		padding-top: 15px;
		
	/*	align-items: center;	    	*/		
		}
                                                                                                                              
	.boton-entrar a{
		font-size: 2.5rem;	
		color: #ff0000;			
		text-decoration: none;						
		font-weight:bold ;
		
		}
																									/*   Mostaza  */	
	footer{	
		width: 99.5%;
		height: 25px;	
		margin-top: 6px;
		background-color: #103E5D;
		border-radius: 10px;	
		padding: 5px;		
		color: #efefef;
		}
					

  	footer section{
		float: right;		
		}
		                                                                                                                               
	footer p{		
		float: left;
		margin: 0;		
		text-align: left;
		font-size: 1rem;
		color: #efefef;
		padding: 5px;
		margin-left: 10px;		
		}
	
	footer a{
		font-size: 1rem;
		color: #efefef;
		 padding: 5px;
		text-decoration: none;
		margin-right: 10px;
		}	
																									/*   Mostaza  */		
	.entrada-2{	          
		width: 100%;
		height: 700px;
		margin: 10px auto 0 auto;	
		border-radius: 0.625rem;		
		border: 1px solid #2b3a42;        /* si mo lleva borde la imagen se desplaza hacia bajo  */
		background-image:url(../imagenes/fondos/piedras.jpg);
		background-repeat: no-repeat;
		background-size: cover;		
            }		
		
	.centro-6{                                   
		width: 38%;
		height: 34%;
		margin-top: 14%;
		margin-right: auto;
		margin-left: auto;
		border-radius: 0.5em;	
		background-color: #bdd4de;	
		padding: 2rem;
		align-content: center;		
		}
	
	.centro-7{
		width: 45%;
		height: 50%;
		margin-top: 4.5%;
		margin-right: auto;
		margin-left: auto;
		border-radius: 0.5em;
		background: #bdd4de;		
		padding: 1rem;
		align-content: center;
		}
																									/*   Mostaza  */		
	.centro-6 .naranja, .centro-7 .naranja{
		font-size: 1.5rem;	         /*  18px  */
	      color: #ff0000;  
		font-weight :bold ;
		}

	.centro-6, .centro-7 p{
		font-size: 1rem;	        
	      color: #2b3a42;  
		font-weight :bold ;		
		}
		
	.boton-salir{  
		position:absolute;	
		width: 20%;
		height: 6%;
		left: 50%;
		top:  65%;
		border-radius: 0.625rem; 
		background: #103E5D;	
		text-align : center;		
		}
					                                                                                                                                
	.boton-salir a{
		font-size: 1.375rem;	
		color: #efefef;
		font-weight: bold;		
       	margin-top: 5%;
		text-decoration: none;
		padding-top: 2px;
		display: inline-block;			
		}	
																									/*   Mostaza  */	   
	.cuerpo_azulon{		
		width: 100%;                                 		
		height: 700px; 		
		margin-top: 6px;	
		margin-right: auto;
		margin-left: auto;
		background-image:url(../imagenes/fondos/azul-palido.jpg);	  /* puede ir entre comillas, dobles, simples o sin */
		background-repeat: no-repeat;	
		background-size: cover;			
		border: 1px solid #2b3a42;
		border-radius: 0.625rem;
		
		 }
		 
	.mensaje-1{                                         			        	 	     
		width: 70%;
		max-width: 800px;
		height:37%;
		max-height: 950px;
		margin-top: 70px;
		margin-right: auto;
		margin-left: auto;
		}

	.mensaje-2{                        				 	     
		width: 85%;
	       height: 58%;		
		margin-top: 7%;
		margin-right: auto;
	      margin-left: auto;	  
		}
																									/*   Mostaza  */				
	.cartel{                   		
		width: 45%;
		height: 5%; 
		margin-top: 3%;
		padding-top: 5px;
		margin-left: 27%;
		margin-right: 27%;       
		text-align : center;		       
		background-color: #efefef;
		border-radius:0.5em;
		}
		
	.texto{     
		display: flex;
		justify-content: center; /* Centrado horizontal */
		align-items: center;	
		width: 60%;		
		height: 25%;
		max-height: 850px;
		margin-top: 10%;
		margin-right: auto;
	      margin-left: auto;	    		
		}	
													
	.texto p{
		text-align: center;
		}

	.boton-continuar{  
		position:absolute;	
		width: 14%;
		height: 8%;
		left: 50%;
		top: 60%;			
		text-align : center;	
		padding-top: 1.2%;
		}
																									/*   Mostaza  */
	.boton-continuar a{
		font-size: 2rem;	
		color: #ff0000;			
		text-decoration: none;						
		font-weight:bold ;
		}		
	   
	.salida-1{	          
		width: 100%;	
		height: 700px; 	
            margin: 20px auto 0 auto;	
	      border-radius: 0.625rem;			
	      border: 1px solid #2b3a42;
		background-image:url(../imagenes/fondos/IMG_9750.jpg);
		background-repeat: no-repeat;
		background-size: cover;			
		}	 
		
	.despe-1{
		width: 70%;
		height: 6%;
		margin-left: 15%;
	      margin-top: 10%;
		font-family: Comic Sans MS; 
		font-size : 26px; 
		color: #00FFFF; 
		font-weight: bold ;
		}	
																									/*   Mostaza  */	
	.despe-3{
		width: 70%;
		height: 6%; 
		margin-left: 40%;
	      margin-top: 16%;
		font-family: Comic Sans MS; 
		font-size : 24px; 
		color: #FFFF00; 
		font-weight: bold ;
		}
		
	.boton-despe{
		width: 30%;
		height: 9%;
		margin-left: 40%;
	      margin-top:  7%;
		border-radius: 0.625rem; 
		background: #103E5D;	
		text-align : center;	
		}
	
	.boton-despe a{
		font-size: 2rem;	
            color: #ff0000;
		text-align: center;		
		text-decoration: none;						
		font-weight:bold ;
		padding: 1%:
		}
		
																									/*   Mostaza  */		
																									
						/*   M E N U S   */
	
	ul#css3menu1,ul#css3menu1 ul{
		margin: 0;
		list-style: none;
		padding: 0;
		background-color: #103E5D;                      /*     #dedede;    */
		border-width: 1px;
		border-style: solid;
		border-radius: 5px;
		}

		
	ul#css3menu1 ul{                                                  /*     sub-menus     */
		display: none;
		position: absolute;
		left: 0;
		top: 100%;
        margin-left: 10px;		   /* esto separa al sub-menu del margen izquierdo de la celda y lo presenta mas al centro  */
		background-color: #103E5D;              /* color del fondo de los sub-menus                     /*     #FFFFFF;     */
		border-color: #103E5D;                 /*    #d4d4d4;    */
		padding: 10px 5px 5px;
		}

	
	ul#css3menu1 li:hover>*{
		display: block;
		}
		                                                                                                                                 /*   Viridiano    4      */

	
	ul#css3menu1 li{
		position: relative;
		display: block;
		white-space: nowrap;
		font-size: 0;
		float: left;
		}

	
	ul#css3menu1 li:hover{
		z-index: 1;
		}

		
	ul#css3menu1 ul ul{
		position: absolute;
		left: 100%;
		top: 0;
		}

	
	ul#css3menu1{
		font-size: 0;
		z-index: 999;
		position: relative;
		display: inline-block;
		zoom: 1;
		padding: 0;
		*display: inline;
		}

		                                                                                                                                 /*   Viridiano    4      */
	* html ul#css3menu1 li a{
		display: inline-block;
		}

	
	ul#css3menu1>li{
		margin: 0;
		}

	
	ul#css3menu1 a:active, ul#css3menu1 a:focus{
		outline-style: none;
		}

	
	ul#css3menu1 a{
		display: block;
		vertical-align: middle;
		text-align: left;
		text-decoration: none;
		font: bold 16px "TREBUCHET MS",cursive;              /*  tamaño y fuente de las letras del menu      */
		color: #efefef;                                    /*  color de las letras del menu                           /*     #000000;     */
		cursor: pointer;                                  /*     muestra un dedo extendido en el cursor al situarnos encima      */
		padding: 10px;
		background-color:  #103E5D;          /*    color del fondo de las celdas del menu    */        /*    #c1c1c1;    */
		}

	
	ul#css3menu1 ul li{
		float: none;
		margin: 10px 0 0;
		}

		                                                                                                                                 /*   Viridiano    4      */
	ul#css3menu1 ul a{
		text-align: left;
		padding: 4px;
		background-color:  #103E5D;                          /* color del fondo de las celdas del sub-menu           /*    #FFFFFF;     */
		background-image: none;
		font: bold 14px "TREBUCHET MS",cursive;        /*  tamaño y fuente de las letras de los sub-menu s     */
		color: #efefef;                                                 /*    color de las letras del sub-menu      /*                 /*    #000;      */
		text-decoration: none;
		}

	
	ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{
		background-color: #103E5D;                   /*    color del fondo de las celdas del menu    */
		color: #00FFFF;   /*#00FF00;     /*#0bd904;    /*#07f699;                /*#f2ee0a;           /*#03ff64;        /*      #4ff402;                                           /*   color de las letras del menu al poner el cursor encima  */
		background-position: 0 100px;
		text-decoration: none;
		}

	
	ul#css3menu1 span{
		display: block;
		overflow: visible;
		background-position: right center;
		background-repeat: no-repeat;
		padding-right: 0px;
		}
		                                                                                                                                 /*   Viridiano    4      */
	
	ul#css3menu1 ul span{
	/*	background-image: url("arrowsub.png");
		padding-right: 12px;    */
		}

	
	ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li a.pressed{
		background-color:  #103E5D;                     /*    #e37474;                        /*   color del fondo de las celdas del sub-menu al poner el cursor encima    */
		background-image :none;
		color: #fcb80a;                                                 /*    color de las letras del sub-menu al poner el cursor encima       */
		text-decoration: none;
		}

	
	ul#css3menu1 li.topfirst>a{
		border-radius: 5px 0 0 5px;
		-moz-border-radius: 5px 0 0 5px;
		-webkit-border-radius: 5px;
		-webkit-border-top-right-radius: 0;
		-webkit-border-bottom-right-radius: 0;
		}

	
	ul#css3menu1 li.toplast>a{
		border-radius: 0 5px 5px 0;
		-moz-border-radius: 0 5px 5px 0;
		-webkit-border-radius: 0;
		-webkit-border-top-right-radius: 5px;
		-webkit-border-bottom-right-radius:5px;
		}

/*   F I N     M E N U S   */
																									
}


@media screen and (min-width: 2560px){
html
	{
		font-family : "TREBUCHET MS"; 		
		box-sizing: border-box;                        /*  Hace que los borde y padding esten dentro de las medidas de finidas de las cajas   */
	}

      .contenedor::before {
		content: "Rosa vieja ";
		position: absolute;
		top: 5px;
		left: 10px;
		color: #2b3a42;
		}
																								 /*   Rosa vieja   */
	body{
	      margin: 0;
	 	background-color: #cc8b86;                                          
		overflow-y: auto; 
		box-sizing: border-box;   /* hace que la caja que has definido con unas medidas no crezca por la suma del contenido, padding y borde    */
		}
	
	.input{
		width: 25%;    
		font-size: 1.25rem ; 
		color: #006600;  
		font-weight: bold;
		border-radius: 10px; 
		padding-left: 10px;
		}

		
	input:hover{ 
		text-decoration : none; 
		color: #ff3366; /* rojo, cuando el puntero está sobre el enlace*/
		} 
	 
	 
	h2{
		font-size : 1.25rem;       
		color :  #2b3a42;  
		font-weight :bold ;
	      display: inline;
            margin-top: 0;
            margin-bottom: 0;
		}
	
	h5{
	    font-size : 1.2rem;         /*  24px  */
	    color : #eaefd3;              /*   beig   */
	    font-weight: bold;
	    display: inline;    
	    margin-top: 0;
          margin-bottom: 0;
	    }
																								 /*   Rosa vieja   */	
	.rojo{
		color: #ff0000;               /*     rojo      */
		font-weight:bold ;
		display: inline;       
		}
	
	.contenedor{
		width: 95%;
		height: 650px;		
		margin-top: 2%;		
		margin-right: auto;
		margin-left: auto;
		padding: 10px;
		border: 1px solid #2b3a42;
		background-color: #efefef;
		box-shadow: 20px 20px 40px 0 rgba(20, 20, 20, 0.3);		
		border-radius: 0.625rem;   				 
		}
		
	.titulo{	
		width: 100%;				
		height: 13%;
		background: #103E5D;      
		border-radius: 0.625rem;
		}
	                                           
	.titulosinmenu{			
		width: 100%;
		height: 12%;
		background: #103E5D;      
            border-radius: 0.625rem;
		}
																								 /*   Rosa vieja   */	  	  
	.titulo-1{
		padding-top: 1%;
		color: #efefef;
		font-size : 1.425rem;       /* 26px  */
		text-align:center;			
		font-weight :bold;
		letter-spacing: 3px;				
	      }
		                                                                                                                                        
	.titulo-2{
		padding-top: 1.5%;
		color: #efefef;
		font-size : 0.900rem;        /*  16px  */
		text-align:center;			
		font-weight :bold ;
		padding-bottom: 1.5%;
		letter-spacing: 2px;
		}
																		
	.cuerpo_azul{		
		width: 100%;                                 		
		height: 480px; 		
		margin-top: 6px;	
		margin-right: auto;
		margin-left: auto;
		background-image:url(../imagenes/fondos/azul-palido.jpg);	  /* puede ir entre comillas, dobles, simples o sin */
		background-repeat: no-repeat;	
		background-size: cover;			
		border: 1px solid #2b3a42;
		border-radius: 0.625rem;
		 }
																								 /*   Rosa vieja   */		 		 
	.entrada-1{	          
		width: 100%;
		height: 515px;
		margin: 10px auto 0 auto;	
		border-radius: 0.625rem;			
		border: 1px solid #2b3a42;
		background-image:url(../imagenes/fondos/IMG_8641.jpg);
		background-repeat: no-repeat;
		background-size: cover;		
		}
		
	.boton-entrar{  
		position:absolute;	
		width: 16%;
		height: 6%;
		left: 50%;
		top: 60%;
		border-radius: 0.625rem;
		background: #103E5D;	
		text-align : center;	    			
		}
                                                                                                                              
	.boton-entrar a{
		font-size: 2.5rem;	
		color: #ff0000;			
		text-decoration: none;						
		font-weight:bold ;
		}
																								 /*   Rosa vieja   */	
	footer{	
		width: 99.5%;
		height: 25px;	
		margin-top: 6px;
		background-color: #103E5D;
		border-radius: 10px;	
		padding: 5px;		
		color: #efefef;
		}
					

  	footer section{
		float: right;		
		}
		                                                                                                                                
	footer p{		
		float: left;
		margin: 0;		
		text-align: left;
		font-size: 1rem;
		color: #efefef;
		padding: 5px;
		margin-left: 10px;		
		}
	
	footer a{
		font-size: 1rem;
		color: #efefef;
		 padding: 5px;
		text-decoration: none;
		margin-right: 10px;
		}	
																								 /*   Rosa vieja   */		
	.entrada-2{	          
		width: 100%;
		height: 515px;
		margin: 10px auto 0 auto;	
		border-radius: 0.625rem;		
		border: 1px solid #2b3a42;        /* si mo lleva borde la imagen se desplaza hacia bajo  */
		background-image:url(../imagenes/fondos/piedras.jpg);
		background-repeat: no-repeat;
		background-size: cover;		
            }		
		
	.centro-6{                                   
		width: 38%;
		height: 34%;
		margin-top: 14%;
		margin-right: auto;
		margin-left: auto;
		border-radius: 0.5em;	
		background-color: #bdd4de;	
		padding: 2rem;
		align-content: center;		
		}
	
	.centro-7{
		width: 45%;
		height: 50%;
		margin-top: 4.5%;
		margin-right: auto;
		margin-left: auto;
		border-radius: 0.5em;
		background: #bdd4de;		
		padding: 1rem;
		align-content: center;
		}
																								 /*   Rosa vieja   */		
	.centro-6 .naranja, .centro-7 .naranja{
		font-size: 1.5rem;	         /*  18px  */
	      color: #ff0000;  
		font-weight :bold ;
		}

	.centro-6, .centro-7 p{
		font-size: 1rem;	        
	      color: #2b3a42;  
		font-weight :bold ;		
		}
		
	.boton-salir{  
		position:absolute;	
		width: 20%;
		height: 6%;
		left: 50%;
		top:  70%;
		border-radius: 0.625rem; 
		background: #103E5D;	
		text-align : center;		
		}
					                                                                                                                                  
	.boton-salir a{
		font-size: 1.375rem;	
		color: #efefef;
		font-weight: bold;		
       	margin-top: 5%;
		text-decoration: none;
		padding-top: 2px;
		display: inline-block;			
		}	
																								 /*   Rosa vieja   */	   
	.cuerpo_azulon{		
		width: 100%;                                 		
		height: 70%; 		
		margin-top: 6px;	
		margin-right: auto;
		margin-left: auto;
		background-image:url(../imagenes/fondos/azul-palido.jpg);	  /* puede ir entre comillas, dobles, simples o sin */
		background-repeat: no-repeat;	
		background-size: cover;			
		border: 1px solid #2b3a42;
		border-radius: 0.625rem;
		
		 }
		 
	.mensaje-1{                                         			        	 	     
		width: 70%;
		max-width: 800px;
		height:37%;
		max-height: 950px;
		margin-top: 70px;
		margin-right: auto;
		margin-left: auto;
		}

	.mensaje-2{                        				 	     
		width: 85%;
	       height: 58%;		
		margin-top: 7%;
		margin-right: auto;
	      margin-left: auto;	  
		}
																								 /*   Rosa vieja   */				
	.cartel{                   		
		width: 45%;
		height: 5%; 
		margin-top: 3%;
		padding-top: 5px;
		margin-left: 27%;
		margin-right: 27%;       
		text-align : center;		       
		background-color: #efefef;
		border-radius:0.5em;
		}
		
	.texto{     
		display: flex;
		justify-content: center; /* Centrado horizontal */
		align-items: center;	
		width: 60%;		
		height: 25%;
		max-height: 850px;
		margin-top: 10%;
		margin-right: auto;
	      margin-left: auto;	    		
		}	
													
	.texto p{
		text-align: center;
		}

	.boton-continuar{  
		position:absolute;	
		width: 14%;
		height: 8%;
		left: 50%;
		top: 60%;			
		text-align : center;	
		padding-top: 1.2%;
		}
																								 /*   Rosa vieja   */
	.boton-continuar a{
		font-size: 2rem;	
		color: #ff0000;			
		text-decoration: none;						
		font-weight:bold ;
		}		
	   
	.salida-1{	          
		width: 100%;	
		height: 505px; 	
            margin: 20px auto 0 auto;	
	      border-radius: 0.625rem;			
	      border: 1px solid #2b3a42;
		background-image:url(../imagenes/fondos/IMG_9750.jpg);
		background-repeat: no-repeat;
		background-size: cover;			
		}	 
		
	.despe-1{
		width: 70%;
		height: 6%;
		margin-left: 15%;
	      margin-top: 10%;
		font-family: Comic Sans MS; 
		font-size : 26px; 
		color: #00FFFF; 
		font-weight: bold ;
		}	
	
	.despe-3{
		width: 70%;
		height: 6%; 
		margin-left: 40%;
	      margin-top: 16%;
		font-family: Comic Sans MS; 
		font-size : 24px; 
		color: #FFFF00; 
		font-weight: bold ;
		}
																								 /*   Rosa vieja   */		
	.boton-despe{
		width: 30%;
		height: 9%;
		margin-left: 40%;
	      margin-top:  7%;
		border-radius: 0.625rem; 
		background: #103E5D;	
		text-align : center;	
		}
	
	.boton-despe a{
		font-size: 2rem;	
            color: #ff0000;
		text-align: center;		
		text-decoration: none;						
		font-weight:bold ;
		padding: 1%:
		}		
}

																								 /*   Rosa vieja   */