/*******************************************************/
/* POPUP DHTML CON DESLIZAMIENTO VERTICAL DESDE ARRIBA */
/*******************************************************/

* html body /* HACK PARA QUE "WIDTH: 100%" Y "HEIGHT: 100%" FUNCIONEN EN "IE5" E "IE6" */
{
height: 100%;
}

/* CREA UN FONDO TRANSPARENTE QUE ABARCA EL 100% DE LA VENTANA DEL NAVEGADOR */
.fondoTransparente
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height:100%;
	filter: alpha(opacity = 70); /* INTERNET EXPLORER */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* INTERNET EXPLORER 8 BETA*/
	opacity: .7; /* FIREFOX Y OPERA */
	z-index: 100000;
}

/* AL IGUAL QUE EN LA PROPIEDAD ANTERIOR CREA UN FONDO TRANSPARENTE QUE ABARCA EL 100% DE LA */ 
/* VENTANA DEL NAVEGADOR. EN ESTE CASO CONTIENE UN HACK PARA QUE "WIDTH" NO DEJE UN MARGEN */
/* EN BLANCO JUNTO A LA BARRA DE SCROLL VERTICAL EN "IE5" E "IE6" */ 
* html .fondoTransparente 
{                        
	position: absolute;
	top: 0px;
	left: 0px;
	width: 102%;
	height:100%;
	filter: alpha(opacity = 70); /* INTERNET EXPLORER */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* INTERNET EXPLORER 8 BETA*/
	opacity: .7; /* FIREFOX Y OPERA */
	z-index: 100000;
}

/* PROPIEDADES DE LA VENTANA PRINCIPAL DEL POPUP */
#popup 
{
  display: none;
  width: 600px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #F0EEE4;
  text-align: justify;
  padding: 0px;
  border: 0px solid #000000;
  position: absolute;
  z-index: 100000;
}  

/* PROPIEDADES DE LA CAPA QUE CONTIENE EL TÍTULO DEL POPUP */
#popup .popupTitulo 
{
  float: left;
  width: 93%;
  font-size: 13px;
  font-weight: bold;
  color: #000000;
  padding-top: 4px;
}

/* PROPIEDADES DE LA CAPA QUE CONTIENE EL ENLACE PARA CERRAR EL POPUP */
#popup .popupCerrar 
{
  float: left;
  border: 0px solid #FFFFFF;
  width: 7%;
  text-align: right;
  font-size: 0px;
}

/* PROPIEDADES DE LA IMAGEN-BOTÓN USADA PARA CERRAR EL POPUP */
/* LA IMAGEN ESTÁ CONTENIDA EN LA CAPA ANTERIOR */
#popup .imagenCerrar 
{
  border: 0px;
  text-decoration: none;
}

/* PROPIEDADES DE LA CAPA QUE CONTIENE LA IMAGEN OPTATIVA DEL POPUP */
/* FORMATO TÍTULO - IMÁGEN - TEXTO EN LISTA VERTICAL */
#popup .popupImagenForm1
{
  float: left;
  width: 100%;
  padding: 0px;
  text-align: center;
}

/* PROPIEDADES DE LA CAPA QUE CONTIENE LA IMAGEN OBLIGATORIA DEL POPUP */
/* FORMATO TÍTULO ARRIBA - IMÁGEN A LA IZQUIERDA - TEXTO ENVOLVENTE A LA DERECHA */
#popup .popupImagenForm2
{
  float: left;
  width: 100%;
  padding: 0px;
  text-align: left;
} 

/* PROPIEDADES DE LA CAPA QUE CONTIENE LA IMAGEN OBLIGATORIA DEL POPUP */
/* FORMATO TÍTULO ARRIBA - IMÁGEN A LA DERECHA - TEXTO ENVOLVENTE A LA IZQUIERDA */
#popup .popupImagenForm3
{
  float: left;
  width: 100%;
  padding: 0px;
  text-align: right;
}

/* PROPIEDADES DE LA CAPA QUE CONTIENE EL TEXTO OPTATIVO DEL POPUP */
/* FORMATO TÍTULO - IMÁGEN - TEXTO EN LISTA VERTICAL */
#popup .popupTextoForm1
{
  width: 100%;
  font-size: 13px;
  margin-top: 0px;
  color: #000000;
}

/* PROPIEDADES DE LA CAPA QUE CONTIENE EL TEXTO OPTATIVO DEL POPUP */
/* FORMATO TÍTULO ARRIBA - IMÁGEN A LA IZQUIERDA - TEXTO ENVOLVENTE A LA DERECHA */
/* O FORMATO TÍTULO ARRIBA - IMÁGEN A LA DERECHA - TEXTO ENVOLVENTE A LA IZQUIERDA */
#popup .popupTextoForm2
{
  font-size: 13px;
  margin-top: 0px;
  color: #000000;
}