.requerido {
    background:url(../imagenes/mensaje/warning.png) no-repeat;
    height:22px;
    margin:0 0 0 0;
    padding:0 0 0 26px;       
}

.requerido div {
    background:url(../imagenes/mensaje/warning-p.png) repeat-x;
    height:17px;
    color:#c51f00;font-size:9px;font-weight:bold; text-align: left;
    padding:5px 5px 0 5px;
}


.msg_error {
    height:17px;
    color:#FF3500;font-size:13px;font-weight:bold; text-align: left;
    padding:5px 5px 0 5px;
}

.boton-azul{
height: 25px;
border: none;
color: #fff;
font-weight: bold;
background-image: url(../imagenes/formulario/boton-azul.png);
}

.radio{
    /*radio superior izquierdo*/
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    /*radio superior derecho*/
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    /*radio inferior izquierdo*/
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    /*radio inferior derecho*/
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* Mensajeria Tooltip Txt*/

.tooltip {
  position: relative;
  background: #F9F9F9;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  color: #222;
}

.tooltip ul li{
     font-size:10px;/*tamaño letra tooltip */
}
.tooltip ul
{
  visibility: visible;
  position: absolute; 
  bottom: 16px; /* para subir o bajar el tooltip */
  left: 80%; /*pociciona tooltip horizontalmente */
  z-index: 999;
  width: 230px;
  margin-left: 0px;
  padding: 0px 0px 0px 18px; /* para darle margen al contenido del tooltip */
  border: 2px solid #ccc;
  opacity: .9;
  background-color: #ddd;                     
  background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));  
  -moz-border-radius: 4px;
  border-radius: 4px;  
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;  
  text-shadow: 0 1px 0 rgba(255,255,255,.4); 
}

.tooltip:hover
{
  border: 0; /* IE6 fix */
}

.tooltip:hover ul
{
  visibility: visible;
}

.tooltip ul:before,
.tooltip ul:after
{
  content: "";
  position: absolute;
  z-index: 1000;
  bottom: -7px;
  left: 8%; /*colocal flecha abajo tooltip */
  margin-left: -8px;  
  border-top: 8px solid #ddd;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;        
  border-bottom: 0;  
}

.tooltip ul:before
{
  border-top-color: #ccc;
  bottom: -8px;
}