#title {
    font-family: KGHopeForACure;
    font-size: 230%;
    text-align: center;
    margin: 2% auto 0 auto;
    font-weight: bolder;
}
#horario{	
	width: 80%;	
  height: 30%;
  margin: 0 auto; 
  margin-bottom: 2%;
  border: 1px solid #dddddd;
  border-radius: 2px;
  font-family: cambria;
      -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
#texto {
  //border: 1px solid blue;
  width: 100%;
  height: 30%;
  font-family: arial.
}
#foto{ 
  margin-top: 0%;
  margin-left: 46%;
}
#imag{
  height: 100%;
  width: 100%;  
}
//table, td, tr { border: 1px solid blue}

table { 
  margin: 5% auto 2% 5%;
  width: 70%; 
  border-collapse: collapse; 
}
th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
}
td { 
  padding: 6px; 
  border: 1px solid #ccc; 
 
}
@media screen and (max-width: 646px) {

    #horario{       
       width: 90%;
       margin-bottom: 7%;
   }
   table{
      width: 80%;
   }
}