@charset "utf-8";

.ficha-candidato-datos {
	float: left;
	width: 640px;
	background-image: url(images/fondo_ficha.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
}
.ficha-candidato-dibujo {
	float: left;
	width: 322px;
}
.ficha-candidato-texto {
	float: left;
	width: 310px;
	background-image: url(images/ficha-trans.png);
	background-repeat: repeat;
	margin-top: 10px;
	min-height: 393px;
}

.ficha-candidato-texto-nombre {
	float: left;
	width: 310px;
	background-image: url(images/ficha-nombre.jpg);
	background-repeat: repeat;
	background-position: right top;
	background-color: #175779;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	height: 25px;
	padding-top: 14px;
}
.ficha-candidato-texto-social {
	float: left;
	width: 298px;
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 7px;
}

.ficha-candidato-texto-social img{
	margin-right: 5px;
	margin-left: 5px;
	float: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;

}
.ficha-candidato-texto-social img:hover {
	opacity:0.6;
	filter: alpha(opacity=60); /* Para IE */
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
 	-o-transition: all 0.2s linear;
}

.ficha-candidato-texto-social_off img{
	opacity:0.2;
	filter: alpha(opacity=20); /* Para IE */
}
.ficha-candidato-texto-social_off img:hover{
	opacity:0.2;
	filter: alpha(opacity=20); /* Para IE */
	cursor: default;
}
.ficha-candidato-texto-minibio {
	float: left;
	width: 290px;
	font-size: 12px;
	line-height: 18px;
	padding: 10px;
	color: #1F1F1F;
	

}
.ficha-candidato-texto-cita {
	float: left;
	width: 290px;
	font-size: 12px;
	line-height: 18px;
	color: #003366;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-image: url(images/cita.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	

}
.ficha-candidato-texto-cita-autor {
	float: left;
	width: 290px;
	font-size: 11px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #cc6600;
}

.ficha-candidato-biografia {
	float: left;
	width: 640px;
	color: #1F1F1F;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	margin-top: 20px;
	margin-bottom: 15px;
}

.ficha-candidato-biografia p {
	margin-bottom:10px;
}

.ficha-candidato-biografia p.texto_escondido {
display: none;
}

.ficha-candidato-biografia a.leermenos {
	display: none;
}

.ficha-candidato-biografia a:hover {
	color: #db5801;
}

.ficha-candidato-propuestas {
	float: left;
	width: 640px;
	color: #1F1F1F;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	margin-top: 5px;
	margin-bottom: 15px;
}

div.subtab-640 {
	margin-top:10px;
}

.subtab-640 img.switch {
	float:right;
	margin-right:10px;
	margin-top:5px;
	width:18px;
}

.subtab-640 img.switch:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	cursor: pointer;
}

.rotate {
	transform:rotate(180deg);
	  -webkit-transform:rotate(180deg);
	  -moz-transform:rotate(180deg);
	  -ms-transform:rotate(180deg);
	  -o-transform:rotate(180deg);
}

/*======================== CSS Para Pestañas ========================*/
#contenedor {
margin: 50px auto;
width: 400px;
}
 
#contenedor h1 {
float: left;
font-size: 20px;
margin: 0 0 20px 0;
width: 400px;
}
 
.tabs {
	float: left;
	height: 65px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.tabs li {
	float: left;
	height: 64px;
	line-height: 31px;
	margin-bottom: 0px;
	overflow: hidden;
	position: relative;
	background-color: #216C94;
	opacity:0.5;
	filter: alpha(opacity=50); /* Para IE */
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	margin-top: 0;
	margin-right: 2px;
	margin-left: 0;
}
 
.tabs li a {
	color: #000;
	display: block;
	font-size: 1.2em;
	text-decoration: none;
	outline: none;
	padding-top: 0;
	padding-right: 0px;
	padding-left: 0px;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #fff;

}
.tabs li:hover {

	opacity: 0.7;
	filter: alpha(opacity=0.7);

}
 
/*======================== Contenido de Pestañas ========================*/
.tab_container {
	clear: both;
	float: left;
	overflow: hidden;
	width: 100%;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	background-color: #216C94;
}
 
.tab_content {
	padding: 10px;
	float: left;
	width: 620px;
}
 
.tab_content img {

margin: 10px 12px;
}
.tabs li.active, .tabs li.active a:hover {
	opacity:1;
	filter: alpha(opacity=100); /* Para IE */
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #216C94;
}

.ficha-candidato-propuesta-modulo {
	float: left;
	width: 620px;
	margin-bottom: 10px;
	background-color: #FFFFFF;

}

.ficha-candidato-propuesta-modulo-titulo {
	float: left;
	width: 620px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-bottom: 10px;


}
.ficha-candidato-propuesta-modulo-txt {
	float: left;
	width: 479px;
	background-color: #f1f3f6;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #272525;
	min-height: 108px;
	max-height:auto;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;

}
.ficha-candidato-propuesta-modulo-txt a{
	font-weight: bold;
	color: #216C94;
	text-decoration: none;


}
.ficha-candidato-propuesta-modulo-txt a:hover{
	color: #FF9900;


}
.ficha-candidato-propuesta-modulo-quiz {
	float: left;
	width: 120px;
	background-color: #FFFFFF;
	height: 128px;

}
/*fin de  tabs*/


.recuadro_competidores {
	background-color: #e7e7e7;
	padding: 10px;
	float: left;
	width: 280px;
}
.recuadro_competidores_cont {
	float: left;
	width: 280px;
	margin-bottom: 10px;
	background-color: #F4F4F4;
}

.recuadro_competidores_foto {
	float: left;
	width: 74px;
}
.recuadro_competidores_texto {
	float: left;
	width: 206px;
	color: #204d79;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 3px;
}
.recuadro_competidores_titulo, .recuadro_competidores_titulo a, .recuadro_competidores_titulo a:visited{
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	color: #204d79;

}
.recuadro_competidores_titulo a:hover{
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: underline;

}
.leermas, .leermenos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
	float: right;
}
.leermas a, .leermenos a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
}

.leermas a:hover, .leermenos a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;
}

.ficha-candidato-biografia-2 {
	float: left;
	width: 640px;
	color: #1F1F1F;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	margin-top: 8px;
	margin-bottom: 15px;
}
.ficha-candidato-biografia-2 ul{
	float: left;
	width: 640px;
}
.ficha-candidato-biografia-2 li{
	list-style-type: none;
	display: block;
	background-image: url(images/bullet_lista.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 10px;
	color: #333333;
}
/*
.ficha-candidato-biografia-2:before{
    content:"\2022";
    color:#f00;
}
*/

/*Fichas candidatos a diputados en primarias*/

div#mapa_primarias_diputados {
position: relative;
float:left;
}

ul.distrito_primarias_diputados {
float:left;
list-style: none;
width:644px;
display: none;
margin-bottom:10px;
}

ul.distrito_primarias_diputados h3 {
width:618px;
font-family: Arial, Helvetica, sans-serif;
height: 28px;
line-height: 28px;
margin: 8px 0px;
border: 1px solid #567597;
display: block;
padding:5px 10px;
background-color: #7b9cc1;
}

ul.distrito_primarias_diputados h3 span {
float:right;
font-size: 11px;
border-left:1px solid #a8bdd5;
padding-left:8px;
line-height: 14px;
height:28px;
width:485px;
padding-right: 15px;
}

ul.distrito_primarias_diputados li {
width:317px;
height: 168px;
margin-right:5px;
margin-bottom:5px;
float:left;
}

ul.distrito_primarias_diputados li h4 {
background-color: #0f4c6e;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
height:25px;
line-height: 25px;
color: #ffffff;
font-weight: bold;
padding-left:10px;
}

ul.distrito_primarias_diputados li p {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #eeeeee;
height: 130px;
line-height: 17px;
padding-top:5px;
padding-right:8px;
position: relative;
}

ul.distrito_primarias_diputados li p img {
float:left;
margin-right:8px;
margin-top:-5px;
}

ul.distrito_primarias_diputados li p span img {
position: absolute;
bottom:5px;	
right:0px;
width:22px;
height: 22px;
}

ul.distrito_primarias_diputados li p span img:hover {
opacity: 0.6;
filter: alpha(opacity=60);
cursor: pointer;
}

#puntosmapaprimarias {
position: absolute;
top:0px;
left:0px;
}

#puntosmapaprimarias h6 {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
margin-left:8px;
margin-top:5px;
color: #0f4c6e;
}

#puntosmapaprimarias span {
position: absolute;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
width:25px;
text-align: center;
height:25px;
background-image: url(img/globo_4.png);
background-repeat: no-repeat;
background-size: 25px 25px;
cursor:pointer;
padding-top:3px;
color: #ffffff;
font-weight: bold;
transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

#puntosmapaprimarias span:hover {
color: #2a5e7b;
transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
}

#puntosmapaprimarias span[data-distrito="1"] {
left:13px;
top:34px;
}

#puntosmapaprimarias span[data-distrito="2"] {
left:53px;
top:32px;
}

#puntosmapaprimarias span[data-distrito="7"] {
left:216px;
top:38px;
}

#puntosmapaprimarias span[data-distrito="11"] {
left:268px;
top:37px;
}

#puntosmapaprimarias span[data-distrito="19"] {
left:288px;
top:32px;
}

#puntosmapaprimarias span[data-distrito="33"] {
left:313px;
top:39px;
}

#puntosmapaprimarias span[data-distrito="49"] {
left:377px;
top:42px;
}

#puntosmapaprimarias span[data-distrito="56"] {
left:417px;
top:45px;
}

#puntosmapaprimarias span[data-distrito="59"] {
left:510px;
top:42px;
}

#puntosmapaprimarias span[data-distrito="60"] {
left:590px;
top:35px;
}