@charset "utf-8";
body {
	text-align: center;
	margin:0px auto;
	font-family:"Roboto", sans-serif;
	font-size: 18px; 
	color:#7E7E7E;
	line-height: 24px;
}


/*Encabezado*/
#contenedor_encabezado {
	width: 100%;
	height:auto;
	background-image:url(/imagenes/estructura/entidad/fondo_menu_encabezado_19x40.jpg);
	background-repeat:repeat-x;
}

#contenedor_encabezado_menu{
	width: 100%;
	min-height:40px;
	background-image:url(/imagenes/estructura/entidad/fondo_menu_encabezado_19x40.jpg);
	background-repeat:repeat-x;
	z-index:100;
	position:-webkit-sticky;
	position:sticky;
	top:0;
    text-align: left;
    margin: 0px auto;
	
}

#contenedor-entidad {
    margin-top: 0;
}

#titulo_entidad{
	color:#FFF;
	display:inline-block;
	float:left;
	padding-left:20px;
	background:#000;
	font-size:26px;
	padding:10px 0;
	z-index: 1;
}

#titulo_entidad.hidden-lg{
	font-size:16px;
}

.visible {
  visibility: visible;
}

#contenidos_encabezado {
	background-image:none;
	max-height:50px;
	margin: 0px auto 0px auto;
	padding:0px 0px 0px 0px;
	background:#000;
}

#contenidos_encabezado h1{
	font-family:"Roboto", sans-serif;
	font-size:24px;
	font-weight:normal;
	color:#FFF;
	padding:5px 0px 0px 0px;
	margin:0px;
	width:auto;
	float:left;
	border:#E2E2E2 solid 1px;
	
}



/*INICIO MENU ENTIDAD*/

.gallery
{
  
    margin-top: 20px;
}

#contenidos{
	max-width: 980px;
	text-align:left;
	margin:0px auto;
}

#contenedor_menu_encabezado_entidad{
	width:100%;
	display:block;
	background-color:#999;
	margin:0px;
	padding:1px 0px 9px 0px;
	z-index:80;

}
#menu_entidad{
	max-width: 990px;
	margin: 0px auto 0px auto;
}

#menu_entidad a{
	float:right;
	padding:0px 0px 8px 35px;

}

#menu_entidad ul  {
	margin-top:10px;
}

#menu_entidad ul li{
	display:inline;
	margin:0px 0px 0px 5px;
}


#menu_entidad ul li a:link, #menu_entidad ul li a:visited{
	font-family:"Roboto", sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-transform:uppercase;
	text-decoration:none;
}

#menu_entidad ul li a:hover{
	text-decoration:underline;
}

/*FIN MENU ENTIDAD*/


#contenedor-fondo-portada{
	background-image:url(/imagenes/backgrounds/fondo_portada.jpg);
	background-repeat:repeat-x;
	z-index:11;
}

#contenedor-entidad{
	margin-top:55px;
}

#contenedor-entidad h3{
	font-family:"Roboto", sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	padding:0px;
	margin:0px;
	letter-spacing:normal;
	text-align:left;
}

#caracteristicas {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 8px;
	margin: 10px 0 16px 0;
}

#contenedor-entidad .contenedor_caracteristica {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	border: 1px solid #e5e5e7;
	border-radius: 12px;
	background-color: #fff;
	padding: 10px 14px;
	text-align: center;
	min-width: 90px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.06);
	-webkit-transition: -webkit-transform 0.15s, box-shadow 0.15s;
	transition: transform 0.15s, box-shadow 0.15s;
}

#contenedor-entidad .contenedor_caracteristica:hover {
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

#contenedor-entidad .contenedor_caracteristica img {
	width: 40px;
	height: 40px;
	object-fit: contain;
	display: block;
	margin: 0 auto 6px auto;
}

#contenedor-entidad .contenedor_caracteristica .nombre_caracteristica {
	display: block;
	font-size: 12px;
	font-weight: 500;
	color: #1d1d1f;
	line-height: 1.3;
}

#contenedor_contenidos{
	max-width: 980px;
    margin: 0px auto;
}

#contenedor-portada{
	width:100%;
	display: inline-block;
	background-repeat:no-repeat;
	background: center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:10;
	padding-top: 195px;
}

@media all and (max-width:991px){
	#contenedor-portada{
	width:100%;
	display: inline-block;
	background-repeat:no-repeat;
	background: center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:10;
	padding-top: 100px;
}
}


#contenidos_portada{
	width:100%;
	
}


@media all and (max-width:991px){
	#titulo_entidad{
	    text-align:center;
		position: relative;
		z-index: 2;
	}
}

.social-nav a {
    display: inline-block;
    float: left;
    width: 30px; /*Tamaño cuadrado*/
    height: 30px; /*Tamaño cuadrado*/
    font-size: 5px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    line-height: 30px; /*Tamaño cuadrado*/
    background: #b15e9f;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.social-nav a {
    overflow: hidden;
    font-size: 18px; /*Tamaño del texto*/
    border-radius: 3px;
}
.social-nav a:hover {
    background: #fff;
    text-shadow: 0px 0px #d4d4d4, 1px 1px #d4d4d4, 2px 2px #d4d4d4, 3px 3px #d4d4d4, 4px 4px #d4d4d4, 5px 5px #d4d4d4, 6px 6px #d4d4d4, 7px 7px #d4d4d4, 8px 8px #d4d4d4, 9px 9px #d4d4d4, 10px 10px #d4d4d4, 11px 11px #d4d4d4, 12px 12px #d4d4d4, 13px 13px #d4d4d4, 14px 14px #d4d4d4, 15px 15px #d4d4d4, 16px 16px #d4d4d4, 17px 17px #d4d4d4, 18px 18px #d4d4d4, 19px 19px #d4d4d4, 20px 20px #d4d4d4, 21px 21px #d4d4d4, 22px 22px #d4d4d4, 23px 23px #d4d4d4, 24px 24px #d4d4d4, 25px 25px #d4d4d4, 26px 26px #d4d4d4, 27px 27px #d4d4d4, 28px 28px #d4d4d4, 29px 29px #d4d4d4, 30px 30px #d4d4d4;
}
.social-nav .twitter {
    background: #00ACED;
    text-shadow: 0px 0px #0087ba, 1px 1px #0087ba, 2px 2px #0087ba, 3px 3px #0087ba, 4px 4px #0087ba, 5px 5px #0087ba, 6px 6px #0087ba, 7px 7px #0087ba, 8px 8px #0087ba, 9px 9px #0087ba, 10px 10px #0087ba, 11px 11px #0087ba, 12px 12px #0087ba, 13px 13px #0087ba, 14px 14px #0087ba, 15px 15px #0087ba, 16px 16px #0087ba, 17px 17px #0087ba, 18px 18px #0087ba, 19px 19px #0087ba, 20px 20px #0087ba, 21px 21px #0087ba, 22px 22px #0087ba, 23px 23px #0087ba, 24px 24px #0087ba, 25px 25px #0087ba, 26px 26px #0087ba, 27px 27px #0087ba, 28px 28px #0087ba, 29px 29px #0087ba, 30px 30px #0087ba;
}
.social-nav .twitter:hover {
    color: #00ACED;
}
.social-nav .facebook {
    background: #3B579D;
    text-shadow: 0px 0px #2d4278, 1px 1px #2d4278, 2px 2px #2d4278, 3px 3px #2d4278, 4px 4px #2d4278, 5px 5px #2d4278, 6px 6px #2d4278, 7px 7px #2d4278, 8px 8px #2d4278, 9px 9px #2d4278, 10px 10px #2d4278, 11px 11px #2d4278, 12px 12px #2d4278, 13px 13px #2d4278, 14px 14px #2d4278, 15px 15px #2d4278, 16px 16px #2d4278, 17px 17px #2d4278, 18px 18px #2d4278, 19px 19px #2d4278, 20px 20px #2d4278, 21px 21px #2d4278, 22px 22px #2d4278, 23px 23px #2d4278, 24px 24px #2d4278, 25px 25px #2d4278, 26px 26px #2d4278, 27px 27px #2d4278, 28px 28px #2d4278, 29px 29px #2d4278, 30px 30px #2d4278;
}
.social-nav .facebook:hover {
    color: #3B579D;
}

.social-nav .instagram {
    background: #C92C7F;
    text-shadow: 0px 0px #731A48, 1px 1px #731A48, 2px 2px #731A48, 3px 3px #731A48, 4px 4px #731A48, 5px 5px #731A48, 6px 6px #731A48, 7px 7px #731A48, 8px 8px #731A48, 9px 9px #731A48, 10px 10px #731A48, 11px 11px #731A48, 12px 12px #731A48, 13px 13px #731A48, 14px 14px #731A48, 15px 15px #731A48, 16px 16px #731A48, 17px 17px #731A48, 18px 18px #731A48, 19px 19px #731A48, 20px 20px #731A48, 21px 21px #731A48, 22px 22px #731A48, 23px 23px #731A48, 24px 24px #731A48, 25px 25px #731A48, 26px 26px #731A48, 27px 27px #731A48, 28px 28px #731A48, 29px 29px #731A48, 30px 30px #731A48;
}
.social-nav .instagram:hover {
    color: #C92C7F;
}

.social-nav .youtube {
    background: #DD4A3A;
    text-shadow: 0px 0px #c23122, 1px 1px #c23122, 2px 2px #c23122, 3px 3px #c23122, 4px 4px #c23122, 5px 5px #c23122, 6px 6px #c23122, 7px 7px #c23122, 8px 8px #c23122, 9px 9px #c23122, 10px 10px #c23122, 11px 11px #c23122, 12px 12px #c23122, 13px 13px #c23122, 14px 14px #c23122, 15px 15px #c23122, 16px 16px #c23122, 17px 17px #c23122, 18px 18px #c23122, 19px 19px #c23122, 20px 20px #c23122, 21px 21px #c23122, 22px 22px #c23122, 23px 23px #c23122, 24px 24px #c23122, 25px 25px #c23122, 26px 26px #c23122, 27px 27px #c23122, 28px 28px #c23122, 29px 29px #c23122, 30px 30px #c23122;
}
.social-nav .youtube:hover {
    color: #DD4A3A;
}
.social-nav .linkedin {
    background: #007BB6;
    text-shadow: 0px 0px #005983, 1px 1px #005983, 2px 2px #005983, 3px 3px #005983, 4px 4px #005983, 5px 5px #005983, 6px 6px #005983, 7px 7px #005983, 8px 8px #005983, 9px 9px #005983, 10px 10px #005983, 11px 11px #005983, 12px 12px #005983, 13px 13px #005983, 14px 14px #005983, 15px 15px #005983, 16px 16px #005983, 17px 17px #005983, 18px 18px #005983, 19px 19px #005983, 20px 20px #005983, 21px 21px #005983, 22px 22px #005983, 23px 23px #005983, 24px 24px #005983, 25px 25px #005983, 26px 26px #005983, 27px 27px #005983, 28px 28px #005983, 29px 29px #005983, 30px 30px #005983;
}
.social-nav .linkedin:hover {
    color: #007BB6;
}
.social-nav .pinterest {
    background: #CB2026;
    text-shadow: 0px 0px #9f191e, 1px 1px #9f191e, 2px 2px #9f191e, 3px 3px #9f191e, 4px 4px #9f191e, 5px 5px #9f191e, 6px 6px #9f191e, 7px 7px #9f191e, 8px 8px #9f191e, 9px 9px #9f191e, 10px 10px #9f191e, 11px 11px #9f191e, 12px 12px #9f191e, 13px 13px #9f191e, 14px 14px #9f191e, 15px 15px #9f191e, 16px 16px #9f191e, 17px 17px #9f191e, 18px 18px #9f191e, 19px 19px #9f191e, 20px 20px #9f191e, 21px 21px #9f191e, 22px 22px #9f191e, 23px 23px #9f191e, 24px 24px #9f191e, 25px 25px #9f191e, 26px 26px #9f191e, 27px 27px #9f191e, 28px 28px #9f191e, 29px 29px #9f191e, 30px 30px #9f191e;
}
.social-nav .pinterest:hover {
    color: #CB2026;
}


/* Redes sociales en datos de contacto (footer del perfil) */
#contenedor_contenido .redes-footer {
	background-image: none;
	padding-left: 10px;
	border-right: none;
	border-bottom: none;
	padding-top: 8px;
}
#contenedor_contenido .redes-footer .social-nav {
	float: none;
	margin: 6px 0 0 0;
}

/*INICIO MODULO ACCESO*/
#acceso_panel{
	background-image:url(/imagenes/portada/modulos_accesos/accesos_inferior_640x25.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;

}

.ingresar{
	color:#106CB4;
	font-size:20px;
	margin:0px 0px 0px 362px;
	float:left;
	text-align:center;
	background-image:url(/imagenes/portada/modulos_accesos/accesos_medio_980x20.png);
	background-repeat:repeat-y;
	background-position:left;
	height:300px;
	padding:0px 35px 0px 25px;
}

#obtener_acceso_registracion{
	float:left;
	border-left:solid 1px #CCC;;
	height:295px;
	width:306px;
	background-image:url(/imagenes/portada/modulos_accesos/accesos_medio_980x20.png);
	background-repeat:repeat-y;
	background-position:right;
	padding:0px 22px 0px 0px;
}

.img_captcha{
	float:left;
	padding-right:15px;
}
.captcha{
	float:left;
}




.obtener_datos{
	color:#106CB4;
	font-size:20px;
	float:left;
	text-align:center;
	padding:0px;
	margin-left:30px;
}

.iniciar_sesion{
	background-image:url(../../imagenes/botones/btn_iniciar_sesion.jpg);
	background-repeat:no-repeat;
	width:173px;
	height:35px;
	border:none;
}


#foto_perfil{
	position:relative;
	top:30px;
	max-width:192px;
	max-height:192px;
	display:block;

}


	
@media(max-width:991px){
	#foto_perfil{
	max-width:180px;
	max-height:180px;
	margin-left:auto;
	margin-right:auto;
	left:10px;
	top:50px;
	}
	#contenedor_portada{
	height:200px;
	}
	
}
/*fin encabezado*/


/*Entidad*/
.img_perfil_min{
    float: left; 
    border: #E2E2E2 
    solid 1px; 
}

#contenedor_contenido_descripcion{
	max-width:990px;
	border:solid #E2E2E2 1px;
	background-color:#FFF;
	padding: 20px 10px 10px 10px;
	margin:5px 0px 5px 0px;
	display:flow-root;
	
}

#contenedor_contenido{
	max-width:990px;
	border:solid #E2E2E2 1px;
	background-color:#FFF;
	padding: 10px 10px 10px 10px;
	margin:5px 0px 5px 0px;
	display:flow-root;
	
}
@media(min-width:991px){
#contenedor_contenido.contenido_reducido{
	max-width:485px;
	min-height:600px;
	float:left;
	padding:10px;
	
}
}

#contenedor_contenido.contenido_reducido iframe{
	width:100%;
	min-height:500px;
	display:block;
	
}

@media(max-width:768px){
#contenedor_contenido.contenedor_contacto_entidad iframe{
	min-height:600px;
}

}
.google-maps {
	position: relative;
	padding-bottom: 75%; /* This is the aspect ratio*/
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

#contenedor_contenido.contenedor_contacto_entidad{
	float:right;
}

.contenedor_captcha{
	margin-top:10px;
	margin-bottom:10px;
}

.contenedor_botonEnviar{
	
}

.contenedor_foto_redes{
	width:350px;
	float:left;
	padding:0px;
	margin:0px 15px 10px 0px;
}

.foto_producto_ampliado {
	width:350px;
}


@media (max-width: 991px) {
	.foto_producto_ampliado {
	    width:100%;
    }
    
    img.img_entidad{
         width:100%;
    }
    
    .contenedor_foto_redes{
	    width:100%;
    }
}

#contenedor_contenido_descripcion img.img_entidad{
	border:solid #E2E2E2 1px;
	padding:1px;
}



#contenedor_contenido ul {
	list-style:none;
}


#contenedor_contenido #titulo{
	border-bottom:solid #E2E2E2 1px;
	padding:0px 0px 10px 0px;
	background-repeat:no-repeat;
	background-position:left top;
	letter-spacing:normal;
	margin-bottom:20px;
	
}

#contenedor_contenido #titulo img{
	margin-right:15px;
}

#contenedor_contenido #titulo h2{
	font-family:"Roboto", sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#333333;
	padding:0px;
	margin:0px;
	letter-spacing:normal;
	text-align:left;
}

#contenedor_contenido #titulo span{
	font-family:"Roboto", sans-serif;
	font-size:14px;
	color:#7E7E7E;
	font-weight: 500;
	letter-spacing:normal;
	padding:0px;
	margin:0px;
}

#contenedor_contenido .descripcion {
	float:right;
	border:solid red 1px;
}
@media (min-width: 997px){
#contenedor_contenido .descripcion {
	margin-left:15px;
}

#contenedor_contenido .descripcion p {
	padding:0px;
	margin:0px;
}
}
#link_mas{
	width:100%;
	border-top:solid #E2E2E2 1px;
	float:right;
	text-align:right;
	position:relative;
	top:20px;
	padding:5px 0px 10px 0px;
}

#link_mas a:link, #link_mas a:visited, #link_mas a:hover{
	color:#7E7E7E;
	font-size:11px;
	font-family:"Roboto", sans-serif;
}

#link_mas a:hover{
	color:#54BBC7;
	text-decoration:none;
}

.gallery clearfix li{
	max-width:250px;
	display:block;
	margin-bottom:10px;
}
.image_foto_entidad { position: relative; /*width: 130px; height: 98px;*/}
.hoverimage_foto_entidad { position: absolute; top: 0; left: 5; display: none; }
.image_foto_entidad:hover .hoverimage_foto_entidad { display: block; }

/*componente galeria*/
.wide {
	border-bottom: 1px #000 solid;
	width: 4000px;
}

.fleft { float: left; /*margin: 0 20px 0 0;*/ }

.cboth { clear: both; }

#main {
	background: #fff;
	max-width: 990px;
	margin:0px;
	padding:0px;
}
#main ul li {
	float:left;
}
#main ul {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#main ul li .img_galerias_ampliadas{
	/*width:124px;*/
	margin-right:13px;
	border:solid #E2E2E2 1px;
	padding:2px;
}

/*fin componente galeria*/

/*PRODUCTOS Y SERVICIOS*/

.marco_producto{
	border:#E2E2E2 solid 1px; 
	padding:10px;
	margin-bottom:15px;
}

#galeria_productos img{
	width:100%;
	margin-bottom:0px;
}

#galeria_productos a{
	text-decoration:none;
}

.container_producto {
    height: auto;
    overflow: hidden !important;
    margin: 10px 10px 5px 10px !important;
    position: relative !important;
	float:left !important;
}
.container_producto > .crop {
    position:absolute !important;
    left: -100% !important;
    right: -100% !important;
    top: -100% !important;
    bottom: -100% !important;
    margin: auto !important;
    min-height: 100% !important;
    min-width: 100% !important;
}

@media (max-width: 991px) {
	.marco_producto{
    border:#E2E2E2 solid 1px;
	padding:10px;
	margin-bottom:15px;
	min-height:200px;
	}
	
  	.container_producto {
    overflow: hidden !important;
    margin: 10px 10px 5px 10px !important;
    position: relative !important;
	float:left !important;
	}	
	
	.container_producto > .crop {
    position:absolute !important;
    left: -100% !important;
    right: -100% !important;
    top: -100% !important;
    bottom: -100% !important;
    margin: auto !important;
    min-height: 100% !important;
    min-width: 100% !important;
	}

}

.nombre_producto{
	color:#7E7E7E;
	font-family:"Roboto", sans-serif;
	font-size:16px;
	text-decoration:none;
	text-align:center;
	width:100%;
}

.nombre_producto a:link, .nombre_producto a:visited{
	color:#7E7E7E;
}

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

.image_producto { position: relative; 
	/*width: 130px;
	height: 165px;
	width:122px;*/
	max-width:150px;
	height:157px;
	border:solid #E2E2E2 1px;
	float:left;
	margin:0px 5px 10px 4px;
	padding:4px;
}
.hoverimage_producto { position: absolute; top: 0; left: 0; display: none; margin:0px 0px 0px 0px; padding:0px; }
.image_producto:hover .hoverimage_producto { display: block; }

/*FIN PRODUCTOS*/


#contenedor_contenido .items{
	display:block;
	font-size:14px;
	color:#7E7E7E;
	border-right:solid #CCCCCC 1px;
	padding: 10px 10px 0px 50px;
	float:left;
	background-repeat:no-repeat;
	background-position:left 10px;
}

@media (max-width: 778px), (max-width: 992px){
	#contenedor_contenido .items{
	border-right:none;
	border-bottom:solid #CCCCCC 1px; 
	padding:20px 10px 20px 45px;
	background-position:left 20px;
	}
}

#contenedor_contenido .direccion{
	background-image:url(/imagenes/iconos/entidad/icono_direccion_35x33.png);
}

#contenedor_contenido .telefonos{
	background-image:url(/imagenes/iconos/entidad/icono_telefono_35x34.png);
}

#contenedor_contenido .sitio_web{
	background-image:url(/imagenes/iconos/entidad/icono_website_35x35.png);
	border-right:none;
	border-bottom:none;
}

#contenedor_contenido .sitio_web a{
	font-size:13px;
	color:#7E7E7E;
	text-decoration:none;
	word-break:break-all;
}

#contenedor_contenido .sitio_web a:hover{
	/*color:#54BBC7;*/
	text-decoration:underline;
}

/* Flexbox layout para la fila de datos de contacto */
#contenedor_contenido .contacto-data-row {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	margin-left: 0;
	margin-right: 0;
}
#contenedor_contenido .contacto-data-row .items {
	float: none;
	flex: 1;
	min-width: 130px;
}
#contenedor_contenido .contacto-data-row .redes-footer {
	float: none;
	flex: 0 0 auto;
	background-image: none;
	padding-left: 16px;
	border-right: none;
	border-bottom: none;
}
@media (max-width: 767px) {
	#contenedor_contenido .contacto-data-row .items,
	#contenedor_contenido .contacto-data-row .redes-footer {
		flex: 0 0 100%;
		border-right: none;
		border-bottom: solid #CCCCCC 1px;
	}
}

a.link_regresar:link, a.link_regresar:visited, a.link_regresar:hover{
	font-family:"Roboto", sans-serif;
	font-size:11px;
	font-style:italic;
	color:#FFF;
	background-image:url(/imagenes/iconos/flecha_regresar_14x11.png);
	background-repeat:no-repeat;
	background-position:5px;
	background-color:#2D2D2D;
	padding:3px 5px 3px 25px;
	margin:5px 0px;
	float:right;
	position:relative;
	text-decoration:none;
}

a.link_regresar:hover{
	background-color:#54BBC7;
}


a.link_acceso{
	float:right;
	text-decoration:none;
	color:#106CB4;
	padding:0px;
	margin:5px 0px 10px 0px;
	width: 100%;
}

a.link_reportar{
	float:right;
	text-decoration:none;
	color:#106CB4;
	padding:0px;
	margin:5px 0px;
}



/*INICIO MODULO ACCESO*/
#contenedor_acceos_panel{
	width:640px;
	margin:0px auto;
}


#modulo_medio_acceso_panel{
	background-image:url(/imagenes/portada/modulos_accesos/accesos_medio_640x9.jpg);
	background-repeat:repeat-y;
}

#modulo_inferior_acceso_panel{
	background-image:url(/imagenes/portada/modulos_accesos/accesos_inferior_640x25.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:0px auto;
	padding:0px 0px 0px 0px;
	width:640px;

}



.ingresar{
	color:#106CB4;
	font-size:20px;
	margin:0px 0px 0px 0px;
	float:left;
	text-align:center;
	height:300px;
	padding:0px 35px 0px 25px;
}



.obtener_acceso_registracion{
	float:left;
	border-left:solid 1px #CCC;;
	height:315px;
	width:311px;
	padding:0px 22px 0px 0px;

}

.img_captcha{
	float:left;
	padding-right:15px;
}
.captcha{
	float:left;
}




.obtener_datos{
	color:#106CB4;
	font-size:20px;
	float:left;
	text-align:center;
	padding:0px;
	margin-left:30px;
}

.iniciar_sesion{
	background-image:url(../../imagenes/botones/btn_iniciar_sesion.jpg);
	background-repeat:no-repeat;
	width:173px;
	height:35px;
	border:none;
}


/*INICIO MODULO REPORTAR ENTIDAD*/
.contenedor_form{
	text-align:center;
	max-width:700px;
	display:grid;
	
}

.campo{
	text-align:left;
	font-weight:800;
	font-size:14px;

}
.titulo_contenedor{
	font-family:"Roboto", sans-serif;
	font-size:18px;
	color:#106CB4;
	background:#FFF;
	border:solid #E2E2E2 1px;
	margin-top:7px;
	padding:5px 5px 5px 5px;
}
.titulo_form{
	font-family:"Roboto", sans-serif;
	color:#106CB4;
	font-size:17px;
	padding:5px 5px 5px 5px;
}
.modulo_ingresar{
	background:#FFF;
	font-family:"Roboto", sans-serif;
	font-size:13px;
	color:#333333;
	border:solid #E2E2E2 1px;
	margin-top:5px;
	font-weight:300;
}
.modulo_formReportar{
	background:#FFF;
	font-family:"Roboto", sans-serif;
	font-size:13px;
	color:#333333;
	border:solid #E2E2E2 1px;
	margin-top:5px;
	font-weight:300;
	
}
.opcion_reporte{
	text-align:left;
	padding-left:60px;
}
.btn_acceso{
	color:#106CB4;
	font-size:14px;
	font-weight:500;
	margin-top:10px;
	margin-bottom:10px;
}
.btn_acceso:hover{
	color:#106CB4;
	font-weight:800;
}

.modulo_obtener_datos{
	background:#FFF;
	font-family:"Roboto", sans-serif;
	font-size:13px;
	color:#333333;
	border:solid #E2E2E2 1px;
	margin-top:5px;
	font-weight:300;

	}
	
	@media(max-width:410px){
	
	.modulo_obtener_datos{
	background:#FFF;
	font-family:"Roboto", sans-serif;
	font-size:13px;
	color:#333333;
	border:solid #E2E2E2 1px;
	margin-top:5px;
	font-weight:300;
	position:absolute;
	}
}
	
/*----------------------------------------------------------------------*/
.texto_acceso_panel{
	background:#D7D7D7;
	height:42px;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:20px;
	padding-top:15px;
	margin-bottom:0px;
	padding-bottom:0px;
}

#acceso_reporte{
	background-image:url(/imagenes/portada/modulos_accesos/accesos_inferior_640x25.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	display:block;
}

.reportar{
	border-left:solid 2px #E2E2E2;
	border-right:solid 2px #E2E2E2;
	padding:0px 159px 0px 136px;
	background-color:#FFF;
	/*width:640px;*/
}

.contenedor_captcha{
	margin:5px 5px 5px 5px;
}


.captcha_reportar{
	float:left;
	padding-right:16px;
	padding-left:30px;
}

.enviar{
	background-image:url(../../imagenes/botones/btn_enviar_93x32.gif);
	background-repeat:no-repeat;
	width:93px;
	height:32px;
	border:none;
}

/*FIN MODULO REPORTAR ENTIDAD*/

/* ================================================================
   REDISEÑO MODERNO — Perfil de Entidad
   Inspirado en Apple: limpio, espacioso, redondeado, con profundidad
   Carga solo en pagina_actual = "entidades"
   ================================================================ */

/* --- Fondo general de la página --- */
body {
	background-color: #f5f5f7;
	font-size: 16px;
	color: #1d1d1f;
	line-height: 1.6;
}

/* --- Espaciado del contenedor principal --- */
#contenidos {
	padding: 16px 0;
}

/* --- Portada: bordes redondeados en base --- */
#contenedor-portada {
	border-radius: 0 0 20px 20px;
}

/* --- Barra de nombre de entidad: frosted glass --- */
#contenidos_encabezado {
	background: rgba(0,0,0,0.60);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	max-height: none;
}

#titulo_entidad {
	background: transparent;
	font-size: 22px;
	font-weight: 600;
	letter-spacing: -0.2px;
	padding: 12px 24px;
}

/* --- Foto de perfil --- */
#foto_perfil {
	border-radius: 20px;
	border: 4px solid #fff;
	box-shadow: 0 4px 24px rgba(0,0,0,0.18);
	padding: 0;
	overflow: hidden;
}

/* --- Barra de navegación de secciones (tabs) --- */
#contenedor_menu_encabezado_entidad {
	background: #1c1c1e;
	padding: 8px 0 12px 0;
}

#menu_entidad ul li a:link,
#menu_entidad ul li a:visited {
	color: rgba(255,255,255,0.70);
	background: rgba(255,255,255,0.10);
	border-radius: 20px;
	padding: 5px 16px;
	-webkit-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;
}

#menu_entidad ul li a:hover {
	background: rgba(255,255,255,0.22);
	color: #fff;
	text-decoration: none;
}

/* --- Cards de contenido (todas las secciones) --- */
#contenedor_contenido_descripcion,
#contenedor_contenido {
	border: none;
	border-radius: 16px;
	box-shadow: 0 2px 18px rgba(0,0,0,0.07);
	padding: 24px;
	margin: 0 0 16px 0;
}

/* --- Encabezados de sección --- */
#contenedor_contenido #titulo {
	border-bottom: 1px solid rgba(0,0,0,0.08);
	padding: 0 0 14px 0;
	margin-bottom: 22px;
}

#contenedor_contenido #titulo h2 {
	font-size: 20px;
	font-weight: 600;
	color: #1d1d1f;
	letter-spacing: -0.3px;
}

#contenedor_contenido #titulo span {
	font-size: 13px;
	color: #86868b;
}

/* --- Imagen dentro de la descripción --- */
#contenedor_contenido_descripcion img.img_entidad {
	border-radius: 12px;
	border: none;
	box-shadow: 0 2px 12px rgba(0,0,0,0.10);
	padding: 0;
}

/* --- Datos de contacto: etiquetas y valores --- */
#contenedor_contenido .items {
	color: #3a3a3c;
	padding: 16px 16px 16px 52px;
	border-right: 1px solid rgba(0,0,0,0.09);
	background-position: left 16px;
}

#contenedor_contenido .items b i {
	color: #86868b;
	font-size: 11px;
	font-style: normal;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

#contenedor_contenido .sitio_web a {
	font-size: 14px;
	display: block;
	margin-top: 0;
}

/* --- Íconos de redes sociales: forma circular --- */
.social-nav a {
	background: #1c1c1e;
	text-shadow: none;
	border-radius: 50%;
	width: 34px;
	height: 34px;
	line-height: 34px;
	padding-top: 0;
	float: none;
	display: -webkit-inline-flex;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 1px 4px rgba(0,0,0,0.15);
	-webkit-transition: -webkit-transform 0.2s, box-shadow 0.2s;
	transition: transform 0.2s, box-shadow 0.2s;
}

.redes-footer .social-nav {
	float: none;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 6px 0;
}

.redes-footer .social-nav li {
	display: -webkit-flex;
	display: flex;
	margin: 0;
}

/* Neutraliza el padding-top específico de instagram del archivo global */
.social-nav a.instagram {
	padding-top: 0;
}

/* Hover: mantiene el color de marca y agrega efecto de elevación */
.social-nav .facebook:hover {
	background: #3B579D;
	color: #fff;
	text-shadow: none;
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
	box-shadow: 0 4px 14px rgba(0,0,0,0.25);
}
.social-nav .twitter:hover {
	background: #00ACED;
	color: #fff;
	text-shadow: none;
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
	box-shadow: 0 4px 14px rgba(0,0,0,0.25);
}
.social-nav .instagram:hover {
	background: #C92C7F;
	color: #fff;
	text-shadow: none;
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
	box-shadow: 0 4px 14px rgba(0,0,0,0.25);
}
.social-nav .linkedin:hover {
	background: #007BB6;
	color: #fff;
	text-shadow: none;
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
	box-shadow: 0 4px 14px rgba(0,0,0,0.25);
}
.social-nav .youtube:hover {
	background: #DD4A3A;
	color: #fff;
	text-shadow: none;
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
	box-shadow: 0 4px 14px rgba(0,0,0,0.25);
}
.social-nav .pinterest:hover {
	background: #CB2026;
	color: #fff;
	text-shadow: none;
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
	box-shadow: 0 4px 14px rgba(0,0,0,0.25);
}

/* --- Botón Regresar al Inicio --- */
a.link_regresar:link,
a.link_regresar:visited {
	background-image: none;
	background-color: transparent;
	color: #0071e3;
	border: 1.5px solid #0071e3;
	border-radius: 24px;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	padding: 6px 20px;
	margin: 16px 0;
	-webkit-transition: background-color 0.2s, color 0.2s;
	transition: background-color 0.2s, color 0.2s;
}

a.link_regresar:hover {
	background-image: none;
	background-color: #0071e3;
	color: #fff;
}

/* --- Galería de imágenes --- */
#main ul li .img_galerias_ampliadas {
	border-radius: 10px;
	border: none;
	box-shadow: 0 1px 8px rgba(0,0,0,0.10);
	padding: 0;
	-webkit-transition: -webkit-transform 0.2s, box-shadow 0.2s;
	transition: transform 0.2s, box-shadow 0.2s;
}

#main ul li .img_galerias_ampliadas:hover {
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
	box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}

/* --- Productos / Categorías --- */
.image_producto {
	border-radius: 10px;
	border: none;
	box-shadow: 0 1px 8px rgba(0,0,0,0.08);
	padding: 0;
	-webkit-transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
}

.image_producto:hover {
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
}

.marco_producto {
	border: none;
	border-radius: 12px;
	padding: 12px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.07);
}

/* --- Footer: grouped list style --- */
#contenedor_contenido.contacto-datos {
	background: #f5f5f7;
	padding: 10px;
}

#contenedor_contenido.contacto-datos .items {
	background-color: #fff;
	border-right: none;
	border-radius: 10px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}

#contenedor_contenido.contacto-datos .contacto-data-row {
	gap: 8px;
}

#contenedor_contenido.contacto-datos .direccion,
#contenedor_contenido.contacto-datos .telefonos,
#contenedor_contenido.contacto-datos .sitio_web {
	background-image: none;
}

#contenedor_contenido.contacto-datos .direccion::before,
#contenedor_contenido.contacto-datos .telefonos::before,
#contenedor_contenido.contacto-datos .sitio_web::before {
	content: none;
}

#contenedor_contenido.contacto-datos .accion-contacto {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	gap: 10px;
	padding: 14px;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #1d1d1f;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	-webkit-transition: background-color 0.15s;
	transition: background-color 0.15s;
}

#contenedor_contenido.contacto-datos .accion-contacto:hover {
	background-color: #ebebed;
	color: #1d1d1f;
	text-decoration: none;
}

#contenedor_contenido.contacto-datos .accion-contacto i {
	color: #86868b;
	font-size: 16px;
	width: 18px;
	text-align: center;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}

#contenedor_contenido.contacto-datos .redes-footer {
	background-image: none;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 10px 8px;
}

/* --- Redes sociales: eliminar text-shadow 3D heredado --- */
.social-nav .facebook,
.social-nav .twitter,
.social-nav .instagram,
.social-nav .linkedin,
.social-nav .youtube,
.social-nav .pinterest {
	text-shadow: none;
}

/* --- Responsive --- */
@media (max-width: 767px) {
	#contenedor_encabezado_menu {
		position: relative;
	}
	#contenedor-portada {
		border-radius: 0 0 12px 12px;
	}
	#contenedor_contenido_descripcion,
	#contenedor_contenido {
		border-radius: 12px;
		padding: 16px;
	}
	#menu_entidad ul li a:link,
	#menu_entidad ul li a:visited {
		font-size: 11px;
		padding: 4px 10px;
	}
}

/* --- Botón Regresar al Inicio --- */
#contenidos #frm_link {
	text-align: center;
	margin: 20px 0 8px;
}

#contenidos #frm_link a {
	background-color: transparent;
	background-image: none;
	border: 1.5px solid #0071e3;
	border-radius: 24px;
	color: #0071e3;
	font-size: 13px;
	font-weight: 500;
	padding: 9px 32px;
	width: auto;
	display: inline-block;
	margin-top: 0;
	-webkit-transition: background-color 0.2s, color 0.2s;
	transition: background-color 0.2s, color 0.2s;
}

#contenidos #frm_link a:hover,
#contenidos #frm_link a:focus {
	background-color: #0071e3;
	background-image: none;
	color: #fff;
}

#contenidos #frm_link .accion_boton {
	color: #0071e3;
	background-color: transparent;
}

#contenidos #frm_link a:hover .accion_boton,
#contenidos #frm_link a:focus .accion_boton {
	color: #fff;
}

/* --- Galería expandible (más de 12 fotos) --- */
.galeria-extra {
	display: none;
}

.galeria-ver-mas-container {
	float: none;
	clear: both;
	text-align: center;
	padding: 14px 0 6px;
}

/* --- Descripción expandible --- */
.descripcion-texto {
	overflow: hidden;
	max-height: 440px;
	position: relative;
}

.descripcion-texto.expandida {
	max-height: none;
	overflow: visible;
}

.descripcion-ver-mas-container {
	text-align: center;
	margin: 8px 0 14px;
	clear: both;
}

/* --- Botón Ver más --- */
.btn-ver-mas {
	background-color: transparent;
	background-image: none;
	border: 1.5px solid #0071e3;
	border-radius: 24px;
	color: #0071e3;
	font-size: 13px;
	font-weight: 500;
	padding: 7px 24px;
	cursor: pointer;
	display: inline-block;
	-webkit-transition: background-color 0.2s, color 0.2s;
	transition: background-color 0.2s, color 0.2s;
}

.btn-ver-mas:hover,
.btn-ver-mas:focus {
	background-color: #0071e3;
	color: #fff;
	outline: none;
}

/* === FIN REDISEÑO MODERNO === */