@charset "utf-8";
/* CSS Document */
#popup_container
{
   font-family: Arial; /*Tipo de fuente*/
   font-size: 14px; /*Tamaño de fuente*/
   font-weight: bold; /*Texto en negrita*/
   min-width: 300px; /* Dialog will be no smaller than this */
   max-width: 600px; /* Dialog will wrap after this width */
   /*border: solid 3px rgba(103,38,38, 1.0); /*borde del contenedor*/
   border: #F93;  /*borde del contenedor*/
   color:#333;/*#4C1818;/*Color de texto*/
   -moz-border-radius: 10px; /* Borde redondeado aplicable a Mozilla Firefox*/
   -webkit-border-radius: 10px; /*Borde redondeado aplicable a Chrome & Safari*/
   -khtml-border-top-left-radius: 10px; 
   border-top-left-radius: 10px;
   border-radius: 10px; /*Borde redondeado generico del contenedor*/
   /*border-radius:7px 98px 7px 98px;*/
   box-shadow: -5px 5px 10px #333; /*Sombra del contenedor*/                 
   background-color:#F2F0F0;/*#E1E1E1; /*Color de fondo del div*/
   filter:alpha(opacity=95);
   -moz-opacity:0.95;
   -khtml-opacity: 0.95;
   opacity: 0.95;
}

#popup_title
{
   font-size: 16px;/*Tamaño de fuente*/
   font-weight: bold; /*Texto en negrita*/
   text-align: center; /*Alineacion del texto*/
   line-height: 1.75em; /*Interlineado del texto*/
   color: whitesmoke;/*#FFF; /*Color de texto*/
   background: #700837;/*rgba(103,38,38, 1.0); /*url(imagenes/title.png) top repeat-x;*/    
   border:transparent;
   /*border: solid 1px #FFF; /*Borde*/
   /*border-bottom: solid 1px rgba(103,38,38, 1.0); /*Borde inferior*/
   cursor: default;/*Puntero por default*/
   padding: 0em; /*Relleno*/
   margin: 0em; /*Margen*/
   -moz-border-radius: 7px 7px 0px 0px; /*Borde redondeado aplicable a Mozilla Firefox*/
   -webkit-border-radius: 7px 7px 0px 0px; /*Borde redondeado aplicable a Safari & Chrome*/
   -khtml-border-top-left-radius: 7px 7px 0px 0px;
   border-top-left-radius: 7px 7px 0px 0px;
   border-radius: 7px 7px 0px 0px; /*Borde redondeado generico*/
   text-shadow: 0.1em 0.1em 0.2em gray;
}

#popup_content
{    
   background: 32px 32px no-repeat url(../imagenes/alerta.png);    /*16px*/
   background-position: 1px 26px;
   padding: 1em 1.75em; /*Relleno*/
   margin: 0em; /*Margen*/
}

#popup_content.alert
{
   /*background-repeat: no-repeat;
   background-image: url(../imagenes/info.png);
   background-position: 0% 50%;    */
   /*background-image: url(imagenes/info.gif);*/
}

#popup_content.confirm
{
   /*background-image: url(imagenes/important.gif);*/
}

#popup_content.prompt
{
   /*background-image: url(imagenes/help.gif);*/
}

#popup_message
{
   /*padding-left: 48px;*/
   text-align: center;
   font-family:  Tahoma;
   font-size: 1.0em;
}

#popup_panel
{
   text-align: center; /*Alineacion del texto*/    
}

#popup_ok
{
   top: 50%;
   left: 50%;
   text-align: center;
   color:#F2F0F0;
   font-family:  Tahoma;
   font-size: 1.0em;
   font-weight: bold;
   margin: 1em 1em 1em 1em; /*Margen izquierdo-arriba-derecha-abajo*/
   background-color: #700837;
   border-radius:3px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -moz-border-radius: 5px;
   -khtml-border-top-left-radius: 5px;
   border-top-left-radius: 5px;
}

#popup_ok:hover
{
   text-align: center; /*Alineacion del texto*/
   margin: 1em 1em 1em 1em; /*Margen izquierdo-arriba-derecha-abajo*/    
   color: #F2F0F0;
   background-color:#674581;
   font-family:  Tahoma;
   font-size: 1.0em;
   font-weight: bold;
   -webkit-border-radius:5px;
   -o-border-radius:5px;
   -moz-border-radius:5px; /*Borde redondeado aplicable a Mozilla Firefox*/
   -khtml-border-top-left-radius: 5px;
   border-top-left-radius: 5px;
}

#popup_prompt
{
   margin: .5em 0em; /*Margen*/
}
/*
 *Estilo alternativo de la pagina de login aplicado a dispositivos moviles
 */
@media screen and (max-width:500px) 
{
   #popup_container
   {
      font-size: 10px; /*Tamaño de fuente*/
      min-width: 100px; /* Dialog will be no smaller than this */
      max-width: 300px; /* Dialog will wrap after this width */
      -moz-border-radius: 7px;/*Borde redondeado alplicable a Mozilla Firefox*/
      -webkit-border-radius: 7px; /*Borde redondeado apliicable a Safari & Chrome*/
      border-radius: 7px; /*Borde redondeado del contenedor*/
      box-shadow: -2px 2px 5px #999; /*Sombra del contendor*/
   }

   #popup_title
   {
      font-size: 12px; /*Tamaño de fuente*/
      line-height: 1.0 em; /*Texto interlineado*/
      -moz-border-radius: 5px; /*Borde redondeado alplicable a Mozilla Firefox*/
      -webkit-border-radius: 5px; /*Borde redondeado apliicable a Safari & Chrome*/
      border-radius: 5px; /*Borde redondeado*/
   }
}