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

:root 
{
  --colorfondo:#FFFFFF;
  --colorfondoBt:#f2f9e5;
  --colorbordeBt:#6d8a3c;
  --colorbordeBt:#939393;
  --colortxtBt:#4a6a16;
  
  
  
  --colorfondoAct:#D7FEAF;
  --colorfondoAnt:#E0E0FC;  
  --colorfondoTit:#6c88c4;
  --colorfondoCab:#FFFFFF;
  
  --colorfondoInfo:#e3e8f3;
  --colorbordeInfo:#93a2c5;
  --colortxtInfo:#425581;
  
  
  --colorfondoCabA:#D7FEA5;
  --colortxt:#2a5202;
  --colortxtCab:#e6ecf9;
  --colortxtNav:#e6ecf9;
  --colortxtTit:#FFFFFF;
  --colortxtpie:#2a5202;
  --colorbordeenviar:#45f910;
  
}







    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;

	  
	   background-image: url("../img/fondooleo.jpg");
    background-image: no-repeat;
    background-image: fixed;
    background-image: center;
	background-position:center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    }
	
        a:link, a:visited, a:active {
            text-decoration:none;
        }	


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

#FilaCab, #FilaCentral, #Pie
{
	justify-content: space-between;
	justify-content: center;
}



	
    #FilaCab{
      height: 10%;
  
    }
	#FilaCentral{
      height: 80%;
	
    }	
	#Pie{
      height:10%;
   
	 }

#FilaAgenda
{
	 flex-direction: column;	
}





.div_Info
{
	width:90%;
}


.Cabecerahsr
{
	text-align:center;
}


.Cabecerahsr a
{
	font-size:3em;
	text-align:center;
}
.txt_Info
{
background:white;
 opacity:0.6; /* Opacidad 60% */
 filter:alpha(opacity=60); /* IE < 9.0 */
}

.txt_Info p
{
 font-size:2em;
 text-align:center;
 color:#000000;
}


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


.Cabecerahsr a
{
	font-size:1.5em;
}


.txt_Info p
{
 font-size:1.2em;
}



	.img_info
	{
		height:auto;
		width:350px;
	}

}


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

	.img_info
	{
		height:auto;
		width:100px;
	}
	
}