@charset "utf-8";
/* CSS Document */


/* CUSTOM */
*{
	margin: 0;
	padding: 0;
}

.monse_xb{
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
}

.container {
    display: inline-block;
    cursor: pointer;
}

.bar1, .bar2, .bar3 {
       width: 2.3vw;
    height: .3vw;
    background-color: #fff;
    margin: 6px 0;
    transition: 0.4s;
    border-radius: 20px;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
}

/* MENU -------------------------------------------------------------------------------------------------------------------------------------- */

#text_menu{
	    position: absolute;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 1.5vw;
    z-index: 99;
    color: #fff;
    top: .4vw;
    left: 3vw;
	cursor: pointer;
}
#menu_inner{
	position: fixed;
	width: 15%;
	top: 25%;
	left: 3%;
	z-index: 9999;
	display: none;
}

.circulos_menu{
	margin: 0 2%;
    width: 1.5vw;
    height: 1.5vw;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    transition: all 1s;
    margin-bottom: 15vh;
	position: relative;
}
.circulo_m_1 {
     background: #00a0df;
}
.circulo_m_2 {
     background: #ef7521;
}
.circulo_m_3 {
     background: #ffb718;
}
.circulo_m_4 {
     background: #1e1855;
}
#bullets_colores{
	position: relative;
}

#linea_blanca{
	    position: absolute;
    width: .5%;
    top: -10%;
    left: 6.5%;
    height: 120%;
    z-index: -1;

}
#opmo_2{
	    margin-top: 18vh;
}
#opmo_3{
	    margin-top: 36vh;
}
#opmo_4{
	    margin-top: 54vh;
}


.over_menu{
	    position: absolute;
	left: 16%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 1.2vw;
    color: #fff;
	top: 0;
     width: 100%;
	display: none;
}



/* HOME */
#wrapper_ln{
	position: relative;
	width: 100%;
	min-height: 100vh;
	overflow: hidden;
}
#sec_1_ln{
	position: relative;
	width: 100%;
	height: 100vh;
	background-image: url(../img/home_back.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
#logo_home{
	    position: absolute;
    width: auto;
    left: 60%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin-left: -9%;
    bottom: -15%;
    height: 52vh;
    display: none;

}
#social_icons{
	position: fixed;
    width: 15%;
    top: 3%;
    right: 5%;
    z-index: 9999;
    text-align: right;
}
#social_icons img{
	display: inline-block;
    width: 11%;
    margin: 0;
    margin-left: 3%;
    padding: 0;
}
#scroll_icon{
	position: fixed;
    width: 6%;
    right: 1%;
    bottom: 1%;
    z-index: 9999;
}
#btn_menu{
	position: fixed;
	width: 20%;
	left: 3%;
	top: 2%;
	z-index: 9999;
}

/* Seccion 2 ----------------------------------------------------------------------------------------------------------------------*/

#sec_2_ln{
	position: relative;
	width: 100%;
	height: 100vh;
	background-image: url(../img/back_conoceme.jpg);
	background-position: center right;
	background-size: cover;
	background-repeat: no-repeat;
}
#sec_2_ln_inner{
	    position: absolute;
    width: 30%;
    z-index: 9;
    top: 20%;
    left: 10%;
}

.titulo_sec_2{
	font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 3.5vw;
    color: #00A0DF;
    line-height: 1;
}
.titulo_sec_2s{
	font-size: 3vw;
	color: #fff;
}
.texto_sec_2{
	font-family: 'Montserrat', sans-serif;
    font-weight: 400;
	font-size: 1vw;
	color: #fff;
	margin-top: 5%;
}
#texto_ty{
	position: relative;
    width: 50%;
    margin-top: 10%;
	cursor: pointer;
	
}
#slogan_ln{
	position: relative;
    width: 50%;
    margin-top: 10%;
}

.logo_s{
	position: absolute;
    width: 8%;
    bottom: 1%;
    left: 50%;
    margin-left: -4%;
    z-index: 9;
}
#html5-watermark{
		display:none !important;	
}

/* Seccion 3 ------------------------------------------------------------------------------------------------------------ */

#sec_3_ln{
	position:relative;
	width: 100%;
	min-height: 100vh;
	background-color: #fff;
	padding-bottom: 1%;
}
#ver_Semblanza{
	    position: relative;
    width: 15%;
    margin: auto;
    text-align: center;
    margin-top: 2%;
}
#linea_tiempo{
	position: relative;
    width: 100%;
    height: 55vh;
    background-color: #f0f0f0;
    margin-top: 1%;
}
.texto_trayectoria{
	font-family: 'Montserrat', sans-serif;
    font-weight: 400;
	font-size: 1vw;
	color: #818181;
	width: 80%;
	margin: auto;
	text-align: center;
	margin-top: 1%;
}

.img_linea{
	position:absolute;
	width: 90%;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.titulo_sec_3{
	font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 3.5vw;
    color: #1E1855;
    line-height: 1;
	text-align: center;
	margin-top: 1%;
}
.info_linea{
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: right;
	z-index: 9;
}

.fecha{
	font-family: 'Montserrat', sans-serif;
    font-weight: 800;
	font-size: 1vw;
}
.texto_gral{
	font-family: 'Montserrat', sans-serif;
    font-weight: 300;
	font-size: .7vw;
}

.meses_f{
	font-family: 'Montserrat', sans-serif;
    font-weight: 300;
	font-size: .6vw;
	font-style: italic;
}
.puesto_f{
	font-family: 'Montserrat', sans-serif;
    font-weight: 800;
	font-size: .8vw;
}
#fecha_1{
	margin-left: -47%;
    margin-top: -9%;
}
#fecha_2{
	 margin-left: -45%;
    margin-top: 6%;
}
#fecha_3{
	    margin-left: -33%;
    margin-top: -11%;
}
#fecha_4{
	    margin-left: -30%;
    margin-top: 6%;

}
#fecha_5{
	margin-left: -12%;
    margin-top: -11%;	

}
#fecha_6{
	    margin-left: -8%;
    margin-top: 6%;

}

#fecha_7{
	    margin-left: 2%;
    margin-top: -11%;

}
#fecha_8{
	margin-left: 16%;
    margin-top: -11%;

}
#fecha_9{
	    margin-left: 14%;
    margin-top: 6%;


}
#fecha_10{
	    margin-left: 32%;
    margin-top: -11%;

}
#pleca_azul{
	position:relative;
	width: 100%;
	height: 1vh;
	background-image: url(../img/pleca.jpg);
	background-size: 100%;
	background-repeat: repeat-y;
}





/* Seccion 4 ------------------------------------------------------------------------------------------------------------- */
#sec_4_ln{
	position:relative;
	width: 100%;
	height: 100vh;
	background-image: url(../img/back_propuesta.jpg);
	background-position: center left;
	background-size: cover;
	background-repeat: no-repeat;
}

#sec_4_ln_inner{
	position: absolute;
    width: 30%;
    z-index: 9;
    top: 20%;
    right: 10%;
}
.titulo_sec_4{
	font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 3.5vw;
    color: #FFB71B;
    line-height: 1;
	text-align: right
}
.titulo_sec_4s{
	font-size: 2.5vw;
	color: #fff;
	text-align: right;
		line-height: 1;
}
.texto_sec_4{
	font-family: 'Montserrat', sans-serif;
    font-weight: 400;
	font-size: 1vw;
	color: #fff;
	margin-top: 5%;
	text-align: right;
	
		
}
#texto_prop{
	position: relative;
    width: 50%;
    margin-top: 10%;
	cursor: pointer;
	
}

/* Seccion 5 --------------------------------------------------------------------------------------------------------------------------------- */
#sec_5_ln{
	position:relative;
	width: 100%;
	height: 100vh;
	background-color: #fff;
}
.titulo_sec_5{
	font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 3.5vw;
    color: #1E1855;
    line-height: 1;
	text-align: center;
	margin-top: 3%;
}

#nav_circulos{
	    position: relative;
    width: 25%;
    margin: auto;
    margin-top: 2%;
    text-align: center;
	display: flex;
	justify-content:center;
}
#nav_circulos p{
	    margin: 0 2%;
    width: 2.5vw;
    height: 2.5vw;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    transition: all 1s;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.3vw;
    color: #fff;
    position: relative;
    font-weight: 800;
}

#nav_circulos p:hover, .circulo_activo{
	border-bottom: 4px solid #000;
}


.circulo_1 {
     background: #00a0df;
}
.circulo_2 {
     background: #ef7521;
}
.circulo_3 {
     background: #ffb718;
}
.circulo_4 {
     background: #1e1855;
}
.circulo_5 {
     background: #0069ff;
}

.propuestas{
	position: absolute;
    top: 53%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 30%;
	
}
.ver_info{
	position: absolute;
	width: 35%;
	top: 50%;
	right: -45%;
	cursor: pointer;
	
}

.img_pdf{
	    position: absolute;
    width: 35%;
    top: 60%;
    right: -46%;
    cursor: pointer;
	
}
#propuesta_2, #propuesta_3, #propuesta_4, #propuesta_5{
	display: none;
} 


/* SECCION 6 ------------------------------------------------------------------------------------------------------------------- */
#sec_6_ln{
	position:relative;
	width: 100%;
	height: 100vh;
	background-image: url(../img/back_campana.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.titulo_sec_6{
	font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 6vw;
    color: #EE7623;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 9%;
    margin-top: -6%;
}
.titulo_sec_6s{
	font-size: 5.5vw;
	color: #fff;
}
#facebook_ln{
	position: absolute;
    width: 25%;
    height: 70vh;
    overflow: hidden;
    top: 50%;
    left: 50%;
    margin-left: -36%;
    margin-top: -16%;
}

/* seccion 7 ---------------------------------------------------------------------------------------------------------------- */


#sec_7_ln{
	position:relative;
	width: 100%;
	height: 115vh;
	background-color: #fff;
	overflow: hidden;
	padding-bottom: 13%;
}
.titulo_sec_7{
	font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 3.5vw;
    color: #1E1855;
    line-height: 1;
	text-align: center;
	margin-top: 3%;
}
#carrusel_videos{
	position: relative;
    width: 100%;
    margin: auto;
    margin-top: 1%;
}
.img_c{
	position: relative;
	width: 80%;
	margin: auto;
}

 .slick-current {
      opacity: 1;
		transition: all 1s;
    }
.slick-current div{
	    width: 115%;
	margin-left: -5%;
	vertical-align: middle;
}

.slick-current div img{
	width: 90%;
	margin: auto;
}

.hastag{
	font-family: 'Montserrat', sans-serif;
    font-weight: 800;
	font-size: 2vw;
	margin-top: 3%;
	color:#1e1855;
}
#contacto_ln{
	position: relative;
	width: 50%;
	margin: auto;
	
}

input{
	    font-family: 'Montserrat', sans-serif;
    background-color: transparent !important;
    border: none !important;
    border: 1px solid #c2c2c2 !important;
    border-radius: 5px;
    height: 5vh !important;
    color: #c2c2c2 !important;
    font-size: .8vw;
    outline: none !important;
    width: 49%;
    text-indent: 5%;
}
input:-webkit-autofill {
    -webkit-text-fill-color: #fff;
}
textarea{
	font-family: 'Montserrat', sans-serif;
	background-color:transparent !important;
	border:1px solid #c2c2c2 !important;
	border-radius: 5px;
	height:8vh !important;
	color:#c2c2c2 !important;
	font-size: .8vw;
	outline: none !important;
	width:100%;
	margin-top: 1%;
	text-indent: 2.5%;
}

.enviar_btn{
	width: 15%;
	margin: auto;
	cursor: pointer;
}


#candidato_img{
	position: absolute;
    width:100%;
    height: 100vh;
	display: none;
	background-image: url(../img/candidato_home.png);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
#candidato_img_m{
	position: absolute;
    width:100%;
    height: 100vh;
	background-image: url(../img/candidato_home.png);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

#img_back_2{
	position: absolute;
    width:100%;
    height: 100vh;
	background-image: url(../img/back_sec_2.png);
	background-position: right center;
	background-size: cover;
	background-repeat: no-repeat;
}
#img_back_4{
	position: absolute;
    width:100%;
    height: 100vh;
	background-image: url(../img/back_sec_4.png);
	background-position: left center;
	background-size: cover;
	background-repeat: no-repeat;
}

#queretaro{
	    position: absolute;
    width: 76%;
    top: 5%;
    left: 50%;
    margin-left: -36%;
    z-index: -1;
}

#candidato_movil{
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 9;
}
#img_2_movil{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 0;
	width: auto;
    height: 55vh;
    margin-right: -40%;
}

#img_4_movil{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
	width: auto;
    height: 55vh;
}
#carrusel_videos_m{
	position: relative;
	width: 100%;
	margin: auto;
}
#siguiente_lt{
	position: absolute;
	width: 10%;
	top: 50%;
	right: 0%;
	cursor: pointer;
	max-width: 50px;
}
#siguiente_lt img{
	width: 100%;
}
#atras_lt{
	position: absolute;
	width: 10%;
	top: 50%;
	left: 0%;
	cursor: pointer;
	max-width: 50px;
}
#atras_lt img{
	width: 100%;
}
#linea_tiempo_movil{
	    position: relative;
    width: 432px;
    min-height: 50vh;
    margin: auto;
    overflow: hidden;

}
#img_linea_movil{
	position: relative;
	width: 3456px;
	transition: all 1s;
}
.add_0{
	margin-left: 0;
}
.add_1{
	margin-left: -432px;
}
.add_2{
	margin-left: -846px;
}
.add_3{
	margin-left: -1296px;
}
.add_4{
	margin-left: -1728px;
}
.add_5{
	margin-left: -2160px;
}
.add_6{
	margin-left: -2592px;
}
.add_7{
	margin-left: -3024px;
}


#titulos_propuestas{
	    position: relative;
    width: 30%;
    margin: auto;
    margin-top: 1%;
    text-align: center;
    font-size: 1.5vw;
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
}


#titulo_2, #titulo_3, #titulo_4, #titulo_5{
	display: none;
} 


.circulo_1_t {
     color: #00a0df;
}
.circulo_2_t {
     color: #ef7521;
}
.circulo_3_t {
     color: #ffb718;
}
.circulo_4_t {
     color: #1e1855;
}
.circulo_5_t {
     color: #0069ff;
}

#btn_escucho{
	position: fixed;
    width: 9%;
    bottom: 1.5%;
    right: 6%;
    z-index: 9;
}







.img100{ width: 100%;}
.left{ float: left;}
.right{ float: right;}
.clear{ clear: both;}
.desk{display: block;}
.movil{display: none !important;}
.text_centrado{
	position: absolute;
	top: 50%;
	left: 50%;
	 -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}