@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,700,700i,800');*{ margin: 0; padding: 0; }
html, body, #map{
	font-family:'Open Sans', Verdana, Geneva, sans-serif;
	font-size:14px;
	width: 100%; height: 100%;
}
#menuRecintos{
	width: 300px;
	max-height:600px !important;
	overflow: scroll;
	overflow-x: hidden;
	/*margin: 100 auto;*/
	background-color: #fff;
	/*border: 1px solid #333;*/
	position: relative;
	top: -75%;
	padding:16px;
	margin-left:8px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 2px solid #ccc;
	-webkit-box-shadow: 4px 6px 5px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 4px 6px 5px 0px rgba(0,0,0,0.35);
	box-shadow: 4px 6px 5px 0px rgba(0,0,0,0.35);
	z-index: 1000;
}
#menuRecintos li{
    list-style:none;
    padding: 2px;
}
ul.LVertical li{padding:4px 0px 4px 0px !important;}
ul.LVertical li:nth-child(even){background:#f2f2f2;}
#menuZonas{
    width: 65%; padding:8px;
    height: auto;
	overflow:hidden; scroll:no;
    margin: 0em 17%;
    background-color: #707271;
	position:fixed; top:0px;
	border-top:none !important;
	-webkit-box-shadow: 0px 10px 17px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 10px 17px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 10px 17px 0px rgba(0,0,0,0.35);
	color:#fff !important;
	z-index: 1000;
}

#menuZonas h1, #menuZonas ul{color:#FFF !important;	display:block !important; }
#menuZonas h1{float:left; padding-left:60px}
#menuZonas img{display:block;float:right; padding:4px; width:40px; height:40px;}

#menuZonas li{
    list-style:none;
    float: left;
    padding: 5px;
}
#divContent{
    top:0px !important; z-index:1000 !important;
    width: 300px; height: 1000px;
    overflow-y: hidden;
    position: fixed;
    background-color: #fff;
    text-align: left;
    float: right;
    right: 0px;
    display: none;
    word-wrap: break-word;
	padding:8px 24px 0px 8px;
	-webkit-box-shadow: -3px 0px 18px 3px rgba(0,0,0,0.35);
	-moz-box-shadow: -3px 0px 18px 3px rgba(0,0,0,0.35);
	box-shadow: -3px 0px 18px 3px rgba(0,0,0,0.35);
}

#divContent #map_post, #divContent #map_rel{width:100%; height:45%; padding:8px;}
#map_post .post{color:#888; text-align:justify;}
#map_post .post a{margin-top:16px;}
#map_post .post p{margin-top:16px;}

#divContent img { 
	width:100% !important; height:auto !important;
	max-width:100%;max-height:100%; margin:auto; 
    display:block; padding:8px 0px 8px 0px;
}

#divContent iframe{ 
	width:100% !important; height:auto !important;
    max-width:100%; max-height:100%; 
    margin:auto; display:block; padding:8px 0px 8px 0px;
}

#divContent #map_rel iframe{ 
	width:100% !important; height:400px !important;
    max-width:100%; max-height:100%; 
    margin:auto; display:block; border:none; padding-top:8px;
}

.leer{
	background:#C60; color:#FFF;
	padding:16px; float:left; text-decoration:none;	
}

/* Iconos del Menú horizontal 
#chkLaHuasteca{display:none !important; visibility:hidden;}
*/

/* Ventana emergente */
.gm-style-iw {
	width: 250px !important;
	background-color: #f7f5e7;
	box-shadow: 0 1px 6px #666;
	border: 1px solid #c9c6b5;
	border-radius: 4px 4px 8px 8px;
	text-align:justify; color:#666;
}
#iw-container {
margin:0 auto !important;
}
#iw-container .iw-title {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 22px;
	font-weight: 400;
	padding: 10px;
	background-color: #cc6600;
	color: white;
	margin: 0;
	border-radius: 2px 2px 0 0;
}
#iw-container .iw-content {
	font-size: 13px;
	line-height: 18px;
	font-weight: 400;
	margin-right: 1px;
	padding: 15px 5px 20px 15px;
	max-height: 140px;
	overflow-y: auto;
	overflow-x: hidden;
}

#iw-container .fotoss a img{width:100%; height:auto; display:block;}
#iw-container .fotoss .ico{width:100%; height:auto; display:block;overflow:hidden; padding:8px 0px; margin:0 auto;}
#iw-container .fotoss .ico img{width:20px !important; display:inline-block; padding:8px !important;}
#iw-container .fotoss h1{ width:100%; padding:12px 0px; background:#C60; color:#FFF; text-align:center;font-size:1.4em !important; line-height:1.2em; font-weight:normal;}
#iw-container .fotoss .desc {padding:8px 0px 16px 8px; text-align:left;}
#iw-container .fotoss .desc span{display:block;}

/* Diagrama de Árbol */

	ol.tree
	{
		padding: 0 0 0 30px;
		width: 400px;
	}
	
	li 
	{ 
		position: relative; 
		margin-left: -15px;
		list-style: none;
	}

	li input
	{
		position: absolute;
		left: 0;
		margin-left: 0;
		z-index: 2;
		cursor: pointer;
		height: 1em;
		width: 1em;
		top: 0;
	}
	
	li input + ol
	{
		background: url(image/toggle-small-expand.png) 40px 0 no-repeat;
		margin: -0.938em 0 0 -44px; /* 15px */
		height: 1em;
	}
	li input + ol > li { display: none; margin-left: -14px !important; padding-left: 1px; }
	
	li ol li ol li input{opacity: 1;}

	li label
	{
		background: url(image/folder-horizontal.png) 15px 1px no-repeat;
		cursor: pointer;
		display: block;
		padding-left: 37px;
	}
	
	/*  iconos CIC menu horizontal 
	
	li label.HT, li label.SA, li label.SB, li label.SG, li label.ST, li label.VT, li label.CM, li label.AP, li label.CM2, li label.VM{
	float:left !important; 	
	}
	
	*/
	li label.HT
	{background: url(../Iconos/Huasteca.svg) 15px 1px no-repeat;}
	
	li label.SA
	{background: url(../Iconos/SierraAlta.svg) 15px 1px no-repeat;}
	
	li label.SB
	{background: url(../Iconos/SierraBaja.svg) 15px 1px no-repeat;}
	
	li label.SG
	{background: url(../Iconos/SierraGorda.svg) 15px 1px no-repeat;}
	
	li label.ST
	{background: url(../Iconos/SierraOriental.svg) 15px 1px no-repeat;}
	
	li label.NA
	{background: url(../Iconos/Nahua.svg) 15px 1px no-repeat;}
	
	li label.OT
	{background: url(../Iconos/Otomi.svg) 15px 1px no-repeat;}
	
	li label.VT
	{background: url(../Iconos/ValleTulancingo.svg) 15px 1px no-repeat;}
	
	li label.CM
	{background: url(../Iconos/ComarcaMinera.svg) 15px 1px no-repeat;}
	
	li label.AP
	{background: url(../Iconos/Altiplano.svg) 15px 1px no-repeat;}
	
	li label.CM2
	{background: url(../Iconos/CuencaMexico.svg) 15px 1px no-repeat;}
	
	li label.VM
	{background: url(../Iconos/ValleMezquital.svg) 15px 1px no-repeat;}
	
	li label.TT
	{background: url(../Iconos/Teotlalpan.svg) 15px 1px no-repeat;}

	li label.VA
	{background: url(../Iconos/Valle.svg) 15px 1px no-repeat;}
	
	li label.LL
	{background: url(../Iconos/Llano.svg) 15px 1px no-repeat;}

	li label.BA
	{background: url(../Iconos/Bajio.svg) 15px 1px no-repeat;}

	li label.PM {background: url(../Iconos/material.svg) 15px 1px no-repeat;}
	li label.PI {background: url(../Iconos/inmaterial.svg) 15px 1px no-repeat;}
	li label.AC {background: url(../Iconos/artistas.svg) 15px 1px no-repeat;}
	li label.IC {background: url(../Iconos/infraestructura.svg) 15px 1px no-repeat;}
	
	

	li input:checked + ol
	{
		background: url(image/toggle-small.png) 40px 5px no-repeat;
		margin: -1.25em 0 0 -44px; /* 20px */
		padding: 1.563em 0 0 80px;
		height: auto;
	}
	
	li input:checked + ol > li { display: block; margin: 0 0 0.125em;  /* 2px */}
	li input:checked + ol > li:last-child { margin: 0 0 0.063em; /* 1px */ }
	
	

/* Estilos de perfil de creador */

.CCA2 {width:100%; height:auto; display:block;}
.CCA2 .head_creadores{display:block; width:100%; height:250px; background:url(/assets/img/src/bg.png)}
.CCA2 .head_creadores img{width:200px; height:200px; margin:25px; display:inline-block; float:left;}
.CCA2 .head_creadores .title_creadores{display:inline-block; width:auto; height:auto; float:left; margin:90px 0px;}
.CCA2 .head_creadores .title_creadores h3{display:block; text-transform:none !important;font-size:1.6em !important;}
.CCA2 .head_creadores .title_creadores span{display:block;top:-16px;font-style:italic;padding-left:16px;
       text-transform:none !important; color:#888 !important;font-family: Graphik-Light;font-size:.6em !important;line-height:1.4em;}
.CCA2 .head_creadores .map{display:inline-block; width:50px; height:50px; float:left; margin-top:90px; margin-left:32px;}
.CCA2 .head_creadores .map a img{width:50px !important; height:50px !important; margin:0px !important;}
.CCA2 .semblanza{display:block; width:100%;}
.CCA2 .semblanza .txt{display:block; width:100%; float:left; text-align:justify; margin-right:0%;}
.CCA2 .gal{display:block; width:100%; float:left; margin:2em 0em 2em 0em;}
.CCA2 .gal a{display:inline-block; width:48% !important; height:80px !important; margin:1%; float:left; overflow:hidden;}
.CCA2 .gal a img{position: relative; top: 50%;  transform: translateY(-50%); -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.CCA2 .content_creadores{display:block; width:100%; height:auto; text-align:justify;}
.CCA2 .content_creadores iframe{width:100% !important;}

.texto{	padding: 16px; padding-top: 5px !important;}
.texto img{width:100%; height:auto; margin-bottom:16px;}

.nav{
	height: 100% !important;
	max-height: 90% !important;
}
#menu, #menu .arrow, #menu nav a {
	transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
}

#menu {
	background: #DDD;
	border-right: 0px solid #fff;
	width: 350px;
	height: 100% !important;
	padding: 16px;
	position: fixed;
	z-index: 100000;
	box-shadow: 1px 0 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 1px 0 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 1px 0 3px rgba(0,0,0,0.25);
	left: 0; /* Change to right: 0; if you want the panel to display on the right side. */
}


#menu:hover, #menu:focus {
	left: 0 !important; /* Change to right: 0 !important; if you want the panel to display on the right side. */
}

#menu .arrow {
	right: -40px; margin-top:-13px; /* Change to left: 2px; if you want the panel to display on the right side. */
	padding:8px; display:block; background:#DDD; width:32px !important; height:32px !important;
}

#menu .arrow {
	font: normal 400 25px/25px 'Acme', Helvetica, Arial, sans-serif; /* Acme font is required for .arrow */
	color: rgba(0,0,0,0.75); /* Arrow color */
	width: 16px;
	height: 25px;
	display: block;
	position: absolute;
	top: 20px;
	cursor: default;
}

#menu:hover .arrow {
	transform: rotate(-180deg) translate(6px,-3px);
	-moz-transform: rotate(-180deg) translate(6px,-3px);
	-webkit-transform: rotate(-180deg) translate(6px,-3px);
}

#divDisciplinas{
	height: 99% !important;
	max-height: 99% !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}<label>…</label>

#map_post{width:100%; height:auto; padding:8px; max-height: 90% !important; position: relative; overflow:auto;}
#divDatosAbiertos{ width:100%; height:auto; position: relative; text-align: center; overflow-y:auto; box-shadow:inset -70px 0 200px -30px rgba(0,0,0,.2); border-radius: 1em;}
#divDatosAbiertos a{display: inline-block; cursor:pointer; width:60px !important; padding-right: 20px;}

#divDatosAbiertos img { 
  width:100% !important; height:auto !important;
  max-width:100%;max-height:95%; margin:auto; 
    display:block; padding:8px 0px 8px 0px; 
}