/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */
html {
/*height: 100%;*/
width: 100%;
}

iframe{
	height: 100%;
	width: 100%;
	overflow: scroll;
	border: none;
}

.alinDcha{
    text-align : right;
    /*padding: 0 0.18em 0 0;*/
	 margin-right: 5px;
}

.alinIzda{
	text-align: left;
	/*padding: 0 0 0 0.18em;*/
   margin-left: 5px;
}

.alinCentro{
	text-align: center;
}

body {
	font-size: 1em;
	/*font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;*/
	font-family: "helvetica neue",helvetica,arial,sans-serif;
	color:#564b47;
	height: 100%;
	padding:0;
	margin: 0 auto;
	background-color: #fff;
	width: 100%;
	overflow : hidden;
}

.body_listado {
	/*font-size: 1.1em;*/
	/*font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;*/
	font-family: "helvetica neue",helvetica,arial,sans-serif;
	color:#564b47;
	height: 100%;
	padding:0;
	margin: 0 auto;
	background-color: #fff;
	width: 100%;
	overflow : auto;
}

input, select, textarea {
	font-size: 1.0em;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family: "helvetica neue",helvetica,arial,sans-serif;
}

input {
	height: 25px;
	padding: 5px;
}

h1  {
	font-size: 0.9em;
	font-family: "helvetica neue",helvetica,arial,sans-serif;
	color: #990000;
}

h2  {
	/*font-size: 1.2em;*/
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family: "helvetica neue",helvetica,arial,sans-serif;
	color : #A2A2C3;
}

legend {
	/*font-size: 0.7em;*/
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family: "helvetica neue",helvetica,arial,sans-serif;
	color: #485928;
	/*text-shadow: Black;*/
	font-weight: bold;
}

fieldset {
	border: thin solid #ddd !important;
	/*height: 100%;*/
	margin: 0;
	xmin-width: 0;
	padding: 10px;       
	position: relative;
	border-radius:4px;
	background-color:#f5f5f5;
	padding-left:10px!important;
}
		legend
		{
			font-size:14px;
			font-weight:bold;
			margin-bottom: 0px; 
			width: 35%; 
			border: 1px solid #ddd;
			border-radius: 4px; 
			padding: 5px 5px 5px 10px; 
			background-color: #ffffff;
		}
		
a {
	text-decoration : none;
	color: #ffffff;
}

#tabla_resultados_electorales {
 	width: 100%;
 	height: 100%;	
}

.tabla_ranking{
	background-image: url(../../image/legend_fondo.gif);
	background-repeat: repeat;
}

tr {
	height: 35px;
}

th {
	border : thin solid #fff;
	background : #D3E1E4;
	/*height: 3em;*/
	/*font-size: 0.7em;*/
}

td {
	/*border : thin solid #C6DDC6;*/
	/*height: 2.27em;*/
	background-color : White;
		/*font-size: 0.7em;*/
}

.td_gris {
	/*background-color: #E9E9E9;*/
	background-color: #556b2f;
	/*color: white;*/
	font-weight: bold;
}

.td_gris_claro {
	background-color: #eaeaea;
	font-weight: bold;
}

.td_sinBordes {
	border : thin none White;
	background-color : transparent;
}

.td_conFondo {
	background-color : #D3E1E4;
}

.td_conFondo2 {
	background-color: #6ab023;
	color: #ffffff;
	height: 25px;
}

.td_conFondo3 {
	background-color: #86A094;
	color: #ffffff;
}

.linea_lista{
	text-align: left;
	width: 100%;
	list-style : disc inside;
}

.linea_lista_vacia{
	text-align: left;
	width: 100%;
	list-style : none;
}

/*-------------- PAGINA --------------*/

#pagina {
    width: 100%;
    height: 100%;
    border: none;
}

/* ----------PARAMETROS-------------- */
#parametros {
	float: left;
	background-color: #efefef;
	padding: 0.45em;
	margin: 0 auto;
	width: 100%;
	vertical-align: middle;
	border: 0.09em solid gray;
}

#parametros_web {
	float: left;
	background-color: #efefef;
	padding: 0.45em;
	margin: 0 auto;
	width: 98%;
	vertical-align: middle;
	border: 0.09em solid gray;
}

#parametros_resGraficos {
	float: left;
	background-color: #efefef;
	padding: 0.45em;
	margin-left: 1%;
	margin-right: 1%;
	width: 97%;
	vertical-align: middle;
	border: 0.09em solid gray;
}

#divh1  {
	/*font-size: 0.8em;*/
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family: "helvetica neue",helvetica,arial,sans-serif;
	background-color : White;
	float: left;
	width: 8%;
	text-align : right;
	vertical-align: middle;
	font-weight : bold;
	border : 0.09em solid Gray;
	padding: 0.36em 0 0.36em 0;
}

#divh2  {
	float: left;
	width: 83%;
	vertical-align: middle;
	border: thin solid #84AC80;
	padding: 0.27em 0 0.27em 0;
	text-align: center;
	/*font-size: 0.7em;*/
}

#divh2_1  {
	float: left;
	width: 100%;
	vertical-align: middle;
	padding: 0.27em 0 0.27em 0;
	text-align: center;
}

#divh2_2  {
	float: left;
	width: 100%;
	vertical-align: middle;
	padding: 0.27em 0 0.27em 0;
	text-align: center;
	border-top: thin solid #84AC80;
}

#divh2_2_1  {
	float: left;
	width: 30%;
	vertical-align: middle;
	text-align: center;
	padding: 0.27em 0 0.27em 0;
}

#divh2_2_2  {
	float: left;
	width: 35%;
	vertical-align: middle;
	text-align: center;
	padding: 0.27em 0 0.27em 0;
}

#divh2_2_3  {
	float: left;
	width: 35%;
	vertical-align: middle;
	text-align: center;
}

#divh2_resGrafico  {
	float: left;
	width: 97%;
	vertical-align: middle;
	border: thin solid #84AC80;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	margin: auto;
	text-align: center;
	/*font-size: 0.7em;*/
}

#divh3  {
	/*font-size: 0.7em;*/
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family: "helvetica neue",helvetica,arial,sans-serif;
	float: left;
	width: 6%;
	background : White;
	vertical-align : bottom;
	border : thin solid Gray;
	padding: 0.6em 0 0.6em 0;
}

.separador  {
	float: left;
	width: 1%;
}

/* -----------total=izda+centro+dcha--------------------------- */

#multigraphe {
	height : 90%;
	width: 100%;
	background-color : #fff;
}

#monographe {
	height : 90%;
	width: 100%;
	background-color : #f3f3f3;	
}

#graphePleinEcran {
	height : 100%;
	width: 100%;
}

.boton {
	/*color: #000152;*/
	color: #fff;
	/*font-size : 1.1em;*/
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family: "helvetica neue",helvetica,arial,sans-serif;
	border-bottom : 0.09em solid Black;
	border-right : 0.09em solid Black;
	border-left : 0.09em solid White;
	border-top : 0.09em solid White;
	/*background-color : #87CEFA;*/
	background-color : #00361E;
}



/* -----------------SELECTORES--------------------- */
#izdaPar100 {
	float: left;
	width: 100%;
	padding: 0 0 0.18em 0;
	height : 2.27em;
}

#centroPar100{
	float: right;
	width: 100%;
	padding: 0 0 0.18em 0;
	height : 2.27em;
}

#dchaPar100 {
	float: left;
	width: 100%;
	padding: 0 0 0.18em 0;
	height : 2.27em;
}

/* -----------------GRAFICOS--------------------- */
#centro_titulo {
	float: left;
	width: 100%;
	height: 96%;
	margin: auto;
}

#centro {
	float: left;
	width: 100%;
	height :96%;
	overflow: auto;
	text-align: center;
}

#arriba_izda_titulo {
	float: left;
	width: 44%;
	height: 45%;
	padding: 0 0 1.5% 0;
	margin: auto;
}

#arriba_izda {
	float: left;
	width: 100%;
	height :100%;
	overflow: auto;
	text-align: center;
	/*font-size:1.4em;*/
}

#arriba_dcha_titulo {
    float: left;
    width: 100%;
    height : 45%;
	overflow: hidden;
	margin: auto;
}

#arriba_dcha_titulo_OTROS {
    float: left;
    width: 100%;
    height : 43%;
	overflow: hidden;
	margin: auto;
}

#arriba_dcha {
	width: 100%;
	height: 87%;
	overflow: auto;
}

#abajo_izda_titulo {
    float: left;
    width: 50%;
    height : 45%;
	margin: auto;
	padding: 0 0 1.5% 0;
}

#abajo_izda {
	float: left;
	width: 100%;
	height :93%;
	overflow: auto;
}

#abajo_dcha_titulo {
    float: left;
    width: 50%;
    height : 45%;
	margin: auto;
	padding: 0 0 1.5% 0;
}

#abajo_dcha {
	float: left;
	width: 100%;
	height :93%;
	overflow: auto;
}

#arriba_resGrafico {
    float: left;
    width: 98%;
    height : 99%;
	overflow: auto;
	margin: auto;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 1%;
}

.linea_top{
	border : thin solid;
	border-color : Gray White White White;
}

.ficha {
    width: 97%;
    height : 95%;
    vertical-align : middle;
    background-color: #DCE8DB;
}

.borde_naranja{
    border: thin solid #FFEFC4;
}

.borde_verde{
    border: thin solid #84AC80;
}

.transparente{
    background-color: transparent;
}

.letra_negra{
    color : black;
}

.letra_azul{
    color : Blue;
}

.letra_roja{
    color : Red;
}

.letra_verde{
    color : #1EA263;
}

.letra_granate{
    color : #990000;
    font-weight: bold;
}

.fondo_rojo{
	background-color: #ff8d79;
	color: white;
}

.fondo_verde{
	background-color: #C6DDC6;
}

.seleccionado{
    color : Blue;
    background-color: Silver;
}

.bordeBlanco{
	border: 0.09em solid green;
}

.degradado {
/*width: 5.45em; height: 7.27em;*/
background-position:center;
background-repeat: repeat;
/* Mozilla ignores crazy MS image filters, so it will skip the following */
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../../image/degradado.png');*/
}
/* IE ignores styles with [attributes], so it will skip the following. */
.degradado[class] {
	background-image: url(../../image/degradado.png);
	background-repeat: repeat;
}

.degradado_vs {
/*width: 5.45em; height: 7.27em;*/
background-position:center;
background-repeat: repeat;
/* Mozilla ignores crazy MS image filters, so it will skip the following */
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../../image/degradado_vs.png');*/
}
/* IE ignores styles with [attributes], so it will skip the following. */
.degradado_vs[class] {
	background-image: url(../../image/degradado_vs.png);
	background-repeat: repeat;
}

.letra_14 {
	font-size: 1.2em;
	font-weight: bold;
}

/*no lo muestra y no ocupa lugar*/
.oculto {
  display: none;
}
 
.tcCSS {
  /*position: absolute;*/
  display: block;
  font-weight: bold;
  /*right: 0.5em;*/
  float: right;
  /*clear: both;*/
  text-align: center;
}
.tcImagen {
	font-weight: bold;
	cursor: auto;
}
.tcBloque {
  position: absolute;
  left: -39.6em;
  top: -1.2em;
  z-index: 9;
  background-color: #eee;
  width: 40em;
  max-height: 30em;
  /*height: 20em;*/
  display: none;
}
.tcCSS:hover .tcBloque {
  display: block;
  color: #564b47;
  text-align: center;
  border: 0.09em solid #005d01;
  background-image: url(../../image/legend_fondo.gif);
  background-repeat: repeat;
  overflow: auto;
}
.tcTitulo {
  border-bottom: 0.09em solid #ddd;
  background-color: #009460;
  color: #fff;
  text-indent: 0.5em;
  text-align: left;
}
.tcOpcion {
  display: block;
  text-decoration: none;
  text-align: left;
  text-indent: 1em;
  cursor: pointer;
  width: 100%;
  color: #424649;
}
.tcOpcion:hover {
  background-color: #71131d;
  color: #ecf7ed;
  width: 100%;
}
.tabla_con_margen {
	padding:0.5em;
}

.form_formParametrosPpal{
	width: 100%; 
	height: 100%;
}

.div_1{
	width: 90%;
	float: left;
}

.div_3 {
	width:100%;
	position:absolute;
}

.div_2 {
	float: right;
}

.select_tipoEleccion {
	width: 8em; 
	height: 1.8em;
}

.select_anyo {
	width: 5em; 
	height: 1.8em;
}

.select_resultadosMesas {
	width: 12em; 
	height: 2em;
}

.table_1 {
	height: 99%; 
	width: 100%;
	/*order-collapse: separate;*/
	/*border-spacing: 0.09em;*/
}

.tbody_scroll {
	overflow: auto; 
	height: 83%;
}

.overflow_hidden {
	overflow: hidden;
}
	
.alignMiddle {
	vertical-align: middle;
}

.border0 {
	border: 0;
}

.th_nowrap {
	white-space: nowrap;	
}
 
.ancho1 { width: 1%; }
.ancho2 { width: 2%; }
.ancho3 { width: 3%; }
.ancho4 { width: 4%; }
.ancho5 { width: 5%; }
.ancho6 { width: 6%; }
.ancho8 { width: 8%; }
.ancho9 { width: 9%; }
.ancho10 { width: 10%; }
.ancho13 { width: 13%; }
.ancho17 { width: 17%; }
.ancho19 { width: 19%; }
.ancho20 { width: 20%; }
.ancho25 { width: 25%; }
.ancho30 { width: 30%; }
.ancho35 { width: 35%; }
.ancho37 { width: 37%; }
.ancho38 { width: 38%; }
.ancho40 { width: 40%; }
.ancho43 { width: 43%; }
.ancho44 { width: 44%; }
.ancho442 { width: 44.2%; }
.ancho446 { width: 44.6%; }
.ancho45 { width: 45%; }
.ancho50 { width: 50%; }
.ancho542 { width: 54.2%; }
.ancho64 { width: 64%; }
.ancho70 { width: 70%; }
.ancho90 { width: 90%; }
.ancho100 { width: 100%; }

.oculto_caption {
	position:absolute;
	left:0em;
	top:-500em;
	width:0.09em;
	height:0.09em;
	overflow:hidden;
}

/*********************************************************************************************/
/*                                                                                           */
/*                                    A V A N C E S                                          */
/*                                                                                           */
/*********************************************************************************************/

#izda_avance {
	float: left;
	width: 43%;
	height: 90%;
	padding: 0.5% 0.5% 0 0;
	margin: auto;
}

#izda_arriba_avance_titulo {
	float: left;
	width: 100%;
	height: 47%;
	padding: 0 0 3.5% 0;
	margin: auto;
}

#izda_arriba_avance {
	float: left;
	width: 100%;
	height :100%;
	overflow: auto;
	text-align: center;
	margin: auto;
}

#izda_abajo_avance_titulo {
	float: left;
	width: 100%;
	height: 47%;
	margin: auto;
}

#izda_abajo_avance {
	float: left;
	width: 100%;
	height :100%;
	overflow: auto;
	text-align: center;
	margin: auto;
}

#dcha_avance_titulo {
	float: left;
	width: 55%;
	height: 87%;
	margin: auto;
	padding: 0.5% 0 0 0;
}

#dcha_avance {
	float: left;
	width: 100%;
	height :100%;
	overflow: auto;
	text-align: center;
	margin: auto;
}

#arriba_izda_lateral_izquierdo {
	float: left;
	width: 88%;
	height: 100%;
	overflow: auto;
	text-align: center;
	margin: auto;
}

#arriba_izda_lateral_derecho {
	float: left;
	width: 12%;
	height :100%;
	text-align: right;
	margin: auto;
}

#abajo_izda_lateral_izquierdo {
	float: left;
	width: 88%;
	height: 100%;
	overflow: auto;
	text-align: center;
	margin: auto;
}

#abajo_izda_lateral_derecho {
	float: left;
	width: 12%;
	height :100%;
	text-align: right;
	margin: auto;
}

.sinBorde {
	border: none !important;
}

.bordeGris {
	border: 1px solid #d2d2d2;
}
