/* 
fde6a3 crema
fdc800 naranja cajas
fd7900 naranja menu-normal
003333 verde oscuro letras y bordes
ffff66 amarillo fondo
 */


body {
  background-color: #ffffff;
  color: #000033;
  margin: 0px;
  padding:0px;
  line-height: 130%;
  font-family: arial, helvetica, sans-serif; font-size:13px; color:#000033;

}


span.nar1{	font-family: arial, helvetica, sans-serif; font-size:11px; color:#cd6800; }
span.nar2{	font-family: arial, helvetica, sans-serif; font-size:12px; color:#cd6800; }
span.nar3{	font-family: arial, helvetica, sans-serif; font-size:13px; color:#cd6800; }
span.nar4{	font-family: arial, helvetica, sans-serif; font-size:14px; color:#cd6800; }
span.nar5{	font-family: arial, helvetica, sans-serif; font-size:16px; color:#cd6800; }
span.nar6{	font-family: arial, helvetica, sans-serif; font-size:18px; color:#cd6800; }
span.nar7{	font-family: arial, helvetica, sans-serif; font-size:22px; color:#cd6800; }

span.azul1{	font-family: arial, helvetica, sans-serif; font-size:11px; color:#585f7b; }
span.azul2{	font-family: arial, helvetica, sans-serif; font-size:12px; color:#585f7b; }
span.azul3{	font-family: arial, helvetica, sans-serif; font-size:13px; color:#585f7b; }
span.azul4{	font-family: arial, helvetica, sans-serif; font-size:14px; color:#585f7b; }
span.azul5{	font-family: arial, helvetica, sans-serif; font-size:16px; color:#585f7b; }
span.azul6{	font-family: arial, helvetica, sans-serif; font-size:18px; color:#585f7b; }
span.azul7{	font-family: arial, helvetica, sans-serif; font-size:22px; color:#585f7b; }

span.gris1{	font-family: arial, helvetica, sans-serif; font-size:11px; color:#222439; }
span.gris2{	font-family: arial, helvetica, sans-serif; font-size:12px; color:#222439; }
span.gris3{	font-family: arial, helvetica, sans-serif; font-size:13px; color:#222439; }
span.gris4{	font-family: arial, helvetica, sans-serif; font-size:14px; color:#222439; }
span.gris5{	font-family: arial, helvetica, sans-serif; font-size:16px; color:#222439; }
span.gris6{	font-family: arial, helvetica, sans-serif; font-size:18px; color:#222439; }
span.gris7{	font-family: arial, helvetica, sans-serif; font-size:22px; color:#222439; }
span.gris8{	font-family: arial, helvetica, sans-serif; font-size:28px; color:#222439; }
span.gris9{	font-family: arial, helvetica, sans-serif; font-size:36px; color:#222439; }


span.respuesta { font-family: arial, helvetica, sans-serif; font-size:14px; color:#222439; }
span.respuesta_on { font-weight:bold; }
span.respuesta_sub { color:#333388;}

span.pregunta { font-family: arial, helvetica, sans-serif; font-size:16px; color:#222439; }
span.pregunta_tip { font-family: arial, helvetica, sans-serif; font-size:12px; color:#222439; font-style:italic;}

span.info_registro_texto{	font-family: arial, helvetica, sans-serif; font-size:14px; color:#222439; }
span.info_registro_campo{	font-weight: bold; font-family: arial, helvetica, sans-serif; font-size:16px; color:#222439; }
span.info_registro_dato{	font-family: arial, helvetica, sans-serif; font-size:16px; color:#222439; }

div.respuestas {
	border: dotted 1px #CDCDC1;
	background-color: #F5F5DC;
	padding: 5px;
	margin: 5px;
	overflow: hidden;
}

div.div_sep_gris{
	width:100%;
	height: 7px;
	background: url('imgs/barra_gris.gif') center center repeat-x;
}


div.div_principal {
	width: 100%;
/*	display: table-cell; */
}


table.principal {
	width: 968px;
	padding: 0px;
	margin: 0px;	
	border-width: 0px;
}

td.index {
	background-color: #ffffff;
	width: 968px;
	padding: 0px;
	vertical-align: top;	
}

td.td_top {
	background: url('imgs/bkg_top_968x145.jpg') top center no-repeat;
	background-color: #ffffff;
	width: 100%;
	height: 145px;
	padding-right: 0px;
	padding-left: 0px;
	vertical-align: top;	
}

td.principal_cen {
	background: url('imgs/bkg_middle_968x8.jpg') top center repeat-y;
	width: 100%;
	background-color: #ffffff;
	padding-right: 20px;
	padding-left: 20px;
	vertical-align: top;	
}

td.bottom {
	background: url('imgs/bkg_bottom_968x11.jpg') top center no-repeat;
	width: 100%;
	height: 11px;
	background-color: #ffffff;
	padding-right: 0px;
	padding-left: 0px;
	vertical-align: top;	
}

div.banner_1{
	padding: 14px 0px 0px 20px;
}

div.banner_1_1{
	
}

td.td_front_end_sep_1{
	width: 0px;
}

td.td_front_end_sep_2{
	width: 30px;
}

td.td_front_end_sep_3{
	width: 0px;
}

td.td_front_end_contenido{
	width: 706px;
	vertical-align: top;
}

td.td_front_end_barra_lateral{
	width: 183px;
	vertical-align: top;
}


a {
	text-decoration: underline;
}

a:hover {
  text-decoration: none;
  color: #339933;
}

a:focus {
	outline:none;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

img {
    border: none;
}


div.cuadro_borde {
	border: solid 1px #333377;
	padding: 5px;
	margin: 5px;
	overflow: hidden;
}

div.cuadro_borde_punteado {
	border: dotted 1px #333377;
	padding: 5px;
	margin: 5px;
	overflow: hidden;
}

div.sep_borde_punteado {
	border: none;
	border-bottom: dotted 1px #333377;
	height: 1px;
	width: 100%;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 10px;
}

div.cuadro_sin_borde {
	padding: 5px;
	margin: 5px;
	border: none;
	overflow: hidden;
}

input.cajatexto {
	font-family: arial, helvetica, sans-serif; font-size:14px; color:#003333;
	border-width: 1px;
	border-style: solid;
	border-color:#3a8aa8;	
}

textarea.cajatexto {
	font-family: arial, helvetica, sans-serif; font-size:14px; color:#003333;
	border-width: 1px;
	border-style: solid;
	border-color:#3a8aa8;	
}

input.input_ife {
	width:220px;
	font-family: arial, helvetica, sans-serif; font-size:18px; color:#003333;
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
	border-color:#3a8aa8;	
}

select.municipios {
	width:100px;
	font-family: arial, helvetica, sans-serif; font-size:16px; color:#003333;
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
	border-color:#3a8aa8;	
}

select.secciones {
	width:100px;
	font-family: arial, helvetica, sans-serif; font-size:16px; color:#003333;
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
	border-color:#3a8aa8;	
}

div.texto_inputbox { font-family:arial, verdana, sans-serif;	color:#1E0047;  font-size:14px; text-align: justify; padding-bottom:5px; }
input.input_inputbox {	border-width: 1px;	border-style: solid;	border-color:#3a8aa8; width:90%	}
password.input_inputbox {	border-width: 1px;	border-style: solid;	border-color:#3a8aa8; width:90%	}


.clear { /* contenedor genérico (i.e. div) para los botones flotantes */
  overflow: hidden;
  width: 100%;
}
 
a.btn_der {
  background: transparent url('imgs/btn_4.gif') no-repeat scroll top right;
  color: #444;
  display: block;
  float: right;
  font: bold 12px arial, sans-serif;
  height: 24px;
  margin-right: 6px;
  padding-right: 18px; /* sliding doors padding */
  text-decoration: none;
  white-space:nowrap;
}
 
a.btn_der span {
  background: transparent url('imgs/btn_3.gif') no-repeat;
  display: block;
  line-height: 14px;
  padding: 5px 0 5px 18px;
  white-space:nowrap;
}

a.btn_der:hover {
  background-position: bottom right;
  color: #000;
  outline: none; /* quita el borde punteado en Firefox */
}
 
a.btn_der:hover span {
  background-position: bottom left;
/*  padding: 6px 0 4px 18px;  baja 1px el texto */
}

a.btn_izq {
  background: transparent url('imgs/btn_4.gif') no-repeat scroll top right;
  color: #444;
  display: block;
  float: left;
  font: bold 12px arial, sans-serif;
  height: 24px;
  margin-right: 6px;
  padding-right: 18px; /* sliding doors padding */
  text-decoration: none;
  white-space:nowrap;
}
 
a.btn_izq span {
  background: transparent url('imgs/btn_3.gif') no-repeat;
  display: block;
  line-height: 14px;
  padding: 5px 0 5px 18px;
  white-space:nowrap;
}

a.btn_izq:hover {
  background-position: bottom right;
  color: #000;
  outline: none; /* quita el borde punteado en Firefox */
}
 
a.btn_izq:hover span {
  background-position: bottom left;
/*  padding: 6px 0 4px 18px;  baja 1px el texto */
}


a.tab_der {
  background: transparent url('imgs/tab_4.gif') no-repeat scroll top right;
  color: #444;
  display: block;
  float: right;
  font: bold 12px arial, sans-serif;
  height: 24px;
  margin-right: 6px;
  padding-right: 18px; /* sliding doors padding */
  text-decoration: none;
  white-space:nowrap;
}
 
a.tab_der span {
  background: transparent url('imgs/tab_3.gif') no-repeat;
  display: block;
  line-height: 14px;
  padding: 5px 0 5px 18px;
  white-space:nowrap;
}

a.tab_der:hover {
  background-position: bottom right;
  color: #000;
  outline: none; /* quita el borde punteado en Firefox */
}
 
a.tab_der:hover span {
  background-position: bottom left;
/*  padding: 6px 0 4px 18px;  baja 1px el texto */
}

a.tab_izq {
  background: transparent url('imgs/tab_4.gif') no-repeat scroll top right;
  color: #444;
  display: block;
  float: left;
  font: bold 12px arial, sans-serif;
  height: 24px;
  margin-right: 6px;
  padding-right: 18px; /* sliding doors padding */
  text-decoration: none;
  white-space:nowrap;
}
 
a.tab_izq span {
  background: transparent url('imgs/tab_3.gif') no-repeat;
  display: block;
  line-height: 14px;
  padding: 5px 0 5px 18px;
  white-space:nowrap;
}

a.tab_izq:hover {
  background-position: bottom right;
  color: #000;
  outline: none; /* quita el borde punteado en Firefox */
}
 
a.tab_izq:hover span {
  background-position: bottom left;
/*  padding: 6px 0 4px 18px;  baja 1px el texto */
}

table.tabla_datos{
	border: none;
	padding: 0;
	margin:0;
}

td.tabla_datos {
	border-bottom: #585f7b solid 1px;
	border-left: #585f7b solid 1px;
	border-top:  #585f7b solid 1px;
	border-right:  #585f7b solid 1px;
	padding: 2px;
}



tr.tabla_datos {
}

tr.tabla_datos_on {
	background-color: #dddddd;
}

td.results_grafico {
	width: 300px;
	vertical-align: top;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: dotted 1px #333377;
}

td.results_texto {
	vertical-align: top;
	text-align: left;	
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 13px;
	border-bottom: dotted 1px #333377;
}