/****SERVICIO EN PRUEBAS ******/

#pruebas{/*
	z-index: 99999;
	opacity:0.4;
	position:fixed;
	height:100%;
	width:100%;
	background: url("../img/pruebas.png") no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	pointer-events: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your_transparent.png', sizingMethod='scale');
*/
    font-size: 175px;
    position: fixed;
    text-align: center;
    color: #cbcbcb;
    width: 100%;
    opacity: .2;
    margin-top: 10%;
	pointer-events: none;

}

/****** ESTILOS PÁGINA NOT FOUND**********/

.notFoundContainer {
width: 100%;
background-color: #ffffff;
padding: 20px auto;
float: left;
margin: 5% 0;

}

.notFoundContent{
	padding: 10%;
}

.notFound404{
		border: 1px solid #00b0ac;
		padding: 5%;
		margin-bottom:60px;
}

.notFound404::before{
	content: url("../../img/errorImage.png");
	float: left;
	width: 110px;
}

.notFound404 a{
	color: orange;
	text-decoration:underline;
}

/******************************************/

/****INICIO - Formateo de la página****/
html, body{
	height: 100%;
	width: 100%;
	max-height: 100%;
	min-width: 360px;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #555555;
	padding:0;
	margin:0;	
	background-color:#EEF0F2;
	-webkit-overflow-scrolling: touch;
}
ul, li, div, img {
	margin:0;
	padding:0;
}
p{
	margin-bottom: 7px;
}
/* canvas { */
    /* width: 130px; */
    /* margin: 0 auto; */
    /* display: block; */
    /* float: left; */
/* } */
a{
	text-decoration:none;
	color:#555;
}
a:hover{
	color:#00b0ac;
}

a.inactive:hover{
	color:#EB9C4D;
}
a.active:hover{
	color:#555555;
}
/****FIN - Formateo de la página****/

/****Inicio - Estilos de fuente*******/
.small{
	font-size:12px;
}
.normal{
	font-size: 14px;
}
.medium{
	font-size:16px;
}
.large{
	font-size:18px;
}
.superLarge{
	font-size:20px;
}
.extraLarge{
	font-size:28px;
}
.black{
	color: #555555;
}
.green{	
	color: #00b0ac;
}
.orange{
	color: orange;
}
.red{
    color: red;
}
.white{
	color: #FFFFFF;
}
.negrita{	
	font-weight:bold;
}
.ligera{
	font-weight:lighter;
}
.active{
	color: #555555;
}
.saltaLeft{
	clear:left;
}
.saltaRight{
	clear:right;
}
/****Fin - Estilos de fuente*******/

.movil{
	display:none;
}
.noweb{
	display:none;
}


/**** Formateo de los scrollbar ******/

::-webkit-scrollbar {
    width: 6px;
}


::-webkit-scrollbar-track {
    border-radius: 10px;
}


::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #ccc;
}


/********INICIO HEADER****************/
.headerContainer{
	margin-left:0;
	margin-right:0;
	width:100%;
	height:60px;
	padding-top:20px;
	padding-bottom:20px;
	background-color:#D2E5E6;
	box-shadow: 0px 5px 5px #ccc;
	
}
.headerContent{
	height:60px;
	width:80%;
	margin-left:10%;
	margin-right:10%;
	background-repeat: no-repeat;    
    background-position: left top; 
	background-size: 377px 60px;
	position: relative;
}

.headerContent a{
	display: inline-block;
	width: auto;
	cursor: pointer;
}


.headerContent a img:nth-child(2){		
	display: none;
}	

.headerContent a img:nth-child(1){		

	width: 377px;
}	


.boletinesContainer{
	float:right;
	width:auto;
	margin-right:1%;
}

.boletinesContainer span{
	float:right;
}

.alertasContainer{
	float: right;
 /*   width: 5%;*/
}
	.alertasContainer img{
		float:right;
		width: 20px;
	}
	
.navContainer{
	float:right;
	position: absolute;
	bottom: 0;
	right:0;
	width:auto;
}
.linksContainer{
	float:right;
}
.searchContainer{
	float:right;
	margin-left: 5px;
	margin-top: 3px;
}


@media only screen and (max-width: 1300px){

	.headerContent a img:nth-child(2){		
		display: none;
		background-size: 377px;
	}	


}

@media only screen and (max-width: 1100px){

	.headerContent a img:nth-child(1) {
	    width: 308px;
	    padding-top: 7px;
	}

}

@media only screen and (max-width: 1000px){


}

@media only screen and (max-width: 600px){

	.linksContainer span:nth-child(4){
		display: none;
	}

}

@media only screen and (max-width: 500px){

}

		
/*********FIN HEADER******************/


/********INICIO SUBHEADER****************/
.subHeaderContainer{
	margin-left: 0;
	margin-right: 0;
	width: 100%;
	height: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	overflow: hidden;	
}
.subHeaderContent{
	width:80%;
	margin-left:10%;
	margin-right:10%;
	float:left;
}
.homeMigas, .totalNacionalMigas, .separadorMigas, .departamentoMigas, .municipiosMigas{
	float:left;
}
.homeMigas img{
	width:25px;
}
.separadorMigas{
	margin-left: 10px;
	margin-right: 10px;
}
/********FIN SUBHEADER****************/

/***************INICIO INFORMACIÓN GENERAL****************/
.infoGenContainer{
	width:80%;
	margin-left:10%;
	margin-right:10%;
	padding-top:20px;
	padding-bottom:20px;
	background-color:#ffffff;
}
#infoGenContent{
	width: 100%;
    height: auto;
    overflow: hidden;
}
#infoGenTab{
	margin: 0;
    width: 30%;
    float: right;
    clear: none;
}
#boxgentab {
    width: 96%;
    margin-left: 2%;
}
.votos {
    float: left;
    padding: 30px 0em 30px 0;
    width: 100%;
}
.cajaVotIzq {
    text-align: left;
    float: left;
/*    margin-right: 4em;*/
    color: #555;
    width: 100%;
    margin-top: 5px;
}
#votos4 .cajaVotIzq {
    margin-right: 0;
    width: 100%;
}
.cajaVotDch {
    text-align: left;
    float: left;
    color: #555;
    width: 100%;
}

.cajaVotDch:nth-child(1) .votUp,
.cajaVotDch:nth-child(2) .votUp{

	border:none;

}

.cajaVotDch:nth-child(1) .infoTit,
.cajaVotDch:nth-child(2) .infoTit{
	margin-left: 1.2em;
	font-weight: normal;
	font-style: italic;
}

.votUp, .votDown {
    border-left: 3px solid #00b0ac;
}
.votUp {
    margin-bottom: .5em;
    margin-left: 3px;
}
.lineaInfoGen{
	display: inline-table;
	float: right;
}

.infoTit {
    margin-right: .5em;
    margin-left: 1em;    
}
.infoInfo {
    font-weight: normal;
	margin-right: 1em;
	/*margin-left: 1em;*/
}
#bolasContainer {
    float: left;
    width: 70%;    
}
#bolasContent {
    float: left;
    width: 100%;
}
.dprogres {
    width: 45.9%;
    float: left;
    margin-top: 0.4em;
    border-right: 1px solid #00b0ac;
	padding-left:20px;
}
.bola{
	width:150px;
	height:150px;
	float:left;
}
.piebola {
    margin: 0;
    margin-left: 35%;
    text-align: left;
    margin-top: 28px;
}

@media only screen and (max-width: 1700px){
	.infoInfo {
	    font-weight: normal;
		margin-right: 1em;
		/*margin-left: 1em;*/
	}


}

@media only screen and (max-width: 1400px){
	.infoInfo {
	    font-weight: normal;
		margin-right: 1em;
		margin-left: 1em;
	}

	.cajaVotIzq {
	    text-align: left;
	    float: left;
	    /* margin-right: 4em; */
	    color: #555;
	    width: 100%;
	    margin-bottom: 0px;
	}

	.cajaVotDch:nth-child(1) .lineaInfoGen span:nth-child(1),
	.cajaVotDch:nth-child(2) .lineaInfoGen span:nth-child(1){
		margin-left: 1.4em;

	}

	.votos{
		padding: 0;
	}

	.lineaInfoGen {
	    display: inline-table;
	    float: left;
	    width: 100%;


	}

	.lineaInfoGen span:nth-child(1){
		margin-right: 0;
	}
}

@media only screen and (max-width: 1100px){
	.infoInfo {
	    font-weight: normal;
		margin-right: 1em;
		/*margin-left: 1em;*/
	}

	.cajaVotIzq {
	    text-align: left;
	    float: left;
	    /* margin-right: 4em; */
	    color: #555;
	    width: 53%;
	    margin-bottom: 0px;
}

	.cajaVotDch {
		width: 53%;
		float: left;
		}

	.votos{
		padding: 30px 0;
	}

	.lineaInfoGen {
	    display: inline-table;
	    float: right;
	    width: auto;


	}
}


@media only screen and (max-width: 750px){
	/*.infoInfo {
	    font-weight: normal;
		margin-right: 1em;
		margin-left: 1em;
	}

	.cajaVotIzq {
	    text-align: left;
	    float: left;
	    color: #555;
	    width: 100%;
	    margin-bottom: 0px;
    	width: 53%;
	}

	.cajaVotDch {
		width: 53%;

		}

	.votos{
		padding: 0;
	}

	.lineaInfoGen {
	    display: inline-table;
	    float: left;
	    width: 100%;


	}*/

		.infoInfo {
	    font-weight: normal;
		margin-right: 1em;
		margin-left: 1em;
	}

	.cajaVotIzq {
	    text-align: left;
	    float: left;
	    /* margin-right: 4em; */
	    color: #555;
	    width: 100%;
	    margin-bottom: 0px;
    	width: 80%;
	}

	.cajaVotDch {
		width: 80%;

		}

	.votos{
		padding: 0;
	}

	.lineaInfoGen {
	    display: inline-table;
	    float: right;
	    width: auto;


	}
}

@media only screen and (max-width: 450px){

	.infoInfo {
	    font-weight: normal;
		margin-right: 1em;
		margin-left: 1em;
	}

	.cajaVotIzq {
	    text-align: left;
	    float: left;
	    /* margin-right: 4em; */
	    color: #555;
	    width: 100%;
	    margin-bottom: 0px;
    	width: 100%;
	}

	.cajaVotDch {
		width: 100%;

		}

	.votos{
		padding: 0;
	}

	.lineaInfoGen {
	    display: inline-table;
	    float: right;
	    width: auto;


	}


}
/***************FIN INFORMACIÓN GENERAL****************/


/***************INICIO ESTRUCTURA CONTENIDO****************/
.contenidoContainer{
	width:80%;
	margin-left:10%;
	margin-right:10%;
	margin-top:20px;
	height: 100%;
}
.contenidoContent{
	width:100%;
	height:150px;
}
.datosContainer{
	width:49%;
	margin-right:1%;
	background-color:#ffffff;
	padding-top:20px;
	padding-bottom:20px;
	float:left;
}
.datosContent{
	width:100%;
	height:150px;
}
.mapaContainer{
	width:49%;
	margin-left:1%;
	background-color:#ffffff;
	padding-top:20px;
	padding-bottom:20px;
	float:left;
}
.mapaContent{
	width:100%;
	height:500px;
}
/***************FIN ESTRUCTURA CONTENIDO****************/


/***************INICIO TABLA DATOS****************/
.tituloCandidatos{
}
.campo1{
	width:60%;
	float:left;
	text-align:center;
}
.campo2{
	width:40%;
	float:left;
	text-align:center;
}
.candidatoContainer{
	width: 94%;
    margin-left: 3%;
    margin-right: 3%;	
}
.candidatoContent{
	width:100%;
	float:left;
	padding-top: 20px;    
    padding-bottom: 20px;
	border-top: 2px solid #EEF0F2;
	/* border-bottom: 1px solid #ccc; */
}
.logoCandidato{
	float:left;
	width:20%;
}
.logoCandidato img {
	width:100px;
}
.restoCandidato{
	float:left;
	width:80%;
}
.logoPartido{
	float:left;
	width:50%;
	vertical-align:bottom;
}
.logoPartido img{
	width:120px;
}
.vCandidato{
	float:right;
	text-align:right;
	width:50%;
	vertical-align:bottom;
	margin-top: 50px;
}
.vCandidato span{
	vertical-align:bottom;
}
.restoCandidato2{
	width:100%;
}
.nCandidato{
	width:80%;
	float:left;
}
.porcCandidato{
	width:20%;
	float:right;
	text-align:right;
}
.barraProgreso{
	width:100%;
	float:left;
	clear:both;
}

/***************FIN TABLA DATOS****************/

/*****************INICIO BARRA DE PREOGRESO HORIZONTAL***********/
.meter { 
	height: 10px;  /* Can be anything */
	position: relative;
	background: #EEF0F2;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	padding: 3px;
	box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
}
.meter > span {
  display: block;
  height: 100%;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;  
  background-image: linear-gradient(
    center bottom,
    rgb(43,194,83) 37%,
    rgb(84,240,84) 69%
  );
  /* box-shadow:  */
    /* inset 0 2px 9px  rgba(255,255,255,0.3), */
    /* inset 0 -2px 6px rgba(0,0,0,0.4); */
  position: relative;
  overflow: hidden;
}

@keyframes expandWidth {
   0% { width: 0; }
   100% { width: auto; }
}
/*****************FIN BARRA DE PREOGRESO HORIZONTAL***********/

/*****************INICIO FOOTER***********/
.footerContainer{
	margin-left:0;
	margin-right:0;
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	background-color:#333333;
	float:left;
	margin-top:20px;
}

.footerContent{
	width:80%;
	margin-left:10%;
	margin-right:10%;
	
}
.logoFooter{
	float:left;	
	width:190px;
	height: 120px;
}
.contentFooter{
	float:left;
	width: -webkit-calc(100% - 190px);
    width: -moz-calc(100% - 190px);
    width: calc(100% - 190px);
    display: contents;
    width: -webkit-fit-content;
	
}
/*****************FIN FOOTER***********/


/*inicio responsive*/
@media only screen and (max-width: 1300px){
	/*inicio cambio header*/
	.headerContainer{
		padding-top: 20px;
		padding-bottom: 25px;
		height: 50px;
	}	
	.headerContent{
	/*	height:50px;		*/		
		background-size: 328px 50px;
	}
	/*fin cambio header*/
	.logoCandidato img{
		width:80px;
	}
}

@media only screen and (max-width: 1200px){
	.datosContainer{
		width:100%;
		margin-right:0;
	}
	.logoCandidato img{
		width:120px;
	}
	.mapaContainer{
		width:100%;
		margin-left:0;
		margin-top:20px;
	}
}

@media only screen and (max-width: 1100px){
	/***inicio para bolas****/
	#infoGenTab{
		width:100%;
	}
	#bolasContainer{
		width:100%;
	}
	.dprogres#diagrama_progresion2{
		border-right:none;
	}
	.votos{
		padding:10px 0em 10px 0
	}
	/***fin para bolas****/
}

@media only screen and (max-width: 1000px){
	/**inicio cambios para header****/
	.headerContent{		
	/*	background-image: url('../img/logoP.png');*/
		background-size: 87px 40px;
	}	

	.headerContent > a img:nth-child(2){		
		display: inline-block;
		width: 140px;
		padding-top: 2px;
	}	

	.headerContent > a:nth-child(1) img:nth-child(1){		
		display: none;
		background-size: 87px 40px;
	}	
	/**fin cambios para header****/
}

@media only screen and (max-width: 850px){
	/*inicio cambio estructural*/
	.headerContent, .subHeaderContent, .infoGenContainer, .contenidoContainer{
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
	/*fin cambio estructural*/
	
		
	/***inicio datos de candidatos****/
	.logoCandidato img{
		width:110px;
	}
	.logoPartido .partidoImg{
		width:130px;
	}
	.vCandidato{
		margin-top: 40px;
	}
	/***fin datos de candidatos****/
	
	/***inicio cambios para migas**/
	.noweb{
		display:block;
	}	
	.restoMigas>div{
		display:none;
	}
	.restoMigas>div:last-child{
		display:block;
	}
	/***fin cambios para migas**/
	
	
	
}
@media only screen and (max-width: 700px){
	.nomovil{
		display:none;
	}
	
	/*inicio cambio estructural*/
	.headerContent, .subHeaderContent, .infoGenContainer, .contenidoContainer{
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
	}
	/*fin cambio estructural*/	
		
	
	/**inicio cambios buscador*/
	.searchContainer{
		margin-top: 0px; 
	}
	/**fin cambios para buscador**/
	
	
	/*inicio migas*/
	.homeMigas img{
		width:20px;
	}
	/*fin migas*/
	
	
	/***inicio datos de candidatos****/
	.logoCandidato{
		width:30%;
	}
	.logoCandidato img{
		width:80px;
	}
	.logoPartido .partidoImg{
		width:80px;
	}
	.vCandidato{
		margin-top: 20px;
	}
	.datosCandidato{
		width: -webkit-calc(100% - 90px);
		width: -moz-calc(100% - 90px);
		width: calc(100% - 90px);
	}
	/***fin datos de candidatos****/
}


@media only screen and (max-width: 700px){	


	.large {
	    font-size: 17px;
	}

}


@media only screen and (max-width: 600px){		
	
	.headerContainer {
	    padding-top: 10px;
	    padding-bottom: 10px;
	    height: 70px;
	}


	.headerContent > a img:nth-child(2) {
	    display: inline-block;
	    width: 110px;
	    padding-top: 7px;
	}

	/**inicio cambios alertas*/
	.alertasContainer{
	/*	margin-right:3px;*/
	    line-height: 1.8;
	}
	/**fin cambios alertas*/
	
	/**inicio cambio boletinesContainer**/
	.boletinesContainer {
	    width: 69%;
	    font-size: 89%;
	    line-height: 1.8;
	}
	/**fin cambio boletinesContainer**/
	
	/**inicio cambios buscador*/
	.searchContainer{
		margin-top: 0px;
		position: absolute;
		top: -2.2em;
		right: 0px;
	}
	/**fin cambios buscador*/
	
	.navContainer {
	    float: right;
	    position: absolute;
	    /* bottom: 0px; */
	    right: 0;
	    top: 56px;
	    width: auto;
	}


	/***inicio para bolas****/
	.dprogres{
		border-right:none;
		width:50%;
		padding:0;
		margin:0;
	}
	.bola{
		width:100%;
	}
	.piebola{
		width:100%;
		margin-left:0;
		text-align:center;
	}
	/***fin para bolas****/
	
	/*inicio reducción de fuentes generales*/
	.large{
		font-size:14px;
	}
	.superLarge{
		font-size:16px;
	}
	.extraLarge{
		font-size:20px;
	}
	/*fin reducción de fuentes generales*/
}

@media only screen and (max-width: 500px){	

	.headerContainer {
	    padding-top: 20px;
	    padding-bottom: 10px;
	    height: 70px;
	}

	.alertasContainer {
	    margin-right: -1px;
	    margin-top: -14px;
	}

	.boletinesContainer {
	    width: 70%;
	    line-height: 1.8;
	    font-size: 89%;
	}

	#desplegableHistorico {
	    float: right;
	    margin-left: 10px;
	    position: absolute;
	    top: -15px;
	    right: 35px;
	}

	#tag_NumBoletinContainer{
		position: absolute;
		top: 32px;
	    right: 0px;
	}

	.boletinesContainer span {
	    float: right;
	    white-space: nowrap;
	}

	.navContainer{

	     width: auto;

	}

	.searchContainer {
	    margin-top: 0px;
	    position: absolute;
	    top: -3.2em;
	    right: 0px;
	}

	.headerContent > a img:nth-child(2) {

		    margin-top: -20px;
	}


}


@media only screen and (max-width: 460px){
	
	
	/***inicio para bolas****/
	.dprogres{
		width:100%;
	}
	.bola{
		width:50%;
		float:left;
	}
	.piebola{
		width:50%;
		text-align:left;
		float:left;
	}
	/***fin para bolas****/
	
	/***inicio datos de candidatos****/
	.vCandidato{
		width: -webkit-calc(100% - 90px);
		width: -moz-calc(100% - 90px);
		width: calc(100% - 90px);
		position:relative;
		top:-1em;
		left:0px;
		text-align:left;
		margin-top: 0px;
		float:left;
	}
	.logoPartido{
		/*width:30%;*/
		float:right;		
	}
	.nCandidato{
		width:100%;
	}
	.porcCandidato{
		width:100%;
		float: left;
		text-align: left;
	}
	
	.logoPartido .partidoImg{		
		display:none;
	}
	.logoCandidato{
		/*display:none;*/
	}

	.logoCandidato{
		float:left;
		width:30%;
	}

	.restoCandidato{
		width: 70%;
	}

	.candidatoMovil{
		display:block;
		float:left;
		width:90px;
	}
	.datosCandidato{
		width:100%;
		height: 120px;
	}
	.restoDatosCandidato{
		width: -webkit-calc(100% - 90px);
		width: -moz-calc(100% - 90px);
		width: calc(100% - 90px);
		position:relative;
		top:-120px;
		left:0px;		
	}
	/***fin datos de candidatos****/
	
}