html, body{
 margin:0;	
 padding:0;
 height:100%;
 font-family: Lato_Light;
 min-width:350px;
}

@font-face {
font-family: Lato_Light;
src: url(../webfonts/Lato-Light.ttf);
}
@font-face {
font-family: Lato_Bold;
src: url(../webfonts/Lato-Bold.ttf);
}

body{
 margin:0;	
 padding-top: 51px;
 height:100%;
 
}

/* Parpadeo */
.parpadeo{
	background-color: #ff0000;
    text-align: center;
    color: #fff;
	
	animation:fade 3000ms infinite;
    -webkit-animation:fade 3000ms infinite;
}

@keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}

/* menu */
#id_div_ico_mimesh{
	display:none;
}
#id_div_nomb_mimesh{
	display:inline-block;
}
#id_div_porcentaje{
	width:46px;
	height:46px;
	float:left;
	margin-left:7px;
	margin-right:7px;
	cursor:pointer;
	cursor:hand;
}
#id_div_txt_buscar{
	width:calc(100% - 730px);
	height:50px;
	text-align: -webkit-right;
	float:left;
}
#id_div_enlaces{
	float:left;
	position:relative;
	right:-20px;
}
#id_ul_menu_collapse{
	display:none;
}
#id_div_pal_clave_izq{
	display:block;
}
#id_div_pal_clave_inf{
	display:none;
}

#id_spn_mod_num_memes{
	margin-top:-20px;
	line-height: 1.5;
	color: #000000;
	background-color: #fdf5e6;
}


@media only screen and ( max-width: 767px ){
	#id_div_txt_buscar{
		width:calc(100% - 440px);
		height:50px;
		text-align: -webkit-right;
		float:left;
	}
	#id_div_enlaces{
		display:none;
	}
	#id_ul_menu_collapse{
		display:block;
	}
	#id_spn_mod_num_memes{
		
		line-height: 1.5;
		color: #000000;
		background-color: #fdf5e6;
	}
}

#id_div_total{
	height:100%;
	background-color:#5c3553;
	padding-top:5px;
}
#id_div_contenido{
	height:calc(100% - 40px);
}
#id_div_categ_lat_izq{
	height:100%;
	width: 150px;
	padding-left: 5px;
    padding-right: 5px;
	border-radius:0px;
	background-color:#5c3553;
	border:1px solid #5c3553;
	display:block;
	overflow:hidden;
}
.cla_div_tbl_categ{
	height:20%;
	display:flex;
	align-items: center;
	justify-content: center;
}
.cla_div_tbl_categ_oculto{
	height:20%;
	display:none;
}
.cla_div_cell_categ{
	display:block;
}
.cla_img_categ{
	height:80%;
	width:auto;
	background: #ffffff;
	padding:5px;
    border:solid #337ab7 1px;
	border-radius:40px;
}
.cla_img_categ_inicio{
	height:80%;
	width:auto;
	background: #ffffff;
	padding:5px;
    border:solid #337ab7 1px;
	border-radius:40px;
}

.cla_img_categ:focus {
  border:solid #ff0000 3px;
}
.cla_img_categ_inicio:focus {
  border:solid #ff0000 3px;
}

.cla_img_categ:hover {
  background: #fdd435;
  border:solid #337ab7 3px;
}

.li_cla_categ{
  list-style: none;
  clear: both;
  margin-bottom: 10px;
  min-height: 100px;
  padding:10px;
  cursor: pointer;
  border-radius:10px;
}
.li_cla_categ:hover {
  border:dashed  1px #ffffff;
}

.cla_p_cell_categ{
	height:20px;
	text-align:center;
	margin-bottom:0px;
}
#id_div_main{
	height:100%;
	width:calc(100% - 300px);
	padding:0px;
	border:1px solid #988192;
	display:block;
	
}
#id_div_anuncio{
	width: 100%;
	margin:0px;
    padding-left: 5px;
    padding-right: 5px;
    background-color:#988192;
	color:#FFFFFF;
	position:absolute;
	z-index:10;
}


#id_div_calific{
	width: 170px;
	height:100%;
	padding-top:17px;
	text-align:center;
}
#id_div_porcen_calif{
	width: 60px;
	height: 45px;
	border-radius: 50%;
	margin-left: 5px;
	margin-top: 2px;
	margin-bottom: 0px;
	background-color:#dcdcdc;
	cursor:pointer;cursor:hand;
}

#id_div_categ_lat_der{
	height:100%;
	width: 150px;
	padding-left: 5px;
    padding-right: 5px;
	background-color: #5c3553;
	border: 1px solid #5c3553;
	border-radius:0px;
	display:block;
	overflow:hidden;
}
#id_div_mimeshu{
	width:100%;
	height:100%;
	overflow:auto;
	background-image: url(../imagen/f3.jpg);
	background-position: center;
}
#id_div_limite{
	height:140px;
}
.cla_div_box_eliminar{
	display: inline-block;
	text-align:center;
	margin-top:20px;
	border-radius:4px;
	border:1px solid #eb3e40;
	padding:10px 5px 10px 5px;
	background-color:#eb3e4070;
	color:#ffffff;
}
.cla_div_box_meme_eliminar{
	display: inline-block;
	height: auto;
	width: 100%;
	cursor:	pointer;
	cursor: hand;
}
.cla_div_box_meme_sigemi{
	display:inline-block;
}
.cla_div_box_meme_menu{
	display:none;
}
@media only screen and ( max-width: 600px ){
	.cla_div_box_meme_eliminar{
		display:none;
	}
	.cla_div_box_meme_sigemi{
		display:none;
	}
	.cla_div_box_meme_menu{
		display:inline-block;
	}
}
.cla_div_box_meme{
	background-color: #faebd7b0;
	width:100%;
	border-radius: 20px;
	border-bottom:5px solid #FFFFFF;
	margin-top:10px;
	margin-right:0px;
	margin-left:0px;
	padding-bottom:20px;
}
.cla_div_box_img_user{
	background-image:url(../imagen/mascara_foto.png);
	width:100px;
	max-width:100px;
	height:109px;
	max-height:109px;
	padding:0px;
}
.cla_div_box_name_user{
	background-image:url(../imagen/mascara_lado.png);
	border-radius: 0px 8px 0px 0px;
	width:calc(100% - 100px);
	max-width:calc(100% - 100px);
	
	padding:0px;
}
.cla_img_box_user{
	width:100px;
	height:auto;
	max-height:90px;
	cursor:pointer;
	cursor:hand;
}
.cla_h4_nom_user{
	color: #ffffff;
	text-align:left;
	font-family: Lato_Bold;
}
.cla_div_box_leyenda{
	color: #000000;
    padding-top: 0px;
    font-size: 1.3em;
    text-align: center;
    font-family: 'Lato_Bold';
}
.cla_a_meme_palabra{
	margin-bottom:5px;
	cursor:pointer;
	cursor:hand;
}
.cla_div_box_img_meme{
	padding-left: 0px;
	padding-right:0px;
	text-align:center;
}
.cla_img_meme{
	text-align:center;
	cursor:pointer;
	cursor:hand;
	max-height:400px;
	width: auto;
}
.cla_img_meme_disabled{
	text-align:center;
	cursor: not-allowed;
	max-height:400px;
	width: auto;
}
.cla_div_box_votos{
	padding-left: 0px;
	padding-right:0px;
    text-align: -webkit-center;
}
.cla_div_voto_propio{
	float:left;
	text-align:center;
	border-radius: 50%;
	margin-bottom: 10px;
}
.cla_div_voto_mjs_panas{
	color: #000;
	background-color:#fdd4346b;
	border-color:#f4590066;
	/*float:left;*/
	text-align:center;
	margin-bottom: 10px;
}
.cla_div_voto_pos{
	color: #fff;
	background-color:#449d44;
	border-color:#255625;
	/*float:left;*/
	text-align:center;
	margin-bottom: 10px;
}
.cla_div_voto_neg{
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a;
	/*float:left;*/
	text-align:center;
	margin-bottom: 10px;
}
.cla_div_elegir_voto{
	/*float:left;*/
	text-align:center;
	cursor:pointer;
	cursor:hand;
	border-radius: 50%;
    background-color:#ffffff;
	border: 2px solid #95808f;
	margin-bottom: 10px;
}
.cla_div_elegir_voto:hover{
	border: 2px solid #ffffff;
	background-color: #ffd700;
}
#id_div_publicidad{
	width:100%;
	text-align:center;
	
}
/* Subir Meme */
#id_div_indicacion_subir{
	
	text-align:justify;
	
	
}

/* boton mover div arriba */
.back-to-top {
  position: fixed;
  width:150px;
  display: none;
  background: #ffd700;
  color: #000;
  padding: 6px 12px 9px 12px;
  font-size: 16px;
  font-weight: 700;
  cursor:pointer;
  cursor:hand;
  border-radius: 4px;
  border: solid #B5A7B1 1px;
  right: 170px;
  bottom: 58px;
  transition: background 0.5s;
  z-index: 1000;
}

.back-to-top:focus {
  background: rgba(0, 0, 0, 0.2);
  color: #fdd435;
  text-shadow: -2px 3px 5px black;
  outline: none;
}

.back-to-top:hover {
  background: #988192;
  color: #fdd435;
  text-shadow: -2px 3px 5px black;
  border:solid #5c3553 1px;
}
/* boton voto positivo modal */
.img_voto{
  border-radius:50%;
  background-color:#ffffff;
  border: 2px solid #95808f;	
}
.img_voto_posi:focus,
.img_voto_posi.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
  border-radius: 50%;
}
.img_voto_posi:hover {
  color: #fff;
  background-color: #fdd435;
  border-color: #398439;
  border-radius: 50%;
}

.img_voto_nega:focus,
.img_voto_nega.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
  border-radius: 50%;
}
.img_voto_nega:hover {
  color: #fff;
  background-color: #fdd435;
  border-color: #ac2925;
  border-radius: 50%;
}
/* boton cargar memes */
.btn_cargar_meme {
  background: #988192;
  color: #FFFFFF;
  border:solid #FFFFFF 1px;
}

.btn_cargar_meme:focus {
  background: #5c3553;
  color: #fdd435;
  text-shadow: -2px 3px 5px black;
  outline: none;
  border:solid #000000 1px;
}

.btn_cargar_meme:hover {
  background: #5c3553;
  color: #fdd435;
  text-shadow: -2px 3px 5px black;
  border:solid #000000 1px;
}

/* boton twitter */
.btn-twitter {
  font-weight: 500;
  color:#1da1f2;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background: #ffffff;
  border:solid #1da1f2 2px;
  border-radius: 10px;
  height: 45px;
}

.btn-twitter:focus {
  font-weight: 500;
  color:#1da1f2;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background: #1da1f21a;
  border:solid #1da1f2 2px;
  border-radius: 10px;

}

.btn-twitter:hover {
  font-weight: 500;
  color:#1da1f2;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background: #1da1f21a;
  border:solid #1da1f2 2px;
  border-radius: 10px;
}

/* boton facebook */
.btn-facebook {
  font-weight: 500;
  color:#ffffff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background: #365899;
  border:solid #254a90d4 2px;
  border-radius: 10px;
  height: 45px;
}

.btn-facebook:focus {
  font-weight: 500;
  color:#ffffff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background: #29487d;
  border:solid #29487d 2px;
  border-radius: 10px;

}

.btn-facebook:hover {
  font-weight: 500;
  color:#ffffff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background: #29487d;
  border:solid #29487d 2px;
  border-radius: 10px;
}

/* Footer */
#id_div_footer{
	height:40px;
}	
#id_div_footer_audio{
	height:100%;
	background-color:#5c3553;
	padding:0px;
	width:70px;
	float:left;
}
#id_btn_play{
	height:36px;
	margin-top: 2px;
	padding:3px 5px 3px 5px;
}
#id_btn_pause{
	height:36px;
	margin-top: 2px;
	padding:3px 5px 3px 5px;
}
#id_div_footer_texto{
	height:100%;
	width: calc(100% - 70px);
	padding:7px 15px 0px 15px;
	background-color:#988192;
	border-radius: 50px 0px 0px 50px ;
	color:#FFF;
	float:left;
}
.cla_hr_separador_categ{
	border-top: 2px solid #d1d1d1;
	margin-top:0;
	margin-bottom:0;
	width:80%;
}
.cla_hr_separador_categ_oculto{
	border-top: 2px solid #d1d1d1;
	margin-top:0;
	margin-bottom:0;
	width:80%;
	display:none;
}

.cla_div_pastel_grande{
	display:block;
}
.cla_div_pastel_pequeno{
	display:none;
}

@media only screen and ( max-width: 780px ) {
	#id_div_categ_lat_izq{
		height:100%;
		width:130px;
		border: 1px solid #5c3553;
		border-radius:0px;
		padding-left: 2px;
		padding-right: 2px;
		display:block;
		overflow-y:auto;
	}
	.cla_hr_separador_categ_oculto{
		border-top: 2px solid #d1d1d1;
		margin-top:0;
		margin-bottom:0;
		width:80%;
		display:block;
	}
	.cla_div_tbl_categ_oculto{
		height: 130px;
		display:flex;
		align-items: center;
		justify-content: center;
	}
	.cla_div_tbl_categ{
		height: 130px;
		display:flex;
		align-items: center;
		justify-content: center;
	}
	.cla_div_cell_categ{
		display: block;
	}
	#id_div_main{
		height:100%;
		width:calc(100% - 130px);
		padding:0px;
		border:1px solid #988192;
		display:block;
		
	}
	#id_div_categ_lat_der{
		display:none;
	}
	.back-to-top {
		right: 20px;  
		bottom: 58px;
	}
	.cla_div_pastel_grande{
		display:none;
	}
	.cla_div_pastel_pequeno{
		display:block;
		width: 50px;
		height: 50px;
	}
	
	
}
/*descripcion categoria y barra de progreso votacion*/
@media only screen and ( max-width: 767px ) {
	#id_div_calific{
		height:100%;
		width:calc(100% - 75px);
		padding-top:30px;
		padding-left:20px;
		text-align:center;
		float:left;
	}
	#id_div_pal_clave_inf{
		display:block;
	}
	#id_div_pal_clave_izq{
		display:none;
	}
	.cla_div_box_eliminar{
		display:none;
	}
}
/*Menu lateral categorias*/
@media only screen and ( max-width: 440px ){
	
	#id_div_calific {
		height: 0px;
		width: 80%;
		padding: 5px 20px 5px 20px;
		text-align: right;
		position: relative;
		top: -30px;
		right: -20%;
	}
	#id_div_categ_lat_izq{
		width:85px;
	}
	.cla_div_tbl_categ{
		height: 100px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.cla_div_tbl_categ_oculto{
		height: 100px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.cla_img_categ{
		width:50px;
		padding-bottom:5px;
	}
	.cla_p_cell_categ{
		display:none;
	}
	#id_div_main{
		width:calc(100% - 85px);
	}
	#id_div_mimeshu{
		width:100%;
		height:100%;
		overflow:auto;
		background-color:#d1d1d1;
	}
}
@media only screen and ( max-width: 525px ){
	#id_div_ico_mimesh{
		display:inline-block;
	}
	#id_div_nomb_mimesh{
		display:none;
	}	
	#id_div_txt_buscar{
		width:calc(100% - 240px);
		height:50px;
		text-align: -webkit-right;
		float:left;
	}
}
@media only screen and ( max-width: 400px ){
	#id_div_categ_lat_izq{
		display:none;
	}
	
	
	#id_div_calific {
		height: 50px;
		width: 70%;
		padding: 5px 0px 5px 20px;
		text-align: right;
		position: relative;
		top: 0px;
		right: 0%;
	}
	#id_div_mimeshu{
		width:100%;
		height:100%;
		overflow:auto;
		background-color:#d1d1d1;
	}
	#id_div_main{
		width:100%;
	}
	#id_div_ico_mimesh{
		display:inline-block;
	}
	#id_div_nomb_mimesh{
		display:none;
	}
	#id_div_txt_buscar{
		width:calc(100% - 240px);
		height:50px;
		text-align: -webkit-right;
		float:left;
	}
	
	
	
}
@media only screen and ( max-width: 230px ){
	#id_div_txt_buscar{
		display:none;
	}
	#id_div_btn_buscar{
		display:none;
	}
	#id_div_porcentaje{		
		width:46px;
		height:46px;
		float:left;
		margin-left: 13%;
		margin-right:7px;
		cursor:pointer;
		cursor:hand;
	}
}
.secc2{
	height:100%;
	
}
/*
.secc3{
	height:19.5%;
	width:70%;
	margin-bottom: 2.5%;
	background-color:#dcdcdc;
}
.secc3_fin{
	height:19%;
	width:70%;
	background-color:#dcdcdc;
}
*/
.secc4{
	
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	
}
.secc5{
	text-align:left;
	
}

.secc6{
	height:75px;
	background-color:#ffffff;
	margin-top:1px;
	margin-bottom:1px;
}

.secc7{
	height:calc(100% - 76px);
	background-color:#44ffaa;
	
	
}




.secc9{
	max-height:400px;
	width: auto;
	
}
.lcdnormal_1{
	display:inline-block;
}
.lcdnormal_2{
	display:block;
}
.lcdnormal_3{
	display:block;
}
.lcd960_1{
	display:table;
	border-collapse: collapse;
}
.lcd960_2{
	display:block;
}
.lcd960_3{
	display:table;
	border-collapse: collapse;
}
.lcd960_4{
	display:none;
}
.lcd600_1{
	display:none;
}
.lcd600_2{
	display:none;
}
.lcd600_3{
	display:none;
}
.lcd480_1{
	display:none;
}
.lcd480_2{
	display:none;
}
.lcd320_1{
	display:none;
}
.lcd320_2{
	display:none;
}
.lcd320_3{
	display:none;
}
/* Para 960px */  
@media only screen and (max-width: 980px) and (min-width: 621px) {  
.lcdnormal_1{
	display:none;
}
.lcdnormal_2{
	display:none;
}
.lcdnormal_3{
	display:none;
}
.lcd960_1{
	display:none;
}
.lcd960_2{
	display:none;
}
.lcd960_3{
	display:none;
}
.lcd960_4{
	display:inline-block;
}
.lcd600_1{
	display:table;
	border-collapse: collapse;
}
.lcd600_2{
	display:block;
}
.lcd600_3{
	display:none;
}
.lcd480_1{
	display:none;
}
.lcd480_2{
	display:none;
}
.lcd320_1{
	display:none;
}
.lcd320_2{
	display:block;
}
.lcd320_3{
	display:block;
}
}  
  
/* Para 800px  
@media only screen and (max-width: 820px) and (min-width: 621px) {  
  
}  
*/ 
  
/* Para 600px */  
@media only screen and (max-width: 620px) and (min-width: 501px) {  
.lcdnormal_1{
	display:none;
}
.lcdnormal_2{
	display:none;
}
.lcdnormal_3{
	display:none;
}
.lcd960_1{
	display:none;
}
.lcd960_2{
	display:none;
}
.lcd960_3{
	display:none;
}
.lcd960_4{
	display:none;
}
.lcd600_1{
	display:table;
	border-collapse: collapse;
}
.lcd600_2{
	display:block;
}
.lcd600_3{
	display:inline-block;
}
.lcd480_1{
	display:none;
}
.lcd480_2{
	display:none;
}
.lcd320_1{
	display:none;
}
.lcd320_2{
	display:block;
}
.lcd320_3{
	display:block;
}
}  
  
/* Para 480px  */
@media only screen and (max-width: 500px) and (min-width: 341px) {  
.lcdnormal_1{
	display:none;
}
.lcdnormal_2{
	display:none;
}
.lcdnormal_3{
	display:none;
}
.lcd960_1{
	display:none;
}
.lcd960_2{
	display:none;
}
.lcd960_3{
	display:none;
}
.lcd960_4{
	display:none;
}
.lcd600_1{
	display:none;
}
.lcd600_2{
	display:none;
}
.lcd600_3{
	display:none;
}
.lcd480_1{
	display:block;
}
.lcd480_2{
	display:inline-block;
}
.lcd320_1{
	display:none;
}
.lcd320_2{
	display:block;
}
.lcd320_3{
	display:block;
}

}  

  
/* Para 320px */  
@media only screen and (max-width: 340px) and (min-width: 5px)  {  
.lcdnormal_1{
	display:none;
}
.lcdnormal_2{
	display:none;
}
.lcdnormal_3{
	display:none;
}
.lcd960_1{
	display:none;
}
.lcd960_2{
	display:none;
}
.lcd960_3{
	display:none;
}
.lcd960_4{
	display:none;
}
.lcd600_1{
	display:none;
}
.lcd600_2{
	display:none;
}
.lcd600_3{
	display:none;
}
.lcd480_1{
	display:block;
}
.lcd480_2{
	display:none;
}
.lcd320_1{
	display:inline-block;
}
.lcd320_2{
	display:block;
}
.lcd320_3{
	display:block;
}

}