* {
	padding:0;
	margin:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Roboto', arial;
}

/**/
.boton_comun {
	padding: 2%;
	border-radius: 10%;
	display: inline-block;
	max-width: 20%;
	background:#73BB53;
	color:#fff;
	margin-left: 2%;
	transition:all 0.5s ease;
	font-family: 'Roboto', sans-serif;
	font-size: 19px;
}

.boton_comun:hover {
	transition:all 0.5s ease;
	background:#6EB150;
}

.boton_comun_red {
	padding: 2%;
	border-radius: 10%;
	display: inline-block;
	max-width: 20%;
	background:#E92222;
	color:#fff;
	margin-left: 2%;
	transition:all 0.5s ease;
	font-family: 'Roboto', sans-serif;
	font-size: 19px;
}

.boton_comun_red:hover {
	transition:all 0.5s ease;
	background:#DE2121;
}

.insignia {
	font-size: 15px;
	border-radius: 10%;
	max-width: 150px;
	padding: 3px;
	display: inline-block;
}

.verde {
	background:#4FE11C;
	color:#fff;
}

.amarillo {
	background:#EDF01B;
	color:#000;
}
/**/

body {background:#FEFEFE;}

a {
	cursor: pointer;
}

header {
	width: 100%;
}

header nav {
	background:#53BF7C;
	z-index:1000;
	max-width: 1000px;
	width:95%;
	margin:20px auto;
}

header nav ul {
	list-style:none;
}

header nav ul li {
	display:inline-block;
	position: relative;
}

header nav ul li:hover {
	background:#449E66;
}

header nav ul li a {
	color:#fff;
	display:block;
	text-decoration:none;
	padding: 20px;
	text-align: left;
	transition: all ease 0.4s;
	font-size: 20px;
}

header nav ul li a:hover {
	padding-left: 30px;
}

header nav ul li a span {
	margin-right:10px;
}

header nav ul li:hover .children {
	display:block;
}

header nav ul li .children {
	display: none;
	background:#53BF7C;
	position: absolute;
	width: 150%;
	z-index:1000;
}

header nav ul li .children li {
	display:block;
	overflow: hidden;
	border-bottom: 1px solid rgba(255,255,255,.5);
}

header nav ul li .children li a {
	display: block;
}

header nav ul li .children li a span {
	float: right;
	position: relative;
	top:3px;
	margin-right:0;
	margin-left:10px;
}

header nav ul li .caret {
	position: relative;
	top:3px;
	margin-left:10px;
	margin-right:0px;
}

	body {
		padding-top:60px;
	}

	.menu_bar {
		display:block;
		width:100%;
		position: fixed;
		top:0;
		background:#58D186;
		z-index: 8;
	}

	.menu_bar .bt-menu {
		display: block;
		padding: 20px;
		color: #fff;
		overflow: hidden;
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;
	}

	.menu_bar span {
		float: right;
		font-size: 40px;
	}

	header nav {
		width: 60%;
		height: calc(100% - 80px);
		position: fixed;
		right:100%;
		margin: 0;
		overflow: scroll;
	}

	header nav ul li {
		display: block;
		border-bottom:1px solid rgba(255,255,255,.5);
	}

	header nav ul li a {
		display: block;
		font-family: "Open Sans", arial;
	}

	header nav ul li:hover .children {
		display: none;
	}

	header nav ul li .children {
		width: 100%;
		position: relative;
	}

	header nav ul li .children li a {
		margin-left:20px;
	}

	header nav ul li .caret {
		float: right;
	}

.titular-responsive {
	display: none;
}

.titulo-menu {
	display: none;
}

.titular-comun-relleno {
	font-family: 'Lato', arial;
}

@media screen and (max-width:540px) {
	.titular-comun {
		display: none;
	}

	.titular-comun-relleno {
		display: none;
	}

	.titular-responsive {
		display: block;
		width: 100%;
		border-top:4px solid #000;
		border-bottom:4px solid #000;
		background: #fff;
		font-size:40px;
		text-align: center;
		font-family: 'Lato', arial;
	}

	.titulo-menu {
		display: inline-block;
		font-family: arial;
	}
}

/*Más estilos*/

a {
	text-decoration: none;
}

.inicio_parte1 {
 text-align: center;
 font-family: arial;
 font-size: 25px;
 background:#b6f269;
 color:#000;
 padding: 1.5%;
 margin-bottom: 1%;
}

.inicio_parte2 {
  font-family: arial;
  background:#a4dc5d;
  padding: 2% 1%;
  margin-top:0.5%;
  margin-bottom: 1%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 1%;
}

.inicio_parte2 img {
	max-width: 100%;
	max-height: 200px;
}

.inicio_sub-parte2 {
	padding: 3%;
	/*border: 2.5px solid #678a3b;*/
	font-size: 18px;
	color:#253511;
	display: flex;
   justify-content: center;
   align-items: center;
}

/* .inicio_sub-parte2:hover {
	background:#7fad44;
	color: #fff;
} */

.inicio_sub-parte2 h3 {
	font-size: 45px;
	cursor: default;
	font-family: 'Oswald', sans-serif;
}

.inicio_sub-parte2 p {
	cursor: default;
}

.inicio_parte3 {
	font-family: arial;
  background:#4AD36B;
  padding: 1%;
  margin-top:0.5%;
  margin-bottom: 1%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 1%;
}

.inicio_sub-parte3 {
	padding: 3%;
	font-size: 18px;
	color:#253511;
	text-align: center;
}

.inicio_sub-parte3 h3 {
	cursor: default;
	font-family: 'Major Mono Display', sans-serif;
}

.registrarse_boton, .iniciosesion_boton {
	background:transparent;
	color: #000;
	padding: 3% 6%;
	border: 2px solid #317692;
	display: inline-block;
	margin-top: 2%;
	text-decoration: none;
	font-size: 30px;
	transition: all ease 0.4s;
	min-width: 300px;
	font-family: 'Raleway', sans-serif;
}

.registrarse_boton:hover, .iniciosesion_boton:hover {
	background:#4FB5DE;
	transition: all ease 0.4s;
}

/*Perfiles*/
.div_perfil {
	width:80%;
	margin:1% auto;
	padding:2%;
	background-color:#8C8C8C;
	font-family: arial;
	overflow:hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	color: #fff;
}

.h1_perfil {
	font-size:30px;
	text-align: center;
	border-bottom: 3px solid #000;
}

.img_perfil {
	width:30%;
	border-radius:50%;
	margin:0.5% auto;
}

.p_perfil {
	margin-top:1%;
	font-size:23px;
	text-align: center;
}

.a_perfil {
	font-size:19px;
	text-decoration: none;
	color:#fff;
}

.a_perfil:hover {
	text-decoration: underline;
}

.perfil_bio {
	display: block;
	margin: 1%;
	padding: 1%;
	border: 1.5px solid #fff;
}

.perfil_bio_des {
	font-size: 14px;
	font-weight: bold;
}

.perfil_bio_text {
	font-size: 19px;
	margin:0.5%;
}
/*fin*/

.boton_enviar:hover {
	cursor: pointer;
}

.resultado_busqueda:hover {
	text-decoration: underline;
}

/*post*/
.post {
  width: 100%;
  background: #fff;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
  margin-bottom: 30px;
  padding: 1%;
	overflow-x: hidden;
}

.posts {
	width: 80%;
	margin: 2% 10%;
}

.post article .extracto {
  margin: 1.5%;
	padding: 0.7%;
	overflow: hidden;
}

.post article ol, .post article ul {
	margin-left: 5%;
}

.post article hr {
	border: 1px solid grey;
	width: 91%;
	margin: 0.5% 3%;
}

.posts article .extracto a, .oculto a {
	color:#3F9FEF;
}

.post article .fecha, .post article .user {
  color: #747474;
  margin: 0.5%;
}

.fondo_texto_blanco {
	background-color: #fff;
	display: inline-block;
	padding: 0.3%;
}

.post article a:hover {
	text-decoration: underline;
}

@media screen and (max-width:700px) {
	.posts {
		width: 90%;
		margin: 2% 5%;
	}

	.rodeador_inputchat {
		grid-template-columns: 90% 9%;
	}

	.adjuntar_archivos_btn {
		position: fixed;
		right:0;
		top:87px;
		z-index: 500;
		padding: 1%;
		background: #fff;
		border: 1px solid #000;
	}

	.seccion_chats_mostrarlos {
		margin: auto;
	}
}

@media screen and (max-width:500px) {
	.posts {
		width: 98%;
		margin: 2% 1%;
	}
}
/*fin post*/

.boton_seguir {
	background:#94c483;
	color:#000;
	text-decoration: none;
	font-size: 25px;
	font-family: arial;
	padding: 1%;
	margin:1% auto;
	border:none;
	max-width: 100%;
}

.boton_seguir:hover {
	cursor: pointer;
}

.contenedor_botones_seguir {
	width: 80%;
	margin: 1% auto;
}

/*imagenes adjuntas al post*/

.fotos_adjuntas_al_posteo_div {
	width: 100%;
	border-top: 1.6px solid #000;
	padding: 1.5%;
	margin: 0.6%;
}

.imagenesPost_div {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media screen and (max-width:1100px) {
	.imagenesPost_div {
		grid-template-columns: 1fr 1fr 1fr;
	}
}
@media screen and (max-width:820px) {
	.imagenesPost_div {
		grid-template-columns: 1fr 1fr;
	}
}
@media screen and (max-width:500px) {
	.imagenesPost_div {
		grid-template-columns: 1fr;
	}
}

.foto_adjunta_al_posteo_padre {
	display: block;
	text-align: center;
}

.foto_adjunta_al_posteo {
	max-width: 200px;
	max-height: 200px;
}

/*zoom en imagenes*/
.mostrar_foto_grande_div {
  position:fixed;
  left:10%;
  top:10%;
  width: 75%;
  padding: 2%;
  background: #807B7A;
  display: none;
}

.cerrar_div_mostrarfoto {
  text-decoration: none;
  color: #fff;
  font-size: 17px;
  width: 100%;
  text-align: right;
  padding-right: 5%;
  display: inline-block;
}

.foto_mostrada_en_grande {
  max-width: 90%;
  max-height: 800px;
}
/*fin*/

/*fin imagenes adjuntas al post*/

.boton_moverse_entre_posts_derecha {
	margin-left:auto;
	margin-right:auto;
	display: block;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 15%;
	padding-bottom: 15%;
	background:#1DD34F;
	color:#000;
	font-size: 18px;
	text-decoration: none;
	transition:all 0.4s ease;
	text-align: center;
}

.boton_moverse_entre_posts_izquierda {
	margin-left:auto;
	margin-right:auto;
	display: block;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 15%;
	padding-bottom: 15%;
	background:#1DD34F;
	color:#000;
	font-size: 18px;
	text-decoration: none;
	transition:all 0.4s ease;
	text-align: center;
}

.boton_moverse_entre_posts_derecha:hover, .boton_moverse_entre_posts_izquierda:hover {
	cursor: pointer;
	background:#18A23E;
	transition:all 0.4s ease;
}

.boton_moverse_entre_posts_disabled_derecha {
	margin-left:auto;
	margin-right:auto;
	display: block;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 15%;
	padding-bottom: 15%;
	background:#A1A8A3;
	color:#000;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
}

.boton_moverse_entre_posts_disabled_izquierda {
	margin-left:auto;
	margin-right:auto;
	display: block;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 15%;
	padding-bottom: 15%;
	background:#A1A8A3;
	color:#000;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
}

.boton_moverse_entre_posts_disabled_derecha:hover, .boton_moverse_entre_posts_disabled_izquierda:hover {
	cursor: not-allowed;
}

.texto_boton_pep {
	display: inline-block;
}

.llamada_nuevo_post_dentro {
	width: 70%;
	float: left;
	margin-left:1%;
	margin-right:1%;
}

.boton_paginacion_derecha {
	width: 14%;
	float: left;
}

.boton_paginacion_izquierda {
	width: 14%;
	float: left;
}

.zona_alta {
	display:block;
	border-top:5px solid #000;
	border-bottom:5px solid #000;
	padding-left: 0.5%;
	padding-right: 0.5%;
	padding-top: 0.5%;
	padding-bottom: 6%;
	clear: both;
}

.linea_pnp {
	border:1px solid #000;
	align-items: center;
	margin-bottom:0.5%;
	margin-top: 0.5%;
}

.np_texto {
	font-size: 22px;
	text-align: center;
	text-decoration: none;
	color: #000;
	font-family: 'Staatliches', cursive;
}

@media screen and (max-width:1200px) {
	.zona_alta {
		padding-bottom: 8%;
	}
}

@media screen and (max-width:800px) {
	.texto_boton_pep {
		display: none;
	}
}

@media screen and (max-width:750px) {
	.zona_alta {
		padding-bottom: 10%;
	}
}

@media screen and (max-width:540px) {
	.inicio_parte2, .inicio_parte3 {
		grid-template-columns: 1fr;
		grid-row-gap: 1%;
	}

	.llamada_nuevo_post_dentro {
		display: none;
	}

	.boton_paginacion_derecha {
		width: 50%;
	}

	.boton_paginacion_izquierda {
		width: 50%;
	}

	.boton_moverse_entre_posts_derecha {
		padding:5%;
	}

	.boton_moverse_entre_posts_izquierda {
		padding:5%;
	}

	.boton_moverse_entre_posts_disabled_derecha {
		padding: 5%;
	}

	.boton_moverse_entre_posts_disabled_izquierda {
		padding: 5%;
	}

	.texto_boton_pep {
		display:inline-block;
	}
}

@media screen and (max-width:456px) {
	.zona_alta {
		padding-bottom: 12%;
	}
}

@media screen and (max-width:333px) {
	.texto_boton_pep {
		display: none;
	}

	.zona_alta {
		padding-bottom: 14%;
	}
}

/*errores*/
.errores_mostrados {
	font-size: 20px;
	font-family: 'Roboto', sans-serif;
	list-style: none;
	display: block;
	padding: 2%;
	margin: 3%;
	color: #fff;
	background:#EE1616;
}

.errores_mostrados2 li {
	font-size: 20px;
	font-family: 'Roboto', sans-serif;
	list-style: none;
	display: block;
	padding: 2%;
	margin: 3%;
	color: #fff;
	background:#EE1616;
}

.avisos_mostrados {
	font-size: 20px;
	font-family: 'Roboto', sans-serif;
	list-style: none;
	display: block;
	padding: 2%;
	margin: 3%;
	color: #fff;
	background:#314FD7;
}

.avisos_mostrados_mini {
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	list-style: none;
	display: block;
	padding: 0.4%;
	margin: 0.2%;
	color: #fff;
	background:#314FD7;
}

.errores_mostrados_mini {
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	list-style: none;
	display: block;
	padding: 0.4%;
	margin: 0.2%;
	color: #fff;
	background:#EE1616;
}

.advertencia_mostrados_mini {
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	list-style: none;
	display: block;
	padding: 0.4%;
	margin: 0.2%;
	color: #000;
	background:#DBF120;
}

/*Configuracion de cuenta*/

.body_configuracion_cuenta {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1%;
	margin-bottom: 1%;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
	padding: 0.2%;
}

.body_configuracion_cuenta h2, .h2EspecialTitle {
	font-size: 28px;
	margin-top: 1%;
	margin-left: 1%;
	font-family: 'Raleway', sans-serif;
}

.body_configuracion_cuenta h4, .h4EspecialTitle {
	font-size: 20px;
	margin-top: 1%;
	margin-left: 1%;
	font-family: 'Raleway', sans-serif;
	text-align: center;
}

.contenedor_config_cuenta {
	margin-bottom: 1%;
	margin-top: 1%;
	border-top:3px solid #000;
	padding:1%;
}

.titulo_seccion_cc {
	font-size: 20px;
	border-bottom: 1.5px solid #000;
	margin-bottom: 1%;
	background: #DBDBDF;
	padding: 1%;
	font-family: 'Raleway', sans-serif;
}

.boton_config_cuenta {
	font-size: 18px;
	display: block;
	padding: 1%;
	color: #000;
	border: 1px solid #000;
	transition:all 0.6s ease;
	font-family: 'Roboto', sans-serif;
}

.boton_config_cuenta:hover {
	background:#D8D8DB;
	transition:all 0.6s ease;
}

.boton_config_cuenta_rojo {
	font-size: 18px;
	display: block;
	padding: 1%;
	color: #fff;
	border: 1px solid #000;
	transition:all 0.6s ease;
	font-family: 'Roboto', sans-serif;
	background: #EA2020;
}

.boton_config_cuenta_rojo:hover {
	background:#C61616;
	transition:all 0.6s ease;
}

.formulario_config_cuenta p {
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	margin: 1%;
}

.formulario_config_cuenta input[type="text"],
.formulario_config_cuenta input[type="password"],
.formulario_config_cuenta input[type="number"],
.formulario_config_cuenta input[type="date"],
.formulario_config_cuenta select {
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	padding: 1%;
	width: 98%;
	margin: 1%;
}

.formulario_config_cuenta input[type="number"] {
	margin: 0;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0.5%;
	padding: 0.5%;
}

.formulario_config_cuenta input[type="submit"] {
	font-size: 19px;
	font-family: 'Roboto', sans-serif;
	padding: 1%;
	width: 98%;
	margin: 1%;
	background:#16B9C6;
	transition:all 0.6s ease;
	border: none;
}

.formulario_config_cuenta input[type="submit"]:hover {
	background:#24CD36;
	transition:all 0.6s ease;
	cursor: pointer;
}

.formulario_config_cuenta a {
	font-size: 19px;
	font-family: 'Roboto', sans-serif;
	padding: 1%;
	width: 98%;
	margin: 1%;
	background:#E92E2E;
	transition:all 0.6s ease;
	border: none;
	display: block;
	text-decoration: none;
	color: #000;
	text-align: center;
}

.formulario_config_cuenta a:hover {
	background:#CE1F1F;
	transition:all 0.6s ease;
	cursor: pointer;
}

/*fin configuracion de cuenta*/

.imagen_de_perfil_div {
	width: 100%;
	padding: 1%;
}

.imagen_de_perfil_img {
	border-radius: 50%;
	margin: auto;
	height: 100px;
	width: 100px;
}

.buscador_submit {
	display: none;
}

.buscador_icono {
	font-size: 22px;
	display: inline-block;
	width: 4%;
	padding: 1%;
	text-align: center;
}

.buscador_icono:hover {
	cursor: pointer;
}

.buscador_text {
	display: block;
	border: none;
	font-size: 20px;
	width: 96%;
	padding: 1%;
	float: left;
}

.barra_de_busqueda {
	clear: both;
	border: 2px solid #000;
	margin-top: 1%;
	margin-bottom: 1%;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.titulo_busqueda_resultado {
	font-size: 25px;
	margin: 1%;
	font-family: 'Oswald', sans-serif;
	border-bottom:2px solid #000;
	padding: 1%;
}

.titulo_menor {
	width: 97%;
	margin-right: auto;
	margin-left: auto;
}

.resultado_busqueda {
	font-size: 19px;
	text-decoration: none;
	color:#6F716F;
	display: block;
	margin: 0 2%;
	padding: 2%;
	border-bottom:1.5px solid #9A9E9A;
	transition:all 0.6s ease;
}

.resultado_busqueda:hover {
	text-decoration: none;
	background:#C9CDC9;
	transition:all 0.6s ease;
}

.separador_del_footer {
	height: 200px;
}

.dos_columnas {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.tres_columnas {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

.seguidoresButtonsDiv {
	display: block;
}

.moreOptionsPost_div {
	text-align: right;
}

.moreOptionsPostOpt {
	display: none;
	width: 200px;
	max-width: 60%;
	margin-left: auto;
	padding: 0.5%;
	border: 1px solid #848484;
	border-radius: 10%;
	background: #fff;
}

.moreOptionsPostOpt a {
	display: block;
	padding: 2%;
	border-bottom: 1px solid #C0C0C0;
	transition: all ease 0.5s;
	color:#000;
	text-decoration: none;
	text-align: center;
}

.moreOptionsPostOpt a:hover {
	background: #C0C0C0;
	transition: all ease 0.5s;
}

@media screen and (max-width:1400px) {
	.buscador_text {
		width: 92%;
	}

	.buscador_icono {
		width: 8%;
	}
}

@media screen and (max-width:630px) {
	.barra_de_busqueda {
		width: 100%;
	}
}

@media screen and (max-width:400px) {
	.buscador_text {
		width: 88%;
	}

	.buscador_icono {
		width: 12%;
	}
}

.etiquetas {
	font-size: 18px;
	margin-top: 1%;
	margin-bottom: 1%;
	font-family: 'Roboto', sans-serif;
}

.etiquetas_a {
	color: #7F817F;
	text-decoration: none;
}

.etiquetas_a:hover {
	text-decoration: underline;
}

.titulo_hashtags {
	font-size: 23px;
	text-align: center;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	padding: 1%;
	font-family: 'Raleway', sans-serif;
	clear: both;
	margin-top: 1%;
	margin-bottom: 1%;
}

.upload_imagen_boton {
	border: 2px solid #000;
	font-size: 20px;
	padding: 1%;
	margin: 2%;
	background:#DCD9D8;
	transition:all 0.6s ease;
}

.upload_imagen_boton:hover {
	cursor: pointer;
	background:#C6C6C6;
	transition:all 0.6s ease;
}

.reloj_integrado {
	border: none;
}

.globo_de_chat_derecha {
	width: 80%;
	background:#B2D6A2;
	margin-left: 20%;
	text-align: right;
	padding: 1%;
	font-size: 20px;
	border-top-left-radius:1%;
	border-bottom-left-radius:20%;
	margin-top: 0.6%;
	margin-bottom: 0.6%;
}

.globo_de_chat_izquierda {
	width: 80%;
	background:#73BB53;
	margin-right: 20%;
	text-align: left;
	padding: 1%;
	font-size: 20px;
	border-top-right-radius:1%;
	border-bottom-right-radius:20%;
	margin-top: 0.6%;
	margin-bottom: 0.6%;
}

.contenedor_mensajes {
	width:70%;
	margin: auto;
	height: 400px;
	overflow: scroll;
}

/*Fin*/

.bt5s452 {
	display: block;
	width: 50%;
	float: left;
	padding: 3%;
}

.class6541891 {
	border: none;
	cursor: pointer;
	max-width: 100%;
	width: 100%;
	margin: 1% 0%;
	padding: 1%;
}

.formulario_clasico {
	width:50%;
	margin:2% 24%;
}

.formulario_clasico input[type="text"] {
	width: 100%;
	font-size: 19px;
	font-family: 'Roboto', sans-serif;
	padding: 0.5%;
	margin: 0.5% 0;
}

.formulario_clasico input['label'] {
	font-size: 19px;
	font-family: 'Roboto', sans-serif;
	margin-left: 0.5%;
	cursor: pointer;
}

.formulario_clasico input['label']:hover {
	cursor: pointer;
}

.formulario_clasico textarea {
	width: 100%;
	height: 100px;
	max-height: 300px;
	overflow: scroll;
	max-width: 100%;
	min-width: 100%;
	min-height: 70px;
	font-size: 19px;
	padding: 2px;
}

.formulario_clasico .unidor_form {
	margin: 0.5% 0;
	display: inline-block;
	padding: 2%;
}

.contenedor641651 {
	display: grid;
	grid-template-columns:30% 5% 30% 5% 30%;
}

.contenedor6416512 {
	display: grid;
	grid-template-columns:1fr 1fr;
}

/**/
.demo input[type="checkbox"] {
	display: none;
}
.demo input[type="checkbox"] + label span {
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: -1px 4px 0 0;
	vertical-align: middle;
	background: url(checkbox-uncheck.png);
	background-size: cover;
	cursor: pointer;
}
.demo input[type="checkbox"]:checked + label span {
	background: url(checkbox-check.png);
	background-size: cover;
}
/**/

.esp_grupo_btn {
	margin-top:1.5%;
	padding:1.5%;
	float:left;
}

.esp_grupo_title {
	width:85%;
	float:left;
}

@media screen and (max-width:1100px) {
	.esp_grupo_title {
		width:75%;
	}
}

@media screen and (max-width:700px) {
	.esp_grupo_title {
		width:72%;
	}
}

@media screen and (max-width:600px) {
	.esp_grupo_title {
		width:66%;
	}
}

.group_bar_tripButton {
	display: grid;
	grid-template-columns: 64% 36%;
}

.group_bar_tripButton > div {
	display: grid;
	grid-template-columns: 33% 33% 33%;
}

.group_bar_tripButton a {
	max-width: 100%;
	display: flex;
  justify-content: center;
  align-items: center;
	text-align: center;
}

.zoomImgLugarOscuro {
	display: block;
	position: fixed;
	width: 100%;
	background: #000;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index:10000;
}

.zoomImgLugarOscuro div {
	display: flex;
   justify-content: center;
   align-items: center;
}

.zoomImgLugarOscuro div img {
	max-width: 100%;
}

.zoomImgLugarOscuro div video {
	max-width: 100%;
}

.zoomImgLugarOscuro > a {
	color: #fff;
	display: block;
	text-align: right;
	font-size: 25px;
	padding-top: 0.3%;
	padding-right: 2%;
}

@media screen and (max-width:815px) {
	.group_bar_tripButton {
		grid-template-columns: 1fr;
	}
}

@media screen and (max-width:100px) {
	.esp_grupo_btn {
		margin-top: 0.5%;
		padding: 1.5%;
		float: left;
	}

	.esp_grupo_title {
		clear: both;
		width: 98%;
	}
}

.campo {
	font-size: 19px;
	font-family: 'Roboto', arial;
	width: 100%;
}

.imagen_del_grupo {
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 30%;
	margin-right: 1%;
	border: 1px solid #000;
}

.mini_imagen_perfil {
	width: 40px;
	height: 40px;
	border-radius: 30%;
	margin-right: 1%;
	border: 1px solid #000;
}

.fila_grupo {
	clear: both;
}

.descripcion_de_grupo {
	font-size: 19px;
	width: 95%;
	margin: auto;
	padding: 1%;
	background:#E7E7E7;
}

.img651651651 {
	margin-top: 2%;
	margin-left: 1%;
	margin-right: 0.3%;
}

/*boton de notificaciones*/
.boton_flotante_de_notificaciones {
	display:block;
	position: fixed;
	background: #27E8BA;
	bottom:2%;
	right: 1%;
	text-decoration: none;
	padding: 5px;
	color: #fff;
	border-radius: 30%;
	border: 1px solid #000;
}

.btnfdn1 {
	font-size: 35px;
	display: block;
	position: relative;
}

.btnfdn2 {
	font-size: 10px;
	color: red;
	display: block;
	position:absolute;
	top:1%;
	right:2%;
}

.caja_de_chats {
	display: none;
	position: fixed;
	background: #27E87C;
	right: 2%;
	bottom: 11%;
	height: 400px;
	width: 400px;
	max-width: 97%;
	overflow: hidden;
	transition:all 0.7s ease;
	z-index: 200;
}

@media screen and (max-width:450px) {
	.caja_de_chats {
		width: 97%;
	}
}

.cdc_titulo {
	font-size: 20px;
}

.cdc_cerrar {
	display: block;
	position: absolute;
	top:1%;
	right: 1%;
	color:#1B22AA;
	text-decoration: none;
	font-size: 19px;
}

.cdc_superior {
	padding: 1.5%;
	background: #1BAA21;
	height: 50px;
}

.cdc_chats {
	overflow-y: scroll;
	width: 100%;
	overflow-x: hidden;
	height:350px;
}

.unChat {
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding: 1%;
	display: grid;
	grid-template-columns: 20% 80%;
}

.unChat img {
	height: 50px;
	width: 50px;
	border-radius: 100%;
}

.unChat p {
	font-size: 19px;
}

.unChatPadre {
	transition:all 0.7s ease;
}

.unChatPadre:hover {
	background:#27DC77;
	transition:all 0.7s ease;
}
/*//*/

.boton_enviar_chats {
	display: block;
	font-size: 18px;
	text-align: center;
	width: 100%;
	background:#27DC77;
	border: none;
	padding: 1%;
	transition:all 0.6s ease;
}

.boton_enviar_chats:hover {
	cursor: pointer;
	background:#27D172;
	transition:all 0.6s ease;
}

.seccion_chats_mostrarlos, .seccion_chats_editor_texto {
	max-width: 700px;
	margin:1% auto;
}

.formChats_insertar {
	display: none;
	position: absolute;
	margin: auto;
	top: 50%;
	left: 30%;
	width: 40%;
	height: 400px;
	margin-top: -200px;
	background: #e9e9e9;
	transition: all 0.6s ease;
	border: 2px solid #000;
}

.rodeador_inputchat {
	display: grid;
	grid-template-columns: 88% 6% 6%;
	grid-column-gap: 1%;
}

.adjuntar_archivos_btn {
	text-decoration: none;
	display: block;
	color: #23B93A;
	font-size: 25px;
	margin: auto;
	transition:all 0.4s ease;
}

.adjuntar_archivos_btn:hover {
	font-size: 27px;
	color: #2392B9;
	transition:all 0.4s ease;
}

/*Mensajes p2p chats*/

.div_que_contiene_mensaje {
	background: rgba(0,0,0,0.06);
	margin-top:3px;
	padding:5px;
}

.div_que_contiene_mensaje .usuario_enviador {
	color:#08f;
}

.div_que_contiene_mensaje .fecha_de_envio {
	color:#aaa;
	float:right;
}

.div_que_contiene_mensaje .imagenc {
	max-width: 40%;
	max-height: 150px;
}

.imagencccc {
	max-width: 40%;
	max-height: 150px;
}

.div_que_contiene_mensaje .textoc {
	font-size: 20px;
	padding: 1%;
	margin-top: 1%;
	margin-bottom: 1%;
	background: #9DC8A9;
	border-top-right-radius:30%;
	border-bottom-right-radius:30%;
	max-width:500px;
	overflow-x:hidden;
}

.div_que_contiene_mensaje .mensajePropio {
	background:#50F07E;
}

.div_que_contiene_mensaje .textoc a {
	color:#3E8DF2;
	text-decoration: none;
}

.div_que_contiene_mensaje .textoc a:hover {
	text-decoration: underline;
}

/*//*/

/*zoomImg de funciones.js*/

.zoomImg_div {
	position: fixed;
	width: 60%;
	max-height: 500px;
	top:15%;
	left: 20%;
	background: #38D369;
	padding: 1%;
	border: 1px solid #000;
}

.zoomImg_img {
	max-width: 100%;
	max-height: 400px;
	margin-left: auto;
	margin-right: auto;
}

.videoZoom_video {
	max-width: 100%;
	max-height: 400px;
	margin-left: auto;
	margin-right: auto;
}

.zoomImg_barrasuperior {
	display: grid;
	grid-template-columns: 90% 10%;
	background: #D3B038;
	padding:1%;
}

.zoomImg_close {
	text-align: right;
	color:#FF0000;
	cursor: pointer;
}

.zoomImg_title {
	font-size: 19px;
	color:#fff;
	text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
}

/*//*/

.boton_mas_posts {
	font-size: 25px;
	padding: 1px;
	border:1px solid #000;
	border-radius: 50%;
	display: block;
	margin: 3px auto;
	cursor: default;
	width: 30px;
	height: 30px;
}

.opciones_form_visibleposts {
	padding: 1%;
	margin: 2%;
}

.form_visible_posts {
	display: grid;
	grid-template-columns: 150px 150px;
}

.nueva_publicacion_boton_viewScroll {
	display: block;
	clear: both;
}

.body_configuracion_cuenta .alerta_p {
	padding: 2px;
	font-size: 15px;
	border: 1px solid red;
	background: red;
	margin: 1%;
	display: block;
	max-width: 600px;
	font-family: 'Roboto', sans-serif;
	color:#fff;
}

.centradoHyV {
  vertical-align: middle;
  display: block;
  text-align: center;
  padding: 5%;
}

.like_button {
	color:#2D6E87;
}

.likeado {
	color:#27A9DA;
}

.dislike_button {
	color:#2D6E87;
}

.dislikeado {
	color:#27A9DA;
}

.encanta_button {
	color:#902821;
}

.encantado {
	color:#E2291D;
}

.alegra_button {
	color:#2D9021;
}

.alegrado {
	color:#34D621;
}

.risa_button {
	color:#95951A;
}

.risaado {
	color:#ECEC22;
}

.enojo_button {
	color:#7C1EA0;
}

.enojado {
	color:#AE23E4;
}

.tristeza_button {
	color:#2A1E9E;
}

.entristezido {
	color:#311EEA;
}

.botones_interactivos {
	display: grid;
	margin-left: 1%;
	margin-top: 1.5%;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.botones_interactivos div {
	text-align: center;
}

.botones_interactivos div p, .botones_interactivos div a {
	display: inline-block;
	margin: 0.3%;
	font-size: 18px;
}

.tablaDeDenuncias {
	display: block;
	margin: 1%;
	font-size: 19px;
}

.tablaDeDenuncias th {
	padding: 2%;
	margin: 0.5%;
	border:1px solid #000;
}

.tablaDeDenuncias td {
	padding: 2%;
	margin: 0.5%;
	border:1px solid #000;
}

.botonDenunciarPerfil {
	color:#fff;
	text-decoration: none;
	font-size: 20px;
	text-align: right;
}

.divBtnDenPerfil {
	text-align:right;
}

.felicitacionesDenuncia {
	margin: 1%;
	padding: 1%;
	text-align: center;
}

.felicitacionesDenuncia .check {
	font-size: 70px;
	text-align: center;
	color:#39D86C;
}

.felicitacionesDenuncia .otherText {
	font-family: 'Roboto', sans-serif;
	font-size: 19px;
}

.felicitacionesDenuncia .otherText span {
	font-family: 'Roboto', sans-serif;
	font-size: 25px;
	font-weight: bold;
}

.btnComun {
	font-size: 18px;
	text-decoration: none;
	color:#000;
	padding: 1%;
	margin: 0.5%;
	border: 1px solid #39D85B;
	transition: all ease 0.6s;
	display: inline-block;
	cursor: pointer;
}

.btnComun:hover {
	background: #39D85B;
	transition: all ease 0.6s;
}

.btnComun_red {
	font-size: 18px;
	text-decoration: none;
	color:#000;
	padding: 1%;
	margin: 0.5%;
	border: 1px solid #E82727;
	transition: all ease 0.6s;
	display: inline-block;
	cursor: pointer;
}

.btnComun_red:hover {
	background: #E82727;
	transition: all ease 0.6s;
}

.likesVotos {
	color:#27E850;
}

.dislikesVotos {
	color:#E83027;
}

.btn5632 {
	margin: 0.3%;
	padding: 0.8%;
}

.tablaDeDenunciasF {
	max-width: 100%;
	overflow-x: scroll;
}

.enlaceComun {
	color:#2767E8;
	text-decoration: none;
}

.enlaceComun:hover {
	text-decoration: underline;
}

.tres_columnas_solicitudes {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.dos_columnas_solicitudes {
	display: grid;
	grid-template-columns: 50px calc(100% - 50px);
}

@media screen and (max-width:445px) {
	.superior_solicitudes {
		grid-template-columns: 1fr;
		grid-row-gap: 7%;
	}
}

.configAccountFotoUploadAviso {
	margin: 1%;
	padding: 1%;
	font-size: 19px;
	font-family: 'Open Sans', sans-serif;
	max-width: 100%;
	overflow-x: scroll;
}

.inicio_parte4 {
	display: block;
	padding: 1%;
	margin: 1% 0%;
	cursor: pointer;
}

.inicio_parte4 a {
	display: block;
	text-decoration: none;
	color:#000;
}

.inicio_parte4 a p {
	font-size: 24px;
	padding: 1%;
	border:2px solid #000;
	cursor: pointer;
}

.inicio_parte4 a p i {
	margin-right:1%;
}

#lugarParaInfoReacciones, #lugarParaComentarios {
	display: none;
	position: fixed;
	width: 90%;
	max-width: 500px;
	margin: auto;
	max-height: 600px;
	min-height: 500px;
	background: #fff;
	z-index: 25000;
	left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
	border: 1px solid #000;
	padding: 1%;
	overflow-y: scroll;
}

.s65165123541859 {
	text-align: right;
	margin-bottom: 1%;
}

.s65165123541859 a {
	text-decoration: none;
	font-size: 20px;
	color: #E60C0C;
	cursor: pointer;
}

.caja_de_comentarios {
	display: block;
	margin: 2% 1%;
	background: #F6F6F6;
	padding-bottom: 1%;
}

.caja_de_comentarios .hacer_comentario_input {
	display: grid;
	grid-template-columns: 85% 15%;
}

.caja_de_comentarios .hacer_comentario_input textarea {
	font-size: 17px;
	padding: 1%;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	max-height: 50px;
	min-height: 40px;
	height: 42px;
	border: 2px solid #2CDA90;
	transition: all ease 0.3s;
	background: transparent;
}

.caja_de_comentarios .hacer_comentario_input textarea:focus {
	border: 2px solid #3F9FF5;
	outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.caja_de_comentarios .hacer_comentario_input .enviar_comentario_boton {
	font-size: 22px;
	text-decoration: none;
	display: flex;
  justify-content: center;
  align-items: center;
	text-align: center;
	border: 2px solid #2CDA90;
	transition: all ease 0.4s;
}

.caja_de_comentarios .hacer_comentario_input .enviar_comentario_boton:hover {
	background: #2CDA90;
	transition: all ease 0.4s;
}

.commentView {
	font-size: 17px;
	padding: 1%;
	border:0.3px solid #000;
	max-width: 500px;
	margin: auto;
}

.commentViewAlls {
	display: grid;
	grid-template-columns: 80% 20%;
}

.commentViewAlls .borrarComentarioBoton {
	display: block;
	text-align: right;
	text-decoration: underline;
}

.commentViewAlls .borrarComentarioBoton:hover {
	text-decoration: overline;
}

.caja_de_comentarios .lista_de_comentarios {
	margin: 2%;
}

.moreCommentsButton {
	display: block;
	margin: 0.2% 1%;
	text-align: center;
	font-size: 20px;
}

.caja_de_comentarios h5 {
	font-size: 25px;
	margin-top: 1.5%;
	margin-bottom: 0.5%;
	border-top:1px solid #000;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	background:#E6E6E6;
	padding: 1%;
}

.s65165123541859 h4 {
	font-size: 20px;
	margin: 0.5% 0;
	text-align: left;
	padding: 0.4%;
	border-bottom: 0.5px solid #000;
}

#lagarParaComentarios_load img, #lugarParaInfoReacc_load img, .spinnerLoadImg {
	display: block;
	width: 80px;
	height: 80px;
	margin: auto;
}

.infoButton {
	display: block;
	text-decoration: none;
	color:#000;
	font-size: 24px;
	width: 40px;
	position: fixed;
	right: 0;
	top:85px;
	z-index: 11;
	background: #fff;
	border-top: 0.7px solid #000;
	border-bottom: 0.7px solid #000;
	border-left: 0.7px solid #000;
	padding: 0.2%;
}

.infoDiv {
	display: none;
	width: 90%;
	max-width: 500px;
	max-height: 600px;
	min-height: 400px;
	background: #fff;
	border:1px solid #000;
	position: fixed;
	top:85px;
	left:0;
	margin: auto;
	z-index: 10;
	left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
	padding: 1%;
	overflow-y: scroll;
}

.notificationButton {
	display: block;
	text-decoration: none;
	color:#000;
	font-size: 24px;
	width: 40px;
	position: fixed;
	left: 0;
	bottom:85px;
	z-index: 11;
	background: #fff;
	border-top: 0.7px solid #000;
	border-bottom: 0.7px solid #000;
	border-right: 0.7px solid #000;
	padding: 0.2%;
	text-align: right;
}

.extracto img {
	max-width: 100%;
	max-height: 500px;
	margin: auto;
}

@media screen and (max-width:500px) {
	.foto_adjunta_al_posteo {
		max-width: 100%;
		max-height: 600px;
	}
}

#mas_posts, #masMensajes {
	border: none;
	background: transparent;
	font-size: 40px;
	padding: 0.3%;
	margin:1%;
	display: block;
	text-align: center;
	cursor: pointer;
	width: 98%;
}

/******** ZONA DE CHATS **************/

.chats_body {
	width: 100%;
	max-width: 1100px;
	margin: 1% auto;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap:5px;
	grid-row-gap:5px;
	overflow-x: hidden;
}

.chats_presentation {
	width: 100%;
	padding: 3%;
	background: #33B3EB;
}

.chats_presentation h2 {
	font-family: 'Lato', sans-serif;
	font-size: 27px;
}

.chats_presentation p {
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
}

.chats_chat {
	display: block;
	padding: 1%;
	border:0.1px solid #000;
	position: relative;
	overflow-x: hidden;
}

.chats_img {
	display: block;
	padding: 1%;
}

.chats_img img {
	display: block;
	margin: auto;
}

.chats_texts {
	display: block;
	text-align: center;
}

.chats_name {
	font-size: 23px;
	font-family: 'Open Sans', sans-serif;
	color:#000;
}

.chats_lastMsg {
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
	color:#979797;
}

.chats_notif_icon {
	text-align: right;
	font-size: 22px;
	color:#E51515;
	position: absolute;
	right: 2%;
}

@media screen and (max-width:470px) {
	.chats_body {
		grid-template-columns: 1fr;
		grid-row-gap:2px;
	}

	.chats_chat {
		display: grid;
		grid-template-columns: 105px 1fr;
	}

	.chats_texts {
		text-align: left;
	}

	.chats_lastMsg {
		padding-left: 5px;
	}
}

/*******/

.parrafo_special_offer, .boton_special_offer {
	font-size: 25px;
	color:#000;
	text-align: center;
}

.boton_special_offer {
	border: 1px solid #000;
	transition: all ease 0.4s;
	display: inline-block;
	padding: 1%;
	font-family: 'Staatliches', sans-serif;
}

.boton_special_offer:hover {
	background:#000;
	color:#fff;
	transition: all ease 0.4s;
}

/******/

.buscador_text:focus {
	outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

/**/

.textAlignLeft {
	text-align: left;
}

.textAlignRight {
	text-align: right;
}

/* encuestas */

.encuestaDiv {
	margin: 1%;
	border: 1px solid #000;
	border-radius: 15px;
	padding: 2%;
	background: #ADE2FF;
}

.encuestaPregunta {
	font-size: 20px;
	text-shadow: bold;
	padding: 1%;
	margin-bottom: 1%;
	border-bottom: 2px solid #000;
	background: #F2F2F2;
	font-family: "Oswald", sans-serif;
}

.encuestaOptionsDiv {
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
}

.encuestaOptionsDiv div {
	border-bottom: 1px solid #000;
	padding: 1%;
	cursor: pointer;
	font-size: 18px;
	clear: both;
	transition: all ease 0.4s;
	background: #fff;
}

.encuestaOptionsDiv div:hover {
	background:#EAEAEA;
}

.encuestaOption, .encuestaSelect {
	float: left;
}

.encuestaVotes {
	text-align: right;
}

.encuestaSelect {
	margin-left: 2%;
}

.encuestaSelect, .encuestaOption, .encuestaVotes {
	font-family: "Raleway", sans-serif;
}

/* fin encuestas */

/* historias */

.historiasDiv {
	overflow-x: scroll;
	padding: 5px;
	clear: both;
	display: flex;
  	flex-wrap: nowrap;
  	overflow-x: auto;
}

.historiasSingle {
	float:left;
	margin-right: 1%;
	flex: 0 0 auto;
}

.historiasSingleAdd {
	border-radius: 50%;
	margin: auto;
	height: 100px;
	width: 100px;
	border: 2px solid #000;
	display: flex;
  justify-content: center;
  align-items: center;
	color:#000;
	font-size: 35px;
}

.historiasSingleImg {
	border: 1px solid #000;
}

.historiasUsername {
	text-align: center;
	font-size: 16px;
}

.zoomImgOscHistoriasSBar {
	color: #fff;
	display: block;
	text-align: right;
	font-size: 25px;
	padding-top: 0.3%;
	padding-right: 2%;
}

.zoomImgOscHistoriasSBar a {
	display: inline-block;
	text-align: right;
	font-size: 25px;
	color: #fff;
	margin: 0 2%;
}

/* fin historias */

.perfilButton {
	display: block;
	border-radius: 15px;
	padding: 7px;
	float: left;
}

.boton_de_seguidores {
	margin-left: 0%;
}

.formulario_seguir, .formulario_amigar {
	display: inline-block;
	float: left;
	padding-left: 1%;
	padding-top: 1%;
}

.redondedButton {
	border-radius: 15px;
	padding: 7px;
	margin-left: -10px;
	padding-right: 20px;
	transition: all ease 0.4s;
}

.solicitudEnviadaMessage {
	font-size: 18px;
	float: left;
	padding: 2px;
	margin-top: 2%;
	margin-left: 1%;
	margin-right: -1%;
	background: #94c483;
	padding-right: 10px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}

.redondedButton:hover, .dejarSeguirButton:hover {
	background: #EA5555;
}

.dejarSeguirButton {
	background: #F96D6D;
}

@media screen and (max-width:1041px) {
	.solicitudEnviadaMessage {
		clear: both;
	}
}

@media screen and (max-width:635px) {
	.solicitudEnviadaMessage {
		float: none;
		margin-left: 1%;
		padding: 4px;
		border-bottom-left-radius: 0px;
	}

	.redondedButton {
		margin-left: 1%;
		margin-left: 0px;
		padding-right: 7px;
	}

	.perfilButton_abajo {
		float: none;
		clear: both;
	}
}

@media screen and (max-width:632px) {
	.formulario_seguir, .formulario_amigar {
		float: none;
		clear: both;
	}
}

@media screen and (max-width:435px) {
	.boton_de_seguidores {
		font-size: 17px;
	}
}

.iframeQR {
	max-width: 100%;
	width: 500px;
	height: 200px;
	border: none;
	overflow: scroll;
}

.shareProfileButtons {
	padding: 1%;
}

.shareProfileButtons a {
	display: inline-block;
	padding: 15px;
	font-size: 19px;
	color:#fff;
	margin-right: 1%;
	border-radius: 15px;
}

.SPBtn_facebook {
	background: #3b5998;
}

.SPBtn_twitter {
	background: #00acee;
}

.SPBtn_whatsapp {
 background: #25d366;
}

.SPBtn_email {
	background: #9B9B9B;
}

.SPBtn_telegram {
	background: #0088cc;
}

.SPBtn_tumblr {
	background: #34526f;
}

.lugarParaTraerChatsFlotante {
	display: none;
	border: 1px solid #000;
	border-radius: 10px;
	position: fixed;
	width: 600px;
	max-width: 100%;
	max-height: 400px;
	bottom: 0;
	right: 0;
	background: #fff;
	overflow-x: scroll;
	z-index: 100;
}

.posicionesUser {
	padding: 1%;
  overflow-x: scroll;
	clear: both;
	display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
}

.posicionesUser div {
  font-size: 20px;
  margin: 0.5% 0.5%;
  padding: 0.5%;
  display: inline-block;
  flex: 0 0 auto;
	cursor: pointer;
}

.cssToolTip_box {
	display: none;
}

.perfil_tooltip_site {
	margin-top: -1%;
	border-top: none;
}

.cuatroColumnasSearchStyle {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	padding: 2%;
	width: 96%;
	margin: auto;
	border-bottom: 2px solid #9A9E9A;
	font-size: 18px;
}

/* posiciones user jerarquias */

.posicionUserJ1 {
	border: 1px solid #fff;
	border-radius: 10px;
}
.posicionUserJ2 {
	border: 2px solid #38C67A;
	border-radius: 10px;
}
.posicionUserJ3 {
	border: 3px solid #E0C519;
	border-radius: 10px;
}
.posicionUserJ4 {
	border: 3px solid #F1AB15;
	font-weight: bold;
	border-radius: 10px;
}
.posicionUserJ5 {
	border: 3px solid #fff;
	font-weight: bold;
	font-family: 'Lato', sans-serif;
	background: #F1F374;
	color:#000;
}

/* FIN posiciones user jerarquias */

.botonStars {
	background: transparent;
	border: 1px solid #37EA6B;
	display: block;
	padding: 1%;
	font-size: 18px;
	text-align: center;
	margin: 0.5% 0%;
	cursor: pointer;
}

@media screen and (max-width:950px) {
	.cuatroColumnasSearchStyle {
		grid-template-columns: 1fr 1fr;
		grid-row-gap: 15px;
	}
}

@media screen and (max-width:580px) {
	.cuatroColumnasSearchStyle {
		grid-template-columns: 1fr;
	}

	.formulario_clasico {
		width: 95%;
		margin: 0.5% auto;
	}
}

.chats_pres_superiorLine .tresPuntosMore {
	float: right;
}

.chats_pres_superiorLine {
	clear: both;
}

.optionsChats {
	display: none;
	position: fixed;
	width: 100%;
	max-width: 250px;
	margin-left: auto;
	margin-right: auto;
	background: #8BFACE;
	transform: translateY(-50%);
	transform: translateX(-50%);
	top:46%;
	left: 50%;
	padding: 2%;
	border: 1px solid #000;
	border-radius: 5px;
}

.optionsChats a {
	padding: 5%;
	color:#000;
	text-decoration: none;
	font-size: 20px;
	font-family: 'Roboto', sans-serif;
	display: block;
	text-align: center;
	border: 1px solid #000;
	background: #fff;
}

.optionsChats a:hover {
	background: #F1F1F1;
}

/*--------------*/

.recortarImgEditor, .recortarImgPreview {
	max-width: 100%;
	display: inline-block;
}

.recortarImgEditor_padre {
	text-align: center;
}

.pantallaCompleta {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 10000;
	display: none;
}

#pantallaCompleta001 p {
	font-size: 30px;
	color:#fff;
	background: #000;
	text-align: center;
	padding: 1%;
}

.cargarStarButton {
	border: none;
	cursor: pointer;
	font-size: 18px;
	padding: 0.5%;
	display: block;
	background: #48E782;
	width: 100%;
	margin-top: -0.5%;
	margin-bottom: 1%;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.seisColumnasSearchStyle {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	padding: 2%;
	width: 96%;
	margin: auto;
	border-bottom: 2px solid #9A9E9A;
	font-size: 20px;
}

.seisColumnasSearchStyle p {
	text-align: center;
}

.seisColumnasSearchStyle form {
	text-align: center;
}

@media screen and (max-width:950px) {
	.seisColumnasSearchStyle {
		grid-template-columns: 1fr 1fr;
		grid-row-gap: 15px;
	}
}

@media screen and (max-width:580px) {
	.seisColumnasSearchStyle {
		grid-template-columns: 1fr;
	}
}

.libretaTableRow {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.libretaTableRow p, .libretaTableRow h6 {
	font-size: 20px;
	border: 1px solid #000;
	padding: 1%;
	text-align: center;
}

.libretaTableRow:hover {
	background: #ECECEC;
}

.pequeButtonStars {
	text-align: center;
}

.pequeButtonStars button {
	display: inline-block;
	width: 50%;
	border-radius: 8px;
	margin: 0;
}

.callingSignalUP {
	display: none;
	padding: 1%;
	text-align: center;
	font-size: 25px;
	color:#000;
	text-decoration: none;
	background: #6AF592;
	cursor: pointer;
	font-family: "Roboto", sans-serif;
	border: 2px solid #000;
	transition: all ease 0.3s;
	margin-bottom: 0.5%;
}

.callingSignalUP:hover {
	border: 5px solid #000;
}

.chat2_oldMessagesBtn {
	display: block;
	text-align: center;
	text-decoration: none;
	color: #000;
	font-size: 30px;
	background: #F1F1F1;
}

.chat2_mensajesBox {
	display: block;
	padding: 1%;
	background: #F1F1F1;
}

.chat2_mensBox_box {
	display: block;
	margin: 1% 0;
	font-size: 22px;
}

.chat2_mensBox_box > div {
	background: #6FF0B9;
	display: inline-block;
	width: 45%;
	padding: 1%;
	overflow: hidden;
}

.chat2_mensBox_box a {
	color:#3D9EE5;
}

.chat2_mensBox_box a:hover {
	text-decoration: underline;
}

.chat2_interactionBox {
	display: grid;
	grid-template-columns: 50px 1fr 50px 50px 50px;
	padding: 1%;
	text-align: center;
}

.chat2_interactionBox_text {
	width: 100%;
	padding: 1%;
	font-size: 23px;
}

.chat2_interactionBox_adjBtn {
	display: inline-block;
	padding: 10px;
	background: #4A97B8;
	cursor: pointer;
	font-size: 30px;
	color:#fff;
}

.chat2_interactionBox_sendBtn {
	display: inline-block;
	padding: 10px;
	background: #4AB868;
	cursor: pointer;
	font-size: 30px;
	color:#fff;
}

.chat2_interactionBox_audioBtn {
	display: inline-block;
	padding: 10px;
	background: #B84A9A;
	cursor: pointer;
	font-size: 30px;
	color:#fff;
}

.chat2_microList {
	padding: 1%;
	font-size: 20px;
	display: inline-block;
}

.chat2_audioConfSection {
	margin: 1%;
	padding: 1%;
	background: #E7E7E7;
	display: none;
}

.chat2_microListTitle {
	margin: 1%;
	display: inline-block;
	font-size: 20px;
}

.chat2_audioDuration {
	font-size: 20px;
	margin: 1%;
}

.chat2_openAudioConfig {
	margin-left: 1%;
	font-size: 18px;
	display: inline-block;
	padding: 5px;
	background:#4CEAC6;
	border-radius: 15px;
}

.chat2_interactionBox_emojiBtn {
	display: inline-block;
	padding: 10px;
	background: #E7F465;
	cursor: pointer;
	font-size: 30px;
	color:#000;
}

.chat2_mensBox_box_barSuperior {
	font-size: 15px;
	margin-bottom: 1%;
	color:#464646;
	text-align: right;
	display: grid;
	grid-template-columns: 1fr 150px;
}

.chat2_mensBox_box_barSuperior span:first-child {
	color:#303030;
	margin-right: 5px;
	font-size: 16px;
	text-align: left;
	font-family:"Lato", sans-serif;
	font-weight: bold;
}

.chat2_mensBox_box_barMedio {
	margin-top: 3%;
}

@media screen and (max-width:780px) {
	.chat2_mensBox_box > div {
		width: 80%;
	}
}

@media screen and (max-width:365px) {
	.chat2_mensBox_box > div {
		width: 95%;
	}
}

.chat2_imgAdjunto {
	width: 95%;
	max-width: 400px;
	display: inline-block;
	cursor: pointer;
}

.chat2_vidAdjunto {
	width: 95%;
	max-width: 400px;
	display: inline-block;
	cursor: pointer;
	border: 1px solid #000;
}

.chat2_audAdjunto {
	width: 95%;
	max-width: 400px;
	display: inline-block;
}

.chat2_fileEnlaceAdjunto {
	text-decoration: none;
	color: #000;
	font-size: 20px;
	padding: 1%;
	border: 2px solid #000;
	transition: all ease 0.3s;
	cursor: pointer;
	display: inline-block;
}

.chat2_fileEnlaceAdjunto:hover {
	background: #000;
	color:#fff;
}

.reenviarBoxTitleBox {
	display: grid;
	grid-template-columns: 1fr 50px;
}

.reenviarBoxTitleBox a {
	font-size: 25px;
	text-align: center;
	display: inline-block;
	color:#C31212;
}

.chat2_upBox {
	display: grid;
	clear: both;
	grid-template-columns: 50px 1fr 50px;
	background: #fff;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 1000;
}

.chat2_nameBox {
	display: block;
	width: 100%;
}

.chat2_upBox_btn {
	display: flex;
   align-items: center;
	text-align: center;
	font-size: 25px;
	color:#fff;
	cursor: pointer;
	text-decoration: none;
	border-radius: 10px;
	padding: 12px;
}

.chat2_upBox_btnRed {
	background: red;
}

.chat2_upBox_btnGreen {
	background: green;
}

.emojiListBox {
	display: none;
	width: 100%;
	position: fixed;
	bottom: 140px;
	background: #F7F7F7;
	z-index: 2000;
	padding: 0.5%;
	max-height: 300px;
	overflow-x: scroll;
	border:2px solid #000;
}

.emojiList_categoryBox {
	padding: 1%;
	background: #F0F0F0;
}

.emojiList_categoryTitle {
	text-align: center;
	font-size: 20px;
	color:#000;
	font-weight: bold;
	margin-bottom: 0.5%;
}

.emojiList_emoji {
	cursor: pointer;
	font-size: 25px;
	display: inline-block;
	padding: 0.7%;
	background: #F7F7F7;
	margin: 0.5%;
	transition: all ease 0.3s;
}

.emojiList_emoji:hover {
	background: #E8E8E8;
}