/* CSS Document */
/* CSS Document
border: 4px solid #C00;
 */

:root 
{
  --ColorFondo:#FFFFFF;
  --ColorPie:#00659d;
  
  --ColorCaja1:#d9e8ef;
  --ColorCaja2:#a1c5db;
  
  --ColorTexto:#646464;

}
    html, body
	{
      height:100%;
	  width:100%;
	  padding:0;
      margin: 0 auto;
      display: flex;
	  display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;

    }
	
       


#FilaCab, #FilaCentral, #FilaPie
{
	 width:100%;
	 display:flex;
	 align-items: center;
	 justify-content: center;
}


    #FilaCab
	{
      height:20%;
	  background: var(--ColorFondo);
    }
	#FilaCentral
	{
      height:75%;
    }
	#FilaPie
	{
		height:5%;
		background: var(--ColorFondo);
	}



.Caja1, .Caja2
{
	display:block;
	padding:0; /* padding a 0 para quitarle las tabulaciones de los li*/
	margin: 0 auto;
	text-align:center;	
	vertical-align:middle;
}


.Caja1 a, .Caja2 a
{
	text-decoration:none; 
	
}
.Caja1
{
	background: var(--ColorFondo);
}
.Caja2
{
	background: var(--ColorCaja2);
}

.txt_sevilla
{
width:442px;
height: auto;
}

.mapa
{
width:80%;
height:auto;
}


a:link, a:visited, a:active 
{
    color:var(--ColorTexto);
	text-decoration:none;
}














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

.txt_sevilla
{
width:100%;
height:auto;
}
.mapa
{
width:95%;
height:auto;
}
 
}


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


}