@charset "UTF-8";
*{
	padding:0;
	margin:0;
}
html, body{
	width:100%;
	height:100%;
}

body{
	background:rgb(255,255,255);
	font-family: Arial, "Times New Roman", Georgia;
	-webkit-text-size-adjust:12px;/*14px*/
	-ms-text-size-adjust:12px;/*14px*/
	font-size:12px;/*14px*/
	width:100%;
	height:100%;
	color:#646463;
}

#titulo{
	position:relative;
	width:100%;
	color:#646463;
	overflow:hidden;
	float:left;
	margin:0 0 5px 0;
	text-align:center;
}

header{
	position:relative;
	padding:10px 20px 10px 20px;
	width:100%;
	overflow:hidden;
	background:#FFFFFF;
	margin-left:-10px;
}
#logo_gef{
	background:url(../img/logo/logo_gef.png) no-repeat center center;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	width:100px;
	height:110px;
	position:relative;
	margin:2px 20px 0 0;
}
#logo_pnuma{
	background:url(../img/logo/logo_pnuma.png) no-repeat center center;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	width:100px;
	height:110px;
	position:relative;
	margin:2px 20px 0 0;
}
#logo_pronatura{
	background:url(../img/logo/logo_pronatura.png) no-repeat center center;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	width:110px;
	height:100px;
	position:relative;
	margin:2px 20px 0 0;
}
#logo_conanp{
	background:url(../img/logo/logo_conanp.png) no-repeat center center;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	width:200px;
	height:70px;
	position:relative;
	margin:2px 20px 0 0;
}
#logo_medio_ambiente{
	background:url(../img/logo/logo_medio_ambiente.png) no-repeat center center;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	width:310px;
	height:60px;
	position:relative;
	margin:2px 20px 0 0;
}
#logo_onu{
	background:url(../img/logo/logo_onu.png) no-repeat center center;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	width:120px;
	height:70px;/*90px*/
	position:relative;
	margin:2px 20px 0 0;
}
#logo_semarnat{
	background:url(../img/logo/SEMARNAT.png) no-repeat center center;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	width:230px;
	height:60px;
	position:relative;
	margin:2px 20px 0 0;
}
#logo_shcp{
	background:url(../img/logo/logo_shcp.png) no-repeat center center;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	width:180px;
	height:70px;
	position:relative;
	margin:2px 20px 0 0;
}
#cont_mapa{
	position:relative;
	width:100%;
	height:400px;
	max-height:400px;
	overflow:hidden;
	-webkit-box-shadow:0 0 20px rgba(0,0,0,1);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,1);
	box-shadow:0 0 20px rgba(0,0,0,1);
	background:#333333;
	color:#333333;
}
#mapa{
	position:relative;
	width:100%;
	height:100%;
}
.text-justify{
	text-align: justify;
}
.bienvenida{
	font-size:22px;
	line-height:31px
}
.fs-22{
	font-size:22px;
}
#pantCompl2{
	position: absolute;
	z-index: 500;
	position: absolute;
	left: 11px;
	top: 72px;
	border-radius: 0px;
	background-color: #fff;
	width: 30px;
	height: 30px;
	font-size: 20px;
}
#contenedor_especies{
	position:relative;
	width:100%;
	padding:20px;
	margin:0 auto 50px;
	color:#CCCCCC !important;
	background:#171717;
	z-index:4;
}
#infoExtra{
	position:relative;
	width:960px;
	margin:0 auto 50px;
}
.espTodasSep{
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	position:relative;
	height:215px;
	width:250px;
	margin:0 21px 20px 21px;
	float:left;
	overflow:hidden;
	padding:3px;
	background:transparent;
	cursor:pointer;
}
.espTodasSep:hover{
	background:rgba(0,0,0,0.5);
}
.claseEsp{
	width:95%;
	margin:5px;
	text-align:center;
}
.texto5{
	-webkit-text-size-adjust:20px;
	-ms-text-size-adjust:20px;
	font-size:14px;/* Tenia 20px */
	font-weight:bold;
}
.titOtro{
	display:inline-block;
	display:-webkit-inline-box;
}
.titEspClaseaves{
	font-weight:bold;
	color:#0066FF;
}
.titEspClasemammalia{
	font-weight:bold;
	color:#CC3300;
}
.titEspClasereptilia{
	font-weight:bold;
	color:#33CC00;
}
.titEspClase2{
	color:#FFFFFF !important;
}
.titEspClaseRec{
	font-weight:bold;
	color:#646463;
	text-align:left;
	margin:0 0 15px 0;
	color:#FFFFFF !important;
}
.fotoIndEsp{
	width:75px;
	height:70px;
	float:left;
	margin:3px;
	overflow:hidden;
	background:#FFFFFF;
}
.espTodasImg{
	position:relative;
	width:100%;
	height:100%;
}
.fotoIndEsp2{
	width:238px;
	height:148px;
	margin:3px;
	overflow:hidden;
	background:transparent;
}
.caruselFotoInfo{
	height: 200px;
	margin-bottom: 15px;
}
.height-200px{
	height: 200px;
}
.img-carousel {
	height: 200px;
	object-fit: cover;
	object-position: center;
}
footer{
	width: 100%;
	padding: 20px;
	background-color: #313030;
	/* background-color: #f2f0f0; */
	height: 70px;/*tenia 100px*/
}
.gralOpciones_bot{
	position:relative;
	margin:0 auto 60px;
	width:960px;
	z-index: 400;
}
.opciones_bot{
	position:relative;
	float:left;
	margin-bottom:10px;
}
.gralmas_menos{
	position:relative;
	width:35px;
	height:45px;
	float:left;
}
.gralmas_menos2{
	position:relative;
	width:35px;
	height:45px;
	float:left;
	margin-left:35px;
	background:#F4F4F4;
}
.gralmas_menos3{
	padding-left:105px;
}
.mas_menos{
	position:relative;
	width:12px;
	height:12px;
	float:left;
	margin:15px 0 0 15px;
	cursor:pointer;
	border:solid 1px;
	
}
.mas_menos:hover{
	background:#E6E6E6;
}
.simbolo_mas{
	position:absolute;
	height:8px;
	left:4px;
	top:1px;
	border-left:solid 2px;
}
#simbolo_menos{
	position:absolute;
	width:8px;
	left:1px;
	top:4px;
	border-top:solid 2px;
}
.vent1_area{
	position:absolute;
	bottom:50px;
	width:450px;
	background:rgba(255,255,255,0.8);
	-moz-border-radius: 6px 0px 0px 6px;
	-webkit-border-radius: 6px 0px 0px 6px;
	border-radius: 6px 0px 0px 6px;
}
.vent_area2{
	position:absolute;
	bottom:50px;
	width:270px;
	background:rgba(255,255,255,0.8);
	-moz-border-radius: 6px 0px 0px 6px;
	-webkit-border-radius: 6px 0px 0px 6px;
	border-radius: 6px 0px 0px 6px;
}
.vent_area4{
	position:absolute;
	bottom:50px;
	width:270px;
	background:rgba(255,255,255,0.8);
	-moz-border-radius: 6px 0px 0px 6px;
	-webkit-border-radius: 6px 0px 0px 6px;
	border-radius: 6px 0px 0px 6px;
}
#area_vegetacion{
	margin-left:-150px;
}
.vent_foto{
	position:absolute;
	bottom:100px;
	left: -250px;
	width:200px;
	height:auto;
	background:rgba(255,255,255,0.8);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding:10px;
}
.gralInput1{
	border-bottom:#666666 solid 1px;
	width:100%;
	overflow:hidden;
}
.gralInput2{
	background:#F4F4F4;
	border-bottom:#666666 solid 1px;
	width:100%;
	overflow:hidden;
}
.gralInput3{
	background:#E6E6E6;
	border-bottom:#666666 solid 1px;
	width:100%;
	overflow:hidden;
}
.tasks-list-item {
	line-height: 24px;
	cursor: pointer;
}
.gralInputInput1{
	margin-left:10px;
	padding:10px 0 10px 0;
	float:left;
}
.tasks-list-cb {
	display: none;
}
.tasks-list-cb:checked ~ .tasks-list-mark {
	border-color: #0066FF;
}
.tasks-list-cb:checked ~ .tasks-list-mark2 {
	border-color: #0066FF;
}
.tasks-list-cb:checked ~ .tasks-list-mark:before {
	display: block;
}
.tasks-list-cb:checked ~ .tasks-list-mark2:before {
	display: block;
}
.tasks-list-cb:checked {
	color: #34bf6e;
}
.tasks-list-mark {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-right: 12px;
	width: 20px;
	height: 20px;
	border: 2px solid #666666;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}
.tasks-list-mark:before {
	content: '';
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -4px 0 0 -5px;
	height: 7px;
	width: 10px;
	border: solid #0066FF;
	border-width: 0 0 4px 4px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}
.chechAlgunosActivados{
	position:absolute;
	width:24px;
	height:23px;
}
.tasks-list-mark_ {
	content: '';
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -5px 0 0 -6px;
	height: 4px;
	width: 8px;
	border: solid #666666;
	border-width: 0 0 4px 4px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}
.tasks-list-mark2 {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-right: 12px;
	width: 20px;
	height: 20px;
	border: 2px solid #666666;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}
.tasks-list-mark2:before {
	content: '';
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -6px;
	height: 12px;
	width: 12px;
	background: #0066FF;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.gralInputText1{
	padding:10px 0 10px 0;
}
.opcion_label{
	cursor:pointer;
	overflow:hidden;
	font-weight:normal;
}
.opcion_label_bold{
	color:#0066FF;
	font-weight:bold;
}
.opcion_label:hover, .opcion_label_bold:hover{
	color:#000000;
	font-weight: bold;
}
.cargando_elem{
	background:url(../img/varios/cargando5.gif) no-repeat center;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	position:relative;
	width: 25px;
	height: 25px;
}

#textoConsultas{
	-webkit-text-size-adjust:16px;
	-ms-text-size-adjust:16px;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	margin:0 0 7px 7px;
}
.list-group-item:hover{
	background: #CCCCCC;
	font-weight: bold;
}
.list-group-item:active, .list-group-item:visited, .list-group-item:focus{
	outline:0px;
}
.imgProcesosClass{
	position:relative;
	background: transparent url(../img/varios/cargando.gif) no-repeat bottom;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	width:35px;
	height:35px;	
	display:none;
}
.msjProceso2{
	display:none;
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 10px;
}
.custom-cluster-icon {
	background: none !important;
	border: none !important;
	text-align: center;
}
.tablaEvaluacionClass2{
	width: 100%;
}
label {
	display: inline !important;
	max-width: 100% !important;
	margin-bottom: 5px !important;
	font-weight: 700 !important;
}
.boton_estilo{
	cursor: pointer;
	width: 120px;
	height: 30px;
	margin:0px 2px 0 2px;
	padding: 0;
	background:#0099CC;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: none;
	-moz-box-shadow:
		0 15px 30px 0 rgba(0,0,0,.25) inset,
		0 2px 7px 0 rgba(0,0,0,.2);
	-webkit-box-shadow:
		0 15px 30px 0 rgba(0,0,0,.25) inset,
		0 2px 7px 0 rgba(0,0,0,.2);
	box-shadow:
		0 15px 30px 0 rgba(0,0,0,.25) inset,
		0 2px 7px 0 rgba(0,0,0,.2);
	font-family: 'PT Sans', Helvetica, Arial, sans-serif;
	-webkit-text-size-adjust:14px;
	-ms-text-size-adjust:14px;
	font-size:14px;
	font-weight: 700;
	color: #FFFFFF;
	text-shadow: 0 1px 2px rgba(0,0,0,.1);
	-o-transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	-ms-transition: all .2s;
}
.boton_estilo:hover {
	-moz-box-shadow:
		0 15px 30px 0 rgba(0,0,0,.30) inset,
		0 2px 7px 0 rgba(0,0,0,.2);
	-webkit-box-shadow:
		0 15px 30px 0 rgba(0,0,0,.30) inset,
		0 2px 7px 0 rgba(0,0,0,.2);
	box-shadow:
		0 15px 30px 0 rgba(0,0,0,.30) inset,
		0 2px 7px 0 rgba(0,0,0,.2);
}
.boton_estilo:active {
	-moz-box-shadow:
		0 15px 30px 0 rgba(0,0,0,.15) inset,
		0 2px 7px 0 rgba(0,0,0,.2);
	-webkit-box-shadow:
		0 15px 30px 0 rgba(0,0,0,.15) inset,
		0 2px 7px 0 rgba(0,0,0,.2);
	box-shadow:        
		0 5px 8px 0 rgba(255,255,255,.1) inset,
		0 1px 4px 0 rgba(255,255,255,.1);
	border: 0px solid rgb(169,64,43);
	padding: 0 10px 0 10px;
}
.boton_estiloCanc{
	cursor: pointer;
	width: 120px;
	height: 30px;
	margin:0px 2px 0 2px;
	padding: 0;
	background:#FE3D3D;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: none;
	-moz-box-shadow:
		0 15px 30px 0 rgba(0,0,0,.25) inset,
		0 2px 7px 0 rgba(0,0,0,.2);
	-webkit-box-shadow:
		0 15px 30px 0 rgba(0,0,0,.25) inset,
		0 2px 7px 0 rgba(0,0,0,.2);
	box-shadow:
		0 15px 30px 0 rgba(0,0,0,.25) inset,
		0 2px 7px 0 rgba(0,0,0,.2);
	font-family: 'PT Sans', Helvetica, Arial, sans-serif;
	-webkit-text-size-adjust:14px;
	-ms-text-size-adjust:14px;
	font-size:14px;
	font-weight: 700;
	color: #FFFFFF;
	text-shadow: 0 1px 2px rgba(0,0,0,.1);
	-o-transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	-ms-transition: all .2s;
}
.boton_estiloCanc:hover {
	-moz-box-shadow:
		0 15px 30px 0 rgba(0,0,0,.30) inset,
		0 2px 7px 0 rgba(0,0,0,.2);
	-webkit-box-shadow:
		0 15px 30px 0 rgba(0,0,0,.30) inset,
		0 2px 7px 0 rgba(0,0,0,.2);
	box-shadow:
		0 15px 30px 0 rgba(0,0,0,.30) inset,
		0 2px 7px 0 rgba(0,0,0,.2);
}
.boton_estiloCanc:active {
	-moz-box-shadow:
		0 15px 30px 0 rgba(0,0,0,.15) inset,
		0 2px 7px 0 rgba(0,0,0,.2);
	-webkit-box-shadow:
		0 15px 30px 0 rgba(0,0,0,.15) inset,
		0 2px 7px 0 rgba(0,0,0,.2);
	box-shadow:        
		0 5px 8px 0 rgba(255,255,255,.1) inset,
		0 1px 4px 0 rgba(255,255,255,.1);
	border: 0px solid rgb(169,64,43);
	padding: 0 10px 0 10px;
}
.boton_estilo2{
	cursor:default;
	width: 90px;
	height: 30px;
	margin:0px 2px 0 2px;
	padding: 0;
	background:#999999;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #999999;
	font-family: 'PT Sans', Helvetica, Arial, sans-serif;
	-webkit-text-size-adjust:14px;
	-ms-text-size-adjust:14px;
	font-size:14px;
	font-weight: 700;
	color:#CCCCCC;
	text-shadow: 0 1px 2px rgba(0,0,0,.1);
	-o-transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	-ms-transition: all .2s;
}
.color-white{
	color: white;
}
.alinkFooter:link{
	color:#CCCCCC;
	text-decoration:none;
	display:inline-block;
	display:-webkit-inline-box;
}
.alinkFooter:hover{
	text-decoration:underline;
}
.alinkFooter:visited, alink:active{
	color:#CCCCCC;
}

.cuadroMsjGral2__{
	position:absolute;
	cursor:auto;
	width:50px;
	color:#CCCCCC;
	z-index:5;
}
.cMsjInterInfoClass2__{
	margin:0 0 30px -330px;
	position:relative;
	background: #000000 url(../img/fondo/piel__.png) no-repeat  0 -250px;
	padding:15px;
	width:360px;
	text-align:justify;
	-webkit-box-shadow:0 0 0 1px rgba(0, 0, 0, .1), 0 1px 10px rgba(0, 0, 0, .35);
	-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 10px rgba(0, 0, 0, .35);
	box-shadow:0 0 0 1px rgba(0, 0, 0, .1), 0 1px 10px rgba(0, 0, 0, .35);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:solid 1px rgba(0, 0, 0, .25);
}
.flechaContex2__{
	color:#646463;
	position:absolute;
	bottom:-20px;
	right:50px;
	background:#000000;
	-webkit-transform:translate(24px, -12px) rotate(45deg);
	-moz-transform:translate(24px, -12px) rotate(45deg);
	-ms-transform:translate(24px, -12px) rotate(45deg);
	-o-transform:translate(24px, -12px) rotate(45deg);
	transform:translate(24px, -12px) rotate(45deg);
	width:15px;
	height:15px;
	border-right:solid 1px rgba(0, 0, 0, .25);
	border-bottom:solid 1px rgba(0, 0, 0, .25);
}
.cargando1___{
	background:url(../img/varios/cargando.gif) no-repeat transparent;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	width:20px;
	height:20px;
	position:relative;
	margin:0 auto;
}
.fotINFClass__{
	position:relative;
	width:100%;
	height:60px;
	overflow:hidden;
	line-height:14px;
	-webkit-text-size-adjust:11px;
	-ms-text-size-adjust:11px;
	font-size:11px;
}
.fotIndivClassGral__{
	position:relative;
	width:95%;
	overflow:hidden;
	background:#FFFFFF;
	padding:5px;
	margin-right:20px;
	line-height:15px;
}
.fotIndivClassGral__:hover{
	background:rgba(0,0,0,0.3);
}
.titDes{
	position:relative;
	text-align:center;
	width:100%;
	font-weight:bold;
	overflow:hidden;
	margin-bottom:10px;
}
@media only screen and (max-width: 615px){
	#area_especie{
		left: -128px;
	}
	.vent_foto{
		left: -350px;
	}
	#area_vegetacion {
		margin-left: 0px;
	}
}
.texto5{
	-webkit-text-size-adjust:20px;
	-ms-text-size-adjust:20px;
	font-size:20px;
	font-weight:bold;
}
.titFrm{
	font-weight:bold;
	color:#407104;
}
.tablaFotosClass{
	width:100%;
}
.thClass{
	border-top:solid 1px rgba(255,255,255,0.1);
	border-bottom:solid 1px rgba(255,255,255,0.1);
	vertical-align:top;
	padding:5px;
}
.fotoH:after {
	content:'FOTOGRAFÍA';
}
.imgFoto{
	width:100px;
	height:100px;
}
.imgEspecie{
	width:45px;
	margin:2px;
	border:solid 1px #CCCCCC;
}
.thClass{
	border-top:solid 1px rgba(255,255,255,0.1);
	border-bottom:solid 1px rgba(255,255,255,0.1);
	vertical-align:top;
	padding:5px;
}
.tdClass{
	border-bottom:solid 1px rgba(255,255,255,0.1);
	vertical-align:middle;
	text-align:center;
	padding:5px;
}
.trClass:hover{
	background:rgba(255,255,255,0.1);
}
.tdClassEsp{
	position:relative;
	width:110px;
}
.alink2{
	color:#407104;
	cursor:pointer;
}
.alink2:hover{
	text-decoration:underline;
}
.alink:link{
	color:#407104;
	text-decoration:none;
}
.alink:hover{
	text-decoration:underline;
}
.alink:visited, alink:active{
	color:#407104;
}
a{
	color:#407104 !important;
}
.cargando3{
	background:url(../img/varios/cargando2.gif) no-repeat transparent;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	width:20px;
	height:20px;
	position:relative;
	margin:0 auto;
}