/* responsive sm */
 /*     Rosa Vieja   1747     */

@media screen and (min-width: 1024px) and (max-width: 1200px) {	
    
	                                                                                                                   /*   Gris Tenue   2    */ 
    html
	{
		font-family : "TREBUCHET MS"; 		
	}
	
	body{
	    margin: 0;
	 	background-color: #7a7265;         /*   Gris Tenue   */                                                 
        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    */
	}

	h1{
		font-size: 1.5rem;       /* 24px  */
		color:  #2b3a42;        /*    negro   */
		font-weight: bold ;
        display: block;
        margin-top: 0;
        margin-bottom: 0;
	}
	
	h2{
	   font-size : 1rem;        /*  16px  */
	   color :  #2b3a42;        /*    negro   */
	   font-weight :bold ;
	   display: block;
       margin-top: 0;
       margin-bottom: 0;
	}
	
	h3{
      font-size: 0.875rem;        /*  14px  */
	  color:  #2b3a42;              /*    negro   */
	  font-weight:bold ;
	  display: block;
      margin-top: 0;
      margin-bottom: 0;	   
	}
	                                                                                                                 /*   Gris Tenue   2    */ 
	h4{
	    font-size: 1.125rem;        /*     18px    */
	    color:  #2b3a42;              /*    negro   */
	    font-weight:bold ;
		display: block;
        margin-top: 0;
        margin-bottom: 0;
	}
	
	h5{
	    font-size : 1.125rem;          /*    18px      */
	    color : #eaefd3;              /*    cáscara de huevo     */
	    font-weight: bold;
		display: inline;
        margin-top: 0;
        margin-bottom: 0;
	}
	
	h6{
		font-size: 2rem;              /*     32px     */
	    color: #ff0000;               /*     rojo      */
	    font-weight:bold ;
		display: inline;
        margin-top: 0;
        margin-bottom: 0;
	}
	
	.rojo{
		font-size: 1.5rem;              /*     24px     */
	    color: #ff0000;               /*     rojo      */
	    font-weight:bold ;
		display: inline;       
	}
	
	                                                                                                                                  /*   Gris Tenue     2         */ 
    .input{
		font-size: 1.5rem ;
		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: "Gris Tenue ";
         position: absolute;
         top: 5px;
         left: 10px;
         color: #2b3a42;
     }
	 
	.contenedor{
		width:100%;
        max-width: 1000px;				
		height: 65%; 
        max-height: 700px; 		
         margin-top: 2%;		
		margin-right: auto;
		margin-left: auto;
	    padding: 10px;
	    background-color: white;
		box-shadow: 20px 20px 40px 0 rgba(20, 20, 20, 0.3);
		border: 2px solid #2b3a42;
	    border-radius: 10px;   
		}
		 
			
	.titulo{				
		width: 98%;
		max-width: 1000px;
        height: 12%;			
		margin-top: 0px;	
	    margin-right: auto;
	    margin-left: auto;
		padding: 1% ;
		text-align:center;
		background: #103E5D;	
        border-radius: 10px;			
		}
                                                                                                                           /*   Gris Tenue   2    */ 
	
	nav#menu{	
		width: 100%;
		max-width: 1000px;
		height: 5%;   
		text-align: center;
		padding-top: 2px;
		margin-top: 6px;
		margin-right: auto;
	    margin-left: auto;
       	background-color: #103E5D;		
	    border-radius: 10px;	
		}
		
		
	.titulosinmenu{			
		width: 100%;
		max-width: 1000px;			
		height: 12%;
		background: #103E5D;       
        border-radius: 10px;
        }
                                                                                                                                              /*   Gris Tenue     2         */ 
 
	.titulo-1{
		padding-top: 1.2%;
		color: #efefef;
		font-size : 1.5rem;       /* 24px  */
		text-align:center;			
		font-weight :bold;			
	    }
	
	.titulo-2{
		padding-top: 2%;
		color: #efefef;
		font-size : 1rem;        /*  16px  */
		text-align:center;			
		font-weight :bold ;
		padding-bottom: 1.5%;
	   }
		
	.cuerpo_azul{		
		width: 100%;                                 
		max-width: 1000px;
        height: 500px;  								
		margin-top: 6px;	
        background-image:url(../imagenes/fondos/azul-palido.jpg);	  /* puede ir entre comillas, dobles, simples o sin */
        background-repeat: no-repeat;	
        background-size: cover;			
		border: 2px solid #2b3a42;
		border-radius: 10px;
	   }
	 	
			
	.mensaje-1{                                       	        	 	     
		width:60%;
		height:40%;
		margin-top: 50px;
		margin-right: auto;
	    margin-left: auto;		
		color: #efefef;		
		}	
												
	                                                                                                                                              /*   Gris Tenue     2         */ 
	.mensaje-2{                        					 	     
		width:85%;
		height:66%;
		margin-top: 40px;
		margin-right: auto;
	    margin-left: auto;	   		
		}

	.mensaje-videos{                        				 	     
		width: 85%;
	    max-width: 700px;
	    height: 30%;
		max-height: 300px;
		margin-top: 4%;
		margin-right: auto;
	    margin-left: auto;			
		}

		
	.entrada-1{	          
		width: 100%;
		max-width: 1000px;
		height: 540px; 
		max-height: 540px;
        margin: 20px auto 0 auto;	
	    border-radius: 10px;			
	    border: 1px solid #2b3a42;	
		background-image:url(../imagenes/fondos/IMG_8641.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		}

	
	.entrada-2{	          
		width: 100%;
		max-width: 1000px;
		height: 540px; 
		max-height: 540px;
        margin: 20px auto 0 auto;	
	    border-radius: 10px;			
	    border: 1px solid #2b3a42;
		background-image:url(../imagenes/fondos/piedras.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		}	

                                                                                                                                                    /*   Gris Tenue     2         */ 
	.salida-1{	          
		width: 100%;
		max-width: 1000px;
		height: 540px; 
		max-height: 540px;
        margin: 20px auto 0 auto;	
	    border-radius: 10px;			
	    border: 1px solid #2b3a42;
		background-image:url(../imagenes/fondos/IMG_9750.jpg);
		background-repeat: no-repeat;
		background-size: cover;	
		}	 
			
			
    .boton-entrar{  
        position:absolute;	
	    width: 14%;
	    height: 8%;
	    left: 50%;
	    top: 48%;
		border-radius: 1em; 
		background: #103E5D;	
		text-align : center;	
        padding-top: 1.2%;			
		}
	
		
	.boton-entrar a{
	    font-size: 2.5rem;	
        color: #ff0000;			
		text-decoration: none;						
		font-weight:bold ;
	}		
	
	.boton-salir{  
        	
		width: 15%;
		height: 8%;
		margin-left: 50%;
	    margin-top: 4%;
		border-radius: 1em; 
		background: #103E5D;	
		text-align : center;	
		padding-top: 1%;
		}
			/*

position:absolute;

*/			                                                                                                                 /*   Gris Tenue     2         */ 
	.boton-salir a{
	    font-size : 22px;	
        color: #efefef;
        font-weight: bold;
		
      
		text-decoration: none;
       
		
	    }	
	/*
	margin-top: 2%;
padding-top: 3%;
	 display: inline-block;
	 */
	 
	.boton-videos{
		width: 25%;
		height: 16%;
		margin-top: 12%;
		margin-left: auto;
		margin-right: auto;
		text-align : center;	
		border-radius: 0.5em; 
		background: #103E5D;	
	   	}
                                                                                                               /*   beig   */
	
	.boton-videos a{
		font-size : 1.5rem;        
	    color : #eaefd3;              
	    font-weight: bold;
		text-decoration: none;
		padding: 1%;
	}
	
	.boton-salida{
		width: 22%;
		height: 8%;
		margin-left: 50%;
	    margin-top: 44%;
		border-radius: 1em; 
		background: #103E5D;	
		text-align : center;	
		padding-top: 1%;
		border: 4px solid #ff0000;
	}

	.boton-salida a{
		font-size : 1.5rem;        
	    color : #eaefd3;              
	    font-weight: bold;
		text-decoration: none;
		padding: 1%;
	}
	
                                                                                                                  /*   beig   */	
	.centrar{
		text-align: center;		
	    }

                                                                                                             		/*   Gris Tenue     2         */ 
	.centro-6{                                   	
		width:50%;
		height:42%;
		margin-top: 11%;
		padding-top: 3px;	
		border-radius:0.5em;
		margin-right: auto;
		margin-left: auto;
		background-color:#bdd4de;			
		border: 1px solid #2b3a42;		
		}
		
				
    .centro-7{                                   
		width:50%;
		height:47%;
		margin-top: 8%;
		padding-top: 5px;	
		border-radius:0.5em;
		margin-right: auto;
		margin-left: auto;	
		background-color:#bdd4de;			
		border: 1px solid #2b3a42;		
		}
		
		
	.centro-6, .centro-7, .naranja{
		font-size: 1.125rem;	
	    color: #ff0000;  
		font-weight :bold ;
		}
		                                                                                                             /*           Gris Tenue     2         */ 
	.centro-7 h1,h2,h3{
		padding-left: 10px;
		padding-right: 10px;
	    }
	
	.cartel{                   					
		width: 40%;
	    height: 5%;  
		margin-top: 1%;
	    margin-left: 30%;
		margin-right: 30%;       
	    text-align: center;		
        padding: 1%;
	    background-color: #efefef;
		border-radius:0.5em;
		}	

	
	table{
		width: 100%;		
		height: 90%;
		margin-top: 0%;	
		margin-right: auto;
		margin-left: auto;			
		border-spacing: 9px;
	}		
			
	table tr{
		border: 1px solid #006600;
		width: 10%;
		height: 10%;
		background-color: #efefef;			
		padding: 5px;
		text-align: center;
		border-radius: 10px; 
		margin-right: auto;
		margin-left: auto;		
		}	
		                                                                                                                                        /*   Gris Tenue     2         */ 
	table td{	
		width: 10%;
		height: 10%;
		background-color: #efefef;			
		padding: 5px;
		text-align: center;
		border-radius: 10px; 
		margin-right: auto;
		margin-left: auto;		
		}
		

     table a{
		font-size: 1rem;
		color: #2b3a42;
		text-decoration: none;	
	   }	
	
	.tabla-0{			
		width: 100%;		
		height: 90%;		
		}	 
		
	.tabla-1{			
		width: 30%;		
		height: 20%;	
		margin-left: 35%;
		margin-right: 35%;			
		}	
                                                                                                                                  /*     Gris Tenue  2     */
	.tabla-2{			
		width: 50%;		
		height: 20%;	
		margin-left: 25%;
		margin-right: 25%;		
		}			
			
	.tabla-3{			
		width: 60%;		
		height: 20%;	
		margin-left: 20%;
		margin-right: 20%;	
		}			

    .tabla-4{			
		width: 65%;		
		height: 20%;	
		margin-left: 17%;
		margin-right: 17%;	
		}			
			
    .tabla-5{			
		width: 80%;		
		height: 20%;	
		margin-left: 10%;
		margin-right: 10%;	
		}			
			
    .tabla-6{			
		width: 60%;		
		height: 30%;	
		margin-left: 20%;
		margin-right: 20%;	
		}			
						
    /*      Pie de las galerias de fotos    */
 
	.tabla-pie{
		width: 35%;		
		height: 5%;	
		margin-top: 0;	
		margin-right: auto;
		margin-left: auto;			
		border-spacing: 10px; 		
		font-size: 0.875rem;
		color: #000; 
			}	
		
	.tabla-pie tr{
		border: 1px solid #006600;
		width: 10%;
		height: 5%;						
		padding: 10px;
		text-align: center;
		background-color: #efefef;	
		}
			
	.tabla-pie td{
		border: 1px solid #006600;
		width: 10%;
		height: 5%;						
		padding: 10px;
		text-align: center;				
		background-color: #efefef;	
		}
				
	.tabla-pie a:visited{ 
		color: #00cc99;    /* color del texto enlace cuando ya ha sido visitado */
		}
			
	.tabla-pie a:hover{ 
		text-decoration : none; 
		color: #ff3366; /* rojo, cuando el puntero está sobre el enlace*/
		} 
    
	.tabla-pie a{
		font-size : 1.125rem; 
		color: #000; 
		}
    
    /*   Pie de las galerias de fotos    */
                                                                                                                  	/*   Gris Tenue     2         */ 
		
	footer{	
        width: 99%;
		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;
		}	
		
}




/* responsive md */ /*     ********************************************************************************************************************************   */
@media screen and (min-width: 1201px) and (max-width: 1280px) {
                                                                                                                                           /*      Plata    3    */
    html
	{
		font-family : "TREBUCHET MS"; 		
	}
	
	body{
	    margin: 0;
	 	background-color: #c0b7b1;        /*   Plata   */                                               
        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    */
	}

	h1{
		font-size : 1.5rem;       /* 24px  */
		color :  #2b3a42;        /*    negro   */
		font-weight :bold ;
        display: block;
        margin-top: 0;
        margin-bottom: 0;
	}
	
	h2{
	   font-size : 1rem;        /*  16px  */
	   color :  #2b3a42;        /*    negro   */
	   font-weight :bold ;
	   display: block;
       margin-top: 0;
       margin-bottom: 0;
	}
	
	h3{
      font-size: 0.875rem;        /*  14px  */
	  color:  #2b3a42;              /*    negro   */
	  font-weight:bold ;
	  display: block;
      margin-top: 0;
      margin-bottom: 0;	   
	}
	
	h4{
	    font-size: 1.125rem;        /*     18px    */
	    color:  #2b3a42;              /*    negro   */
	    font-weight:bold ;
		display: block;
        margin-top: 0;
        margin-bottom: 0;
	}
	
	h5{
	    font-size : 1.125rem;          /*    18px      */
	    color : #eaefd3;              /*    cáscara de huevo     */
	    font-weight: bold;
		display: inline;
        margin-top: 0;
        margin-bottom: 0;
	}
	
	h6{
		font-size: 2rem;              /*     32px     */
	    color: #ff0000;               /*     rojo      */
	    font-weight:bold ;
		display: inline;
        margin-top: 0;
        margin-bottom: 0;
	}
	
	.rojo{
		font-size: 1.5rem;              /*     24px     */
	    color: #ff0000;               /*     rojo      */
	    font-weight:bold ;
		display: inline;       
	}
	
	                                                                                                                                  /*   Plata               3         */ 
    .input{
		font-size: 1.5rem ;
		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: "Plata ";
         position: absolute;
         top: 5px;
         left: 10px;
         color: #2b3a42;
     }

	.contenedor{
		width:100%;
        max-width: 1000px;				
		height: 65%; 
        max-height: 700px; 		
         margin-top: 2%;		
		margin-right: auto;
		margin-left: auto;
	    padding: 10px;
	    background-color: white;
		box-shadow: 20px 20px 40px 0 rgba(20, 20, 20, 0.3);
		border: 2px solid #2b3a42;
	    border-radius: 10px;   
		}
		 
			
	.titulo{				
		width: 98%;
		max-width: 1000px;
        height: 12%;			
		margin-top: 0px;	
	    margin-right: auto;
	    margin-left: auto;
		padding: 1% ;
		text-align:center;
		background: #103E5D;	
        border-radius: 10px;			
		}

	
	nav#menu{	
		width: 100%;
		max-width: 1000px;
		height: 5%;   
		text-align: center;
		padding-top: 2px;
		margin-top: 6px;
		margin-right: auto;
	    margin-left: auto;
       	background-color: #103E5D;		
	    border-radius: 10px;	
		}
		
		
	.titulosinmenu{			
		width: 100%;
		max-width: 1000px;			
		height: 12%;
		background: #103E5D;       
        border-radius: 10px;
        }
                                                                                                                                              /*   Plata               3         */ 
 
	.titulo-1{
		padding-top: 1.2%;
		color: #efefef;
		font-size : 1.5rem;       /* 24px  */
		text-align:center;			
		font-weight :bold;			
	    }
	
	.titulo-2{
		padding-top: 2%;
		color: #efefef;
		font-size : 1rem;        /*  16px  */
		text-align:center;			
		font-weight :bold ;
		padding-bottom: 1.5%;
	   }
		
	.cuerpo_azul{		
		width: 100%;                                 
		max-width: 1000px;
        height: 530px;  								
		margin-top: 6px;	
        background-image:url(../imagenes/fondos/azul-palido.jpg);	  /* puede ir entre comillas, dobles, simples o sin */
        background-repeat: no-repeat;	
        background-size: cover;			
		border: 2px solid #2b3a42;
		border-radius: 10px;
	   }
	 	
			
	.mensaje-1{                                       	        	 	     
		width:60%;
		height:40%;
		margin-top: 50px;
		margin-right: auto;
	    margin-left: auto;		
		color: #efefef;		
		}	
												
	                                                                                                                                              /*   Plata               3         */ 
	.mensaje-2{                        					 	     
		width:85%;
		height:66%;
		margin-top: 40px;
		margin-right: auto;
	    margin-left: auto;	   
		}
		
		
	.mensaje-videos{                        				 	     
		width: 85%;
	    max-width: 700px;
	    height: 30%;
		max-height: 300px;
		margin-top: 4%;
		margin-right: auto;
	    margin-left: auto;		
border: 3px solid #ff0000;		
		}

			
	.entrada-1{	          
		width: 100%;
		max-width: 1000px;
		height: 540px; 
		max-height: 540px;
        margin: 20px auto 0 auto;	
	    border-radius: 10px;			
	    border: 1px solid #2b3a42;	
		background-image:url(../imagenes/fondos/IMG_8641.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		}

	
	.entrada-2{	          
		width: 100%;
		max-width: 1000px;
		height: 540px; 
		max-height: 540px;
        margin: 20px auto 0 auto;	
	    border-radius: 10px;			
	    border: 1px solid #2b3a42;
		background-image:url(../imagenes/fondos/piedras.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		}	

                                                                                                                                                    /*   Plata               3         */ 
	.salida-1{	          
		width: 100%;
		max-width: 1000px;
		height: 540px; 
		max-height: 540px;
        margin: 20px auto 0 auto;	
	    border-radius: 10px;			
	    border: 1px solid #2b3a42;
		background-image:url(../imagenes/fondos/IMG_9750.jpg);
		background-repeat: no-repeat;
		background-size: cover;	
		}	 
			
			
    .boton-entrar{  
        position:absolute;	
	    width: 14%;
	    height: 8%;
	    left: 50%;
	    top: 50%;
		border-radius: 0.5em; 
		background: #103E5D;	
		text-align : center;	
        padding-top: 1.2%;			
		}
	
		
	.boton-entrar a{
	    font-size: 2.5rem;	
        color: #ff0000;			
		text-decoration: none;						
		font-weight:bold ;
	}		
	
	.boton-salir{  
        position:absolute;	
		width: 15%;
		height: 7%;
		left: 50%;
	    top: 58%;
		border-radius: 0.5em; 
		background: #103E5D;	
		text-align : center;	
		}
						                                                                                                                             /*   Plata               3         */ 
	.boton-salir a{
	    font-size : 22px;	
        color: #efefef;
        font-weight: bold;		
       	margin-top: 7%;
		text-decoration: none;
        display: inline-block;				
	    }	
		
	.boton-videos{
		width: 25%;
		height: 16%;
		margin-top: 16%;
		margin-left: auto;
		margin-right: auto;
		text-align : center;	
		border-radius: 0.5em; 
		background: #103E5D;	
	   	}

	
	.boton-videos a{
		font-size : 1.5rem;        
	    color : #eaefd3;              /*   beig   */
	    font-weight: bold;
		text-decoration: none;
		padding: 1%;
	}
	
	
	.boton-salida{
		width: 22%;
		height: 8%;
		margin-left: 50%;
	    margin-top: 44%;
		border-radius: 1em; 
		background: #103E5D;	
		text-align : center;	
		padding-top: 1%;
		border: 4px solid #ff0000;
	}

	.boton-salida a{
		font-size : 1.5rem;        
	    color : #eaefd3;              
	    font-weight: bold;
		text-decoration: none;
		padding: 1%;
	}
	
	.centrar{
		text-align: center;		
	    }
		
	.centro-6{                                   	
		width:50%;
		height:42%;
		margin-top: 11%;
		padding-top: 3px;	
		border-radius:0.5em;
		margin-right: auto;
		margin-left: auto;
		background-color:#bdd4de;			
		border: 1px solid #2b3a42;		
		}
		
				
    .centro-7{                                    	
		width:50%;
		height:46%;
		margin-top: 10%;
		padding-top: 5px;	
		border-radius:0.5em;
		margin-right: auto;
		margin-left: auto;	
		background-color:#bdd4de;			
		border: 1px solid #2b3a42;		
		}
		
		
	.centro-6, .centro-7, .naranja{
		font-size: 1.125rem;	
	    color: #ff0000;  
		font-weight :bold ;
		}
		                                                                                                                                                           /*   Plata               3         */ 
	.centro-7 h1,h2,h3{
		padding-left: 10px;
		padding-right: 10px;
	    }
	
	.cartel{                    /* da la bienvenida en identificacion_2.php */						
		width: 40%;
	    height: 5%;  
		margin-top: 1%;
	    margin-left: 30%;
		margin-right: 30%;       
	    text-align: center;		
        padding: 1%;
	    background-color: #efefef;
		border-radius:0.5em;
		}	

	
	table{
		width: 100%;		
		height: 90%;
		margin-top: 0%;	
		margin-right: auto;
		margin-left: auto;			
		border-spacing: 9px;
	}		
			
	table tr{
		border: 1px solid #006600;
		width: 10%;
		height: 10%;
		background-color: #efefef;			
		padding: 5px;
		text-align: center;
		border-radius: 10px; 
		}	
		                                                                                                                                                             /*   Plata               3         */ 
	table td{	
		width: 10%;
		height: 10%;
		background-color: #efefef;			
		padding: 5px;
		text-align: center;
		border-radius: 10px; 
		}
		

     table a{
		font-size: 1rem;
		color: #2b3a42;
		text-decoration: none;	
	   }	
	
	.tabla-0{			
		width: 100%;		
		height: 90%;		
		}	 
		
	.tabla-1{			
		width: 30%;		
		height: 20%;	
		margin-left: 35%;
		margin-right: 35%;			
		}	
                                                                                                                                  /*     Plata   3     */
	.tabla-2{			
		width: 50%;		
		height: 20%;	
		margin-left: 25%;
		margin-right: 25%;		
		}			
			
	.tabla-3{			
		width: 60%;		
		height: 20%;	
		margin-left: 20%;
		margin-right: 20%;	
		}			

    .tabla-4{			
		width: 65%;		
		height: 20%;	
		margin-left: 17%;
		margin-right: 17%;	
		}			
			
    .tabla-5{			
		width: 80%;		
		height: 20%;	
		margin-left: 10%;
		margin-right: 10%;	
		}			
			
    .tabla-6{			
		width: 60%;		
		height: 30%;	
		margin-left: 20%;
		margin-right: 20%;	
		}			
							
 
     /*       Pie de las galeria de fotos   */
	 
	.tabla-pie{
		width: 35%;		
		height: 5%;	
		margin-top: 0;	
		margin-right: auto;
		margin-left: auto;			
		border-spacing: 10px; 		
		font-size: 0.875rem;
		color: #000; 
			}	
		
	.tabla-pie tr{
		border: 1px solid #006600;
		width: 10%;
		height: 5%;						
		padding: 10px;
		text-align: center;
		background-color: #efefef;	
		}
			
	.tabla-pie td{
		border: 1px solid #006600;
		width: 10%;
		height: 5%;						
		padding: 10px;
		text-align: center;				
		background-color: #efefef;	
		}
				
	.tabla-pie a:visited{ 
		color: #00cc99;    /* color del texto enlace cuando ya ha sido visitado */
		}
			
	.tabla-pie a:hover{ 
		text-decoration : none; 
		color: #ff3366; /* rojo, cuando el puntero está sobre el enlace*/
		} 
    
	.tabla-pie a{
		font-size : 1.125rem; 
		color: #000; 
		}
  
     /*    Pie de las galerias de fotos    */  
                                                                                                                   /*   Plata       3         */ 
		
	footer{	
        width: 99%;
		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;
		}		
		                                                                                                                                      /*   Plata       3         */ 
}

                                               /*   final de 1281 a 1600   */

/* ********************************************************************************************* */
/* responsive lg */


@media screen and (min-width: 1281px) and (max-width: 1920px){

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   */
	}
	                                                                                                                                 /*   Viridiano    4      */
    .contenedor::before {
         content: "Viridiano ";
         position: absolute;
         top: 5px;
         left: 10px;
         color: #2b3a42;
     }
	
	body{
	    margin: 0;
	 	background-color: #679289;   /*  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    */
	}
	
		
	h1{
		font-size : 2rem;       /* 32px  */        /*     font-size : 1.5rem;       /* 24px  */
		color :  #2b3a42;  
		font-weight :bold ;
		color :  #2b3a42;  
		font-weight :bold ;
        display: block;
        margin-top: 0;
        margin-bottom: 0;
	}
	
		                                                                                                                                 /*   Viridiano    4      */
	h2{
		font-size : 1.25rem;       /* 20px  */
		color :  #2b3a42;  
		font-weight :bold ;
	    display: inline;
        margin-top: 0;
        margin-bottom: 0;
	}
	
	h3{
        font-size : 0.75rem;        /*  12px  */
	    color :  #2b3a42;  
	    font-weight :bold ;
		color :  #2b3a42;  
		font-weight :bold ;
        display: block;
        margin-top: 0;
        margin-bottom: 0;
	}
	
	h4{
	    font-size : 1.5rem;            /*   24px    */
	    color :  #2b3a42;  
	    font-weight :bold ;
		 display: block;
        margin-top: 0;
        margin-bottom: 0;
	}	                                                                                                                                 /*   Viridiano    4      */
	
		
	h5{
	    font-size : 1.5rem;          /*  24px   */
	    color : #eaefd3;
	    font-weight: bold;
		display: inline;
        margin-top: 0;
        margin-bottom: 0;
	}
	
	h6{
		font-size: 1rem;              /*     18px     */
	    color: #2b3a42;               /*     rojo      */
	    font-weight:bold ;
		display: block;
        margin-top: 0;
        margin-bottom: 0;
	}
	                                                                                      /*     font-size: 1.5rem;                  24px     */
	.rojo{		
	    color: #ff0000;               /*     rojo      */
	    font-weight:bold ;
		display: inline;       
	}
		                                                                                                                                 /*   Viridiano    4      */
    .input{
	/*	width: 20%;   */
		font-size: 1.25rem ;                       /* 20px  */
		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: "Viridiano ";
         position: absolute;
         top: 5px;
         left: 10px;
         color: #2b3a42;
     }
	 
	.contenedor{
		width: 60%;
		height: 650px;		
        margin-top: 2%;		
		margin-right: auto;
		margin-left: auto;
	    padding: 10px;
		border: 1px solid #2b3a42;
	    background-color: white;
		box-shadow: 20px 20px 40px 0 rgba(20, 20, 20, 0.3);
		
	    border-radius: 0.625rem;   
		}
		
		/*
		max-width: 800px;	
		
		*/
					
				                                                                                                                        /*     Viridiano      4      */
	.titulo{	
        width: 100%;				
		height: 13%;
		background: #103E5D;      
        border-radius: 0.625rem;

	}
	/*	
		width: 100%;
		
        height: 12%;			
		margin-top: 0px;	
		margin-right: auto;
	    margin-left: auto;
		padding: 1% ;
		text-align:center;
		background: #103E5D;	
        border-radius: 0.625rem;			
         }   
		 /*
		 
		 max-width: 800px;	
		 */
		
	nav#menu{		       
			width: 100%;
			
			height: 5%;   
			text-align: center;
			padding-top: 2px;
			margin-top: 6px;
			margin-right: auto;
		    margin-left: auto;
          	background-color: #103E5D;		
			border-radius: 0.625rem;				 
			}
		

	.titulo-1{
		padding-top: 1.2%;
		color: #efefef;
		font-size : 1.625rem;       /* 26px  */
		text-align:center;			
		font-weight :bold;
		letter-spacing: 3px;		
	}
	                                                                                                                        /*         Viridiano      4     */
	.titulo-2{
		padding-top: 2%;
		color: #efefef;
		font-size : 1rem;        /*  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;
		 }
	 	
	
	.cuerpo_azulon{		
		width: 100%;                                 		
        height: 517px; 		
		margin-top: 6px;	
        margin-right: auto;
        margin-left: auto;
        background-image:url(../imagenes/fondos/azulon.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:66%;
		margin-top: 40px;
		margin-right: auto;
	    margin-left: auto;	   
		}
		                                                                                                                                    /*       Viridiano    4     */
	.mensaje-videos{                        				 	     
		width: 85%;
	    max-width: 700px;
	    height: 30%;
		max-height: 300px;
		margin-top: 9%;
		margin-right: auto;
	    margin-left: auto;			
		}
	
	
	.entrada-1{	          
		width: 100%;
		
		height: 506px;
        margin: 20px 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;		
		}
		/*
		
		max-width: 800px;
		*/

	
	.entrada-2{	          
		width: 100%;
		
		height: 506px;
        margin: 20px 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;		
		}
/*
max-width: 1200px;

*/		

	
	.salida-1{	          
		width: 100%;
		
		height: 506px; 
		
        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;	
		}	 
		
		
	.boton-entrar{  
        position:absolute;	
		width: 14%;
		height: 7%;
		left: 50%;
	    top: 60%;
		border-radius: 0.625rem;
		background: #103E5D;	
		text-align : center;	
      			
		}

                                                                                                                                 /*      Viridiano  4     */
	.boton-entrar a{
	    font-size: 3rem;	
        color: #ff0000;			
		text-decoration: none;						
		font-weight:bold ;
	}

	
	.boton-salir{  
        position:absolute;	
		width: 14%;
		height: 8%;
		left: 50%;
	    top: 70%;
		border-radius: 0.625rem; 
		background: #103E5D;	
		text-align : center;		
		}
	
				                                                                                                                                 /*   Viridiano    4      */
	.boton-salir a{
	    font-size: 1.375rem;	
        color: #efefef;
        font-weight: bold;		
       	margin-top: 8%;
		text-decoration: none;
		padding-top: 3px;
        display: inline-block;			
	   }	
	   
	.boton-videos{
		width: 25%;
		height: 15%;
		margin-top: 18%;
		margin-left: auto;
		margin-right: auto;
		text-align : center;	
		border-radius: 0.625rem; 
		background: #103E5D;	
	   	}

	
	.boton-videos a{
		font-size : 1.5rem;        
	    color : #eaefd3;              /*   beig   */
	    font-weight: bold;
		text-decoration: none;
		padding: 1%;
	}
		                                                                                                                                 /*   Viridiano    4      */
	.boton-salida{
		width: 22%;
		height: 8%;
		margin-left: 50%;
	    margin-top: 44%;
		border-radius: 0.625rem;
		background: #103E5D;	
		text-align : center;	
		padding-top: 1%;
		border: 4px solid #ff0000;
	}

	.boton-salida a{
		font-size : 1.5rem;        
	    color : #eaefd3;              
	    font-weight: bold;
		text-decoration: none;
		padding: 1%;
	}
	
	
	.centrar{
		text-align: center;		
	    }
			                                                                                                                                 /*   Viridiano    4      */
	.centro-6{                                 
		width: 43%;
		height: 40%;
		margin-top: 10%;
		padding: 5px;	
		border-radius: 0.625rem;
		margin-right: auto;
		margin-left: auto;
	   	background-color:#bdd4de;
		white-space: 6;
		}
		/*
		
		border: 4px solid #ff0000;
		*/
	
	.centro-7{                                      /* entrada password    ident_2.php  */
		width: 52%;
		height:50%;
		margin-top: 7%;
		padding-top: 5px;	
		border-radius: 0.625rem;
		margin-right: auto;
		margin-left: auto;	
		background-color:#bdd4de;			
				
		}
		
		
	.centro-6 .naranja, .centro-7 .naranja{
		     /*  18px  */
	    color: #ff0000;  
		font-weight :bold ;
		}

	.centro-7 p{		
		font-size: 16px;
		line-height: 0.7; /* 24px */
		}	
	
	.centro-7 h1,h2,h3{
		padding-left: 10px;
		padding-right: 10px;
	    }
	
	
		                                                                                                                           /*      Viridiano   4     */
	.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;
		}	

	
	table{
		width: 100%;		
		height: 90%;
		margin-top: 0%;	
		margin-right: auto;
		margin-left: auto;			
		border-spacing: 9px;
	}		
			
	table tr{
		border: 1px solid #006600;
		width: 10%;
		height: 10%;
		background-color: #efefef;			
		padding: 5px;
		text-align: center;
		border-radius: 10px; 
		}	
		                                                                                                                                 /*     Viridiano   4   */
	table td{	
		width: 10%;
		height: 10%;
		background-color: #efefef;			
		padding: 5px;
		text-align: center;
		border-radius: 10px; 
		}
		

     table a{
		font-size: 1rem;
		color: #2b3a42;
		text-decoration: none;	
	   }	
	
	.tabla-0{			
		width: 100%;		
		height: 90%;		
		}	 
		
	.tabla-1{			
		width: 30%;		
		height: 20%;	
		margin-left: 35%;
		margin-right: 35%;			
		}	
                                                                                                                                  /*     Viridiano    4     */
	.tabla-2{			
		width: 50%;		
		height: 20%;	
		margin-left: 25%;
		margin-right: 25%;		
		}			
			
	.tabla-3{			
		width: 60%;		
		height: 20%;	
		margin-left: 20%;
		margin-right: 20%;	
		}			

    .tabla-4{			
		width: 65%;		
		height: 20%;	
		margin-left: 17%;
		margin-right: 17%;	
		}			
			
    .tabla-5{			
		width: 80%;		
		height: 20%;	
		margin-left: 10%;
		margin-right: 10%;	
		}			
			
    .tabla-6{			
		width: 60%;		
		height: 30%;	
		margin-left: 20%;
		margin-right: 20%;	
		}			
			
	  /*    Pie de las galerias de fotos    */
		
	.tabla-pie{
		width: 35%;		
		height: 5%;	
		margin-top: 0;	
		margin-right: auto;
		margin-left: auto;			
		border-spacing: 10px; 		
		font-size: 0.875rem;
		color: #000; 
			}	
		
	.tabla-pie tr{
		border: 1px solid #006600;
		width: 10%;
		height: 5%;						
		padding: 10px;
		text-align: center;
		background-color: #efefef;	
		}
			
	.tabla-pie td{
		border: 1px solid #006600;
		width: 10%;
		height: 5%;						
		padding: 10px;
		text-align: center;				
		background-color: #efefef;	
		}
					                                                                                                                                 /*   Viridiano    4      */
	.tabla-pie a:visited{ 
		color: #00cc99;    /* color del texto enlace cuando ya ha sido visitado */
		}
			
	.tabla-pie a:hover{ 
		text-decoration : none; 
		color: #ff3366; /* rojo, cuando el puntero está sobre el enlace*/
		} 
    
	.tabla-pie a{
		font-size : 1.125rem; 
		color: #000; 
		}
		
	/*      Pie de las galerias de fotos    */
	
	
	footer{	
        width: 99%;
		height: 25px;	
		margin-top: 6px;
    	background-color: #103E5D;
		border-radius: 10px;	
		padding: 5px;		
		color: #efefef;
			}
					

  	footer section{
		float: right;		
		}
		                                                                                                                                 /*   Viridiano    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;
		}		
}
                                               /*   final de 1601 a 1920   */

/* ********************************************************************************************* */

/* responsive lg */                                                                                      /*     Rosa Vieja   5     */
@media screen and (min-width: 1921px) and (max-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   */
		}
                                                                                                                                  /*     Rosa Vieja   5     */
	body{
	    margin: 0;
	 	background-color: #cc8b86;         /*  Rosa Vieja */
        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    */
	}
	
	h1{
		font-size : 2rem;        /* 32px  */ 
		color :  #2b3a42;  
		font-weight :bold ;
	    display: block;
        margin-top: 0;
        margin-bottom: 0;
	}
	
	h2{
		font-size : 1.25rem;       /* 20px  */
		color :  #2b3a42;  
		font-weight :bold ;
	    display: inline;
        margin-top: 0;
        margin-bottom: 0;
	}
	
	h3{
        font-size : 0.75rem;        /*  12px  */
	    color :  #2b3a42;  
	    font-weight :bold ;	 
        display: block;
        margin-top: 0;
        margin-bottom: 0;		
	}
	                                                                                                                                  /*     Rosa Vieja   5     */
	h4{
	    font-size : 1rem;           /*  16px  */
	    color :  #2b3a42;  
	    font-weight :bold ;
		 display: block;
        margin-top: 0;
        margin-bottom: 0;
		padding-top: 5px;
	}
	
	h5{
	    font-size : 1.5rem;         /*  24px  */
	    color : #eaefd3;              /*   beig   */
	    font-weight: bold;
	    display: inline;    
        margin-top: 0;
        margin-bottom: 0;
	}
	
	h6{
		font-size: 1rem;              /*     18px     */
	    color: #2b3a42;               /*     negro      */
	    font-weight:bold ;
	    display: inline; 
        margin-top: 0;
        margin-bottom: 0;
	}
	
	.rojo{
		color: #ff0000;               /*     rojo      */
	    font-weight:bold ;
		display: inline;       
	}
	
    .input{
	/*	width: 20%;    */
		font-size: 1.25rem ; 
		color: #006600;  
		font-weight: bold;
		border-radius: 10px; 
		padding-left: 10px;
		}
                                                                                                                                /*     Rosa Vieja   5     */		
 /* 	 input:hover{ 
        text-decoration : none; 
        color: #ff3366; /* rojo, cuando el puntero está sobre el enlace*/
    /*   }
	*/
	 .contenedor::before {
         content: "Rosa Vieja ";
         position: absolute;
         top: 5px;
         left: 10px;    
         color: #2b3a42;
     }
                                                                                                                                  /*     Rosa Vieja   5     */
	 
	.contenedor{
		width:60%;	
		height: 810px;			
        margin-top: 2%;		
		margin-right: auto;
		margin-left: auto;
	    padding: 10px;
	    background-color: white;
		box-shadow: 20px 20px 40px 0 rgba(20, 20, 20, 0.3);
		border: 1px solid #2b3a42;
	    border-radius: 10px;    
		}
		 
				
	.titulo{	
        width: 100%;				
		height: 13%;
		background: #103E5D;      
        border-radius: 0.625rem;

	}  
	
	nav#menu{		       
		width: 100%;
		height: 5%;   
		text-align: center;
		padding-top: 12px;
		margin-top: 6px;
		margin-right: auto;
	    margin-left: auto;
       	background-color: #103E5D;		
		border-radius: 0.625rem;			 
		}
                                                                                                                                  /*     Rosa Vieja   5     */
		
	.titulosinmenu{			
		width: 100%;
		max-width: 1200px;			
		height: 12%;
		background: #103E5D;      
        border-radius: 0.625rem;
        }
	   
	.titulo-1{
		padding-top: 1.2%;
		color: #efefef;
		font-size : 1.75rem;       /* 28px  */
		text-align:center;			
		font-weight :bold;			
	    }
	
	.titulo-2{
	    padding-top: 2%;
		color: #efefef;
		font-size : 1.125rem;        /*  18px  */
		text-align:center;			
		font-weight :bold ;
		padding-bottom: 1.5%;
	    }
	
	
	.cuerpo_azul{		
		width:100%;			
		height: 74%;	           								
		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   5     */ 	
	.cuerpo_azulon{		
		width: 100%;                                 		
        height: 81%;		
		margin-top: 6px;	
        margin-right: auto;
        margin-left: auto;
        background-image:url(../imagenes/fondos/azulon.jpg);	  /* puede ir entre comillas, dobles, simples o sin */
        background-repeat: no-repeat;	
        background-size: cover;			
		border: 1px solid #2b3a42;
		border-radius: 0.625rem;
		 }


	.cuerpo-video{	
		width: 99.5%;
		height: 73%;                                /*     660px;     */
		margin-right: 0 auto;
        margin-left: 0 auto;
	
		}		
			
			
	.mensaje-1{                                        				 	     
		width: 70%;
		max-width: 800px;
		height: 37%;
		max-height: 850px;
		margin-top: 70px;
		margin-right: auto;
	    margin-left: auto;				
		}	
										
				
	
	.mensaje-2{                        				 	     
		width: 85%;
	    max-width: 900px;
	    height: 58%;
		max-height: 500px;
		margin-top: 9%;
		margin-right: auto;
	    margin-left: auto;		
		}
			
	.mensaje-videos{                        				 	     
		width: 85%;
	    max-width: 700px;
	    height: 30%;
		max-height: 300px;
		margin-top: 9%;
		margin-right: auto;
	    margin-left: auto;			
		}
		
	.entrada-1{	          
		width: 100%;
		height: 645px;
        margin: 20px 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;				
		}
                                                                                                                                  /*     Rosa Vieja   5     */
	
	.entrada-2{	          
		width: 100%;
		height: 645px;
        margin: 20px auto 0 auto;	
	    border-radius: 10px;			
	    border: 1px solid #2b3a42;
		background-image:url(../imagenes/fondos/piedras.jpg);
		background-repeat: no-repeat;
		background-size: cover;			
		}	

	
	.salida-1{	          
		width: 100%;
		height: 670px; 
        margin: 20px auto 0 auto;	
	    border-radius: 0.625em;			
	    border: 1px solid #2b3a42;
		background-image:url(../imagenes/fondos/IMG_9750.jpg);
		background-repeat: no-repeat;
		background-size: cover;	
		}	 
	
		
	.boton-entrar{  
        position:absolute;	
		width: 14%;
		height: 8%;
		left: 50%;
	    top: 60%;
		border-radius: 0.625em; 
		background: #103E5D;	
		text-align : center;	
        padding-top: 1.2%;
		
		}
                                                                                                                                  /*     Rosa Vieja   5     */		
	.boton-entrar a{
	    font-size: 3rem;	
        color: #ff0000;			
		text-decoration: none;						
		font-weight:bold ;
	   }
	
	.boton-salir{  
        position:absolute;	
		width: 15%;
		height: 8%;
		left: 50%;
	    top: 68%;
		border-radius: 0.5rem; 
		background: #103E5D;	
		text-align : center;		
		}


	.boton-salir a{
	    font-size: 1.375rem;	
        color: #efefef;
        font-weight: bold;		
       	margin-top: 8%;
		text-decoration: none;
		padding-top: 3px;
        display: inline-block;				
	   }	
	
	.boton-videos{
		width: 25%;
		height: 15%;
		margin-top: 18%;
		margin-left: auto;
		margin-right: auto;
		text-align : center;	
		border-radius: 0.5em; 
		background: #103E5D;	
	   	}

	
	.boton-videos a{
		font-size : 1.5rem;        
	    color : #eaefd3;              /*   beig   */
	    font-weight: bold;
		text-decoration: none;
		padding: 1%;
	}
	
	.boton-salida{
		width: 22%;
		height: 8%;
		margin-left: 50%;
	    margin-top: 44%;
		border-radius: 1em; 
		background: #103E5D;	
		text-align : center;	
		padding-top: 1%;
		border: 4px solid #ff0000;
	}

	.boton-salida a{
		font-size : 1.5rem;        
	    color : #eaefd3;              
	    font-weight: bold;
		text-decoration: none;
		padding: 1%;
	}
	
	
	.centrar{
		text-align: center;		
	    }
		
		
	.centro-6{                                   
		width:38%;
		height:34%;
		margin-top: 14%;
		padding: 5px;	
		border-radius:0.5em;
		margin-right: auto;
		margin-left: auto;
		background-color:#bdd4de;							
		}
                                                                                                                                  /*     Rosa Vieja   5     */
		
	.centro-7{                                   
		width:45%;
		height:45%;
		margin-top: 9%;
		padding-top: 7px;	
		border-radius:0.5em;
		margin-right: auto;
		margin-left: auto;	
		background-color:#bdd4de;			
		border: 1px solid #2b3a42;		
		}
		
		
	.centro-6 .naranja, .centro-7 .naranja{
		font-size: 1.5rem;	         /*  18px  */
	    color: #ff0000;  
		font-weight :bold ;
		}

		
	.centro-7 h1,h2,h3{
		padding-left: 10px;
		padding-right: 10px;
	    }
	
	
	.cartel{                    			
		width: 45%;
	    height: 5%; 
		margin-top: 2%;		
	    margin-left: 27%;
		margin-right: 27%; 
        padding-top: 10px;
	    text-align : center;		       
	    background-color: #efefef;
		border-radius:0.5em;
		border: 1px solid #006600;
		}	
	

			
                                                                                                                     	/*     Rosa Vieja   5     */   
/*   ********************   USUARIOS    ********************   */

	.contenedor-listados{
		width:105%;
        max-width: 1300px;
        height: 900px;		
        margin-top: 2%;		
		margin-right: auto;
		margin-left: auto;
	    padding: 10px;
	    background-color: #efefef;
		box-shadow: 20px 20px 40px 0 rgba(20, 20, 20, 0.3);
		border: 1px solid #2b3a42;
	    border-radius: 10px;    
		box-sizing: border-box;
		
		}
		/*
		overflow-y: auto; 
		 
		 */
		 
	.mensaje-listados{                                        				 	     
		width: 70%;
		max-width: 800px;
		height: 37%;
		max-height: 950px;
		margin-top: 70px;
		margin-right: auto;
	    margin-left: auto;				
		}	
		
	.titulo-listados{				
		width: 100%;
		max-width: 1290px;	
        height: 14%;			
		margin-top: 0px;	
		margin-right: auto;
	    margin-left: auto;
		padding-top: 1% ;
		text-align:center;
		background:  #103E5D;                     
        border-radius: 10px;	
        box-sizing: border-box;
        position: sticky;	
         }   
	                                                                                                                     	/*     Rosa Vieja   5     */  
	
	nav#menu-listados{		       
		width: 100%;
		max-width: 1290px;
		height: 4%;   
		text-align: center;
		padding-top: 5px;
		margin-top: 6px;
		margin-right: auto;
	    margin-left: auto;
       	background-color:  #103E5D;                             
		border-radius: 10px;		
        position: sticky;			
		}
		
		
	.cuerpo_azul-listados{		
		width:100%;
        max-width: 1290px;
        height: 706px;	
        max-height: 706px;             								
		margin-top: 6px;	
		margin-right: auto;
	    margin-left: auto;
        background-image:url(../imagenes/fondos/azul-lista.jpg);	  /* puede ir entre comillas, dobles, simples o sin */
        background-repeat: no-repeat;	
        background-size: cover;			
		border: 1px solid #2b3a42;               
		border-radius: 10px;
		box-sizing: border-box;
		 }	
        
	.cuerpo_blanco-listados{		
		width:100%;
        max-width: 1290px;
        height: 690px;	
                								
		margin-top: 6px;	
		margin-right: auto;
	    margin-left: auto;
        background-image:url(../imagenes/fondos/blanco.jpg);	  /* puede ir entre comillas, dobles, simples o sin */
        background-repeat: no-repeat;	
        background-size: cover;			
	              
		
		box-sizing: border-box;
		overflow-Y: scroll;
	
		 }	
			
                                                                                                                     /*     Rosa Vieja   5     */
	.cartel-listados{                    			
		width: 45%;
	    height: 5%; 
		margin-top: 2%;		
	    margin-left: 27%;
		margin-right: 27%;       
	    text-align : center;		       
	    background-color: #efefef;
		border-radius:0.5em;
		border: 1px solid #006600;
		}	
	
    .encabezado{
		width: 70%;
		height: 2.5%;	
		font-size: 1.125rem;       /* 18px  */
		color: #2b3a42;  
		font-weight: bold ;
		margin-top: 0px;	
		margin-right: auto;
	    margin-left: auto;		
		text-align:center;		
        border-radius: 10px;	      			
	} 
/*
 border: 4px solid #efefef;	
background: #103E5D;	
padding: 1% ;
*/

                                                                                                                	/*     Rosa Vieja   5     */   
	.cartela{
		width: 99%;
	    height: 10%;	 
		margin-top: 17%; 
		margin-left: 0 auto;
		margin-right: 0 auto;	   
		text-align: center;
		}	
		

		
	#centro-5 
	   {                                    /*  pantalla-8 */			/*		visitas/por_dia.php				*/
		   width: 10%;
		   max-width: 1000px;
		   min-width:200px;
	       height: 12%;	
	       top: 40%;
		   margin: 0 auto;
	       text-align: center;		 
        }		 
	/*
	 border:4px solid #895b1e;
	background: #103E5D;
	right: 17%;
		left: 17%;
	position: absolute;
	 padding-top: 1%;		
	display: block;
	background-color:#efefef;
	 left:11%;
	border-radius:0.5em;	
	  padding-left:20px;
	*/
	
	

		
	
	.listados{	        
		width: 100%;			
       	margin-left: 0 auto;
		margin-right: 0 auto;			      			
		border-spacing: 0; 
		border-collapse: collapse;   /*Los bordes estan fusionados */
		border: 1px solid #2b3a42;
				
		}
	
	.listados thead{
		position: sticky;
		top: 0;
	}
	
	.listados tr{
	
	}
                                                                                                                     /*     Rosa Vieja   5     */
	
	.listados th           
		{			

		font-weight: bold ;			
		border: 1px solid #2b3a42;
		table-layout: fixed;
		background-color: #90a9b7;  

		}
    
	.listados td                      
	    { 
		font-size : 14px; 
		color: #2b3a42;
		border: 1px solid #2b3a42;
		padding-left: 5px;
		
		 }	
		
	.listados td:nth-child(1) {
		width: 2%;
		text-align: center;
		}

	 .listados td:nth-child(2) {
		width: 1%;
		text-align: center;
		}

	.listados td:nth-child(3) {
		width: 24%;
		text-align: left;
		}
                                                                                                                     /*     Rosa Vieja   5     */
	.listados td:nth-child(4) {
		width: 7%;
		text-align: center;
		}
	.listados td:nth-child(5) {
		width: 7%;
		text-align: center;
		}

	.listados td:nth-child(6) {
		width: 7%;
		text-align: center;
		}

	.listados td:nth-child(7) {
		width: 7%;
		text-align: center;
		}

	.listados td:nth-child(8) {
		width: 29%;
		text-align: left;
		}

	.listados td:nth-child(9) {
		width: 16%;
		text-align: center;
		}	
	
/*  ------------------------------------------------   */

	.listar{	        
		width: 100%;			
       		
       			
		border-spacing: 0; 
		border-collapse: collapse;   /*Los bordes estan fusionados */
		border: 1px solid #2b3a42;
				
		}
	
	.listar thead{
		position: sticky;
		top: 0;
	}
	
	.listar tr{
	
	}

	
	.listar th           
		{			

		font-weight: bold ;			
		border: 1px solid #2b3a42;
		table-layout: fixed;
		background-color: #90a9b7;  

		}
    
	.listar td                      
	    { 
		font-size : 14px; 
		color: #2b3a42;
		border: 1px solid #2b3a42;
		padding-left: 5px;
		
		 }	
		
	.listar td:nth-child(1) {
		width: 3%;
		text-align: center;
		}

	 .listar td:nth-child(2) {
		width: 3%;
		text-align: center;
		}

	.listar td:nth-child(3) {
		width: 7%;
		text-align: left;
		}

	.listar td:nth-child(4) {
		width: 23%;
		text-align: left;
		}
	.listar td:nth-child(5) {
		width: 2%;
		text-align: center;
		}

	.listar td:nth-child(6) {
		width: 12%;
		text-align: center;
		}

	.listar td:nth-child(7) {
		width: 7%;
		text-align: center;
		}

	.listar td:nth-child(8) {
		width: 20%;
		text-align: left;
		}

	.listar td:nth-child(9) {
		width: 2%;
		text-align: center;
		}	
	
	/*   -----------------------------------------------------    */
  /*  8 campos */

	.lista-8{	        
		width: 100%;			
       		
       			
		border-spacing: 0; 
		border-collapse: collapse;   /*Los bordes estan fusionados */
		border: 1px solid #2b3a42;
				
		}
	
	.lista-8 thead{
		position: sticky;
		top: 0;
	}
	
	.lista-8 tr{
	
	}

	
	.lista-8 th           
		{			

		font-weight: bold ;			
		border: 1px solid #2b3a42;
		table-layout: fixed;
		background-color: #90a9b7;  

		}
    
	.lista-8 td                      
	    { 
		font-size : 14px; 
		color: #2b3a42;
		border: 1px solid #2b3a42;
		padding-left: 5px;
		
		 }	
		
	.lista-8 td:nth-child(1) {
		width: 3%;
		text-align: center;
		}

	 .lista-8 td:nth-child(2) {
		width: 7%;
		text-align: center;
		}

	.lista-8 td:nth-child(3) {
		width: 25%;
		text-align: left;
		}

	.lista-8 td:nth-child(4) {
		width: 3%;
		text-align: center;
		}
		
	.lista-8 td:nth-child(5) {
		width: 9%;
		text-align: center;
		}

	.lista-8 td:nth-child(6) {
		width: 9%;
		text-align: center;
		}

	.lista-8 td:nth-child(7) {
		width: 25%;
		text-align: left;
		}

	.lista-8 td:nth-child(8) {
		width: 3%;
		text-align: center;
		}

		
		/*    --------------------------------------------------------------   */

	
	.pie-listados{
		width: 99%;		
		height: 14%;
		margin-top: 10px;	
		margin-right: auto;
		margin-left: auto;	
		
		
		}
	
	.pie-listados a{
		text-decoration: none;
		}	
		/*
		border: 1px solid #2b3a42;
		
		*/
			/*	table{
		width: 100%;		
		height: 90%;
		margin-top: 0%;	
		margin-right: auto;
		margin-left: auto;			
		border-spacing: 9px;
		
		border: 3px solid #006600;
	    }		
		*/
		
			
	table tr{
		border: 1px solid #006600;
		width: 10%;
		height: 10%;
		background-color: #efefef;			
		padding: 5px;
		text-align: center;
		border-radius: 10px; 
		}	
	
	
	table td{	
		width: 10%;
		height: 10%;
		background-color: #efefef;			
		padding: 5px;
		text-align: center;
		border-radius: 10px; 
		}
		

     table a{
		font-size: 1rem;
		color: #2b3a42;
		text-decoration: none;	
	   }	
	
	.tabla-0{			
		width: 100%;		
		height: 90%;		
		}	 
	 
   .alto{
      height: 30%; 
     }
  
	
	.tabla-1{			
		width: 30%;		
		height: 20%;	
		margin-left: 35%;
		margin-right: 35%;			
		}	
                                                                                                                                  /*     Rosa Vieja   5     */
	.tabla-2{			
		width: 50%;		
		height: 20%;	
		margin-left: 25%;
		margin-right: 25%;		
		}			
			
	.tabla-3{			
		width: 60%;		
		height: 20%;	
		margin-left: 20%;
		margin-right: 20%;	
		}			

    .tabla-4{			
		width: 65%;		
		height: 20%;	
		margin-left: 17%;
		margin-right: 17%;	
		}			
			
    .tabla-5{			
		width: 80%;		
		height: 20%;	
		margin-left: 10%;
		margin-right: 10%;	
		}			
			
    .tabla-6{			
		width: 65%;		
		height: 20%;	
		margin-left: 17%;
		margin-right: 17%;	
		}			

	/*              Pie de las galerias de fotos   */
	
	.tabla-pie{
		width: 35%;		
		height: 5%;	
		margin-top: 0;	
		margin-right: auto;
		margin-left: auto;			
		border-spacing: 10px; 		
		font-size: 0.875rem;
		color: #000; 
		}	
		                                                                                                        /*     Rosa Vieja   5     */
	.tabla-pie tr{		
		width: 10%;
		height: 5%;						
		padding: 10px;
		text-align: center;
		background-color: #efefef;	
		border: 1px solid #006600;
		}
			
	.tabla-pie td{		
		width: 10%;
		height: 5%;						
		padding: 10px;
		text-align: center;				
		background-color: #efefef;	
		border: 1px solid #006600;
		}
				
	.tabla-pie a:visited{ 
		color: #00cc99;    /* color del texto enlace cuando ya ha sido visitado */
		}
			
	.tabla-pie a:hover{ 
		text-decoration : none; 
		color: #ff3366; /* rojo, cuando el puntero está sobre el enlace*/
		} 
    
	.tabla-pie a{
		font-size : 1.125rem; 
		color: #2b3a42; 
		}
		
	  /*    Pie de las galerias de fotos   */
	
    caption{
	   caption-side: top;
	  
	    border: 2px solid #ff0000;
        }                                                                                                                            	/*     Rosa Vieja   5     */					
		
	footer{	
        width: 99%;
		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;
		}	
		
		
	.paginar{
		border: 2px solid #ff0000;
		margin-bottom: 10px;
		padding: 0;
		border-spacing: 0; 
		border-collapse: collapse; 
		margin-left: 90%;
		box-sizing: border-box;
		}

	.paginar tr{
		margin: 0;
		padding: 0;		
		}

	.paginar td{
		width: 30px;
		height: 2%;		
		padding: 5px;
		border-top: 2px solid #2b3a42;
		border-left: 2px solid #2b3a42;
	    border-right: 2px solid #2b3a42;
	    border-bottom: 2px solid #2b3a42;
		}
	
	.paginar ocho{
		border: 2px solid #ff0000;
		margin-bottom: 10px;
		padding: 0;
		border-spacing: 0; 
		border-collapse: collapse; 
		margin-left: 75%;
		box-sizing: border-box;
		}
	
	.blanc{
		font-size : 1.125rem; 
		color : #efefef;
		font-weight: bold;
		}
		
	.negro{
		font-size : 1.125rem; 
		color : #2b3a42; 
		font-weight: bold;
		}
	
	.naranjo{
		font-size : 1.125rem; 
		color : #ff530d;
		font-weight: bold;
		}

  /*  ...................................................................      formularios   ........................................................    */
	
	 #boton 
		{
			
			width: 60%;
			height: 6%;
			
			margin-right: auto;
			margin-left: auto;
			
			
			/*
			padding: 10px;
			border: 2px solid #ff530d;
			margin-top: 0;	
			*/
		}
		
	 .botonAceptar, .botonCancelar 
		{
			font-size: 18px;
			color: #2b3a42;
			text-decoration: none;
			background-color: #ff530d;
			width: 25%;
			
			font-weight: bold;
		}
		

	.botonAceptar
		{
			float: left;
			margin-left: 10%;
			
		}
		
	 .botonCancelar
		{
			float: right;
			margin-right: 10%;
		}

		
	.contenedor-formulario{                          
		width: 70%;
	    height:450px;
	    margin-top:8%;
	    margin-left: 15%;
		margin-right: 15%;
	    background-color: #efefef;                      
	    border:2px solid #2b3a42;	
	    box-sizing: border-box;
	}
	
	.contenedor-formulario p{
		padding-left: 3%;
		font-size: 18px;
		color: #2b3a42;
		font-weight :bold ;
	}
	
	.desp{
		padding-left: 3%;
	}
	
	.despla{
		padding-left: 34%;
	}
	
	.alto{
		padding-top: 2%;
	}
	
	.contenedor-formulario tipo{
		font-size: 18px;
		color: #2b3a42;
	}	
 		                                                                                                        /*     Rosa Vieja   5     */
																												
	.mostrar{
		width: 60%;
	    height:35%;
	    margin-top: 8%;
	    margin-left: 20%;
		margin-right: 20%;
	    background-color: #efefef;  

	    border:2px solid #2b3a42;	
	    box-sizing: border-box;
		
		border-radius: 10px;	
	}																											
																												
	.mostrar td{
		font-size: 1.125rem;
		text-align: left;
		padding-left: 2%;
		border-collapse: separate;
		border-spacing: 15px;			
		border-top: 1px solid #2b3a42;
		border-left: 1px solid #2b3a42;
	    border-right: 1px solid #2b3a42;
	    border-bottom: 1px solid #2b3a42;
		}																										
																												
	.mensaje-11{                                        				 	     
		width: 70%;
		max-width: 800px;
		height: 25%;
		
		font-size: 1rem;
		color: #efefef;
		margin-top: 70px;
		margin-right: auto;
	    margin-left: auto;		
		
		}	
																													
	.mensaje-22{                                        				 	     
		width: 40%;
		height: 7%;
		font-size: 1rem;
		color: #efefef;
		text-align: center;
		margin-top: 7%;
		margin-right: auto;
	    margin-left: auto;			
		}																																																				
																											  /*     Rosa Vieja   5     */
	.apel-dupli{
		width: 75%;			      		
       	margin-top: 5%;
		margin-right: auto;
	    margin-left: auto;			
		border-spacing: 0; 
		border-collapse: collapse;   /*Los bordes estan fusionados */
		border: 1px solid #2b3a42;
		
	}																											
	
	.apel-dupli thead{
		position: sticky;
		top: 0;
		height: 2%;
		font-size : 1.125; 
		color: #2b3a42;
	}
	
                                                                                                                    /*     Rosa Vieja   5     */	
	.apel-dupli th           
		{			
        height: 2%;
				
		border: 1px solid #2b3a42;
		table-layout: fixed;
		background-color: #90a9b7;  

		}
    
	.apel-dupli td                      
	    { 
		height: 2%;
		font-size : 1.125; 
		color: #2b3a42;
		border: 1px solid #2b3a42;
		padding-left: 5px;
		
		 }	
	
    .formu-alta{ 
         width: 75%;
	     height:40%;
	     margin-top: 8%;
         border-radius: 10px;	
         border-collapse: collapse;   /*Los bordes estan fusionados */
		 border: 1px solid #2b3a42;
	     background-color: #efefef;	
         margin-right: auto;
	     margin-left: auto;
	
        }

/*
 border-top: 3px solid #ff4e00;
    border-left: 3px solid #ff4e00;
    border-bottom: 3px solid #ff4e00;
    border-right: 3px solid #ff4e00;
border: 2px solid #eaefd3;

*/


    .formu-alta td{
         padding: 10px 10px 10px 20px;
         font-size: 18px;
	     color : #2b3a42;
	     text-align: left;	
         border: 2px solid black;
	
        }

    .input-fa{
	    font-size: 18px;
	    color : #2b3a42;
	    text-align: left;
       }  
																												
}

	


/*    ************************************************************************************   */

/* responsive lg */                                                                             /*     Pardo   6      */
@media screen and (min-width: 2561px) {
			
html
	{
		font-family : "TREBUCHET MS"; 		
	}
	                                                                                                                                 /*     Pardo   6      */
	body{
	    margin: 0;
	 	background-color: #d1be9c;   /*  pardo */
        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    */
	}
	
	h1{
		font-size : 1.5rem;       /* 24px  */
		color :  #2b3a42;  
		font-weight :bold ;
	    display: block;
        margin-top: 0;
        margin-bottom: 0;
	}
	
	h2{
		font-size : 1.25rem;       /* 20px  */
		color :  #2b3a42;  
		font-weight :bold ;
	    display: block;
        margin-top: 0;
        margin-bottom: 0;
	}
	
	h3{
        font-size : 0.75rem;        /*  16px  */
	    color :  #2b3a42;  
	    font-weight :bold ;	 
        display: block;
        margin-top: 0;
        margin-bottom: 0;		
	}
	                                                                                                                                  /*     Pardo   6      */
	h4{
	    font-size : 1.5rem;            /*     24px     */
	    color :  #2b3a42;  
	    font-weight :bold ;
		 display: block;
        margin-top: 0;
        margin-bottom: 0;
	}
	
	h5{
	    font-size : 1.5rem;        /*     24px     */
	    color : #eaefd3;              /*   beig   */
	    font-weight: bold;
	    display: inline;    
        margin-top: 0;
        margin-bottom: 0;
	}
	
	h6{
		font-size: 2rem;              /*     32px     */
	    color: #ff0000;               /*     rojo      */
	    font-weight:bold ;
	    display: inline; 
        margin-top: 0;
        margin-bottom: 0;
	}
	

	.rojo{
		font-size: 1.5rem;              /*     24px     */
	    color: #ff0000;               /*     rojo      */
	    font-weight:bold ;
		display: inline;       
	}
	
    .input{
			font-size: 1.5rem ;
			color: #006600;  
			font-weight: bold;
			border-radius: 10px; 
			padding-left: 10px;
		}
                                                                                                                                  /*     Pardo   6      */		
	 input:hover{ 
        text-decoration : none; 
        color: #ff3366; /* rojo, cuando el puntero está sobre el enlace*/
       }
	
	 .contenedor::before {
         content: "Pardo ";
         position: absolute;
         top: 5px;
         left: 10px;    
         color: #2b3a42;
     }
	 
	.contenedor{
		width:110%;
        max-width: 1500px;						
        margin-top: 2%;		
		margin-right: auto;
		margin-left: auto;
	    padding: 10px;
	    background-color: white;
		box-shadow: 20px 20px 40px 0 rgba(20, 20, 20, 0.3);
		border: 1px solid #2b3a42;
	    border-radius: 10px;    
		}
		 
				
	.titulo{				
		width: 110%;
		max-width: 1465px;	
        height: 12%;			
		margin-top: 0px;	
		margin-right: auto;
	    margin-left: auto;
		padding: 1% ;
		text-align:center;
		background: #103E5D;	
        border-radius: 10px;			
         }   
	
	nav#menu{		       
		width: 110%;
		max-width: 1490px;
		height: 5%;   
		text-align: center;
		padding-top: 2px;
		margin-top: 6px;
		margin-right: auto;
	    margin-left: auto;
       	background-color: #103E5D;		
		border-radius: 10px;			 
		}
                                                                                                                                  /*     Pardo   6      */
		
	.titulosinmenu{			
		width: 110%;
		max-width: 1500px;			
		height: 12%;
		background: #103E5D;      
        border-radius: 10px;
        }
	   
	.titulo-1{
		padding-top: 1.2%;
		color: #efefef;
		font-size : 2rem;       /* 28px  */
		text-align:center;			
		font-weight :bold;			
	    }
	
	.titulo-2{
	    padding-top: 2%;
		color: #efefef;
		font-size : 1.5rem;        /*  18px  */
		text-align:center;			
		font-weight :bold ;
		padding-bottom: 1.5%;
	    }
	
	
	.cuerpo_azul{		
		width:110%;
        max-width: 1500px;				
		height: 900px; 
        max-height: 900px;             								
		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: 10px;
		 }
	                                                                                                                                  /*     Pardo   6      */ 	
			
	.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%;
	    max-width: 900px;
	    height: 60%;
		max-height: 500px;
		margin-top: 9%;
		margin-right: auto;
	    margin-left: auto;							   
		}
			
	.mensaje-videos{                        				 	     
		width: 85%;
	    max-width: 700px;
	    height: 30%;
		max-height: 300px;
		margin-top: 9%;
		margin-right: auto;
	    margin-left: auto;	
border: 3px solid #ff0000;		
		}

		
	.entrada-1{	          
		width: 110%;
		max-width: 1500px;
		height: 900px;
		max-height: 900px;
        margin: 20px auto 0 auto;	
	    border-radius: 10px;			
	    border: 1px solid #2b3a42;
		background-image:url(../imagenes/fondos/IMG_8641.jpg);
		background-repeat: no-repeat;
		background-size: cover;				
		}
                                                                                                                                  /*     Pardo   6      */
	
	.entrada-2{	          
		width: 110%;
		max-width: 1500px;
		height: 900px;
        margin: 20px auto 0 auto;	
	    border-radius: 10px;			
	    border: 1px solid #2b3a42;
		background-image:url(../imagenes/fondos/piedras.jpg);
		background-repeat: no-repeat;
		background-size: cover;			
		}	

	
	.salida-1{	          
		width: 110%;
		max-width: 1500px;
		height: 900px; 
		max-height: 900px;
        margin: 20px auto 0 auto;	
	    border-radius: 10px;			
	    border: 1px solid #2b3a42;
		background-image:url(../imagenes/fondos/IMG_9750.jpg);
		background-repeat: no-repeat;
		background-size: cover;	
		}	 
	
		
	.boton-entrar{  
        position:absolute;	
		width: 14%;
		height: 8%;
		left: 50%;
	    top: 60%;
		border-radius: 0.5em; 
		background: #103E5D;	
		text-align : center;	
        padding-top: 1.2%;					
		}
                                                                                                                                  /*     Pardo   6      */		
	.boton-entrar a{
	    font-size: 3rem;	
        color: #ff0000;			
		text-decoration: none;						
		font-weight:bold ;
	   }
	
	.boton-salir{  
        position:absolute;	
		width: 15%;
		height: 8%;
		left: 50%;
	    top: 60%;
		border-radius: 0.5em; 
		background: #103E5D;	
		text-align : center;		
		}

	.centrar{
		text-align: center;		
	    }
		
		
	.boton-salir a{
	    font-size: 1.375rem;	
        color: #efefef;
        font-weight: bold;		
       	margin-top: 8%;
		text-decoration: none;
		padding-top: 3px;
        display: inline-block;				
	   }	
	
	.boton-videos{
		width: 25%;
		height: 15%;
		margin-top: 18%;
		margin-left: auto;
		margin-right: auto;
		text-align : center;	
		border-radius: 0.5em; 
		background: #103E5D;	
	   	}


	.boton-videos a{
		font-size : 1.5rem;        
	    color : #eaefd3;              /*   beig   */
	    font-weight: bold;
		text-decoration: none;
		padding: 1%;
	}
	
	.boton-salida{
		width: 22%;
		height: 8%;
		margin-left: 50%;
	    margin-top: 44%;
		border-radius: 1em; 
		background: #103E5D;	
		text-align : center;	
		padding-top: 1%;
		border: 4px solid #ff0000;
	}

	.boton-salida a{
		font-size : 1.5rem;        
	    color : #eaefd3;              
	    font-weight: bold;
		text-decoration: none;
		padding: 1%;
	}
	
	.centro-6{                                   
		width:50%;
		height:42%;
		margin-top: 14%;
		padding: 5px;	
		border-radius:0.5em;
		margin-right: auto;
		margin-left: auto;
		background-color:#bdd4de;							
		}
                                                                                                                                  /*     Pardo   6      */
		
	.centro-7{                                   	
		width:50%;
		height:45%;
		margin-top: 9%;
		padding-top: 7px;	
		border-radius:0.5em;
		margin-right: auto;
		margin-left: auto;	
		background-color:#bdd4de;			
		border: 1px solid #2b3a42;		
		}
		
		
	.centro-6 .naranja, .centro-7 .naranja{
		font-size: 1.5rem;	         /*  18px  */
	    color: #ff0000;  
		font-weight :bold ;
		}

		
	.centro-7 h1,h2,h3{
		padding-left: 10px;
		padding-right: 10px;
	    }
	
	
	.cartel{                    /* da la bienvenida en identificacion_2.php */				
		width: 45%;
	    height: 5%; 
		margin-top: 2%;		
	    margin-left: 27%;
		margin-right: 27%;       
	    text-align : center;		       
	    background-color: #efefef;
		border-radius:0.5em;
		}	




	/*     Pardo   6      */   
	table{
		width: 100%;		
		height: 90%;
		margin-top: 0%;	
		margin-right: auto;
		margin-left: auto;			
		border-spacing: 9px;
	    }		
			
	table tr{
		border: 1px solid #006600;
		width: 10%;
		height: 10%;
		background-color: #efefef;			
		padding: 5px;
		text-align: center;
		border-radius: 10px; 
		}	
	
	
	table td{	
		width: 10%;
		height: 10%;
		background-color: #efefef;			
		padding: 5px;
		text-align: center;
		border-radius: 10px; 
		}
		

     table a{
		font-size: 1rem;
		color: #2b3a42;
		text-decoration: none;	
	   }	
	
	.tabla-0{			
		width: 100%;		
		height: 90%;		
		}	 
		
	.tabla-1{			
		width: 30%;		
		height: 20%;	
		margin-left: 35%;
		margin-right: 35%;			
		}	
                                                                                                                                  /*     pardo    6    */
	.tabla-2{			
		width: 50%;		
		height: 20%;	
		margin-left: 25%;
		margin-right: 25%;		
		}			
			
	.tabla-3{			
		width: 60%;		
		height: 20%;	
		margin-left: 20%;
		margin-right: 20%;	
		}			

    .tabla-4{			
		width: 65%;		
		height: 20%;	
		margin-left: 17%;
		margin-right: 17%;	
		}			
			
    .tabla-5{			
		width: 80%;		
		height: 20%;	
		margin-left: 10%;
		margin-right: 10%;	
		}			
			
    .tabla-6{			
		width: 60%;		
		height: 30%;	
		margin-left: 20%;
		margin-right: 20%;	
		}			
		
     /*    Pie de las galerias de fotos   */
		
	.tabla-pie{
		width: 35%;		
		height: 5%;	
		margin-top: 0;	
		margin-right: auto;
		margin-left: auto;			
		border-spacing: 10px; 		
		font-size: 0.875rem;
		color: #000; 
		}	
		                                                                                                        /*     Pardo   6     */
	.tabla-pie tr{
		border: 1px solid #006600;
		width: 10%;
		height: 5%;						
		padding: 10px;
		text-align: center;
		background-color: #efefef;	
		}
			
	.tabla-pie td{
		border: 1px solid #006600;
		width: 10%;
		height: 5%;						
		padding: 10px;
		text-align: center;				
		background-color: #efefef;	
		}
				
	.tabla-pie a:visited{ 
		color: #00cc99;    /* color del texto enlace cuando ya ha sido visitado */
		}
			
	.tabla-pie a:hover{ 
		text-decoration : none; 
		color: #ff3366; /* rojo, cuando el puntero está sobre el enlace*/
		} 
    
	.tabla-pie a{
		font-size : 1.125rem; 
		color: #000; 
		}
      /*     Pie de las galerias de fotos   */	
                                                                                                                    	/*     Pardo    6     */					
		
	footer{	
        width: 99%;
		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;
		}		
}