@charset "utf-8";
/***************************************************************/
/***********************   ESTILOS  GENERALES   ****************/
/***************************************************************/
body,td,th {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #444;
}
body {
	margin: 0px;
	background-color: #FFFFFF;
}
form,input,text-area{margin:0;padding:0;}
a:focus {
	outline:none;
}
a:link {  
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: underline;
}
h1 {
	font-size: 12px;
	font-weight: 700;
}
h2 {
	font-size: 11px;
	font-weight: 700;
	color:#444;
	text-decoration:underline;
	padding-left:5px;
}
hr{ size:1px; }
/***************************************************************/
/*********************** FIN ESTILOS  GENERALES ****************/
/***************************************************************/



/***************************************************************/
/***********************       ENCABEZADO       ****************/
/***************************************************************/
.cabecera {
	width:auto;
	height:auto;
	min-height:141px;
}
.plecaTop {
	width:auto;
	height:20px;
}
.contenedorFechaDependencia {
	width:777px;
	height:31px;
	margin:auto;
}
.contenedorFecha {
	height:18px;
	font-weight:700;
	color:#FFFFFF;	
	padding-top:2px;
	padding-right:5px;
	float:left;
}
.contenedorDependencia {
	width:auto;
	height:18px;
	font-weight:700;
	color:#FFFFFF;
	padding-top:2px;
	padding-left:6px;
	float: right
}
.plecaTopLogo {
	width:auto;
	height:89px;
}
.contenedorLogo {
	width:777px;
	height:89px;
	margin:auto;
}
.contenedorSipoem {
	width:248px;
	height:89px;
	font-weight:700;
	float:left;
}
.contenedorILogoDependencia {
	width:248px;
	height:89px;
	font-weight:700;
	float: right;
}
.plecaTopBotones {
	width:auto;
	height:45px;
	background: #E3E3E3;
	background-image: linear-gradient(#D0D0D0, #E3E3E3,#D0D0D0);
	border-top:1px solid #A2A2A2;
	border-bottom:1px solid #A2A2A2;
}
.contenedorIconos{
	width:777px;
	height:26px;
	margin:auto;
	padding-top:6px;
}
.icono1{
	list-style:none;
	text-decoration:none;
	float:left;
	margin:0;
	padding:0;
	top: 7px;
    position: relative;
}

.icono2{
	list-style:none;
	text-decoration:none;
	float:left;
	margin:0;
	padding:0;
	
}
.icono1 li,.icono2 li{
	border:0;
	text-decoration:none;
	float:left;
	margin:0;
	padding:0;
	font-weight:700;
	color:#A2A2A2
}
.icono1 li a,.icono2 li a{
	display:block;
	text-decoration:none;
	text-align:center;
	white-space:nowrap;
	background-repeat:no-repeat;
	padding:1px 15px 2px 23px;
	font-weight:700;
	color:#A2A2A2
}
.icono1 li a{
	/*
	background:white;
	background-image:url(../../img/png/inicio_gris.png);
	background-repeat:no-repeat;*/
}
.icono2 li a{
	background-image:url(../../img/png/iconoMapa.png);
}
.icono1 li a:hover,.icono2 li a:hover{
	text-decoration:underline;
}
.contenedorBuscador{
	height:18px;
	font-weight:700;
	color:#A2A2A2;
	text-align:left;
	width:200px;
	float:right;
	background:white;
	border:#A2A2A2 solid 1px;
	top: 7px;
    position: relative;
}
.buscador{
	font-size:12px;
	font-weight:700;
	color:#A2A2A2;
	height:18px;
	text-indent:5px;
	width:175px;
	border:none;
	height:18px;
	vertical-align:top;
}
.lupa-buscador{
	margin:2px 3px 0 0;
}
/***************************************************************/
/***********************     FIN ENCABEZADO     ****************/
/***************************************************************/



/***************************************************************/
/**********************        CONTENIDO        ****************/
/***************************************************************/
.contenido {
	width:auto;
}
.sombra {
	width:100%;
	height:5px;
	background:url(../../img/png/sombraTop.png) repeat-x;
	position:absolute;
	z-index:2;
}
.marcoBorde {
	
	width:800px;
	margin:auto;
	padding:0 10px 0 10px;
	min-height:500px;
	border-radius: 18px;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.1),0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.marcoBordeVerificacion {
	
	width:985px;
	margin:auto;
	padding:4px 10px 0 10px;
	min-height:500px;
	border-radius: 18px;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.1),0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.contenedorFondoContenido {
	width:590px;
	float:left;
}

.contenedorFondoContenidoVerificacion {
	width:590px;
	float:none;
}

.contenedorFondoContenidolgt {
	width:100%;
	/*float:left;*/
	
}
.fondoContenido {
	width:545px;
	padding:10px 20px 10px 20px;
	min-height: 500px;
	background: #FFFFFF;
	border-radius: 18px;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3),0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	
}
.fondoContenidoBottom {
	/*width:545px;
	height:18px;
	background: #FFFFFF;
	border-right: solid #67C19D;
	border-left: solid #67C19D;*/
}
/***************************************************************/
/**********************     FIN  CONTENIDO      ****************/
/***************************************************************/



/***************************************************************/
/**********************      MENÚ  IZQUIERO     ****************/
/***************************************************************/

.contenedorMenuIzquierdo {
	width:185px;
	padding: 10px 5px 1px 5px;
	float:right;
}
.spacer{
	clear:both;
	height:0;
	display:block;
}
.tituloIzq{
	font-size:10px;
	font-weight:700;
	color:#FFFFFF;
	padding:4px 4px 3px 4px;
	text-transform:uppercase;
	margin:10px 20px 10px 0;
	text-align:center;
}
.tituloIzqIcono{
	font-size:10px;
	font-weight:700;
	color:#FFFFFF;
	padding:4px 4px 3px 4px;
	margin:10px 20px 10px 0;
	text-align:center;
}
.subTitleIzq{
	font-size: 10px;
	font-weight:700;
	color:#000000;
	margin:0px 4px 0 4px;
}
.contenidoIzq{
	font-size: 10px;
	color:#000000;
	margin:2px 4px 10px 4px;
	text-align:center;
}
.tituloFraccIzq{
	padding:0 4px 0 30px;
}
.tituloFraccIzq .nombreFraccIzq{
	font-weight:700;
}
.tituloFraccIzq .numberFraccIzq{
	font-size:10px;
	font-weight:700;
	text-transform:uppercase;
}
.menuFraccIzq {
	border:0;
	margin:10px;
	padding:0;
	font-weight:700;
	font-size:10px;
}
.menuFraccIzq li, .menuFraccIzq li a, .menuFraccIzq li a:link, .menuFraccIzq li a:visited{
	list-style-type:none;
	margin:0;
	padding:4px;
	text-decoration:none;
	color: #000000;
}
.menuFraccIzq li a:hover, .menuFraccIzq li a:active{
	padding:3px;
}

/***************************************************************/
/**********************    FIN MENU  IZQUIERO   ****************/
/***************************************************************/



/***************************************************************/
/**********************      MENÚ  DERECHO      ****************/
/***************************************************************/
.contenedorMenuDerecho {
	width:185px;
	padding: 10px 5px 1px 3px;
	float:left;
}
.spacer{
	clear:both;
	height:0;
	display:block;
}
.tituloDer{

	font-size:10px;
	font-weight:700;
	color:#FFFFFF;
	padding:4px 4px 3px 4px;
	text-transform:uppercase;
	margin:10px 20px 10px 0;
	text-align:center;
}

.tituloD{

	font-size:10px;
	font-weight:700;
	color:#FFFFFF;
	padding:4px 4px 3px 4px;
	text-transform:uppercase;
	margin:10px 20px 10px 0;
	text-align:center;
}

.subTitleDer{
	font-size: 10px;
	font-weight:700;
	color:#000000;
	margin:0px 4px 0 4px;
}
.contenidoDer{
	font-size: 10px;
	color:#000000;
	margin:2px 4px 10px 4px;
	text-align:center;
}
.tituloFraccDer{
	padding:0 4px 0 30px;
}
.tituloFraccDer .nombreFraccDer{
	font-weight:700;
}
.tituloFraccDer .numberFraccDer{
	font-size:10px;
	font-weight:700;
	text-transform:uppercase;
}
.menuFraccDer {
	border:0;
	margin:10px;
	padding:0;
	font-weight:700;
	font-size:10px;
}
.menuFraccDer li, .menuFraccDer li a, .menuFraccDer li a:link, .menuFraccDer li a:visited{
	list-style-type:none;
	margin:0;
	padding:4px;
	text-decoration:none;
	color: #000000;
}
.menuFraccDer li a:hover, .menuFraccDer li a:active{
	padding:3px;
}
/***************************************************************/
/**********************    FIN MENU  DERECHO    ****************/
/***************************************************************/



/***************************************************************/
/**********************     PIE DE  PÁGINA      ****************/
/***************************************************************/
.piePagina {
	width:auto;
	height:auto;
	min-height:80px;
}
.listadoPie{
	background: #E3E3E3;
    background-image: none;
	background-image: linear-gradient(#E3E3E3, #E3E3E3,#D0D0D0);
	border-top: 1px solid #A2A2A2;
	border-bottom: 1px solid #A2A2A2;
	width:100%;
	height:34px;
	margin:auto;
	padding-top:5px;
	color:#666;
	text-align:center;
	font-weight:700;
}
.div-listadoPie{
	margin:0 auto;
	width:820px;
}
.contenedorListado {
	position: relative;
	width: 751px;
	overflow: hidden;
	margin:1px 7px 0 7px;
	float:left;
	z-index:0;
}
.scrollListado {
	width: 751px; /* = width + margin left + margin right + padding*2 + border*2  from the content rule */
}
.contenedorScrollListado, .contenedorScrollListado a{
	width: 751px;
	padding: 0px;
	color:#888;
	font-size: 11px;
	font-weight:400;
	white-space:nowrap;
	text-decoration:none;
}
.contenedorScrollListado a:hover{
	color:#444;
	font-size: 11px;
	text-decoration: underline;
}
.direccionPie{
	width:100%;
	min-height:21px;
	margin:auto;
	padding:5px 0;
	font-size:11px;
	text-align:center;
	clear:left;
	white-space:normal;
	word-wrap:break-word;
}
.div-direccionPie{
	margin: 0 auto;
	width:820px;
}
.recomendacionPie{
	width:100%;
	min-height:16px;
	margin:auto;
	text-align:center;
	color:#FFFFFF;
	font-size:11px;
	font-weight:700;
	white-space:nowrap;
	padding:2px 0 ;
}
/***************************************************************/
/**********************   FIN PIE DE  PÁGINA    ****************/
/***************************************************************/



/***************************************************************/
/**********************       GLOSSY MENÚ       ****************/
/***************************************************************/
.glossymenu{
	margin:0 0 0 19px;
	padding: 0px;
	width: 560px; /*width of menu*/
	position:absolute;
	z-index:1;
}
.glossymenu a.menuitem, .glossymenu a.menuitem:visited, .glossymenu .menuitem:active, .glossymenu a.menuitem:hover{
	font: 700 11px Arial;
	color: #fff;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	height:25px;
	padding:0 0 0 14px;
	text-decoration: none;
}
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 5px;
	right: 5px;
}
.glossymenu div.submenu{ /*DIV that contains each sub menu*/ }
.submenu2 .divLeft{ /*DIV that contains each sub menu*/
	float:left;
}
.glossymenu div.baseSubmenu{ /*DIV that contains each sub menu*/
	width:560px;
	height:10px;
}
.glossymenu div.submenu ul{ /*UL of each sub menu*/
	width:254px;
	list-style-type:none;
	margin: 0; 
	padding:5px 13px 0 13px;
}
.glossymenu div.submenu ul li{
	padding:0;
}
.glossymenu div.submenu ul li a{
	display: block;
	font: bold 10px Arial;
	color: #fff;
	text-decoration: none;
	padding:3px;
}
.glossymenu div.submenu ul li a:hover{
	color: #fff;
	padding:3px;
}
/***************************************************************/
/**********************     FIN GLOSSY MENÚ     ****************/
/***************************************************************/



.fondoContenidoFracc{
	padding:32px 0 0 0;
	height:90px;
}
.fondoContenidoFracc .nombreFraccDer{
	padding:0 0 0 50px;
	color:#444;
	font-weight:700;
	font-size:18px;
}
.fondoContenidoFracc .rubroFraccDer{
	padding:0 0 0 70px;
	font-size:13px;
	color:#888;
	font-weight: bold;
	line-height:20px;
}
.fondoContenidoFracc .numberFraccDer{
	padding:0 0 0 93px;
	font-size:11px;
	font-weight: bold;
	text-transform:uppercase;
}
/* --------------------------------------Estilos Tabla---------------------------------------*/
table.ipo th{
	text-align:left;
	padding:3px 3px;
	color:#fff;
	font-weight:700;
	font-size:11px;
	/*white-space:nowrap;*/
}
table.ipo th.ctr{
	text-align:center;
	padding:3px 3px;
	color:#fff;
	font-weight:700;
	font-size:11px;
	white-space:nowrap;
}
table.ipo td{
	text-align:left;
	padding:2px 3px 2px 3px;
	font-size:11px;
}
table.ipo td.der{
	text-align:right;
	padding:2px 3px 2px 3px;
	font-size:11px;
}
table.ipo td.ctr{
	text-align:center;
	padding:2px 3px 2px 3px;
	font-size:11px;
}
/*Estilos LGT*/
table.ipolgt th{
	text-align:left;
	padding:3px 3px;
	color:#fff;
	font-weight:700;
	font-size:11px;
}
table.ipolgt th.ctr{
	text-align:center;
	padding:3px 3px;
	color:#fff;
	font-weight:700;
	font-size:11px;
}
table.ipolgt td{
	text-align:left;
	padding:2px 3px 2px 3px;
	font-size:11px;
}
table.ipolgt td.der{
	text-align:right;
	padding:2px 3px 2px 3px;
	font-size:11px;
}
table.ipolgt td.ctr{
	text-align:center;
	padding:2px 3px 2px 3px;
	font-size:11px;
}



/* -------------Estilos Contenido diseño editorial----------------------*/


.tituloCargo{
	font-size:10px;
	font-weight:700;
	color:#999;
}
.tituloRubro{
	font-size:10px;
	font-weight:700;
	color:#000;
}
.tituloRubroLgt{
	font-weight:700;
	font-size: 12px;
	font-weight: bold;
}
.numeroConsecutivo{
	font-size:20px;
	font-weight:700;
}
.pieFecha{
	font-size:9px;
	font-weight:700;
	color:#444;
	text-align:right;
}

/* --------------------------------------Estilos Contenido Acordion---------------------------------------*/

.Accordion {
	border: none 0;
	overflow: hidden;
	outline:none;
}
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}
.AccordionPanelTab {
	font-size:12px;
	font-weight:700;
	text-align: center;
	margin: 0px;
	padding: 4px;
	cursor: pointer;
	-moz-user-select: none;
}
.font-18{
	font-size:18px;
}
.font-20{
	font-size:20px;
}
.font-22{
	font-size:22px;
}
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
}
.AccordionPanelOpen .AccordionPanelTab {
	border: none 0;
	font-size:12px;
	padding:2px 5px 17px 5px ;
	color:#FFFFFF;
}
.fondoContenidolgt {
	width:100%;
}

/* -----------Estilos Contenido Fracciones Centro-----------------*/

#tituloFraccCentro a, #tituloFraccCentro a:link, #tituloFraccCentro a:active, #tituloFraccCentro a:visited{
	font-size:11px;
	line-height: 11px;
	font-weight:700;
	border:0 none;
	color:#444;
	text-decoration:none;
	word-wrap:break-word;
}
#tituloFraccCentro a:hover{
	text-decoration:underline;
}
#tituloFraccCentro {
	padding:0 4px 0 26px;
	margin:5px 0;
	height:95px;
	width:160px;
	display:inline-block;
	vertical-align: top;
}
#tituloFraccCentro .numberFraccCentro {
	font-size:9px;
	font-weight:700;
	text-transform:uppercase;
	border:0 none;
}
#preview{
	position:absolute;
	padding:5px;
	display:none;
	font-weight:700;
	width:403px;
	margin:0 auto;
	text-align:center;
}
.divFraccionesCentro{
	padding-left:7px;
	padding-right:1px;
}

/*-------Estilo Vista previa imagenes-----------------*/

/*---------------------------------------Estilo acordeon-----------------------------------------*/
.thumbs {
	float:left;
	margin-right:10px;
}
.ui-widget-content a {}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	list-style: none;
}
.ui-state-disabled {
	cursor: default !important;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 1em;
}
.ui-accordion .ui-accordion-content {
	border-top: 0;
	overflow: auto;
	padding: 5px;
}
/* Estos Módulos son los que se beden modificar para cambiar el color de las pestañas que se visualizan en el acordeon del directorio de servidores publicos de las dependencias...!!! */

.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {
	border-bottom-right-radius: 4px;
}
.ui-widget-overlay {
	background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}