*{padding: 0;margin: 0;
  box-sizing: border-box;
  list-style: none;  /* Elimina los puntos de las listas */
  text-decoration: none;  /* Elimina el subrayado */
}

body {
	font-family: Arial, sans-serif;
	list-style: none;  /* Elimina los puntos de las listas */
	text-decoration: none;  /* Elimina el subrayado */
}


.contenido{
	width: 100%;
	overflow: hidden;
	background: #f5f5f5;
	min-height: 800px;
	padding: 30px 0;
}
.contenido_caja{
	max-width: 1100px;
	margin: auto;
	width: 95%;
}
.categoria{width: 30%;float: left; background: #fff;
border: 1px solid #e8e8e8;border-radius:4px;
box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.categoria > .img{width: 90%;overflow: hidden;margin:5% auto ;}
.categoria > .img img{width: 100%;}
.categoria >.texto{background: #fff;height: auto;}
.categoria > .social{
	border: 1px solid #e8e8e8;width: 90%;margin: 0 auto;
	min-height: 200px;border-radius: 10px;margin-bottom: 40px; overflow: hidden;
}
.categorias{width: 90%;margin: 0 auto;
	min-height: 200px;}
.categorias h3{margin-bottom: 20px;border-bottom:1px solid #e8e8e8;
padding-bottom: 10px;}
.categorias ul li{border-bottom:1px solid #f5f5f5;}
.categorias ul li a{padding:15px 0;display: block;
color:#606267;font-family:arial;font-weight:100;}
.categorias ul li a span{background:#ea4848;padding: 4px;
border-radius: 3px;color:#fff;font-size: 12px;float: right;}
.socializa_i{background: yellow;}
.socializa_i li{float: left;margin: 1%;}
.socializa_i li a{display: block;background: #333;padding: 0!important;float: left;
}
.socializa_i li a:hover{background:#444;}
.socializa_i li a img{width:30px;height: 30px;padding: 5px;float: left;}
.articulos{
	width: 70%;float: left;
	overflow: hidden;
}
.columna{
	width: 47%;
	overflow: hidden;
	float: left;
	background:#fff;
	margin-left: 3%;
	margin-bottom: 3%;
	border: 1px solid #e8e8e8;
	border-radius:4px;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	position: relative;
}
.columna>.img{width: 90%;overflow: hidden;margin:5% auto ;height:200px;}
.columna > .img img{width: 100%;}
.texto{
	width: 100%;overflow: hidden;
	padding:5% 5% 5% 5%;
	background: #f5f5f5;
	color: #606267;
	height: 200px;
	position: relative;
	font-family: patua;
	text-overflow: ellipsis;
    color: #45465a;
}
.tituloindex{width: 97%;overflow: hidden;padding:5%;}
.texto h2{}
.texto p{
	text-overflow: ellipsis;
	color:#45465a;

}
.texto h2{font-size: 22px;margin-bottom: 10px;}
.texto a:hover h2{color:#ea4848;}
.entrar{
	position: absolute;
	background:#f3f3f3;
	bottom: 0;
	width: 100%;left: 0;
	height: 40px;
	padding: 10px;

}
.entrar a{line-height: 20px;display: inline-block;color:#cdcdcd;font-family: patua;transition: .2s;}
.entrar a:hover{color:#ea4848;}
.ver_r{float: right;}


.single_categoria{float: right;}
.single_articulo{float: left;width: 67%;background: #fff;margin: 0;}
.single_comlumna{width: 100%;margin:0;}
.single_head{padding:8% 5%;position: relative;}
.single_head h1{color: #222;margin-bottom: 10px;}
.single_head p {color: #000;}
.single_head span {position: absolute;right: 20px;top: 50%;color:#ea4848;cursor: pointer;}
.single_comlumna .img{width:100%;height:auto; ;margin: 0;}
.single_texto{background:#fff;font-size: 22px; line-height: calc(32.4px);font-family: roboto;}
.single_texto p{font-size: 22px;line-height:calc(32.4px); font-family:roboto;}
.single_texto{height: auto;}
.comparte{width: 100%;}
.comparte h5{    border-top: 1px solid #ddd;display: inline-block;
padding: 20px 0;margin-top: 20px;}
.mapcategoria{background: #fafafa; width: 100%;padding: 50px 0;
	border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;}
.mapcategoria h4{margin-left: 5%;color:#555;}
.mapcategoria h4 span{font-weight: 100;color: #777;padding-left: 10px;}
.comentar{padding:5%;}
.comentar h3{margin-bottom: 20px;}
.comentar p{margin-bottom: 20px;font-size: 12px;}
.comentar textarea{width: 100%;border: 1px solid #e8e8e8;
border-radius: 4px;margin-bottom: 10px;padding:10px;
	max-width: 100%;min-width: 100%;min-height: 140px;
}
.comentar input[type="text"]{
	width: 100%;border: 1px solid #e8e8e8;border-radius: 4px;
	padding: 12px 15px;margin-bottom: 10px;
}
.comentar input[type=submit]{
	padding: 12px 35px;font-size: 15px;
	border-radius:3px;font-family: patua;
	background: #ea4848;
	border: none;color: #fff;
}
.comentar input[type=submit]:hover{background: #e82525;}
.comentar input[type=submit]:focus{border: none;}
.comentar button{
	padding: 12px 35px;font-size: 15px;
	border-radius:3px;font-family: patua;
	background: #ea4848;
	border: none;color: #fff;
}
.comentar button:hover{background: #e82525;}
.comentar button:focus{border: none;}
.comentar form  span{font-family: roboto;}

.paginacion {
	width: 70%;float: right;
	padding-left: 2%;
}
.paginacion ul{
	overflow: hidden;padding: 10px 0;border-radius:4px;}
.paginacion ul li{background: maroon;margin: 2px;float:left;color:#fff;}
.paginacion ul li a{display: block;padding:10px 20px;background: #595959;color:#fff;}
.paginacion ul li a:hover {background: #BB1F35;text-decoration: none;}
.paginacion ul .active {
	background: #BB1F35;
	padding:10px 20px;
}

.paginacion ul .disabled{
	background: #a8a8a8;
	padding:10px 20px;
	cursor: not-allowed;
}

.paginacion ul .disabled:hover {
	background: #a8a8a8;
}
.box_login{width: 100%; overflow: hidden;}
.login_content{max-width:500px;width: 90%;margin:50px auto;padding: 50px;
box-shadow: 0 0 3px silver;}
.login_content h2{margin-bottom: 20px;text-align: center;}
.login_content form input{width: 100%;margin-bottom:3%;padding: 10px;font-family: patua;}
.login_content form input[type="submit"]{font-family: patua;}

.admin_panel a{display: block;background:;margin-bottom: ;padding:10px;
color:#2A2B44;font-family: roboto;}
.admin_articulos{width: 70%;}
.admin_panel a:hover{background: #333;color:#fff;}
.admin_colum{width: 97%;margin-bottom: 10px;}
.admin_article{width: 100%;padding: 1%;}
.admin_article h2{font-family: roboto;}
.admin_article h5{font-family: roboto;font-size: 15px;border-bottom: 1px solid silver;}
.admin_article a{color: #999;font-family: roboto;}
.admin_article a:hover{color:#ea4848;;}
.nuevoa{padding: 3%;}
.nuevoa h2{margin-bottom: 10px;}
.nuevoa form{width: 97%;}
.nuevoa label{width: 100%;font-family: patua;}
.nuevoa input{width: 100%;font-family: patua;padding: 10px;margin-bottom: 10px;}
.nuevoa textarea{max-width: 100%;min-width: 100%;min-height: 200px;padding: 20px;}
.about{background:#fff;max-width:700px;margin:auto;}
.about h1{padding: 50px;}
.about img{width: 100%;}
.about > .texto{background: #fff;font-family: roboto;font-weight: 100;height: auto;
font-size: 18px;}
.h1contacto{padding-bottom:0px;}
.contacto > .texto{padding-top: 0px;}
.texto ul{border: 1px solid silver;background:#f9f9f9;padding: 20px;margin:20px 0;}
.texto form label{width: 100%;display:block;margin: 5px 0;font-family: patua;color: #606267;}
.texto form input{width: 100%;padding: 10px;border:1px solid #e8e8e8;border-radius: 4px;
font-family: patua;color: #606267;}
.texto form textarea{max-width:100%;min-width:100%;min-height:110px;border-color:#e8e8e8;
padding: 10px;border-radius: 4px;font-family: patua;color: #606267;}
.texto form button{padding:10px 20px;margin-top: 10px;font-family: patua;font-size: 18px;}
.txt_categoria{width: 100%;overflow: hidden;}
.txt_categoria select{ width: 90%;padding: 10px;border:1px solid #e8e8e8;border-radius: 4px;
font-family: patua;color: #606267;}
.text_box_cat{width: 50%;float: left;}
.error{border:1px solid #ea4848;padding:5px;background:#FEF0F0;font-family:patua;}
.success{border:1px solid #40990B;padding:5px;background:#E9FEE7;font-family:patua;}
.cat_text{}
.cat_select{}
.cat_new{}
/* _________ */
.comentario_id{width: 100%;border: 1px solid black;overflow: hidden;margin-bottom: 20px;
border-radius: 4px;font-family: patua;border-color:#e8e8e8;}
.comentario_img{width:50px;height:50px;overflow:hidden;float: left;}
.comentario_img img{width: 100%;height:100%;}
.comentario_texto{width: calc(100% - 50px);float: left;padding: 5px;}
.comentario_texto p{font-size: 16px;color: #606267;padding: 15px 0;}
.comentario_id ul{width: 90%;float: right; border-right: none;}
.comentario_texto h6{font-family: roboto;}
.comentario_texto h6 span{font-size: 16px;}
.comentario_texto a{color:#2A2B44;}
.comentario_texto a:hover{color:#ea4848;}
.btn_regenerar{display: block;width: 50%; line-height:34px;
background: #333;color: #fff !important;text-align:center;}
.btn_regenerar:hover{color: #e8e8e8!important; }
.txtmini{min-height: 150px !important;}
.txtmini_{min-height: 50px !important;}

@media screen and (max-width: 768px){
	.categoria{width: 100%;float: right!important;}
	.articulos{width: 100%;}
	.paginacion{width: 100%;;}
	.columna{width: 100%;margin:20px 0;}
	.single_comlumna{margin: 0;}

}