body {
	font       : 1em Verdana,Helvetica,sans-serif;
	font-size  : 62.5%;
	/*background : url("../img/background.jpg");*/
}

div,span {
	-webkit-box-sizing : border-box; /* Safari / Chrome, cualquiera que use Webkit */
	-moz-box-sizing    : border-box; /* Firefox, other Gecko */
	box-sizing         : border-box; /* Opera / IE 8+ */
}

/*========= GLOBALES =========*/

h2 {
	font-weight : bold;
	font-size   : 1.2em;
	color       : #833D13;
	text-align  : center;
	width       : 100%;
}

 h2
,h3
,ul 
,ul li 
,a 
,span {
	display        : inline-block; 
	vertical-align : top;  
	*display       : inline; /* IE7 */
}

/*-------- Grid --------*/

 .bloque
,.cuadro {
	display        : inline-block; 
	vertical-align : top;     

	height   : 100%;
	position : relative;
}

* + html .bloque  { display:inline; }  /* IE7 */
* + html .cuadro  { display:inline; }  /* IE7 */

.cuadro { 
	margin-left  : 1%; 
	margin-right : 1%;
	/*ie7*/
	*margin-left  : .8%; 
	*margin-right : .8%;
}
.alpha  { margin-left  : 0;}
.omega  { margin-right : 0;}


 .b1-12 { width :  8.3333% ;}
 .b2-12 { width : 16.6666% ;}
 .b3-12 { width : 24.9999% ;} 
 .b4-12 { width : 33.3332% ;}
 .b5-12 { width : 41.6665% ;}
 .b6-12 { width : 49.9998% ;}
 .b7-12 { width : 58.3331% ;}
 .b8-12 { width : 66.6664% ;}
.b12-12 { width : 100% ;}

 .c1-12 { width :  6.3333% ;} 
 .c2-12 { width : 14.6667% ;} 
 .c3-12 { width : 23% ;}  
 .c4-12 { width : 31.3333% ;} 
 .c5-12 { width : 39.6667% ;} 
 .c6-12 { width : 48% ;}
 .c7-12 { width : 56.3333% ;}
 .c8-12 { width : 64.6667% ;} 
 .c9-12 { width : 73% ;}  
.c12-12 { width : 98% ;}

/*
.c3-12.alpha , .c3-12.omega { width : 24% ;} 
.c4-12.alpha , .c4-12.omega { width : 32.3333% ;}
.c6-12.alpha , .c6-12.omega { width : 49% ;} 
.c9-12.alpha , .c9-12.omega { width : 74% ;}*/

/*-------- Marcos --------*/

.marco {
	border-width : 1px;
	border-style : solid;
	border-color : #9B4B1A;
}

.marco.x2 {
	border-width : 2px;
}

.marco.c2 {
	border-color : #999999;
}

/*========= ELEMENTOS =========*/

/*-------- Menu --------*/

ul.menu {
	text-align : center;
}

 .menu div.current 
,.menu li:hover   a {
	/*font-weight     : bold;*/
	text-decoration : none;
}

 .menu div {
	text-align : center;
}

 .menu li {
	float : left;
}

/*-------- Menu Simple --------*/

 .menu.simple div {
	margin : 0 1em;
}

 #menu ul.menu.simple div
,#menu ul.menu.simple span {
	float : left; 
}

/*-------- Menu de cuadros --------*/

.menu.cuadros li {
	text-align : center;
}

.menu.cuadros a {
	width : 100%;
}

.menu.cuadros li {
	width     : 16.559%;
	font-size : 1.2em;
	
	border-style        : solid;
	border-color        : #784843;
	border-top-width    : 0;
	border-right-width  : 0;
	border-bottom-width : 0px;
	border-left-width   : 1px;
}

.menu.cuadros div {
	padding   : 5px 0 ;
}

.menu.cuadros li.omega {
	border-right-width  : 1px;
}

.menu.cuadros div {
	background-color : #f9f0e1;
}

.menu.cuadros div a {
	color: #833D13;
}

 .menu.cuadros div.current
,.menu.cuadros div:hover a {
	color : #000;
}

/*===============================*/

/*-------- Menu principal --------*/
#menu {
	font-size   : 1.2em;
	background 	: #e1e1e1 url("../img/background-menu.jpg") repeat-x 0 center;
	height      : 2em;		
}

#menu .menu {
	float        : right;
	margin-right : 6%;
	margin-top   : 0.25em;	
}

#menu li div { width : 6em; }
#menu li +li div { width : 14em; }
#menu li +li +li div { width : 14em; }
#menu li +li +li +li div { width : 14em; }
#menu li +li +li +li +li div { width : 6em; }
#menu li +li +li +li +li +li div { width : 7em; }

#menu ul.menu span {
	border-left  : 1px solid #915a4d;
    border-right : 1px solid #330f07;
    height       : 1.2em;
	width        : 2px;
}

 #menu a
,#menu .menu {
	color : #FFFFFF;
}

/*-------- Ancho preferido --------*/

  div.pagina 
,#header > div {
	width  : 1200px;
	margin : 0 auto;
}

 div.pagina.servlets {
	min-width  : 1280px;
}

 #menu 
,#header {
	width : 100%;
}

.servlets {
	min-width : 1280px;
}

/*-------- Encabezado --------*/

#header {	
	background-color : #FFFFFF;
	height           : 7.2em;
	margin           : 0 auto;
	position         : relative;
	
	-moz-box-shadow    : 0px 0px 10px #888;
	-webkit-box-shadow : 0px 0px 10px #888;
	box-shadow         : 0px 0px 10px #888;	
}

#header div.cuadro {
	text-align : center;
	float      : left;
}

#header .izquierdo {
	padding-top : 0.2%;
}

#header .centro h1 {
	font-size   : 1.3em;
    font-weight : bold;
    left        : 10%;
    position    : absolute;
    top         : 1em;
}

#header .centro h2 {
	top         : 2.05em;
	font-weight : normal;
	color       : white;
    font-size   : 1.8em;
    position    : absolute;    
	left        : 0;
	text-shadow : 2px 2px #666;
}

#header .centro img {
	height : 7.1em;
}

#header .derecho {
	padding-top : 0.2%;
}

/*-------- Contenedor principal --------*/

div.pagina {
	margin : 0 auto;
	
	padding          : 15px 0;
	background-color : #fefefe;
	z-index          : 50;
	
	box-shadow    : 10px 0 10px -8px #888888 , 
				   -10px 0 10px -8px #888888 ; 
}

div.pagina.superior {
	margin-bottom    : 15px;
    margin-top       : 1em;
    padding          : 0.7%;
	background-color : #DCE2DE;

	box-shadow    : 10px 0 10px -8px #888888 , 
				   -10px 10px 10px -8px #888888 ; 
}

 .bloqueVE {
	background-color : #B9A999;
	
}

 .bloqueSA {
	background-color : #b9908f;
	
}

.bloqueP {
	display        : inline-block; 
	vertical-align : top;     

	height   : 100%;
	position : relative;
	background-color : #d8aaa5;
}

 .bloqueS {
	display        : inline-block; 
	vertical-align : top;     

	height   : 100%;
	position : relative;
	background-color : #dfa989;
}

 .bloqueD {
	display        : inline-block; 
	vertical-align : top;     

	height   : 100%;
	position : relative;
	background-color : #aba486;
}

div.pagina.superior.flat {
	padding : 0;
}

div.pagina.inferior {
	padding-top : 10px;
}

/*-------- Fecha de Corte --------*/

#corte {
	font-size        : 1.3em;
	text-align       : left;
	width            : 37%;
    padding          : 1.5em 0 0 1em;
}

#corte.conBusqueda {
	width        : 100%;
	padding      : 0.5em 0 0 1em;
}

#corte.conBusqueda span {	
	float        : right;
	margin-right : 3em;
	margin-top   : -0.3em;
}

#corte.solo {
	width   : 100%;
	padding : 0 0 1em 3em;
}

/*-------- Conoce el resultado de tu casilla --------*/

#busqueda {
	border           : 1px solid #979795;
	background-color : #FFF;
	margin-bottom    : 0.5em;
}

#busqueda h2 {	
    padding          : 0.3em 0;
	background-color : #9e743a;
	color            : #FFF;
	border           : 1px solid #7a592e;	
	width            : 25%;
}

#busqueda form {
	font-size  : 1.2em;
	width      : 74%;
}

#busqueda form span {
	background-color : #F3F3F3;
    float            : left;
    padding          : 0.6em;
    width            : 48%;
	margin-left      : 2%;
	height           : 3em;
}

#busqueda label {
	width       : 30%;
	margin-top : 0.25em;
}

#busqueda select {
	width       : 70%;
	margin-top : 0.1em
}

#busqueda input[type=text] {
	margin-top : 0.2em;
	width      : 20%;
}

#busqueda input[type=submit] {
	width      : 30%;
	float      : right;
}

 #busqueda img {
	margin-top: -0.1em;
}

 
 #busqueda label
,#busqueda select 
,#busqueda img 
,#busqueda input {
	float : left;	
}

.nuevaBusqueda {
	border           : 1px solid #979795;
	margin           : 1em 0;
    padding          : 0.5em;
	background-color : #EFEFEF;
}

.nuevaBusqueda a {
	text-align  : center;
	font-size   : 1.2em;
	font-weight : bold;
	color       : #000;
}

/*-------- Contenedor lateral derecho --------*/

.pagina.superior .b3-12 {
	width : 15%;
}

/*-------- Resumen --------*/

#resumen {
	width   : 62.6%;
    padding : 0 0.5% 0 0.2%;
}

#resumen div.head {
	margin     : 1em 0;
	text-align : center;
}

#resumen .head h2 {
	color       : #000000;
	width       : 12em;	
	margin-top  : 0.2em;
	font-size   : 1.5em;
}

#resumen .head select {
	width      : 150px;
	font-size  : 1.2em;
	margin-top : 0.3em;
}

#resumen span {
    font-weight : bold;
	width       : 30%;
}

/*-------- Menu por tipo de eleccion --------*/

 ul.menu.eleccion {
	width       : 40%;
	margin-left : 0.8%;
 }

 .menu.eleccion li {
	width  : 32%;
	border : none;
	margin : 0 0.2em;
}

 .menu.eleccion div {
	background-color : #CDCDCD; 	
}

.menu.eleccion div a {
	color       : #000;
	font-weight : bold;	
}

 .menu.eleccion div.current 
,.menu.eleccion div:hover a {
	color : #FFF; 
}

 .menu.eleccion div.presidente:hover
,.menu.eleccion div.presidente.current { background-color : #784843; }

 .menu.eleccion div.senadores:hover
,.menu.eleccion div.senadores.current { background-color : #934B1F; }

 .menu.eleccion div.diputados:hover
,.menu.eleccion div.diputados.current { background-color : #625C43; }

 .resultados.presidente .menu.resultados div.current 
,.resultados.presidente .menu.resultados div:hover  { background-color : #d8aaa5; }

 .resultados.senadores .menu.resultados div.current 
,.resultados.senadores .menu.resultados div:hover   { background-color : #dfa989; }

 .resultados.diputados .menu.resultados div.current 
,.resultados.diputados .menu.resultados div:hover   { background-color : #aba486; }

/*-------- Panel --------*/
 
/*-------- Accesos --------*/

/*-------- Resumen de actas --------*/

#actas {
	width     : 54.5%;
	font-size : 1.1em;	
}

#actas tr {
	height : 2.6em;
}

#actas td {
	padding          : 0.5em;
	border           : 1px solid #979795;
	font-weight      : bold;
	text-align       : center;
	min-width		 : 170px;
	width            : 47.1%;
}

#actas.presidente td { background-color : #d8aaa5; }
#actas.senadores  td { background-color : #dfa989; }
#actas.diputados  td { background-color : #aba486; }

#actas td +td{
	font-weight      : bold;
	width            : 63%;
	text-align       : left;
}

 #actas.presidente td +td
,#actas.senadores td +td
,#actas.diputados td +td { background-color : #FFF; }

/*-------- Descarga la base de datos --------*/

#descarga {
	margin-top : 0.2em;
}

#descarga img {
	float       : left;	
    margin-left	: 0.1em;
    margin-right: 0.5em;
    margin-top	: -0.5em;
}

#descarga a {	
    font-size   : 1.2em;
	color       : #000;
	margin      : 0.5em 0 0 1em;
}

/* ----- ----- */

 #descarga 
,#extranjero {
	width      : 22%;
}

/* ----- ----- */

/*-------- Voto en el extranjero --------*/

#extranjero {
	background-color: #A94E80;
    border: 1px solid #FFFFFF;
    padding: 0.8em;
}
#extranjero{
    margin-top : 0.1em;
}

#extranjero a {
    color: #FFFFFF;
    font-size: 1.2em;
    text-align: center;
}

/*-------- Resultados --------*/

div.resultados {
	margin : 0 1%;	
}

.resultados h2 {
	padding       : 0.5% 1%;
    width         : 97.85%;	
	border-style  : solid;
	border-color  : #9b4b1a;
	border-width  : 1px 1px 0 1px;
	color         : #FFF;
	font-size     : 1.4em;
}

.resultados h3 {
	font-size   : 1.2em;
    font-weight : bold;
    margin      : 0 0 1em;
}

.resultados .mapa {
	text-align : center;
}

/*--------- menu en la tabla de resultados ---------*/

.resultados .menu.resultados li       { border-width : 0 1px 1px 0; }
.resultados .menu.resultados li.omega { border-width : 0 0 1px 0; }

.menu.resultados li {
	width : 24.9%
}

.menu.resultados.el5 li {
	width : 19.9%;	
}

 .resultados ul.menu.cuadros {
	width : 100.07%;
}

 .presidente .menu.cuadros div.current 
,.presidente .menu.cuadros div:hover  { background-color : #d8aaa5; }

 .senadores .menu.cuadros div.current 
,.senadores .menu.cuadros div:hover   { background-color : #dfa989; }

 .diputados .menu.cuadros div.current 
,.diputados .menu.cuadros div:hover   { background-color : #aba486; }

.resultados table {
	float   : left;
	display : table;
	width   : 100%;
}

.resultados p {
	float     : left;
    margin    : 1em 0;	
	font-size : 1.2em;
}

.resultados table.interior {
	margin-top : 2em;
}

.resultados .contenido{
	padding-top : 1em;
}

.resultados .nomenclatura {
	float            : right;
	background-color : #F9F0E1;
	padding          : 0.5em;
	margin-bottom    : 1em;
}
 .nomenclatura span
,.nomenclatura p {
	float : left;
}

.nomenclatura span {
	width  : 2em;
	height : 2em;
}

.nomenclatura p {
	margin : 0.5em 0.7em;
}

.resultados ._0     { background-color : #ff3334 }
.resultados ._1-49  { background-color : #ff7901 }
.resultados ._50-99 { background-color : #ffcc61 }
.resultados ._100   { background-color : #7acd23 }

.resultados h2 span {
	padding     : 0;
	font-weight : normal;
	border      : none;
}

.resultados.presidente h2 { background-color : #784843; }
.resultados.senadores  h2 { background-color : #934B1F; }
.resultados.diputados  h2 { background-color : #625C43; }

#resumenGeneral h2  { background-color : #784843; }

#resumenGeneral td {
	padding : 0.4em;
}

 .resultados .head01 { 
	background-color : #f9f0e1; 
	color            : #9B4B1A ; 
	font-weight      : bold; 
	vertical-align   : middle;
}

.resultados .head02 { 
	background-color : #EEEEEE; 
}

 .resultados .head03 { 
	background-color : #CDCDCD; 
} 

.resultados table {
    font-size : 1.1em
}

.resultados table.observaciones tbody td {
    text-align : left;
}  
  

.resultados td {
	border     : 1px solid #a5a5a5;
	text-align : center;
	padding    : 2px;
}

.resultados td img { 
	display : block;
	margin  : 0 auto;
}

.resultados td.acta img { 
	float : left
}

.resultados td.acta span {
	border          : none;
	margin          : 0.3em 1em;
    text-decoration : underline;
}

.resultados td.blank {
	background : url("../img/background-disabled.png");
}

.resultados .impar td {
	background-color : #eeeeee; 
}

.resultados td.ganador {
	background-color : #742C1D ; 
	color : #FFF;
}

.resultados td.ganador:hover {
	background-color : #F9F0E1 ; 
	color : #000;
}

.resultados td.impar {
	background-color : #eeeeee; 
}

.resultados tr.vertical td {
	vertical-align : top;
}

.resultados .data  td:hover         { background-color : #F9F0E1;  }
.resultados .data  td.noHover:hover { background-color : transparent; }
.resultados .impar td.noHover:hover { background-color : #eeeeee; }
.resultados .data  td.noHover       { text-align       : left; }
.resultados .data  td.noHoverCenter { text-align       : center; }
.resultados .data  td.noHoverCenter:hover { background-color : transparent; }
.resultados .impar td.noHoverCenter:hover { background-color : #eeeeee; }

.resultados .data  td.noHoverCenterSinActa{ text-align : center; background : url(""); background-color : #FCBCFF;}
.resultados .data  td.noHoverCenterSinActa:hover { background-color : transparent; }
.resultados .impar td.noHoverCenterSinActa:hover { background-color : #eeeeee; }

.resultados .data  td.noHoverCenterExcedeLista{ text-align : center; background : url(""); background-color : #D0A9F5;}
.resultados .data  td.noHoverCenterExcedeLista:hover { background-color : transparent; }
.resultados .impar td.noHoverCenterExcedeLista:hover { background-color : #eeeeee; }

.resultados td.separador {
	background-color : white;
}

.resultados td.separadorRp {
	background-color : white;
	border : none;
	text-align : left;
}

.resultados tr.separador td {
	border : none;
}
.resultados tr.separador.x2 td { padding : 5px; }

/*.resultados .logo.top {
	vertical-align : top;
}*/

.resultados .separador    { width : 2px ; border : none; }
.resultados .x            { width : 11em; }
/*.resultados .logo.x4      { width : 25%;  }
.resultados .logo.x9      { width : 11.11%; }
.resultados .logo.x12     { width : 8.3333%; }*/
.resultados .candidatos   { width : 62px; }
.resultados .nulos        { width : 62px; }
.resultados .total        { width : 62px; }
.resultados .capturadas   { width : 70px; }
.resultados .totales      { width : 62px; }
.resultados .ciudadana    { width : 70px; }

.resultados .coaliciones a { display: block; }

.resultados td.tit01 { 
	background-color: #CDCDCD;
}

.resultados td.tit02 { 
	background-color : #f9f0e1; 
	color            : #833D13 ; 
	font-weight      : bold;
}

.resultados td.tit03 { 
	background-color : #B9A999;
	color            : #000;
}

.resultados td.tit04 { 
	background-color : #bccdc2;
	color            : #000;
}

.resultados td.tit05 { 
	background-color : #DCE2DE;
}

.resultados td.tit06 { 
	background-color : #b9908f;
}


.resultados td.bTop   { border-width : 1px 0 0 0; }
.resultados td.bBot   { border-width : 0 0 1px 0; }
.resultados td.bLeft  { border-width : 1px 0 1px 1px; }
.resultados td.bRight { border-width : 1px 1px 0 0; }

.resultados.detalle .data  td:hover  { background-color : transparent;  }
.resultados.detalle .impar td:hover  { background-color : #eeeeee;  }

/*-------- Pie de Pagina --------*/

#footer {
	text-align: center;
	width : 100%;
	background-color: #EEEEEE;
}

#footer p 
,#footer ul {	
    padding          : 0.7%;
        text-align       : center;
}

#footer p   { background-color : #cdcdcd; }

#footer p+p 
,#footer ul  { background-color : #EEEEEE; }

/*-------- Aviso --------*/

#aviso li {
  	margin-bottom : 0.5em;
	display:block;
}

/*--------info seccion -----*/
#seccion-info {
width:100%;
float:absolute;
text-align:center;
}
#seccion-info  h2{
background-color :#833D13;
color:white;
}

/* Agregué ESTADOS -pero no funcionó */
#listaEstados {
	padding          : 1.5% 2%;
    font-size        : 1.1em;
	
}


#listaEstados ul {
	margin		     : 0 20%;
	*display         : inline;
	border           : 1px solid #833D12;
	background-color : #F9F0E1;
 
}
#listaEstados h2 {
	color            : #FFFFFF;
    font-size        : 1.4em;
    padding          : 1% 1%;
    width            : 98%;
	background-color : #784843;
	
}

#listaEstados li {
	padding-left  : 6%;
    width         : 27%;
	border-width  : 1px 0 1 1px;	
	display       : list-item;
    float         : left;
	border-bottom : 1px solid #cccccc;
	
}	

#listaEstados li:hover {
	background-color : #dec5b5;/* #D8AAA5;*/
	font-weight		 : bold;
}

#listaEstados li:hover a {
	color 	: #000;
}

#listaEstados li.noHover{
	height	: 2em;
}


#listaEstados li a {
	text-align : left;
	margin     : 1em 0;
	display    : block;
	font-size  : 1.1em;
	color	   : #833D12;
	
}

.conBusqueda {
	font-size        : 1.3em;
	float        : right;	
	margin-top   : -2em;
}

.conBusquedaCorte{
	font-size        : 1.1em;
	float        : right;	
	margin-right: 10px;
}