/**
 * lw.css
 * Hoja de estilos CSS para el contenedor LightWindow 2.0.
 * @version 0.1
 * @author David Cañadas Mazo
 *
 * @package WebConcursal
 * @subpackage CSS
 */

#lightwindow_overlay {
  display: none;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  z-index: 500;

} /* Overlay */

#lightwindow {
  display: none;
  visibility: hidden;
  position: absolute;
  z-index: 999;
  line-height: 0px;

} /* Contenedor de LightWindow; ancho y alto a 0px */

#lightwindow_container {
  display: none;
  visibility: hidden;
  position: absolute;
  padding: 0;
  margin : 0;  
  background-color:#000;
} /* Contenedor del contenido */


* html #lightwindow_container {
  overflow: hidden;
} /* Hack de posicionamiento para IE6 */

#lightwindow_contents {
  overflow: hidden;
  z-index: 0;
  position: relative;
  border: 10px solid #ffffff;
  background-color: #ffffff;

} /* Contenidos */      

#lightwindow_loading {
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 9999;
  position: absolute;
  background-color: #ffffff;
  padding: 10px;
} /* Contenedor de carga */

#lightwindow_loading_shim { 
  display: none;
  left: 0px; 
  position: absolute; 
  top: 0px;
  width: 100%; 
  height: 100%;
} /* Posicionador del contenedor de carga */

#lightwindow_loading span {
  padding: 0;
  line-height : 16px;
  margin-right:  8px; 
  float: right;
} /* Texto de carga */

#lightwindow_loading span a,
#lightwindow_loading span a:link, 
#lightwindow_loading span a:visited {
  color: #09F;
  text-decoration: none;
  cursor: pointer;
} /* Enlace de cancelación de carga */

#lightwindow_loading span a:hover,
#lightwindow_loading span a:active {
  text-decoration: underline;
} /* Enlace de cancelación de carga bajo el apuntador */

#lightwindow_loading img {
  margin: 0;
  margin-right: 10px !important;
  float : right;
} /* Throbber */

#lightwindow_navigation {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
} /* Navegador */

#lightwindow_navigation_shim { 
  display: none;
  left: 0px; 
  position: absolute; 
  top: 0px;
  width: 100%; 
  height: 100%;
} /* Posicionador del navegador para IE6 */

#lightwindow_navigation a,
#lightwindow_navigation a:link,
#lightwindow_navigation a:visited,
#lightwindow_navigation a:hover,
#lightwindow_navigation a:active { 
  outline: none;
} /* Enlace del navegador */

#lightwindow_previous, 
#lightwindow_next {
  width: 49%;
  height: 100%;
  background: transparent url(../img/lw/blank.gif) no-repeat; /* Hack para IE */
  display: block;
  z-index: 1000000000 !important; 
} /* Botones de navegación "anterior" y "siguiente" */
    
#lightwindow_previous { 
  float: left;
  left: 0px;
  z-index: 1000000000 !important;   
} /* Botón de navegación "anterior"  */

#lightwindow_next { 
  float: right;
  right: 0px;   
} /* Botón de navegación "siguiente" */

#lightwindow_previous:hover, 
#lightwindow_previous:active { 
  background: url(../img/lw/label-prev.gif) left 15% no-repeat; 
} /* Enlace del botón de navegación "anterior"  bajo el apuntador */

#lightwindow_next:hover, 
#lightwindow_next:active { 
  background: url(../img/lw/label-next.gif) right 15% no-repeat;   
} /* Enlace del botón de navegación "siguiente" bajo el apuntador */
    
#lightwindow_previous_title,
#lightwindow_next_title {
  display: none;
} /* Titulos "anterior" y "siguiente" */
        
#lightwindow_galleries {
  width: 100%;
  position: absolute;
  display: none;
  overflow: hidden;
  margin: 0 0 0 10px;
  bottom: 0px;
  left: 0px;
} /* Galería */

#lightwindow_galleries_tab_container {
  width: 100%;
  height: 0px;
  overflow: hidden;
} /* Contenedor de pestañas de la galería */

a#lightwindow_galleries_tab,        
a:link#lightwindow_galleries_tab,
a:visited#lightwindow_galleries_tab {
  display: block;
  height: 20px;
  width: 77px;
  float: right;
  line-height: 22px;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
  font-size: 11px;
  color: #ffffbe;
  background: url(../img/lw/black-70.png) repeat 0 0 transparent;
} /* Pestaña de galeria */
    
* html a#lightwindow_galleries_tab,     
* html a:link#lightwindow_galleries_tab,
* html a:visited#lightwindow_galleries_tab {    
  background: none;
  background-color: #000000;
  opacity: .70;
  filter: alpha(opacity=70);
} /* Pestaña de galería */

a:hover#lightwindow_galleries_tab,
a:active#lightwindow_galleries_tab {
  color: #ffffbe;
} /* Pestaña de galería bajo el apuntador */

#lightwindow_galleries_tab_span {
  display: block;
  height: 20px;
  width: 63px;
  padding: 0 7px 0 7px;  
} /* Texto en la pestaña de galería */
    
#lightwindow_galleries_tab .up  {
  background: url(../img/lw/arrow-up.gif) no-repeat 60px 5px transparent;
} /* Botón "arriba" en el navegador de pestañas */

#lightwindow_galleries_tab .down {
  background: url(../img/lw/arrow-down.gif) no-repeat 60px 6px transparent;
} /* Botón "abajo"  en el navegador de pestañas */

#lightwindow_galleries_list {
  background: url(../img/lw/black-70.png) repeat 0 0 transparent;
  overflow: hidden;
  height: 0px;
} /* Lista de galerías disdponibles */

* html #lightwindow_galleries_list {
  background: none;
  background-color: #000000;
  opacity: .70;
  filter: alpha(opacity=70);
}    /* Lista de galerías disponibles */

.lightwindow_galleries_list {
  width: 200px;
  float: left;
  margin: 0 0 10px 0;
  padding: 10px;
} /* Lista de galerías disponibles */

.lightwindow_galleries_list h1 {    
  color: #09F;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
  padding: 10px 0 5px 0;
  font-size: 16px;
} /* Título de la lista de galerías disponibles */

.lightwindow_galleries_list li {
  margin: 5px 0 5px 0;
  list-style-type: none;
} /* Entrada en la lista de galerías disponibles */

.lightwindow_galleries_list a, 
.lightwindow_galleries_list a:link, 
.lightwindow_galleries_list a:visited {
  display: block;
  line-height: 22px;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
  padding: 0 0 0 10px;
  font-size: 11px;
} /* Enlace en la lista de galerías disponibles */

.lightwindow_galleries_list a:hover, 
.lightwindow_galleries_list a:active {
  background: #000000;
  color: #ffffbe;
  border-left: 3px solid #ffffbe;
  padding: 0 0 0 7px;
} /* Enlace bajo el apuntador en la lista de galerías disponibles */
        
#lightwindow_data {
  position: absolute;
} /* Requerido, datos */

#lightwindow_data_slide {
  position: relative;
} /* Requerido, deslizador de información */

#lightwindow_data_slide_inner {
  background-color: #ffffff;
  padding: 0 10px 10px 10px;
} /* Deslizador de información */

#lightwindow_data_caption {
  padding: 10px 0 0 0;
  color: #666666;
  line-height: 25px;
  background-color: #ffffff;
  clear: both;
} /* Título del apartado de información */

#lightwindow_data_details {
  background-color: #f0f0f0;
  padding: 0 10px 0 10px;
  height: 20px;
} /* Detalles del apartado de información */
    
#lightwindow_data_author_container {
  width: 40%;
  text-align: right;
  color: #666666;
  font-style: italic;
  font-size: 10px;
  line-height: 20px;
  float: right;
  overflow: hidden;
} /* Entrada de autor en el apartado de información */
    
#lightwindow_data_gallery_container {
  font-size: 10px;
  width: 40%;
  text-align: left;
  color: #666666;
  line-height: 20px;
  float: left;
  overflow: hidden;
} /* Galería en el apartado de información */
    
#lightwindow_title_bar {
  height: 32px;
  overflow: hidden;     
  background-color: #7db900;
} /* Barra de título */

#lightwindow_title_bar_title {
  line-height: 32px;
  text-align: left;
  float: left;
  font : bold 12px Verdana, sans-serif;
  margin: 10px 0 0 10px;
  color:#ffffff;
} /* Título */

a#lightwindow_title_bar_close_link, 
a:link#lightwindow_title_bar_close_link,
a:visited#lightwindow_title_bar_close_link {
  float: right;
  text-align: right;        
  cursor: pointer;
  color: #ffffbe;
  line-height: 25px;
  padding: 0;
  margin : 0;
} /* Botón de cierre */
    
a#lightwindow_title_bar_close_link {
  background: transparent url(../img/lw/label-close.gif) no-repeat 0;
  display: block;
  width : 16px;
  height: 16px;
  margin-top: 10px;
  margin-right: 10px;
} /* Botón de cierre */

#lightwindow p {
  color: #000000;
  padding-right: 10px;
} /* Párrafo */
