/* Base */

	/*COLORES BACKGROUND*/
	.b_blue		{background-color: #0c5eb3;background-image: linear-gradient(to bottom right,#0c5eb3, #18adcf, #0c5eb3);}
	.b_orange	{background-color: #b56505;background-image: linear-gradient(to bottom right,#b56505, #dca51e, #a95e02);}
	.b_green	{background-color: #539c1e;background-image: linear-gradient(to bottom right,#3f9401, #5bd210, #3f9401);}
	.b_purple	{background-color: #5703af;background-image: linear-gradient(to bottom right,#5703af, #8c44f9, #6709c8);}

/*COLORES BACKGROUND TRANSPARENTES*/
	.b_blue_t	{background-color: #0c5eb36b;background-image: linear-gradient(to bottom right,#175ea7, #0289a7ad, #002d5bcf);}
	.b_orange_t	{background-color: #b565056b;background-image: linear-gradient(to bottom right,#b56505, #dca51ebb, #a95e02cf);}
	.b_green_t	{background-color: #539c1e6b;background-image: linear-gradient(to bottom right,#3f9401, #5bd210ad,#3f9401cf);}
	.b_purple_t	{background-color: #5703af6b;background-image: linear-gradient(to bottom right,#5703af, #8c44f9ad, #6709c8cf);}

/*CLASE BASE*/
	.hidden{
		display: none;
	 }
	.anim{
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
	    -moz-transition: all 0.5s ease;
	    -o-transition: all 0.5s ease;
	}

/*ESTILO INICIAL*/
	body{
		margin: 0;
		padding: 0;
		border: 0;
		position: relative;
		width: 100%;
		height: 100vh;
		min-height: 200px;
		min-width: 250px;
		background-color: #000;
		overflow: hidden;
	}
	body > div:first-child{
		width: 100%;
		height:100%;
		overflow: hidden;
		position: relative;
		max-width: 700px;
		margin: auto
	}
	div,p,h1,h2,h3,h4,h5,h6{
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	}
	input:focus,
    select:focus,
    textarea:focus,
    button:focus {
        outline: none;
    }

/* vistas/noticias/noticia_resumen.html */

	/*.noticia_resumen_cont{
        width: 100%;
        height: 200px;
        overflow: hidden;
        position: relative;
        cursor: pointer;
    }*/
    .noticia_resumen_cont{
        width: calc(100% - 20px);
        height: 200px;
        overflow: hidden;
        position: relative;
        cursor: pointer;
        margin: 10px;
        border-radius: 10px;
        -webkit-box-shadow: 0px 0px 5px 0px rgb(0, 0, 0);
        -moz-box-shadow: 0px 0px 5px 0px rgb(0, 0, 0);
        box-shadow: 0px 0px 5px 0px rgb(0, 0, 0);
        margin: auto;
        margin-top: 10px;
    }
    .noticia_resumen_cont:last-child{
        margin-bottom: 60px;
    }
    .noticia_resumen_cont > div:first-child{
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: 1;
    }
    .noticia_resumen_cont > div:first-child > img{
        width: 100%
    }
    .noticia_resumen_cont > div:nth-child(2){
        width: calc(100% - 20px);
        height: 100%;
        position: absolute;
        z-index: 2;
        padding: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 0;
        background-image: linear-gradient(to top,rgba(0, 0, 0, 0.8), rgba(0, 135, 255, 0.3));
    }
    .noticia_resumen_cont > div:nth-child(2) > p{
        padding: 0 20px;
        margin: 0;
        font-family: bariol1;
        color: #fff;
        font-size: 23px;
        position: absolute;
        bottom: 10px;
    }

/* vistas/noticias/noticia_modal.html */

	.noticia_modal{
    	width: 100%;
    	height: 100%;
    	overflow: auto;
    }
    .noticia_modal > img{
    	width: 100%;
        -webkit-box-shadow: -2px 14px 19px -7px rgba(0, 0, 0, 0.87);
        -moz-box-shadow: -2px 14px 19px -7px rgba(0, 0, 0, 0.87);
        box-shadow: -2px 14px 19px -7px rgba(0, 0, 0, 0.87);
    }
    .noticia_modal > div{
    	font-size: 25px;
    	font-weight: bold;
    	margin: 20px;
    	font-family: bariol2;
    	color: #fff;
        text-shadow: 8px 9px 14px #000;
    }
    .noticia_modal > p{
        width: calc(100% - 60px);
        margin: auto;
        color: #fff;
        text-align: justify;
        font-size: 20px;
        font-family: bariol2;
        background-color: #00000083;
        padding: 15px;
        border-radius: 10px;
        box-shadow: 0 0 6px 2px #000;
        margin-bottom: 100px;
        margin-top:45px;
    }

    .noticia_hashtag{
        color: #fff;
        text-decoration: none;
        font-family: bariol1;
    }

/* vistas/1-pantallas/noticias.html */

	#noticias_contenedor_padre{
		height: 100%;
		width: 100%;
	}
	#noticias_contenedor{
		width: 100%;
		height: 100%;
		overflow: auto;
	}

/* vistas/1-pantallas/quienes_somos.html */

	#principal_qs_contenedor{
		height: calc(100% - 40px);
		margin-top: 20px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	 }
	#principal_qs_contenedor > div{
		display: flex;
		justify-content: center;
		align-items: center;
	 }
	#principal_qs_contenedor > div:first-child > p{
		color: white;
		font-family: RockSalt;
		width: 90%;
		text-align: center;
		margin: auto;
		font-size: 25px;
		letter-spacing: 0.7px;
	 }
	#principal_qs_contenedor > div:nth-child(2) > div{
		width: 100%
	 }
	#principal_qs_contenedor > div:nth-child(2) > div > div{
		display: flex;
		justify-content: space-evenly;
		align-items: normal;
	 }
	#principal_qs_contenedor > div:nth-child(2) > div > p{
		color: #d8d8d8;
		font-family: bariol1;
		font-size: 16px;
		margin: 0;
		margin-top: 10px;
	 }
	#principal_qs_contenedor > div:nth-child(2) > div > div:nth-child(2){
		margin-top: 15px;
	 }
	#principal_qs_contenedor > div:nth-child(2) > div > div > div{
		width: calc(50% - 30px);
		padding: 10px 5px;
		border-radius: 10px;
		-webkit-box-shadow: 0px 0px 15px -2px #000;
		-moz-box-shadow: 0px 0px 15px -2px #000;
		box-shadow: 0px 0px 15px -2px #000;
	 }
	#principal_qs_contenedor > div:nth-child(2) > div > div > div > img{
		width: 100px;
	 }
	#principal_qs_contenedor > div:nth-child(2) > div > div > div > p{
		font-family: bariol1;
		display: flex;
		justify-content: center;
		align-items: center;
		height: calc(100% - 20px);
		margin: 0;
		color: #fff;
		font-weight: bold;
		font-size: 20px;
	 }
	#principal_qs_contenedor > div:last-child > div{
		width: 100%;
	 }
	#principal_qs_contenedor > div:last-child > div > div{
		width: 80%;
		height: 50px;
		text-align: center;
		color:#fff;
		border-radius: 10px;
		margin: auto;
		background-color: #539c1e;
		font-size: 23px;
		box-shadow: 0 0 10px #1e1c1c;
		font-family: bariol1;
		cursor: pointer;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 40px;
	 }
	#principal_qs_contenedor > div:last-child > div > div:last-child{
		margin-bottom: 80px;
	}

/* vistas/1-pantallas/home.html */

	#principal_home_contenedor{
		height: calc(100% - 40px);
		margin-top: 20px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	 }
	#principal_home_contenedor > div{
		display: flex;
		justify-content: center;
		align-items: center;
	 }
	#principal_home_contenedor > div:first-child > div > img{
		width: 250px;
		filter: drop-shadow(0 0 10px rgb(18, 58, 93));
	 }
	#principal_home_contenedor > div:first-child > div > div{
		margin-top: 5px;
	 }
	#principal_home_contenedor > div:first-child > div > div > i{
		font-size: 45px;
		color: #fff;
		margin: 0 10px;
		cursor: pointer;
	 }
	#principal_home_contenedor > div:nth-child(2) > p{
		font-family: PoetsenOne;
		font-size: 25px;
		color: #fff;
		margin: 0;
	 }
	#principal_home_contenedor > div:nth-child(3) > div > p{
		font-family: RockSalt;
		color: #fff;
		margin: 0;
	 }
	#principal_home_contenedor > div:last-child > div{
		width: 100%;
	 }
	#principal_home_contenedor > div:last-child > div > div{
		width: 80%;
		height: 50px;
		text-align: center;
		color:#fff;
		border-radius: 10px;
		margin: auto;
		background-color: #539c1e;
		font-size: 23px;
		box-shadow: 0 0 10px #1e1c1c;
		font-family: bariol1;
		cursor: pointer;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 80px;
	 }
	@media only screen and (max-height: 720px){
		#principal_home_contenedor > div:first-child > div > img{
			width: 200px;
		 }
		#principal_home_contenedor > div:first-child > div > div > i{
			font-size: 40px;
			margin: 0 5px;
		 }
		#principal_home_contenedor > div:nth-child(2) > p{
			font-size: 20px;
		}
	 }

/* vistas/1-pantallas/mis_propuestas.html */

	#pantalla_mp_contenedor{
		height: calc(100% - 40px);
		margin-top: 20px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	 }
	#pantalla_mp_contenedor > div{
		display: flex;
		justify-content: center;
		align-items: center;
	 }
	#pantalla_mp_contenedor > div:first-child > p{
		color: white;
		font-family: RockSalt;
		width: 100%;
		text-align: center;
		margin: auto;
		font-size: 25px;
		letter-spacing: 0.7px;
	 }
	#pantalla_mp_contenedor > div:nth-child(2) > p{
		font-family: PoetsenOne;
		font-size: 20px;
		width: 80%;
		margin: auto;
		color: #fff;
	 }
	#pantalla_mp_contenedor > div:nth-child(4) > p{
		color: #fff;
		font-size: 30px;
		font-family: PoetsenOne;
		margin: 0;
	 }
	#pantalla_mp_contenedor > div:last-child > div{
		width: 100%;
	 }
	.añadir_propuesta, #mis_propuestas{
		width: 80%;
		height: 50px;
		text-align: center;
		color:#fff;
		border-radius: 10px;
		margin: auto;
		font-size: 23px;
		box-shadow: 0 0 10px #1e1c1c;
		font-family: bariol1;
		cursor: pointer;
		display: flex;
		justify-content: center;
		align-items: center;
	 }
	#mis_propuestas{
		margin-bottom: 80px;
	 }

/* vistas/0-principal/boton_compartir.html */

	#ge_btn_compartir{
		position: absolute;
		z-index: 10;
		bottom: 132px;
		border-radius: 10px 0 0 10px;
		right: 0;
		box-shadow: 0px 0 8px 1px #000;
		overflow: hidden;
	 }
	#ge_btn_compartir > div:first-child{
		overflow: hidden;
		display: none;
	  }
	#ge_btn_compartir > div:first-child > div{
		/*height: 60px*/
	 }
	#ge_btn_compartir > div:first-child > div > i{
		width: 50px;
		height: 50px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 27px;
		border-radius: 50%;
		color: #fff;
		box-shadow: 0 0px 2px 1px #444;
		margin: 5px auto;
	 }
	#ge_btn_compartir > div:first-child > div > i:last-child{
		margin-right: 5px;
	 }
	#ge_btn_compartir > div:first-child > div > i.fa-whatsapp{
		background-color: #3bbd2c;
		background-image: linear-gradient(to bottom right,#129a0a, #3bbd2c, #129a0a);
	 }
	#ge_btn_compartir > div:first-child > div > i.fa-instagram{
		background-color: #f7be5c;
		background-image: linear-gradient(to bottom right,#523fcf, #c9247a, #f7be5c);
	 }
	#ge_btn_compartir > div:first-child > div > i.fa-facebook-messenger{
		background-color: #00a9f7;
		background-image: linear-gradient(to bottom right,#016bf7, #00a9f7, #016bf7);
	 }
	#ge_btn_compartir > div:first-child > div > i.fa-twitter{
		background-color: #1da1f3;
		background-image: linear-gradient(to bottom right,#1d7df3, #1da1f3, #1d71f3);
	 }
	#ge_btn_compartir > div:first-child > div > i.fa-facebook-f{
		background-color: #1d7df3;
		background-image: linear-gradient(to bottom right,#1d7df3, #1d95f3, #1d71ff);
	 }
	#ge_btn_compartir > div:first-child > div > i.fa-plus{
		background-color: #415f9b;
		background-image: linear-gradient(to bottom right,#000, #444, #000);
	 }
	#ge_btn_compartir > div:nth-child(2) > div > i:nth-child(2){
		display: none;
	 }
	#ge_btn_compartir.act > div:first-child{
		display: block;
	 }

	#ge_btn_compartir > div:nth-child(2){
		width: 60px;
		height: 60px;
		float: left;
	 }
	#ge_btn_compartir > div:nth-child(2) > div{
		width: 60px;
		height: 60px;
		display: flex;
		justify-content: center;
		align-items: center;
	 }
	#ge_btn_compartir > div:nth-child(2) > div > i{
		color: #fff;
		font-size: 30px;
	 }
	#ge_btn_compartir.act > div:nth-child(2) > div > i:first-child{
		display: none;
	}
	#ge_btn_compartir.act > div:nth-child(2) > div > i:nth-child(2){
		display: block;
	 }

/* vistas/0-principal/ventanas_respaldo.html */

	#cont_principal{
		width: 100%;
		height:100%;
		position: relative;
	}
	.ventanas{
		width: 100%;
		height: 100%;
		position: absolute;
		overflow: hidden;
		min-width: 100%;
		min-height: 100%;
		background-size: cover;
		background-position: center;

	}
	.ventanas > div{
		position: absolute;
		width: 100%;
		height: 100%;
		/*background-color: rgba(30, 115, 190, 0.8);*/
		background-image: linear-gradient(to bottom right,#106dbf, rgba(29, 124, 208, 0.8), rgba(0, 91, 171, 0.8));
	}
	.ventanas > div > div{
		width: 100%;
		height: calc(100% - 100px);
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: auto;
		max-width: 700px;
		margin: auto;
	}
	.ventanas > div > div > div{
		width: 100%;
		height: 100%;
		text-align: center;
	}

/* vistas/0-principal/ventanas.html */

	#cont_principal{
		width: 100%;
		height:100%;
		position: relative;
	}
	.ventanas{
		width: 100%;
		height: 100%;
		position: absolute;
		overflow: hidden;
		min-width: 100%;
		min-height: 100%;
		background-size: cover;
		background-position: center;

	}
	.ventanas > div{
		position: absolute;
		width: 100%;
		height: 100%;
		/*background-color: rgba(30, 115, 190, 0.8);*/
		background-image: linear-gradient(to bottom right,#106dbf, rgba(29, 124, 208, 0.8), rgba(0, 91, 171, 0.8));
	}
	.ventanas > div > div{
		width: 100%;
		height: calc(100% - 100px);
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: auto;
		max-width: 700px;
		margin: auto;
	}
	.ventanas > div > div > div{
		width: 100%;
		height: 100%;
		text-align: center;
	}

/* vistas/0-principal/pantalla_carga.html */

	#vent_cargando{
		z-index: 10;
		width: 100%;
		height: 100%;
		position: absolute;
		overflow: hidden;
		min-width: 100%;
		min-height: 100%;
		background-color: rgb(0,0,0)
	 }
	#vent_cargando > div{
		position: relative;
		height: 100%;
		width: 100%;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		color: white;
		max-width: 700px;
		margin: auto;
	 }
	#vent_backgr{
		background-color: #1e73be;
		background-image: url('img/foto2.jpg');
		position: absolute;
		z-index: -1;
		background-size: cover;
		background-position: center;
		width: 100%;
		height: 100%;
	 }
	#cargando_cont{
		background-color: rgba(30, 115, 190, 0.8);
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
		width: 100%;
		text-align: center;
		overflow: hidden;
	 }
	#cargando_cont > div{
		color:#fff
	 }
	#cargando_cont > div > img{
		width: 250px;
		filter: drop-shadow(0 0 10px #123a5d);
	 }
	#cargando_cont > div > p{
		text-align: center;
		font-weight: bold;
		font-size: 20px;
	 }
	#cargando_cont > div > i{
		font-size: 50px;
	 }

/* vistas/0-principal/modal.html */

	#ge_modal{
		position: absolute;
		z-index: 1600;
		height:100%;
		width: 100%;
		right: -100%;
		overflow: hidden;
		background-color: rgb(217,218,208);
		transition: all 0.2s ease;
		-webkit-transition: all 0.2s ease;
	    -moz-transition: all 0.2s ease;
	    -o-transition: all 0.2s ease;
	 }
	#ge_modal.show{
		right:0%;
	 }

/* vistas/0-principal/botones_inferior.html */

	.btns_bottom{
		height: 140px;
		bottom: 0;
		width: 100%;
		position: absolute;
		overflow: hidden;
		z-index: 4;
		background: url(../img/bottom4.png);
		background-size: 700px 100%;
		filter: drop-shadow(0 0 10px #000);
	 }
	.btns_nav{
		position: absolute;
		bottom: 0;
		margin-bottom: 10px;
		width: 100%;
		height: 90px;
	 }
	.btns_nav_cont{
		height:80px;
		text-align: center;
		width: 100%;
		max-width:700px;
		display: flex;
	 }
	.btns{
		width: 70px;
		height: 70px;
		flex: auto;
	 }
	.btns.act{
		/*color:#fff;*/
	 }
	.btns > i{
		width: 55px;
		height: 55px;
		transition: all 0.4s cubic-bezier(.46,.03,.52,.96);
		-webkit-transition: all 0.4s cubic-bezier(.46,.03,.52,.96);
	    -moz-transition: all 0.4s cubic-bezier(.46,.03,.52,.96);
	    -o-transition: all 0.4s cubic-bezier(.46,.03,.52,.96);
	    display: inline-flex;
		justify-content: center;
		align-items: center;
		font-size: 35px;
		color: #fff;
		border-radius: 50%;
		overflow: hidden;
	 }
	/*.btns.act > i{
		font-size: 55px;
		color: #007cff;
		background: linear-gradient(to bottom right,#004b9a, #1eafff, #004b9a);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	 }*/
	 .btns.act > i{
		background: linear-gradient(to bottom right,#004b9a, #1eafff, #004b9a);
	 }
	.btns > p{
		font-family: Bariol1;
		font-size: 16px;
		margin: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		line-height: 16px;
		height: 35px;
		letter-spacing: 1px;
		margin-top: 4px;
		color: #fff
	 }
	.btns.act > p{
		font-weight: bold;
	}

/* vistas/mis_propuestas/mis_propuestas_individual_modal.html */

	.mis_propuestas_individual{
		width: calc(100% - 30px);
		margin: auto;
		margin-top: 15px;
		border-radius: 10px;
		overflow: hidden;
		-webkit-box-shadow: 0px 0px 15px -2px #000;
		-moz-box-shadow: 0px 0px 15px -2px #000;
		box-shadow: 0px 0px 15px -2px #000;
	}
	.mis_propuestas_individual:first-child{
		margin-top: 25px;
	}
	.mis_propuestas_individual:last-child{
		margin-bottom: 25px;
	}
	.mis_propuestas_individual > div:first-child{
		padding: 8px 15px;
		font-size: 20px;
		text-align: left;
		color: #fff;
		font-family: PoetsenOne;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.mis_propuestas_individual > div:first-child > i{
		width: 45px;
		font-size: 25px;
	}
	.mis_propuestas_individual > div:nth-child(2){
		background-color: #fff;
		width: calc(100% - 24px);
		margin: auto;
		margin-bottom: 2px;
		border-radius: 0 0 10px 10px;
		padding: 10px;
		text-align: justify;
		font-size: 20px;
		font-family: bariol1;
		color: #555;
	}

/* vistas/mis_propuestas/mis_propuestas_modal.html */

	#mis_propuestas_contenedor{
    	width: 100%;
    	height: 100%;
    	overflow: auto;
    }

/* vistas/mis_propuestas/mis_propuestas_modal_sin_propuestas.html */

	#mis_propuestas_sin_propuestas{
    	width: 100%;
    	height: 100%;
    	overflow: auto;
     }
    #mis_propuestas_sin_propuestas > p{
    	font-family: bariol1;
    	color: #fff;
    	font-size: 29px;
    	margin: 50px 0 100px 0;
     }
    #mis_propuestas_sin_propuestas > div{
    	position: absolute;
    	width: 100%;
    	bottom: 0;
    	margin-bottom: 50px;
     }
    #mis_propuestas_sin_propuestas > div > p{
    	color: #b9b2b2;
    	font-family: bariol2;
    	font-size: 16px;
    	margin: 0;
    	margin-top: 10px;
    }

/* vistas/2-modal/modal_box_base_barra_inferior.html */

	.modal_inf{
		background-color: #00c5b7;
	}
	.modal_inf.validacion{
		background-color: #da8b16;
	}

/* vistas/2-modal/modal_box_base.html */

	.ge_modal_box{
		height:100%;
		width: 100%;
		background-color: rgba(217,218,208);
		overflow: hidden;
	 }
	.ge_modal_pre_box.der{
		left: 100%;
	 }
	.ge_modal_pre_box.act{
		left: 0%;
		-webkit-box-shadow: -3px 0px 9px 0px rgba(0,0,0);
		-moz-box-shadow: -3px 0px 9px 0px rgba(0,0,0);
		box-shadow: -3px 0px 9px 0px rgba(0,0,0);
	 }
	.ge_modal_pre_box.izq{
		left: 0%;
	}

	.modal_tit{
		width: 100%;
		height: 50px;
		background-color: rgb(0,0,0);
		color: rgb(255,255,255);
	 }
	/*colores de barra de titulo*/
	.modal_tit.tr{
		background-color: rgba(0, 0, 0, 0.55);
		color:rgb(255,255,255);
	 }
	.modal_tit.wt{
		background-color: rgb(255,255,255);
		color:rgb(0,0,0);
	 }
	.modal_tit > p{
		padding-top: 6px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	 }
	.ge_modal_box > .modal_cont{
		width: 100%;
		height: calc(100% - 50px);
		overflow-y: auto;
	 }
	.ge_modal_box.barra_inf >.modal_cont{
		height: calc(100% - 100px);
	 }
	.modal_cont > div{
		text-align: center;
		position: relative;
		height: 100%;
	 }
	/*tt:barra titulo sobre el contenido
	.ge_modal_box.tt{
		position: relative;
	 }*/
	.ge_modal_box.tt > div.modal_tit{
		position: absolute;
		z-index: 10;

	 }
	.ge_modal_box.tt > div.modal_cont{
		height: 100%;
	 }

	.modal_tit > div{
		float: left;
		height: 50px;
		font-size: 22px;
		display: flex;
		justify-content: center;
		align-items: center;
	 }
	.modal_tit > div.text{
		width: calc(100% - 94px);
		font-size: 22px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-family: bariol1;
		justify-content: left;
	 }
	.modal_tit > div.atras{
		width: 38px;
		justify-content: left;
		padding-left: 8px;

	 }
	.modal_tit > div.home{
		width: 48px;
	 }
	.ge_modal_pre_box{
	 	width: 100%;
	 	height: 100%;
		position: absolute;
		overflow: hidden;
		transition: all 0.2s ease;
		-webkit-transition: all 0.2s ease;
	    -moz-transition: all 0.2s ease;
	    -o-transition: all 0.2s ease;
	    background-position: top;
	 }
	div.modal_moderno > div.ge_modal_box{
		background-color: transparent;
		position: relative;
	}
	div.modal_moderno > div.ge_modal_box > div.modal_tit{
		background: transparent;
		position: absolute;
		z-index: 10;
		-webkit-box-shadow: 0px 25px 16px -17px #000;
		 -moz-box-shadow: 0px 25px 16px -17px #000;
		 box-shadow: 0px 25px 16px -17px #000;
	}
	div.modal_moderno > div.ge_modal_box > div.modal_cont{
		position: absolute;
		z-index: 1;
		margin-top: 50px;
	}

/* vistas/nueva_propuesta/nueva_propuesta_finalizar_modal.html */

	#nueva_propuesta_fin_contenedor{
    	width: 100%;
    	height: 100%;
    	display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
     }
    #nueva_propuesta_fin_contenedor.error{
    	background-image: linear-gradient(to right,#f79f31, #ff8d00);
     }
    #nueva_propuesta_fin_cargando{
    	color: white;
    	font-size: 20px;
    	font-family: PoetsenOne;
     }
    #nueva_propuesta_fin_cargando > i{
     	font-size: 40px
     }
    #nueva_propuesta_fin_exitosa{
     	color: white;
     	font-size: 24px;
     	font-family: PoetsenOne;
     }
    #nueva_propuesta_fin_exitosa > div{
     	font-family: bariol1;
     	width: 200px;
     	margin: auto;
     	background-color: #017dbb;
     	background-image: linear-gradient(to right,#53a318, #74f118);
     	height: 40px;
     	display: flex;
     	justify-content: center;
     	align-items: center;
     	border-radius: 10px;
     	box-shadow: 0 0 10px #1e1c1c;
     	cursor: pointer;
     	font-size: 23px
     }
    #nueva_propuesta_fin_error{
    	color: white;
    	font-size: 20px;
    	font-family: PoetsenOne;
     }
    #nueva_propuesta_fin_volver{
    	font-family: bariol1;
    	width: 200px;
    	margin: auto;
    	background-color: #017dbb;
    	background-image: linear-gradient(to right,#017dbb, #00a5f8);
    	height: 40px;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	border-radius: 10px;
    	box-shadow: 0 0 10px #1e1c1c;
    	cursor: pointer;
    	font-size: 23px
     }

/* vistas/nueva_propuesta/formulario_datos_usuario.html */

	#datos_usuario_contenedor{
    	width: 100%;
    	height: 100%;
    	overflow: auto;
    	position: relative;
     }
    #datos_usuario_contenedor > div:first-child{
    	margin: 5px 5px 0 5px;
    	width: calc(100% - 36px);
    	height: calc(100% - 56px);
        overflow: auto;
        margin: auto;
        text-align: left;
     }
    #datos_usuario_contenedor > div:first-child > p{
        margin: 0;
        margin-top: 25px;
        font-family: bariol2;
        font-size: 18px;
        color: #fff;
        font-weight: bold;
     }
    #datos_usuario_contenedor > div:first-child > p:first-child{
        font-size: 16px;
        text-align: center;
        color: #ddd;
        margin-top: 20px;
     }
    #datos_usuario_contenedor > div:first-child > p > span{
        font-size: 15px;
        font-weight: normal;
        color: #ddd;
     }
    #datos_usuario_contenedor > div:first-child > input, #datos_usuario_contenedor > div:first-child > select{
        width: calc(100% - 25px);
        padding: 10px;
        margin-top: 5px;
        font-size: 20px;
        border: 2px solid #ff8700;
        background-color: #fff;
        font-family: bariol1;
        border-radius: 5px;
        -webkit-box-shadow: 0px 0px 15px -2px #000;
        -moz-box-shadow: 0px 0px 15px -2px #000;
        box-shadow: 0px 0px 15px -2px #000;
        color:#555;
     }
    #datos_usuario_contenedor > div:first-child > input.validado, #datos_usuario_contenedor > div:first-child > select.validado{
        border: 2px solid #02a2c2;
     }
    #datos_usuario_contenedor > div:first-child > select{
        margin-bottom: 20px;
    }
    #datos_usuario_aceptar{
    	width: 100%;
        height: 50px;
        color: #fff;
        text-align: center;
        font-size: 27px;
        position: absolute;
        bottom: 0;
        cursor: pointer;
        -webkit-box-shadow: -1px -9px 10px -5px rgba(0,0,0,0.58);
        -moz-box-shadow: -1px -9px 10px -5px rgba(0,0,0,0.58);
        box-shadow: 9px -15px 9px -6px rgba(0,0,0,0.58);
        font-family: bariol1;
        display: flex;
        justify-content: center;
        align-items: center;
     }

/* vistas/nueva_propuesta/tematicas_individual_modal.html */

	.tematica_individual{
    	width: calc(100% - 70px);
		margin: auto;
		margin-top: 10px;
		padding: 15px 15px;
		font-size: 20px;
		text-align: left;
		color: #fff;
		border-radius: 10px;
		font-family: PoetsenOne;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
        -webkit-box-shadow: 0px 0px 15px -2px #000;
        -moz-box-shadow: 0px 0px 15px -2px #000;
        box-shadow: 0px 0px 15px -2px #000;
    }
    .tematica_individual.select{
        cursor: pointer;
    }
    .tematica_individual:first-child{
        margin-top: 25px;
    }
    .tematica_individual:last-child{
    	margin-bottom: 25px;
    }
    .tematica_individual > i{
    	width: 45px;
    	font-size: 25px;
    }

/* vistas/nueva_propuesta/nueva_propuesta_modal.html */

	#nueva_propuesta_contenedor{
    	width: 100%;
        height: calc(100% - 10px);
    	overflow: auto;
    	position: relative;
        padding-top: 10px;
    }
    #nueva_propuesta_text{
    	width: calc(100% - 65px);
    	padding: 10px;
    	height: calc(100% - 186px);
    	font-size: 23px;
    	font-family: bariol1;
    	color: #5b5b5b;
    	border: 2px solid #ff8700;
        margin-top: 20px;
        border-radius: 5px;
        text-align: center;
        -webkit-box-shadow: -11px 8px 7px -2px rgba(0,0,0,0.58);
        -moz-box-shadow: -11px 8px 7px -2px rgba(0,0,0,0.58);
        box-shadow: -11px 8px 7px -2px rgba(0,0,0,0.58);
        overflow: hidden;
        background-color: #fffc;
    }
    #nueva_propuesta_text.validado{
         border: 2px solid #02a2c2;
    }
    #nueva_propuesta_aceptar{
    	width: 100%;
    	height: 50px;
    	color: #fff;
    	text-align: center;
    	font-size: 27px;
    	position: absolute;
    	bottom: 0;
    	cursor: pointer;
        -webkit-box-shadow: -1px -9px 10px -5px rgba(0,0,0,0.58);
        -moz-box-shadow: -1px -9px 10px -5px rgba(0,0,0,0.58);
        box-shadow: 9px -15px 9px -6px rgba(0,0,0,0.58);
        font-family: bariol1;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #nueva_propuesta_aceptar.sin_texto{
    	background-image: linear-gradient(to right,#b27326, #d09143)
    }

/* vistas/nueva_propuesta/tematicas_propuesta_modal.html */

	#tematicas_contenedor{
    	width: 100%;
    	height: 100%;
    	overflow: auto;
    }

/* vistas/quienes_somos/propuestas_programaticas.html */

	#propuestas_program_modal{
		width: 100%;
		height: 100%;
		overflow: auto;
	 }
	#propuestas_program_modal > div{
		width: calc(100% - 15px);
		margin: auto;
		margin-top: 15px;
		border-radius: 10px;
		overflow: hidden;
		-webkit-box-shadow: 0px 0px 15px -2px #000;
		-moz-box-shadow: 0px 0px 15px -2px #000;
		box-shadow: 0px 0px 15px -2px #000;
	 }
	#propuestas_program_modal > div:first-child{
		margin-top: 25px;
	 }
	#propuestas_program_modal > div:last-child{
		margin-bottom: 25px;
	 }
	#propuestas_program_modal > div > div:first-child{
		font-size: 18px;
		text-align: left;
		color: #fff;
		font-family: PoetsenOne;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		height: 50px;
		display: flex;
		align-items: center;
		padding-left: 15px;
	 }
	#propuestas_program_modal > div > div:first-child > i{
		width: 45px;
		font-size: 25px;
	 }

	 .prop_program_ind{
	 	background-color: #0006;
		width: calc(100% - 10px);
		margin: auto;
		margin-bottom: 5px;
		border-radius: 10px;
		text-align: justify;
		font-size: 20px;
		font-family: bariol1;
		color: #fff;
		overflow: hidden;
	 }
	.prop_program_ind > div{
		width: 100%;
		height: 50px;
		color: #fff;
	 }
	.prop_program_ind > div > p{
		margin: 0;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		font-size: 22px;
		width: calc(100% - 55px);
		height: 50px;
		color: #ddd
	 }
	.prop_program_ind > div >  div{
		width: 50px;
		display: inline-flex;
		margin: 0;
		padding: 0px;
		justify-content: center;
		align-items: center;
		font-size: 26px;
		height: 46px;
		color:#a2a2a2;
	 }
	.prop_program_ind > ul, .prop_program_ind > ol{
		font-family: bariol2;
		font-size: 19px;
		padding: 0;
		margin: 0;
		height: 0;
	 }
	.prop_program_ind.act > ul, .prop_program_ind.act > ol{
		height: auto;
		padding: 0 25px 25px;
	 }
	.prop_program_ind.act > ol{
		padding: 0 25px 25px 35px;
	 }
	.prop_program_ind.act > ul > li, .prop_program_ind.act > ol > li{
		margin-top: 10px;
	 }

	.prop_program_ind > div.expandir_propuesta > div >.up{
		display: none;
	 }
	.prop_program_ind.act > div.expandir_propuesta > div >.up{
		display: inline-block;
	 }
	.prop_program_ind.act > div.expandir_propuesta > div >.down{
		display: none;
	 }

/* vistas/quienes_somos/color_blue_box.html */

	.quienes_somos_color{
		height: 100%;
		width: calc(100% - 30px);
		margin: auto;
	}
	.quienes_somos_color > img{
		margin-top: 20px;
		width: 200px;
	}
	.quienes_somos_color > p:nth-child(2){
		color: #fff;
		font-family: PoetsenOne;
		font-size: 26px;
		margin-top: 10px;
	}
	.quienes_somos_color > p:last-child{
		color: #fff;
		font-family: bariol2i;
		font-size: 23px;
		background-color: #00000047;
		padding: 20px 20px;
		border-radius: 20px;
		margin-bottom: 20px;
		text-align: justify;
	}

/* vistas/quienes_somos/mas_de_mi.html */

	#mas_de_mi_modal{
		font-family: bariol2i;
		color: #fff;
		font-size: 29px;
	}
	#mas_de_mi_modal_text{
		width: calc(100% - 60px);
		margin: auto;
		color: #fff;
		text-align: justify;
		font-size: 20px;
		font-family: bariol2;
		background-color: #00000045;
		padding: 15px;
		border-radius: 10px;
		box-shadow: 0 0 10px #000;
		margin-bottom: 80px;
	}

/* vistas/quienes_somos/sobre_nosotros.html */

	#sobre_nosotros_modal{	/*div001*/
		width: 100%;
		margin: 0;
		padding: 0;
	 }
	#sobre_nosotros_modal > div:first-child{	/*div002*/
		width: 100%;
		position: relative;
		background-image: url('/img/quienes_somos.jpg');
		background-size: cover;
		background-position: center;
		-webkit-box-shadow: -2px 14px 19px -7px rgba(0, 0, 0, 0.87);
		-moz-box-shadow: -2px 14px 19px -7px rgba(0, 0, 0, 0.87);
		box-shadow: -2px 14px 19px -7px rgba(0, 0, 0, 0.87);
		height: 300px;
	 }
	#sobre_nosotros_modal > div:first-child > div{
		position: absolute;
		width: 100%;
		height: 100%;
		opacity: 70%;
	 }
	#sobre_nosotros_modal > div:first-child > img{
		position: absolute;
		bottom: 25px;
		right: 25px;
		width: 150px;
	 }
	#sobre_nosotros_modal > p:nth-child(2){
		color: #fff;
		width: calc(100% - 20px);
		margin: auto;
		margin-top: 20px;
		font-size: 30px;
		font-family: bariol2i;
	 }
	#sobre_nosotros_modal > div:nth-child(3){
		width: 100%;
		height: 200px;
	 }
	#sobre_nosotros_modal > div:nth-child(3) > div{
		width: 60%;
		float: right;
		margin-right: 20px;
		border-radius: 10px;
		color: #fff;
		min-width: 250px;
		padding: 15px;
		margin-top: 15px;
		box-shadow: 0px 0px 25px -4px #000;
	 }
	#sobre_nosotros_modal > div:nth-child(3) > div > p:first-child{
		margin: 0;
		font-family: bariol2i;
		font-size: 20px;
		font-weight: bold;
	 }
	#sobre_nosotros_modal > div:nth-child(3) > div > p:nth-child(2){
		font-size: 18px;
		font-family: bariol2;
		margin: 0;
		margin-top: 8px;
	 }
	#sobre_nosotros_modal > div:nth-child(3) > div > div{
		width: 80%;
		height: 50px;
		color: #fff;
		border-radius: 10px;
		font-size: 23px;
		box-shadow: 0 0 10px #1e1c1c;
		font-family: bariol1;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: auto;
		margin-top: 15px;
	 }
	#sobre_nosotros_modal > p:nth-child(4){
		width: calc(100% - 60px);
		margin: auto;
		color: #fff;
		text-align: justify;
		font-size: 20px;
		font-family: bariol2;
		background-color: #00000045;
		padding: 15px;
		border-radius: 10px;
		box-shadow: 0 0 10px #000;
		margin-top: 60px;
	 }
	#sobre_nosotros_modal > img{
		width: 100%;
		margin: 25px 0;
		box-shadow: 62px 6px 17px 2px #2a2929;
	 }
	#sobre_nosotros_modal > p:last-child{
		margin-top: 40px;
		width: calc(100% - 60px);
		margin: auto;
		color: #fff;
		text-align: justify;
		font-size: 20px;
		font-family: bariol2;
		background-color: #00000045;
		padding: 15px;
		border-radius: 10px;
		box-shadow: 0 0 10px #000;
		margin-bottom: 70px;
	 }