/* Estilos si no hay soporte de JavaScript */  


#diapos{
  border-bottom:1px solid #CCC;
  width:700px;
  height:400px;
  margin:0 10px;
}

#diapos li{
  width:700px;
  list-style:none;
}

#diapos a{
  position:relative;
  display:block;
}

#diapos strong{
  color:#000000;
  font:1em/1 Verdana,Helvetica,sans-serif;
  padding:20px 0;
  position:absolute;
  bottom:0;
  left:0;
  max-width:90%;
  text-align:left;
}

/* Estilos si hay soporte de JavaScript */  

#diapos-on{
  margin:0 12px;
  width:700px;
  height:385px;
  position:relative;
}

#diapos-on li{
  border-bottom:1px solid #CCC;
  position:absolute;
  top:0;
  left:0;
  width:735px;
  height:385px;
  list-style:none;
}

#diapos-on a{
  display:block;
  text-decoration:none;
  position:relative;
  padding:0;
  margin:0;
  color:#000;
}

#diapos-on img{
  float:left;
  width:735px;
  height:350px;
}
  
#diapos-on strong{
  float:left;
  background:#222;
  background:rgba(0,0,0,.75);
  color:#FFF;
  text-shadow:0 1px 0 #000;
  font:1.5em/1.2 Verdana,Helvetica,sans-serif;
  padding:10px 20px;
  position:relative;
  bottom:30px;
  left:0;
  width:auto;
  max-width:660px;
  text-align:left;
}

/* Estilo contador (JS activado) */  

#contador{
  width:700px;
  margin:1em 0 0;
  padding:0 12px !important;
}

#contador li{
  float:left;
  width:10px;
  height:10px;
  margin-right:5px;
  list-style:none;
}

#contador li a{
  display:block;
  text-indent:-999em;
  background:#CCC;
  width:10px;
  height:10px;
  overflow:hidden;
}

#contador li a:focus{
  outline:1px solid #C00;
}

#contador li.actual a{
  background:#C00;
}

/* Parche para evitar errores de entrada de TEXTO */

#diapos p,#diapos-on p{
  margin:0 !important;
  padding:0 !important;
  display:inline !important;
}