/*------------------------------- HojaEstilo.css -------------------------------------------------
 Propósito: Definir los principales estilos utilizados en las páginas del Backoffice del Sistema
            de Atención Mexiquense.
 Autores:   Araceli Sánchez García.
 Sistema: 	Sistema de Atención Mexiquense (SAM) - Ayuntamientos.
 Fecha última modificación  Junio/2008.
 ---------------------------------------------------------------------------------------------------*/
.SoloLectura {
	background-color:#EEEEEE; 
	border:none; 
	color:#000000;
}

.FormaCampoPregunta {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #EEEEEE;
	color: #900;
	
}

.FormaCampoResalte {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #EEEEEE;
	color: #900;
	padding: 10px;
}

legend {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #666;
  background: #eee;
  border: 2px solid #ccc;
  border-bottom-color: #999;
  border-right-color: #999;
  padding: 4px 8px;
  }

fieldset {
  padding: 10px 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;

  }


.TituloPaginaFicha {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
}
.Asterisco {
	font-size: 18px;
	font-weight: bold;
	color: red /*FF9900 009933*/;
}

.BannerReplica{
background-image:url(imagen/headerhome.jpg);
background-repeat:repeat-x;
font-size:9px;
}

.EtapaCabecera {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 50px;
	padding-top: 10px;



}
body {
margin: 0px;
}

.Rojo {
	color: #FF0000;
	font-weight: bold;
}


.Contenido {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
.MenuPrincipal {
	
	/*background-color: #990000;*/
	
	background-color:#867faf;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: middle;
	color: #FFFFFF;
	
}

.MenuPrincipalLiga:link {
	color: #EEE;
	text-decoration: none;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCC;
}

.MenuPrincipalLiga:visited {
	
	color: #EEE;
	text-decoration: none;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCC;
}
.MenuPrincipalLiga:hover {
	
	color: #FFF;
	text-decoration: none;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #FFFFFF;
}

a:link 
{
  color: #CC3300;
	}

a:visited 
{
  color: #666666;
	}

form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}	

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	resize: none; 
	
}

.MenuSecundarioActivo {
	background-color: #CDCDB4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	vertical-align: middle;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
}
.MenuSecundarioInactivo {
	background-color: #F4F4F4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	vertical-align: middle;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
}
.MenuSecundarioLiga:Link {
	color: #000000;
	text-decoration: none;

}

.MenuSecundarioLiga:visited {
	color: #000000;
	text-decoration: none;
}
.MenuSecundarioLiga:Hover {
	color: #CC0000;
	text-decoration: none;
}

.Vineta {
	vertical-align: top;
}
.TituloPagina {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: normal;
}

.TablaDatosCabeceraGde {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #949E8C;
	font-weight: bold;
	border: 1px solid #666666;
	text-align: center;
	color: #FFFFFF;
	background-repeat: repeat-x;
}
.TablaDatosCabecera {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #949E8C;
	font-weight: bold;
	border: 1px solid #666666;
	text-align: center;
	color: #FFFFFF;
	background-repeat: repeat-x;
}
.TablaDatosCabecera_tipo2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #CC0000 ;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}
.TablaDatosCabecera_tipo3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #99CC66   ;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}
.TablaDatosCabecera_tipo4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #82D5FD  ;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}
.TablaDatosCabecera_tipo5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FC9914;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}

.TablaDatosCabecera_tipo6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #006600;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}


.TablaDatosRenglonNon {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #CDCDB4;
	border: none;
	font-weight: normal;
	background-repeat: repeat-x;
}
.TablaDatosRenglonPar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #EEEEEE;
	border: none;
	font-weight: normal;
	background-repeat: repeat-x;
}

.TablaDatosRenglonAmarillo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #F5F4E6;
	border: none;
	font-weight: normal;
}

.TablaDatosRenglonAmarilloN {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #E8E7D0;
	border: none;
	font-weight: bold;
}

.TablaDatosRenglonOver {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #E8E7D0;
	border: none;
	font-weight: normal;
}


.TablaDatos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #999999;
	background-position: center;
	padding-left: 3px;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.FormaPrompt {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #CDCDB4;
	padding-left: 3px;
}
.FormaCampo {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #EEEEEE;
}
.Numero{
	text-align : right;
}
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
.EtapaOpcion {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	vertical-align: middle;
	border: none;


}
.Etapa {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #000000;

}
.Tab {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-image: url(imagen/Tab.gif);
	vertical-align: middle;
	background-repeat: no-repeat;


}
.TabActive {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-image: url(imagen/Tab_Active.gif);
	vertical-align: middle;
	background-repeat: no-repeat;

}
.TabHover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-image: url(imagen/Tab_Hover.gif);
	vertical-align: middle;
	background-repeat: no-repeat;

}
.TablaForma {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #999999;
	background-position: center;
	padding: 1px;



}

.TabLiga {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;



}

.topseccion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #CC3300;
	font-weight: bold;
	font-style: normal;
	text-transform: capitalize;
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-top: 2px;
	border: outset;



}
.sombramenu1 {
	background-color: #e8e8e8;
}


.FormaPromptJaime {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #99cc99;
	padding-left: 3px;
	color: #000000;

}
.FormaMuestra {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #D2DACB;
	padding-left: 3px;
}
.FormaPromptObraProg {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #DEE5DE;
	padding-left: 3px;
}





table.sortable a.sortheader  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #999999;
	background-position: center;
	padding-left: 3px;
	
    color:#FFFFFF;
    font-weight: bold;
    text-decoration: none;
    display: block;
   
}


table.sortable span.sortarrow {
    color: black;
    text-decoration: none;
}


th a:active, th a:hover {
  color: #800000;
 
}



td.sortedColumn {
  
  background-color: #ACBB9F;
  
}

th.sortedColumn {
  background-color: #ACBB9F;
  text-decoration: none;
}

tr.TablaDatosRenglonPar td.sortedColumn {
  background-color: #D2DACB;
}

.LigaValidacion:link  
{
	font-size:16px;	
	text-decoration : none;
}

.LigaValidacion:visited  
{	font-size:16px;	
	text-decoration : none;
}

.LigaValidacion:hover  
{	font-size:16px;	
	text-decoration : underline;
}

.LigaContenido:link  {
	font-family: "Century Gothic";
	color:#648D69;/*2F4D35*/
	text-decoration:none;
	font-size:10px;
}
.LigaContenido:visited {
	font-family: "Century Gothic"; 
 	color:#648D69;
	text-decoration:none;
	font-size:10px;
}

.LigaContenido:hover {
	font-family: "Century Gothic"; 
 	color:#000 ;/*2F4D35*/
	text-decoration:none;
	font-size:10px;
}

.LigaContenido:active {
	font-family: "Century Gothic"; 
 	color:#648D69 ;/*2F4D35*/
	text-decoration:none;
	font-size:10px;
}

.fondoGris{
	background-color:#f4f4f4;
}

.fondoBlanco{
	background-color:#ffffff;
}

.MenuALLiga:link { 	 color: #000; font-size:12px; font-weight:normal; text-decoration: none; }
.MenuALLiga:visited {
	color: #333;
	font-size:12px;
	font-weight:normal;
	text-decoration: none;
}
.MenuALLiga:hover, .MenuALLiga:active {
	color: #333;
	font-size:12px;
	font-weight:normal;
	text-decoration: none;
}

.Estilo11 {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

.FondoDerTabla {
	background-image: url(imagen/Forma_05.gif);
	background-repeat: no-repeat;
}

.FondoIzqTabla {
	background-image: url(imagen/Forma_07.gif);
	background-repeat: no-repeat;
}

.FondoCentroTabla {
	background-image: url(imagen/Forma_06.gif);
	background-repeat: repeat-x;	
}

.Espacio {
	background-image: url(imagen/spacer.gif);
	background-repeat: no-repeat;
}

.Calendar_Top {
	background-image: url(imagen/Calendar_Top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.Calendar_Centro {
	background-image: url(imagen/Calendar_centro.gif);
	background-repeat: repeat-y;
	background-position: left top;	
}

.Calendar_Bottom {
	background-image: url(imagen/Calendar_Bottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.Pie_Pag1 {
	font-family: Gotham Book, Gill Sans, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #FFF;
}

.Letra_GConPleca
{
	background-image: url(imagen/PlecaGris.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	
}
.TituloLista {
	font-size: 14px;
	font-weight: bold;
	list-style-type: none;	
}

.warningred { background: #fed4d5; border: 1px solid #de9e9c; }

hr.Estilo5 {
	background-color: #fff;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
}

.warning { background: #FFFFAA; border: 1px solid #FFAD33; }


 .CabeceraCaja {
	background-image: url(imagen/CabeceraCaja.gif);
	background-repeat: no-repeat;
	background-position: left top;	 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
 }
  
 .FondoCaja {
	background-image: url(imagen/CuerpoCaja.gif);
	background-repeat: repeat-y;
	background-position: left top;	
	font-family:Tahoma, Verdana, Arial, sansserif;
    font-size: 11px;
   
 }
.CierreCaja{
	background-image: url(imagen/CierreCaja.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}

.TablaDatosVerde {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-position: center;
	padding-left: 3px;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #99C731;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;	
	
}

.TabDesactivado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-image: url(imagen/Tab_Desactivado.jpg);
	vertical-align: middle;
	background-repeat: no-repeat;
	color: #B0B0B0;
}

.resalte {
	padding: 5px;
	color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}