/***** ESTILOS PARA EL FORMULARIO *****/

/******************************************************************
 * Estilo general del formulario: ser� traado como una lista
 ******************************************************************/

ul.capa_variablesProd{
    list-style-type: none;
    display: inline-block;
}

/******************************************************************
 * Estilo de cada elemento del formulario
 ******************************************************************/

ul.capa_variablesProd li {
	width: inherit!Important;
    max-width: 100%;
	border:1px solid #89beba;
	color:#335B55;
	float:left;
	margin:2px 2px 2px 2px;
	padding:5px;
}

/******************************************************************
 * Estilo del titulo general del formulario
 ******************************************************************/

.titulo_var {
	background: none repeat scroll 0 0 #89BEBA!Important;
	float:left;
	font:bold 0.9em Arial,sans-serif;
	margin-bottom:3px;
	padding:3px 1%;
	white-space:nowrap;
	width:100%;
	color: black;
}


/******************************************************************
 * Estilo para la caja SELECT del formulario
 ******************************************************************/

SELECT.cajaVarProd{
	border: 1px solid #000000!Important;
    color: #000000!Important;
    font : 0.8rem Arial, sans-serif;
    height: 18em;
	width:100%;
}

/******************************************************************
 * Estilo para los option que sean sectores
 ******************************************************************/

select.cajaVarProd option.sector{
	font-weight: bold;
}

/******************************************************************
 * Estilo para alinear los botones en el formulario
 ******************************************************************/

.alinearboton{
	float:left;
	padding: 0.5em 0 0 0;
	border-width: 3px;
	display:inline;
}

.margenboton{
	padding: 0.5em 0 0 0;
	border-width: 3px;
}

/***** ESTILOS PARA EL ERROR *****/

/******************************************************************
 * Estilo para el error
 ******************************************************************/

TABLE.error{
  background-color:#DDEEEC;
    color : #457E76;
    font : bold 1em Arial,sans-serif;
}

/***** ESTILOS PARA LOS TEXTOS Y LAS ACLARACIONES *****/

/******************************************************************
 * Estilo para el texto de H1
 ******************************************************************/

.classh1{
	background: #457E76 none repeat scroll 0 0!Important;
    color: #FFFFFF!Important;
	font:bold 1.1em Arial,sans-serif;
	/*margin-top: 100px;*/
	margin:3px 0px 6px 0px;
	padding:3px 1%;
	white-space:nowrap;
	width:98%;
}

/******************************************************************
 * Estilo para el texto "Seleccione la publicaci�n a consultar"
 ******************************************************************/

ul.titulo_variables{
	list-style-type:none;
  	color : #000000;
	font : bold 0.9em Arial,sans-serif;
	margin : 10px 0px 0px 5px;
	padding : 0px 0px 0px 0px;
}

/***** ESTILOS PARA LOS BOTONES DE LA CABECERA *****/

/******************************************************************
 * Estilo para el logo del INE
 ******************************************************************/

.alinearLogo{
	float:right;
	vertical-align: middle;
}

/******************************************************************
 * Estilo para el icono de la impresora
 ******************************************************************/

.centradoImprimir{
	vertical-align: middle;
	padding: 1em 0 0 0;
	float:left;
}

/******************************************************************
 * Estilo para mostrar el a�o
 ******************************************************************/

.pbAnyo {
	COLOR: black;
	FONT-SIZE : 2em;
	FONT-WEIGHT : bold;
	TEXT-ALIGN : center;
	VERTICAL-ALIGN: middle;
	TEXT-TRANSFORM : uppercase;
}

form[name=publicacionForm] {
    display: inline-block;
    padding-left: 3rem;
}