/********************************************************************
  Nombre de la Institucion: MINISTERIO DE AGRICULTURA Y RIEGO
  Nombre del Proyecto:      Estandares de Diseño - Tipografia
  Objetivo:                 Estandarizar los estilos referentes a la Tipografia:
  
  Aplicado a		         : Tamaños de fuente
  									  Negrita-Cursiva-Subrayado
  									  Alineaciones
  									  Interlineados
  									  Tamaño de fuente y color de Nombre del Sistema
  									  Tamaño de fuente y color de Version del Sistema
 									  
  Responsable:             : Freddi Herrera
  Fecha Creacion           : Febrero - 2015
  Fecha Actualizacion      : __/__/__
  Detalle de actualización : --------------
**************************************************************************/

/*Estilos del tipo "Clase" definidos para el tamaño de las fuentes*/

.cFont-Size_6{font-size: 6px}
.cFont-Size_8{font-size: 8px}
.cFont-Size_9{font-size: 9px}
.cFont-Size_10{font-size: 10px}
.cFont-Size_12{font-size: 12px}
.cFont-Size_14{font-size: 14px}
.cFont-Size_16{font-size: 16px}
.cFont-Size_18{font-size: 18px}
.cFont-Size_20{font-size: 20px}
.cFont-Size_22{font-size: 22px}
.cFont-Size_24{font-size: 24px}
.cFont-Size_26{font-size: 26px}

.ctamanio_alto_19{height:19px;}
.ctamanio_alto_590{height:590px;}

/*Estilos del tipo "Clase" definido para dar formatos generales al Texto*/

.cNegrita{font-weight:bold}
.cSubrayado{text-decoration: underline;}
.cCursiva{font-style: italic}
.cMayuscula{text-transform: uppercase}
.cMinuscula{text-transform: lowercase}
.cPrimeraMayus{text-transform: capitalize}

/*Estilos del tipo "Clase" definido para la alineacion del Texto*/

.cIzquierda{text-align: left}
.cDerecha{text-align:right}
.cCentrado{text-align:center}
.cJustificado{text-align:justify!important;}

/*Estilos del tipo "Clase" definido para la separacion del Intelineado*/

.p.cInt_lineadoSencillo{line-height: normal}
.p.cInt_lineado_1_5{line-height:150%}
.p.cInt_lineadoDoble{line-height:2}

/*Estilos del tipo nativo, aplicados para el toltip indicando un error*/
a.tooltips {
  position: relative;
  display: inline;
}

a.obligatorio{
  position: relative;
  display: inline;	
  color: #FE2E2E;
}

a.tooltips span {
  position: absolute;
  margin: 10px;
  width:115px;
  color: #FFFFFF;
  background: #31B7F1;
  height: 24px;
  line-height: 24px;
  text-align: center;
  visibility: hidden;
  border-radius: 4px;
}

a.obligatorio span {
  position: absolute;
  margin: 5px;
  width:115px;
  color: #FFFFFF;
  background: #FE2E2E;
  height: 24px;
  line-height: 24px;
  text-align: center;
  visibility: hidden;
  border-radius: 4px;
}

a.tooltips span:after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-bottom: 8px solid #31B7F1;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

a.obligatorio span:after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-bottom: 8px solid #FE2E2E;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}


a:hover.tooltips span {
  visibility: visible;
  opacity: 0.9;
  top: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}

a:hover.obligatorio span {
  visibility: visible;
  opacity: 0.9;
  top: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}

.fuente_times{font-family: "Times New Roman", Georgia, Serif;}
.fuente_arial{font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;}
.fuente_Trebuchet {	font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;}
.fuente_hevetica{font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}
.fuente_georgia{font-family: Georgia, Times, 'Times New Roman', serif;}