*{padding: 0;margin: 0;box-sizing: border-box;}
html{scroll-behavior:smooth;}
@font-face{ font-family: patua; src:url(../font/patua.ttf);}
@font-face{ font-family: roboto; src:url(../font/roboto.ttf);}
ul,ol{list-style: none;}a{text-decoration: none;}
h1,h2,h3,h4,h5,h6{font-family: patua;color: #2A2B44;}
p,span{font-family: roboto;} /* {font-family: roboto, tahoma;} */

/* *********************** header.php ************************ */
.header_fondo{width: 100%;min-height: 233px;}
.header_top{width: 100%;background:#fff;overflow:hidden;height: 34px;border-bottom:1px solid #e8e8e8;}
.htop{max-width:1100px;width:95%;margin: auto;color: grey;}
.login_top {float: left;}
.login_top li{display: inline-block;}
.login_top li a{display: block;padding:10px 0;color: grey;font-family:roboto;font-size:15px;}
.login_top li a:hover{color:#C20000; font-weight: 600;}
.top_nombre li a{display:inline-block;color: grey;line-height: 35px;text-align: right;font-family:roboto;float:right; padding:0 5px;font-size:15px;}
.top_nombre li a:hover{color: #C20000; font-weight: 600;}
.socializa{float: right;}
.socializa li{display: inline-block;}
.socializa li a {display: block;padding:3px;background:grey; border-radius: 4px;width:20px;height:20px;margin-top: 7px;}
.socializa li a:hover{background: #C20000;}
.socializa li a img{width: 12px;height: 12px;}
.header{width: 100%;background: #f5f5f5;} /* ex #fff - red */
.logo{width: 100%;display: block;text-align: center;height: 180px;display: table;}
.logo_texto{display: table-cell;vertical-align: middle;}
.logo_texto h1 a{color: #C20000;}
.logo_texto h1 a:hover{color: black;}
.logo_texto p{color: grey;font-family:roboto;font-size:18px;}
.menu{width: 100%;border-top: solid 1px #e8e8e8;height: 53px;background-color: #fff;border-bottom: solid 1px #e8e8e8; 
/*  border-bottom: 4px solid #fafafa; */
/*  box-shadow: 0 1px 3px rgba(0,0,0,.1); */
}
.menu_nav{margin: auto;max-width: 1100px;width: 95%;}
.menu_nav ul{}
.menu_nav ul li{float: left;position: relative;}

.ul_right{float: right;}
.ul_right li{line-height: 48px;}
.ul_right li input{padding: 5px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.ul_right{position: relative;}
.ul_right li input[type="text"]{padding: 7px;position: absolute;border: 1px solid #e8e8e8;border-radius: 3px;font-family: roboto;font-size: 15px;right: 71px;height: 30px;margin-top: 10px;}
.ul_right li input[type="submit"]{position: absolute;height: 30px; width: 70px;right: 0;margin-top: 10px;border: 1px solid #e8e8e8;font-family: roboto;font-size: 15px;cursor: pointer;background:#c20000;color: white;border-radius: 4px;}
.menu_nav label{display: none;}
.menu_nav input[type="checkbox"]{display: none;}
.movil{display: none;}




.menu_nav ul li a{border-left: 1px solid #e8e8e8;padding: 0 15px;font-family: roboto; font-weight: 600;line-height: 53px;display: inline-block;position: relative;font-size:15px;
  color: #222;} /* !!! */
.menu_nav> ul >li:last-child{line-height: 48px;border-right:1px solid #e8e8e8;} /* !!! */
.menu_nav ul li a span.active  {display: block;        position: absolute; width: 100%; left: 0; height:3px; background:transparent;} /* !!! */
.menu_nav ul li a:hover span   {display: block;        position: absolute; width: 100%; left: 0; height:3px; background:#C20000;} /* !!! */
.menu_nav ul li a span         {display: none; position: absolute; width: 100%; left: 0; height:3px; background:lime;} /* !!! */

/*
.menu_nav ul li a span:not(.active)  {display: block;        position: absolute; width: 100%; left: 0; height:3px; background:transparent;} /* !!! */



/* ********************** views/index.view.php ******************************** */
.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;
}
.articulos{
  width: 70%;float: left;
  overflow: hidden;
}

.resulbuscar{margin:0 0 3% 3%;background: #fff;border-radius:4px;padding: 2%;
box-shadow: 0 1px 2px rgba(0,0,0,.2);border: 1px solid #e8e8e8;}

.about{margin:0 0 3% 3%;background: #fff;border-radius:4px;padding: 2%;
box-shadow: 0 1px 2px rgba(0,0,0,.2);border: 1px solid #e8e8e8;}

/*.about{background:#fff;max-width:700px;margin:auto;}*/
.about h1{padding: 50px;}
.about img{width: 60%; display:block; margin: 30px auto 30px auto}
.contacto img{width: 60%; display:block; margin: 30px auto 30px auto}

.about > .texto{background: #fff;font-family: roboto;font-weight: 100;height: auto;
font-size: 18px;} /* borrar */

.h1contacto{padding-bottom:0px;}
.contacto > .texto{padding-top: 0px;}

.resulbuscar > .texto{background: #fff;font-family: roboto;font-weight: 100;height: auto;
font-size: 18px;}

.resulcontacto > .texto{background: #fff;font-family: roboto;font-weight: 100;height: auto;
font-size: 18px;}

.texto button[type="submit"]{height: 30px; width: 70px;margin-top: 10px;border: 1px solid #e8e8e8;
  font-family: roboto;font-size: 15px;cursor: pointer;background:#c20000;color: white;border-radius: 4px; padding: 0px}




.nuevoa input[type=submit]{
  padding: 10px 20px;font-size: 15px;
  border-radius:3px;font-family: roboto;
  background: #C20000;
  border: none;color: #fff;
  width: 240px;
  cursor: pointer;
}
.nuevoa input[type=submit]:hover{background: #e82525;}

.login_content input[type=submit]{
  padding: 10px 20px;font-size: 15px;
  border-radius:3px;font-family: roboto;
  background: #C20000;
  border: none;color: #fff;
  width: 240px;
  cursor: pointer;
}
.login_content input[type=submit]:hover{background: #e82525;}












/* --- Clase que agregaremos cuando el usuario haga scroll --- */
.menu-fixed {
	position:fixed;
	z-index:1000;
	top:0;
	/*max-width:1000px;*/
	left:0;
	width:100%;
	box-shadow:0px 4px 3px rgba(0,0,0,.2);
}
.subitem{
	display: none;
	position: absolute;
	top: 52px; background: #222;
	padding: 10px;z-index:1000;
    min-width: 250px;
    border-radius: 0 0 3px 3px;overflow: hidden;
}
.subitem ul li{display: block;width: 100%;border-right:none;}
.subitem ul li a{
	display: block;
	background: #333;
    border-radius: 2px;
    margin-bottom: 2px;
    line-height: 35px;text-transform: none;
    border: 0;color:#ccc;font-family: roboto,arial;
    transition: all .2s ;
}
.subitem ul li a:hover{color: #c20000;}
.menu_nav ul li:hover .subitem{display: block;}

.footer{
	width: 100%;max-height:70px;text-align: center;
  color: grey;font-family: patua;transition: .2s;
  bottom: 0;
  background-color: white;
}
.footer p{line-height: 70px;}










.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:#C20000;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;}

.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%;}
.columna > .video_iframe{margin: 18px 18px 18px 18px;;}
.columna > .video_iframe iframe{width: 100%; height: 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{
  font-family: roboto;
  font-size: 16px;
	text-overflow: ellipsis;
	color:#45465a;

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

}
.entrar a{line-height: 20px;display: inline-block;color: grey;font-family: roboto; font-size: 15px;transition: .2s;}
.entrar a:hover{color:#C20000; font-weight: 600}
.entrar span{line-height: 20px;display: inline-block;color: grey;font-family: roboto; font-size: 15px;transition: .2s;}

.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:#C20000;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: #C20000;
	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: #C20000;
	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;font-family: roboto; font-size: 14px;}
.paginacion ul li a{display: block;padding:10px 20px;background: #595959;color:#fff;font-family: roboto; font-size: 14px;}
.paginacion ul li a:hover {background: #BB1F35;text-decoration: none;font-family: roboto; font-size: 14px;}
.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; background: #f5f5f5; min-height: 600px;}
.login_content{max-width:500px;width: 90%;margin:50px auto;padding: 30px; background: white;
box-shadow: 0 0 3px silver; border-radius: 4px}
.login_content h2{margin-bottom: 20px;text-align: center;}
.login_content form input{width: 100%;margin-bottom:3%;padding: 10px;font-family: roboto; font-size: 15px}
.login_content form input[type="submit"]{font-family: roboto; font-size: 15px}

.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: patua;}
.admin_article h5{font-family: roboto;font-weight: 600;font-size: 16px;border-bottom: 1px solid silver;}
.admin_article a{color: #999;font-family: roboto;}
.admin_article a:hover{color:#C20000;font-weight: 600;}
.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: roboto; font-size: 15px;padding: 10px;margin-bottom: 10px;}
.nuevoa textarea{max-width: 100%;font-family: roboto; font-size: 15px;min-width: 100%;min-height: 200px;padding: 20px;}




.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: roboto;color: #606267;}
.texto form input{width: 100%;padding: 10px;border:1px solid #e8e8e8;border-radius: 4px;
font-family: roboto;color: #606267; font-size: 15px}
.texto form textarea{max-width:100%;min-width:100%;min-height:110px;border-color:#e8e8e8;
padding: 10px;border-radius: 4px;font-family: roboto;color: #606267;; font-size: 15px}
.texto form button{padding:10px 20px;margin-top: 10px;font-family: roboto;font-size: 18px;}
.txt_categoria{width: 100%;overflow: hidden;}
.txt_categoria select{ width: 90%;padding: 10px;border:1px solid #e8e8e8 !important;border-radius: 4px;
font-family: roboto; font-size: 15px;color: #606267;}
.text_box_cat{width: 50%;float: left;}
.error{border:1px solid #c20000;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:25px;overflow:hidden;float: left;margin-top: 8px; margin-left: 3px}
.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:#C20000;}
.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: 50px !important;}
@media screen and (max-width: 768px){
	.menu_nav label{display: inline-block;}
	.menu_nav label img{;width: 40px;height: 40px;overflow: hidden;margin-top: 4px;}
	.nav{display:none;}
	#btn_menu:checked ~ .nav{display: block;float: left;}
	.ul_right{display: none;}
	.movil{display: block;float: right;}
	.nav{background: #fff;overflow:hidden;width:100%;height: 100vh;}
	.nav li{width: 100%;float: none;display: block;}
	.nav li a{width: 100%;border-left: none;}
	.subitem{float: none;display: none;position: relative;top: 0;}
	.nav li:hover .subitem{display: block;}
	.menu_nav ul li a{border: none;}


	.categoria{width: 100%;float: right!important;}
	.articulos{width: 100%;}
	.paginacion{width: 100%;;}
	.columna{width: 100%;margin:20px 0;}
	.single_comlumna{margin: 0;}
	.resulbuscar{margin: 15px 0;}
  .resulcontacto{margin: 15px 0;}

}
/*

 */