*{
	margin:0;
	padding:0;
}

/*Estilos generales*/

html{
	height:100%;
}

body{
	text-align:center;
	font-family: 'Oswald', sans-serif;
	font-size:1em;
	background-image:url(../images/bg-body.png);
	height:100%;
}

h1{
	color:#0c4f8a;
	font-size:4.6em;
	font-weight:500;
	line-height:1em;
}

h2{
	color:#0c4f8a;
	font-weight:500;
	text-transform:uppercase;
}

h3{
	color:#0c4f8a;
	font-weight:500;
}

p{
	font-size:1em;
	font-weight:300;
	line-height:1.6em;
}

		.entradilla{
			font-weight:500;
			font-size:1.4;
			font-style:italic;
		}

a{
}

/*header*/

#header-100{
	width:100%;
	position:fixed;
	background-color:#1ac6ea;
	height:75px;
	z-index:20;
}

#header{
	width:100%;
	max-width:1300px;
	margin:0 auto;
}

		#id{
			float:left;
			width:18%;
			background-color:#f3f3f3;
			padding:35px 0;
			text-align:center;
			margin-left:2%;
		}
		
		#preguntas{
			float:left;
			width:80%;
		}
		
				#pregunta{
					float:left;
					height:75px;
					width: 16.66666%;
					box-sizing:border-box;
					color:#fff;
				}
				
						#pregunta p{
							    font-size: 1em;
							    line-height: 1.6em;
							    text-transform: uppercase;
						}
						
						#pregunta p a{
							width:100%;
							height:auto;
							display:block;
							padding:0.75em 1em;
							box-sizing:border-box;
							color:#fff;
							text-decoration:none;
						}
						
						#pregunta p a:hover{
							background-color:#0c4f8a !important;
						}

		#redes{
			position:fixed;
			background-color:#FFF;
			right:0;
			top:75px;
			padding:5px;
			box-sizing:border-box;
		}
		
				#redes ul{
					width:80px;
					float:right;
				}
		
				#redes ul li{
							display:block;
							height:40px;
							width:40px;
							padding:0;
							float:right;
				}
					
				#redes ul li a{
					background: transparent url("../images/redes.svg") no-repeat scroll left top / 133px 40px;
					display:block;
					height:40px;
				}
		
				#redes li a.inicio{
					background-position:-80px 0;
				}
				
				#redes li a.twitter{
					background-position:0 0;
				}
				
				#compartir{
					float:right; 
					margin-top:5px;
				}

/*Estilos divs*/

#wrapper-global{
	width:100%;
	max-width:1300px;
	margin:0 auto;
	text-align:left;
}

		#bg-contenido{
			background-image:url(../images/bg-contenido.jpg);
			position:fixed;
			float:left;
			width:100%;
			background-size:cover;
			z-index:2;
			height:100%;
			max-width:1300px;
			margin-top:75px;
		}
		
		

/*Contenido*/

#wrapper-contenido{
	width:100%;
	max-width:1300px;
	margin:0 auto;
	z-index:5;
	position:absolute;
	height:auto;
}

#intro{
	float:right;
	width:45%;
	padding: 10em 5rem 4rem;
	background-color:rgba(255,255,255,0.96);
	box-sizing:border-box;
}


		#titulo{
			float:left;
			width:100%;
			text-align:left;
		}
		
		#texto-intro{
			float:right;
			width:100%;
			color:#333;
		}
		
#cont-preguntas{
	width:100%;
	float:left;
	display:flex;
	background-image:url(../images/bg-blanco.png);
	margin-top:120px;
}

		#cont-preguntas p{
		}
		
				a.group1, a.group2, a.group3, a.group4{
					background-color:rgba(12,79,138,1);
					width:100%;
					padding:10px;
					display:inline-block;
					color:#fff;
					margin:0.5em 0;
					border-radius:0.5em;
					-moz-border-radius:0.5em;
					-webkit-border-radius: 0.5em;
					border: 0px solid #000000;
					text-decoration:none;
				}

		#p-izq{
			width:30%;
			float:left;
			box-sizing:border-box;
			padding:6rem 4rem 4rem;
			background-color:#fff;
			background-image:url(../images/bg-linea.png);
			background-repeat:repeat-y;
			background-position:right;
			flex-shrink:0;
			margin-top:2em 0;
		}
		
				#cont-izq{
					float:left;
					width:100%;
					border-bottom:1px dashed #333;
					padding-bottom:1.5rem;
					margin-bottom:1.5rem;
				}
		
		#p-der{
			float:left;
			box-sizing:border-box;
			padding:3.5em;
			background-color:rgba(255,255,255,0.85);
			flex-grow:1;
			margin:2em 0;
		}
		
				.v-azul{
					border-left:15px solid #6cacdd;
					margin:0 0.5em 0 0;
				}
				
				.v-naranja{
					border-left:15px solid #f2913f;
					margin:0 0.5em 0 1em;
				}
				
				.v-gris{
					border-left:15px solid #b4b4b4;
					margin:0 0.5em 0 1em;
				}

				.v-amarillo{
    border-left: 15px solid #ffca00;
    margin: 0 0.5em 0 1em;
}
		
				#grafica{
position: relative;
    /* width: 725px; */
    margin: 0 auto;
    min-height: 475px;
    z-index: 14;
    margin-left: 37px;
				}
				
						#g-inside{
							position:absolute;
							z-index:15;
							width:100%;
							height:inherit;
							height:100%;
							/* min-height:410px; */
							overflow:hidden;
						}
						
								#flow{
									width:725px;
								}
								
								.menos40p{
									margin-left:-30px !important;
								}
								
						#g-especial{
							position:absolute;
							z-index:15;
							width:100%;
							height:inherit;
							height:100%;
							min-height:410px;
							overflow:hidden;
						}
								
				#linea-tiempo{
					margin:0 auto;
					width:725px;
					position:relative;
					z-index:19;
					background-color:rgba(255,255,255,0.8);
					height:260px;
				}
				
					#linea-cont{
						position:absolute;
						width:100%;
					}
				
						#hito{
							position:absolute;
							width:28px;
							padding:0 5px;
							box-sizing:border-box;
						}
						
								#hito a{
									width:100%;
									height:100%;
									margin-left:5px;
								}
						
								#linea{
									width:13px;
									border-right:2px solid #ccc;
									height:50px;
								}
						
								#hito img{
									width:100% !important;
								}
						
								.top30{
									padding-top:30px;
								}
								
								.top60{
									padding-top:60px;
								}
								
								.top90{
									padding-top:90px;
								}
								
								.top120{
									padding-top:120px;
								}
								
								.top150{
									padding-top:150px;
								}

				#nota{
					margin:20px auto 0;
					width:725px;
					position:relative;
				}
						
#pata{
	float:left;
	width:100%;
	padding:30px 5%;
	box-sizing:border-box;
	margin-top:30px;
	background-color:#FFF;
	font-size:0.95em;
	border-top:6px solid #1ac6ea;
}

		#legal{
			float:right;
			text-align:right;
			width:45%;
		}
		
		#contacto{
			float:left;
			text-align:left;
			width:50%;
			margin-right:5%;
		}

/*////////////////////////// Barras marzo inteción de participar ////////////////////*/		

.p-ba-1{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 106px;
    left: 45px;
    background: rgb(108, 172, 221);
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
}
.p-bn-1{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 265px;
    left: 45px;
    background: #f2913f;
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
}

.p-bg-1{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 369px;
    left: 45px;
    background: #ccc;
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);

}

.p-ba-2{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 106px;
    left: 143px;
    background: rgb(108, 172, 221);
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
    height:1px;
}
.p-bn-2{
	width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 269px;
    left: 143px;
    background: #f2913f;
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
}

.p-bg-2{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 375px;
    left: 143px;
    background: #ccc;
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
}

.p-ba-3{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 106px;
    left: 241px;
    background: rgb(108, 172, 221);
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
}
.p-bn-3{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 251px;
    left: 241px;
    background: #f2913f;
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
}

.p-bg-3{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 325px;
    left: 241px;
    background: #ccc;
        font-size: 10px;
    text-align: center;
    overflow:hidden;
   color: rgba(0, 0, 0, 0.31);
     
}

/*////////////////////////// Barras junio inteción de participar ////////////////////*/

.p-ba-4{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 106px;
    left: 339px;
    background: rgb(108, 172, 221);
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     }
.p-bn-4{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 278px;
    left: 339px;
    background: #f2913f;
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
}

.p-bg-4{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 375px;
    left: 339px;
    background: #ccc;
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
}

.p-ba-5{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 106px;
    left: 435px;
    background: rgb(108, 172, 221);
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
}
.p-bn-5{
	width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 289px;
    left: 435px;
    background: #f2913f;
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
}

.p-bg-5{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 372px;
    left: 435px;
    background: #ccc;
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
}

.p-ba-6{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 106px;
    left: 527px;
    background: rgb(108, 172, 221);
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
}
.p-bn-6{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 269px;
    left: 527px;
    background: #f2913f;
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
}

.p-bg-6{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 357px;
    left: 527px;
    background: #ccc;
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
}

.p-ba-7{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 106px;
    left: 626px;
    background: rgb(108, 172, 221);
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
}
.p-bn-7{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 269px;
    left: 626px;
    background: #f2913f;
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
}

/*////////////////////////// Barras marzo inteción de voto ////////////////////*/		

.intencion-voto .p-ba-1{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 106px;
    left: 45px;
    background: rgb(108, 172, 221);
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
}
.intencion-voto .p-bn-1{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 251px;
    left: 45px;
    background: #f2913f;
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
}

.intencion-voto .p-bg-1{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 359px;
    left: 45px;
    background: #ccc;
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
}

.intencion-voto .p-ba-2{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 106px;
    left: 139px;
    background: rgb(108, 172, 221);
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
}
.intencion-voto .p-bn-2{
	width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 269px;
    left: 139px;
    background: #f2913f;
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
}

.intencion-voto .p-bg-2{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 375px;
    left: 139px;
    background: #ccc;
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
}

.intencion-voto .p-ba-3{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 106px;
    left: 231px;
    background: rgb(108, 172, 221);
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
}
.intencion-voto .p-bn-3{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 253px;
    left: 231px;
    background: #f2913f;
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
}

.intencion-voto .p-bg-3{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 357px;
    left: 231px;
    background: #ccc;
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
}

/*////////////////////////// Barras junio inteción de voto ////////////////////*/

.intencion-voto .p-ba-4{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 106px;
    left: 324px;
    background: rgb(108, 172, 221);
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
}
.intencion-voto .p-bn-4{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 261px;
    left: 324px;
    background: #f2913f;
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
}

.intencion-voto .p-bg-4{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 369px;
    left: 324px;
    background: #ccc;
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
}

.intencion-voto .p-ba-5{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 106px;
    left: 418px;
    background: rgb(108, 172, 221);
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
}
.intencion-voto .p-bn-5{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 289px;
    left: 418px;
    background: #f2913f;
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
}

.intencion-voto .p-bg-5{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 372px;
    left: 418px;
    background: #ccc;
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
}

.intencion-voto .p-ba-6{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 106px;
    left: 507px;
    background: rgb(108, 172, 221);
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
}
.intencion-voto .p-bn-6{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 302px;
    left: 507px;
    background: #f2913f;
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
}

.intencion-voto .p-bg-6{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 350px;
    left: 507px;
    background: #ccc;
    font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
}


.intencion-voto .p-ba-7{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 106px;
    left: 602px;
    background: rgb(108, 172, 221);
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
}
.intencion-voto .p-bn-7{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 217px;
    left: 602px;
    background: #f2913f;
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
}

.intencion-voto .p-bg-7{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 356px;
    left: 602px;
    background: #ccc;
    font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
}


.intencion-voto .p-ba-8{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 106px;
    left: 692px;
    background: rgb(108, 172, 221);
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
}
.intencion-voto .p-bn-8{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 173px;
    left: 692px;
    background: #f2913f;
        font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
     
}

.intencion-voto .p-bg-8{
    width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 289px;
    left: 692px;
    background: #ccc;
    font-size: 10px;
    text-align: center;
    overflow:hidden;
    color: rgba(0, 0, 0, 0.31);
}

.intencion-voto .p-bb-8{
width: 40px;
    position: absolute;
    z-index: 15;
    bottom: 318px;
    left: 692px;
    background: #eee;
    font-size: 10px;
    text-align: center;
    overflow: hidden;
    color: rgba(0, 0, 0, 0.31);
}

.intencion-voto{
	margin-top:15px!important;
}

.plebiscito #linea{
	height:0!important;
}

#grafica p{
	font-size:14px;
}

.titulo-g{
    font-size: 20px;
    margin-right: 30px;
}

.tabla-d{
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}