#frames
{
  width: 487.5px;
  float: left;
  margin-left: 20px;
  margin-bottom: 20px;
}

.frame
{
  margin-bottom: 20px;
}

/*#banner
{
  margin: 20px;
}*/

#text_index 
{
  margin-left: 504.5px;
}

.seccion
{
  margin: 20px;
}

.title
{
  font-weight: bold;
  font-size: 23px;
  border-bottom: 1px solid;
}

.artTitle
{
  margin-top: 10px;
  font-size: 16px;
}

.pelTitle
{
  font-style: italic;
  font-size: 14px;
}

.porTitle
{
  font-size: 14px;  
}

/*Panoramica*/
#text1 ul li a div:hover
{
  background-color:blue;
  font-weight: bold;
  color: white;
}

/*Circuito*/
#text2 ul li a div:hover
{
  background-color:green;
  font-weight: bold;
  color: white;
}

/*Revisiones*/
#text3 ul li a div:hover
{
  background-color:#EAC117;
  font-weight: bold;
  color: white;
}

/*Derivas*/
#text4 ul li a div:hover
{
  background-color:#F660AB;
  font-weight: bold;
  color: white;
}

/*Exposed cinema*/
#text5 ul li a div:hover
{
  background-color:red;
  font-weight: bold;
  color: white;
}