@charset "UTF-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
}
body{
	margin: 0px;
	font: lighter 14px/18px Helvetica, Arial, sans-serif;
	color: #000000;
	background: url(../img/clean_textile.png);
}


.contenedor{
	width:auto;
	height:59px;
	/*margin: -10px -144px;*/
}
.redes{
	width:106px;
	height:49px;
	margin-right:30px;
	background:url(../img/gris_redes.png), no-repeat;
	position:relative;
	float:right;
}
.iconoFacebook, .iconoTwitter{
	width:33px;
	height:33px;
	position:absolute;
	
}
.iconoFacebook{
	top: 7px;
	left: 16px;
}
.iconoTwitter{
	top: 7px;
	left: 58px;
}

.fancybox-content {
	overflow: scroll !important;
	-webkit-overflow-scrolling: touch !important;
}
.fancybox-frame {
	overflow: scroll !important;
	-webkit-overflow-scrolling: touch !important;
}

.ganador{
	position: absolute;
	z-index: 10;
	background-color: orange;
	margin-top: -18px;
	width:103px;
}
.par{
	background-color: #e0e2e9 !important; 
	/*height: 171px;*/

}
a{ text-decoration:none; color:#b2cc31;}

#header{ background: url(../img/fondo.jpg) fixed top; border-bottom:thick solid #94a928; color:#fff;  }
#logo{height:80px; width:auto; margin:10px; float:right;}
.titulo{font:300 36px/80px 'Oswald Light', Helvetica, Arial, sans-serif; float:left; margin:10px 30px;}

.container{max-width:960px; margin:10px auto;}

#instrucciones{ width:46%; margin:15px 2%; float:left; text-align: justify;}
#instrucciones input, .otra_seccion input{ width:68%; padding:10px 1%; border-radius:5px; outline: none; border:none; background:#d4d6dd; font-size:20px; margin-right:2%}

.buscar {
	width:28%;
	float: right;
	font-size:20px;
	padding:10px 1%;
	background:#383a40;
	border-radius:5px;
	color:#ffffff;
	border: none;
	outline: none;
	cursor:pointer;
}

.buscar:hover{background:#b2cc31; color:#000;}


#credencial{ width:46%; margin:15px 2%; float:right;}
#credencial img{ width:100%; height:auto;}

.clear{ clear:both;}

.menu{ background:#d7d9e0; text-align:center; font:300 14px/20px 'Oswald Light', Helvetica, Arial, sans-serif;}
.principal{font:300 18px/20px 'Oswald Light', Helvetica, Arial, sans-serif; background:#383A40;}
.menu .boton{ display:inline-block; background:#b3b6b9; padding:5px 10px; color:#000000; cursor:pointer; margin:1px;}
.menu .botonSelect{ display:inline-block; padding:5px 0; color:#0D3345; cursor:pointer; margin:1px;}
.menu .boton:hover{ background:#b2cc31; color:#000;}
.menu .activo{ background:#acc42f;}
.otros{ padding-top:10px; font-weight: bold;}


.correspondencia{font:300 18px/24px 'Oswald Light', Helvetica, Arial, sans-serif; text-align:center; color:#000000; padding:10px; background: #d6e589;}

.candidatos{text-align:center; padding:30px;}
.partido{ margin-top:5px}
.candidato{display:inline-block; width:103px; margin:3px; background:#fff; -webkit-box-shadow: 5px 5px 20px 0 rgba(0,0,0,.2);
box-shadow: 5px 5px 20px 0 rgba(0,0,0,.2); border-radius:5px;}
.nombre{font:300 16px/17px 'Oswald Light', Helvetica, Arial, sans-serif; padding:0px 10px; margin:10px 0px; height:70px; overflow:hidden;}
.foto{}
.propuesta{ width:103px; height:29px; background:url(../img/videopropuesta.png); margin:auto;}

#footer{ background:#1c1c1c; border-top: solid thick #94a928; height:50px; text-align:center; padding:30px; color:white; 	font:300 16px/17px 'Oswald Light', Helvetica, Arial, sans-serif; overflow:hidden; }

.col_1{ width:46%; float:left; padding:5px 2%;}
.col_2{ width:46%; float:right; padding:5px 2%;}
.perfil_dato{ color:#000000; font-weight:bold; margin-top:15px;}
.partido{ margin:5px}

.movil{display:none;}


/*
#perfils{ padding-bottom:50px; width:618px;}
#perfils .personaje{ background:#0E3343; color:#fff; height:130px; width:106%;}
*/
#perfils{ padding-bottom:50px; width:100%;}
#perfils .personaje{ background:#0E3343; color:#fff; height:130px; width:100%;}
#perfils .foto{ float:left; margin:3px;}
#perfils .datos{ float:left; margin:1px; border:10px;}
#perfils .nombre{font:300 22px/22px 'Oswald Light', Helvetica, Arial, sans-serif; padding:5px !important; height: auto;}
#perfils .puesto{font:10 20px/20px 'Oswald Light', Helvetica, Arial, sans-serif; padding:5px !important; height: 15px;}


#videopropuesta, #mapa, #todas{
	width:640px;
	display:none;
	position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0px;
	overflow:hidden;}
	
#videopropuesta .iframe, #mapa .iframe, #todas .iframe{
	position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
	}



.otra_seccion{width:60%; margin:auto;}
.buscar_otra{ float:left; width:30%}

.titulo_casilla{font:400 24px/24px 'Oswald Regular', Helvetica, Arial, sans-serif; color: #b2cc31; float:left; line-height:30px; cursor:pointer;}
.tu_casilla{ background:#fff; border-radius:10px; padding:10px; margin:2% 5px;-webkit-box-shadow: 5px 5px 20px 0 rgba(0,0,0,.2);
box-shadow: 5px 5px 20px 0 rgba(0,0,0,.2); }

#info_casilla{display:none;}
#resultado{display:none;}
.btn_mapa{ float:right; background:url(./img/mapa.png); width:50px; height:47px;}
.mas{ float:left; background:#383a40; color:#fff; text-align:center; margin:0px 10px -5px 0px;  width:30px; height:30px; border-radius:25px; font:300 50px/25px 'Oswald Light', Helvetica, Arial, sans-serif;}
.titulo_casilla:hover .mas{ background: #b2cc31}
.mas img{vertical-align:none; width: 15px; height: 15px; margin: 8px 7px -5px 7px;}

/* #perfils .nombre{font:300 22px/22px 'Oswald Light', Helvetica, Arial, sans-serif; padding:0px !important; height: auto;} */
li{list-style-type: disc;
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 2em;}

.par{
	background-color: #e8e8e8 !important; 
}
@media (max-width:667px) {

	#instrucciones input, .otra_seccion input{ font-size:16px; }
	.otra_seccion{width:90%; margin:auto;}
	#logo{width:50%; height:auto; margin:10px 25% -20px; }
	.titulo{font:300 24px/30px 'Oswald Light', Helvetica, Arial, sans-serif; margin:10px 0px; text-align:center; width:100%;}
	#instrucciones{ width:90%; margin:15px 5%; float:none;}
	#credencial{ width:90%; margin:15px 5%; float:none;}
	.candidatos{ padding:10px;}
	.candidato{ margin:5px; width:140px;}
	.nombre{ height:40px; }	
	.ganador{ position: absolute; z-index: 10; background-color: orange; margin:-18px 0 0 18px; width:103px; }	
	.menu{font:300 16px/18px 'Oswald Light', Helvetica, Arial, sans-serif;}
	.menu .boton{margin:5px 2px 0px; padding:2px 5px;}
	/*.col_1{ width:96%; float:none; padding:0px 5%;}
	.col_2{ width:96%; float:none; padding:0px 5%;}*/
	.col_1{ width:90%; float:none; padding:0px 5%;}
	.col_2{ width:90%; float:none; padding:0px 5%;}	
	.movil{display: block;}
	.desktop{ display:none;}
	/*#perfils{ padding-bottom:50px; width:550px; font-size:12px; position:relative;}*/
	#perfils{ padding-bottom:50px; width:100%; font-size:12px; position:relative;}
	#perfils .foto{ float:left; margin:0px; padding:10px}
	#perfils .datos{ float:left; margin:10px;}
	/*#perfils .personaje{ width:113%; height:140px; }*/
	#perfils .personaje{ width:100%; height:140px; }
	#videopropuesta, #mapa, #todas{width:290px; height:180px; position:relative;}
	#videopropuesta .iframe, #mapa .iframe, #todas .iframe{width:100%; height:100%;}
	.buscar { font-size:18px;}	
	
	
} 

@media (max-width:630px) {
	/*#perfils{ padding-bottom:50px; width:94%; font-size:12px; position:relative;}
	*/
	#perfils{ padding-bottom:50px; width:100%; font-size:12px; position:relative;}
	/*.col_1{ width:100%; float:none; padding:5px 5%;}
	.col_2{ width:100%; float:none; padding:5px 5%;}*/
	.col_1{  width:90%; float:none; padding:5px 5%;}
	.col_2{  width:90%; float:none; padding:5px 5%;}
	.movil{display: block;}
	.desktop{ display:none;}
	
	/*#perfils{ padding-bottom:50px; width:89%; font-size:12px; position:relative;}*/
	#perfils{ padding-bottom:50px; width:100%; font-size:12px; position:relative;}
	#perfils .foto{ float:left; margin:0px; padding:10px}
	#perfils .datos{ float:left; margin:10px;}
	/*#perfils .personaje{ width:113%; height:140px; }	*/
	#perfils .personaje{ width:100%; height:140px; }	
	}

@media screen and (max-width: 600px) {
  table#promesas caption { background-image: none; }
  table#promesas thead { display: none; }
  table#promesas tbody td { 
    display: block; padding: .6rem; 
  }
  table#promesas tbody tr td:first-child { 
    background: #666; color: #fff; 
  }
	table#promesas tbody td:before { 
    content: attr(data-th); 
    font-weight: bold;
    display: inline-block;
    width: 6rem;  
  }
}

@media (max-width: 480px) {
	#perfils{ padding-bottom:50px; width:100%; font-size:12px; position:relative;}
	/*.col_1{ width:90%; float:none; padding:5px 5%;}
	.col_2{ width:90%; float:none; padding:5px 5%;}*/
	.col_1{ float:none; padding:5px 5%;}
	.col_2{  float:none; padding:5px 5%;}
	#logo{width:80%; height:auto; float:none; margin:10px 10% -20px; }
	.titulo{font:300 24px/30px 'Oswald Light', Helvetica, Arial, sans-serif; float:none; margin:10px 0px; text-align:center; width:100%;}
	#instrucciones{ width:90%; margin:15px 5%; float:none;}
	#credencial{ width:90%; margin:15px 5%; float:none;}
	.candidatos{ padding:10px;}
	.candidato{ margin:5px; width:140px;}
	#perfils .foto{ float:none; margin:0px; padding:10px;}
	#perfils .personaje{ width:100%; height:auto; }
}

@media screen and (max-width: 375px){
	#logo{width:80%; height:auto; float:none; margin:10px 10% -20px; }
	.titulo{font:300 24px/30px 'Oswald Light', Helvetica, Arial, sans-serif; float:none; margin:10px 0px; text-align:center; width:100%;}
	#instrucciones{ width:90%; margin:15px 5%; float:none;}
	#credencial{ width:90%; margin:15px 5%; float:none;}
	.candidatos{ padding:10px;}
	.candidato{ margin:5px; width:140px;}
	

}