/** Archivo: estructura_organica.css **/

/*
Directorio
*/
#tituloDirectorio {
	background-image: url(estructura_organica/img/tit_pixel.jpg);
	color: #FFF;
	float: left;
	font-size: 25px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	width: 940px;
	text-align: left;
	margin-left: 4px;
}

#divEncabezado {
	background-image: url(estructura_organica/img/subtit_pixel.jpg);
	float: left;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	width: 940px;
	text-align: left;
	height: 27px;
	margin-left: -6px;
}

#divDirectorio {
	width: 98%;
	margin: auto;
}

#divDatos {
	clear: both;
	background-image: url(estructura_organica/img/fondo_pixel.jpg);
	background-repeat: repeat-x;
	background-color: #EDFDFE;
	width: 100%;
	text-transform: uppercase;
	text-align: left;
	font-size: 12px;
	color: #128A8D;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	width: 940px;
	margin-left: -6px;
}

#divDetalles {
	background-image: url(estructura_organica/img/fondo_directorio.png);
	background-repeat: no-repeat;
	height: 90px;
	position: absolute;
	z-index: 10;
	width: 250px;
	display: none;
	color: #2e2e2e;
	padding-top: 20px;
}

#divDetalles2 {
	background-image:
		url(estructura_organica/img/fondo_directorio2.png);
	background-repeat: no-repeat;
	height: 120px;
	position: absolute;
	z-index: 10;
	width: 260px;
	display: none;
	color: #2e2e2e;
}

#divDetalles3 {
	background-image:
		url(estructura_organica/img/fondo_directorio3.png);
	background-repeat: no-repeat;
	height: 120px;
	position: absolute;
	z-index: 10;
	width: 260px;
	display: none;
	color: #2e2e2e;
}

.registro {
	width: 100%;
	min-height: 25px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #9DD8D8;
}

.registro:hover {
	background-color: #FFF;
}

#encTitulo {
	width: 70%;
	float: left;
}

#encTelefono {
	width: 10%;
	float: left;
	text-align: center;
}

#encMail {
	width: 10%;
	float: left;
	text-align: center;
}

#encDireccion {
	width: 10%;
	float: left;
	text-align: center;
}

.titulo {
	width: 68%;
	float: left;
	background-color: #FFF;
	opacity: .70;
	min-height: 20px;
	margin-top: 1px;
	padding-top: 4px;
	/*display: inline;*/
}

.titulo:hover {
	cursor: pointer;
}

.telefono {
	background: #FFFFFF;
	opacity: .70;
	margin-left: 4px;
	height: 100%;
	width: 90px;
	float: left;
	text-align: center;
}

.telefono:hover {
	cursor: pointer;
}

.mail {
	background: #FFFFFF;
	opacity: .70;
	margin-left: 4px;
	height: 100%;
	width: 90px;
	float: left;
	text-align: center;
}

.mail:hover {
	cursor: pointer;
}

.direccion {
	background: #FFFFFF;
	opacity: .70;
	margin-left: 4px;
	height: 100%;
	width: 90px;
	float: left;
	text-align: center;
}

.direccion:hover {
	cursor: pointer;
}

.subno {
	min-width: 2%;
	clear: both;
}

.subsi {
	min-width: 2%;
	clear: both;
}

.subsi:hover {
	cursor: pointer;
}

.subarbol {
	display: none;
}

#divBuscador {
	background-image: url(../catalogo/catalogo/img/buscador.png);
	background-repeat: no-repeat;
	width: 260px;
	height: 35px;
	float: right;
}

/*Catalogo*/
#contenedor_dependencias {
	width: 960px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.contenedor_dependencias {
	background-color: orange;
}

.menu_dependencias {
	float: left;
	margin: 5px;
}

.opciones_menu {
	float: left;
	cursor: pointer;
	height: 30px;
	margin-top: 15px;
	margin-left: 7px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#secre {
	width: 97px;
	heigth: 40px;
	background-image: url(../catalogo/catalogo/img/dependencias/op_secre.png);
	background-repeat: no-repeat;
}

#secre:hover {
	background-image: url(../catalogo/catalogo/img/dependencias/op_secre2.png);
	background-repeat: no-repeat;
}

#org_des {
	width: 150px;
	heigth: 40px;
	background-image: url(../catalogo/catalogo/img/dependencias/op_des.png);
	background-repeat: no-repeat;
}

#org_des:hover {
	background-image: url(../catalogo/catalogo/img/dependencias/op_des2.png);
	background-repeat: no-repeat;
}

#seed {
	width: 115px;
	heigth: 40px;
	background-image: url(../catalogo/catalogo/img/dependencias/op_seed.png);
	background-repeat: no-repeat;
}

#seed:hover {
	background-image: url(../catalogo/catalogo/img/dependencias/op_seed2.png);
	background-repeat: no-repeat;
}

#todos {
	width: 150px;
	heigth: 40px;
	background-image: url(../catalogo/catalogo/img/dependencias/op_todos.png);
	background-repeat: no-repeat;
}

#todos:hover {
	background-image: url(../catalogo/catalogo/img/dependencias/op_todos2.png);
	background-repeat: no-repeat;
}

.fichas_dep_atributos {
	background-repeat: no-repeat;
	width: 300px;
	height: 230px;
	float: left;
	margin: 10px;
	-moz-box-shadow: 0px 1px 9px #000000;
	-webkit-box-shadow: 0px 4px 13px #000000;
	box-shadow: 0px 4px 13px #000000;
}

.fichas_dep_atributos:hover {
	cursor: pointer;
}

#ficha_dependencias7,#ficha_dependencias6,#ficha_dependencias10,#ficha_dependencias9 {
	background-image: url(../catalogo/catalogo/img/dependencias/fondo_dep.png);
}

#ficha_dependencias2,#ficha_dependencias1 {
	background-image: url(../catalogo/catalogo/img/dependencias/fondo_azul.png);
}

#ficha_dependencias3,#ficha_dependencias5 {
	background-image: url(../catalogo/catalogo/img/dependencias/fondo_rosa.png);
}

#ficha_dependencias4,#ficha_dependencias8 {
	background-image: url(../catalogo/catalogo/img/dependencias/fondo_verde.png);
}

#info_dep {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: left;
	width: 180px;
	height: 200px;
	margin-top: 23px;
	margin-left: 122px;
}

#logo_dependencia {
	width: 100px;
	height: 100px;
	position: relative;
	margin-top: -170px;
	margin-left: 9px;
}

#nombre_corto {
	margin-top: 20px;
}

#nombre_largo {
	margin-top: 12px;
}

#titular {
	margin-top: 20px;
}

#contacto_dep {
	margin-top: 22px;
}

/*buscadores	*/
#buscadores {

}

#Cat_Buscador {
	background-image: url(../catalogo/catalogo/img/buscador.png);
	background-repeat: no-repeat;
	width: 354px;
	height: 34px;
	margin-top: -3px;
	margin-left: 700px;
}

#Cat_Buscador2 {
	background-image: url(../catalogo/catalogo/img/buscador.png);
	background-repeat: no-repeat;
	width: 256px;
	height: 55px;
	margin-top: -3px;
	margin-left: 700px;
}

/*carrusel*/
#botones_carrusel {
	margin-left: 327px;
	height: 70px;
	cursor: pointer;
}

#cat_carrusel_sig {
	background-image: url(../catalogo/catalogo/img/siguiente.png);
	background-repeat: no-repeat;
	height: 36px;
	width: 158px;
	right: 10px;
	float: left;
}

#cat_carrusel_reg {
	background-image: url(../catalogo/catalogo/img/anterior.png);
	background-repeat: no-repeat;
	height: 36px;
	width: 158px;
	float: left;
}

/*
Light Box
*/
#light {
	-moz-border-radius-topleft: 25px;
	-moz-border-radius-topright: 25px;
	-moz-border-radius-bottomright: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
	border-bottom-left-radius: 25px;
	background-color: #fff;
	color: #000;
	position:relative;
	top:0;
}

.black_overlay {
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: .80;
	filter: alpha(opacity =     80);
}

.black_overlay:hover {
	cursor: pointer;
}

.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;
	border: 16px solid orange;
	background-color: white;
}
.box {
	display: none;
	top: 100px;
	position: absolute;
	width: 800px;
	background-image: url(http://www.nombrededios.gob.mx/media/gob_municipales_theme/componentes/estructura_organica/img/dependencias/px_box.png);
	z-index: 1002;
	float:left;
	/*overflow: auto;*/
}
.box2 {
	display: none;
	top: 100px;
	position: absolute;
	width: 800px;
	background-image: url(http://www.nombrededios.gob.mx/media/gob_municipales_theme/componentes/estructura_organica/img/dependencias/px_box.png);
	z-index: 1002;
	float:left;
	/*overflow: auto;*/
}

#encabezado_box {
	width: 800px;
	height: 95px;
	background-image: url(http://www.nombrededios.gob.mx/media/gob_municipales_theme/componentes/estructura_organica/img/dependencias/encabezado_box.png);
	background-repeat: no-repeat;
	margin-top: -12px;
	-moz-border-radius: 25px 25px 25px 25px;
}

#logo_box {
	width: 90px;
	height: 90px;
	margin-left: 69px;
	margin-top: 3px;
	float: left;
}

#corto_box {
	height: 25px;
	margin-left: 130px;
	margin-top: 10px;
	font: 28px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
}

#largo_box {
	height: 25px;
	margin-left: 200px;
	margin-top: 15px;
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
}

#pie_box {
	width: 800px;
	height: 22px;
	background-image: url(http://www.nombrededios.gob.mx/media/gob_municipales_theme/componentes/estructura_organica/img/dependencias/pie_box.png);
	background-repeat: no-repeat;
	-moz-border-radius: 2px 4px 15px 14px;
}

.caja_box {
	width: 244px;
	height: 260px;
	background-color: #f8f8f8;
	float: left;
	margin-left: 11px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 9px;
	-webkit-box-shadow: 5px 1px 50px #999;
	-moz-box-shadow: -1px 1px 11px #999;
	box-shadow: 5px 1px 50px #999;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin-top:10px;
}

/*separadores light box*/
#separadores{

	border-bottom-color: gray;
	margin-top:-5px;
}
#inf_gral{
	 float:left;
	 cursor:pointer;
	 border-bottom-color: #f8f8f8;
	 width:200px;

}
	#inf_gral:hover{
	width:200px;
	background-color: #23A19F;
	}
#mapa_ubicacion{
	float:left;
	cursor:pointer;
	border-bottom-color: #f8f8f8;
	width:200px;

}
	#mapa_ubicacion:hover{
	background-color: #98b64A;
	width:200px;
	}
#titulos {
	color: #333;
}
#linea {
	background-image: url(http://www.nombrededios.gob.mx/media/gob_municipales_theme/componentes/estructura_organica/img/dependencias/linea.jpg);
	background-repeat: no-repeat;
	width: 224;
	height: 3px;
	margin-left: 4px;
}

#leer {
	background-image: url(http://www.nombrededios.gob.mx/media/gob_municipales_theme/componentes/estructura_organica/img/dependencias/leer_mas.png);
	background-repeat: no-repeat;
	width: 55px;
	height: 16px;
	margin-left: 122px;
}

#info {
	width: 800px;
	height: 277px;
	display:none;
}
#info2 {
	width: 800px;
	height: 277px;

}
.mapas{
	float:left;
	width:392px;
	height:269px;
	margin:4px;
}
#titular_lightBox {
	width: 800px;
	height: 160px;
	margin-top: 50px;
}

#foto_titular {
	position: absolute;
	height: 140px;
	width: 140px;
	margin-left: 15px;
	background-color: #999;
	float: left;
	margin-top: 1px;
	overflow: hidden;
}
.datos_titular {
	margin-left: 240px;
	text-align: left;
	margin-top: 15px;
	font: 13px "Trebuchet MS";
}
.con_dep {
	font: 13px "Trebuchet MS";
	width: 230px;
	height: 220px;
	text-align: justify;
	margin-left: 6px;
}

/*BLOQUES*/
#visualization {
	/*background-color: #f8f8f8;*/
	padding: 30px;
}

#organigrama {
	/*background-color: #f8f8f8;
	overflow-x: hidden;
	overflow-y: scroll;*/
	width: 920px;
	height: 545px;
	margin: auto;
	margin-bottom: 30px;
}

.org_general2 {
	background-color: #efeeef;
	-moz-border-radius: 20px;
	border-radius: 20px;
	cursor: pointer;
}

.org_general_select {
	background-color: #dcdcdc;
	border: #f37122;
}

.org_general {
	width: 130px;
	min-height: 110px;
}

.org_dep1 {
	font: 14px "Trebuchet MS";
	background-color: #c4c4c3;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: white;
	margin-top: 10px;
	height: 30%;
}

.org_dep2 {
	font: 14px "Trebuchet MS";
	background-color: #d32a72;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: white;
	margin-top: 10px;
	height: 30%;
}

.org_dep3 {
	font: 14px "Trebuchet MS";
	background-color: #29a5a2;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: white;
	margin-top: 10px;
	height: 30%;
}

.org_dep4 {
	font: 14px "Trebuchet MS";
	background-color: #99b84b;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: white;
	margin-top: 10px;
	height: 30%;
}

.org_dep5 {
	font: 14px "Trebuchet MS";
	background-color: #f37023;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: white;
	margin-top: 10px;
	height: 30%;
}

#org_nombre1 {
	font: 11px "Trebuchet MS";
	border-bottom: 1px solid #c4c4c3;
	height: 50%;
}

#org_nombre2 {
	font: 11px "Trebuchet MS";
	border-bottom: 1px solid #d32a72;
	height: 50%;
}

#org_nombre3 {
	font: 11px "Trebuchet MS";
	border-bottom: 1px solid #29a5a2;
	height: 50%;
}

#org_nombre4 {
	font: 11px "Trebuchet MS";
	border-bottom: 1px solid #99b84b;
	height: 50%;
}

#org_nombre5 {
	font: 11px "Trebuchet MS";
	border-bottom: 1px solid #f37023;
	height: 50%;
}

#org_cargo {
	font: 14px "Trebuchet MS";
	height: 20%;
}

#mas {
	text-align: right;
	height: 20%;
	/*cursor:url(http://www.nombrededios.gob.mx/media/gob_municipales_theme/componentes/img/estructura_organica/pointer_1.png), help;*/
	cursor: pointer;
	margin-left: 55px;
	width: 69px;
	color: #444343;
	margin-top: 5px;
}

/*botones de mapa e informacion general*/
.button {
	border-top: 1px solid #0c9e92;
   background: #41b6b0;
   background: -webkit-gradient(linear, left top, left bottom, from(#17898b), to(#41b6b0));
   background: -moz-linear-gradient(top, #17898b, #41b6b0);
   padding: 9px 18px;
   -webkit-border-radius: 1px;
   -moz-border-radius: 8px 8px 2px 3px;
   border-radius: 1px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 15px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   width:250px;
   float:left;
   height:15px;
   cursor:pointer;
   }
.button2 {
   border-top: 1px solid #0c9e92;
   background: #0a4d49;
   background: -webkit-gradient(linear, left top, left bottom, from(#17898b), to(#0a4d49));
   background: -moz-linear-gradient(top, #17898b, #0a4d49);
   padding: 9px 18px;
   -webkit-border-radius: 9px;
  -moz-border-radius: 8px 11px 2px 2px;
   border-radius: 9px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 15px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   width:250px;
   float:left;
  height:15px;
   cursor:pointer;
   }

.button:hover {
   border-top-color: #18878b;
   background: #18878b;
   color: #e8e8e8;
   }
.button:active {
   border-top-color: #41b5af;
   background: #41b5af;
   }
  .button2:hover {
   border-top-color: #18878b;
   background: #18878b;
   color: #e8e8e8;
   }
.button2:active {
   border-top-color: #41b5af;
   background: #41b5af;
   }
   
   
   
/***************************/

.boxy-wrapper { position: absolute; }
.boxy-wrapper.fixed { position: fixed; }

  /* Modal */
  
  .boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; }
  
  /* Border */

  .boxy-wrapper { empty-cells: show; }
	.boxy-wrapper .boxy-top-left,
	.boxy-wrapper .boxy-top-right,
	.boxy-wrapper .boxy-bottom-right,
	.boxy-wrapper .boxy-bottom-left { width: 10px; height: 10px; padding: 0 }
	
	:root .boxy-wrapper .boxy-top-left { background: url('http://www.nombrededios.gob.mx/media/gob_municipales_theme/componentes/images/boxy-nw.png'); }
	:root .boxy-wrapper .boxy-top-right { background: url('http://www.nombrededios.gob.mx/media/gob_municipales_theme/componentes/images/boxy-ne.png'); }
	:root .boxy-wrapper .boxy-bottom-right { background: url('http://www.nombrededios.gob.mx/media/gob_municipales_theme/componentes/images/boxy-se.png'); }
	:root .boxy-wrapper .boxy-bottom-left { background: url('http://www.nombrededios.gob.mx/media/gob_municipales_theme/componentes/images/boxy-sw.png'); }
	
	/* IE6-8 hacks for the border. IE7+8 should support this natively but fails in conjuction with modal blackout bg. */
	/* NB: these must be absolute paths or URLs to your images */
	.boxy-wrapper .boxy-top-left {
		#filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-nw.png');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-nw.png')";
	}
	.boxy-wrapper .boxy-top-right {
		#filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-ne.png');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-ne.png')";
	}
	.boxy-wrapper .boxy-bottom-right {
		#filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-se.png');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-se.png')";
	}
	.boxy-wrapper .boxy-bottom-left {
		#filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-sw.png');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-sw.png')";
	}
	
	.boxy-wrapper .boxy-top,
	.boxy-wrapper .boxy-bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	.boxy-wrapper .boxy-left,
	.boxy-wrapper .boxy-right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	/* Title bar */
	
	.boxy-wrapper .title-bar { background-color: black; padding: 6px; position: relative; }
	  .boxy-wrapper .title-bar.dragging { cursor: move; }
	    .boxy-wrapper .title-bar h2 { font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; }
	    .boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; }
		
	/* Content Region */
	
	.boxy-inner { overflow: hidden; background-color: white; padding: 0 }
	.boxy-content { padding: 15px; }
	
	/* Question Boxes */

    .boxy-wrapper .question { width: 350px; min-height: 80px; }
    .boxy-wrapper .answers { text-align: right; }