@charset "utf-8";
<!--
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:link {
	color: #ceac64;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #ceac64;
}
a:hover {
	text-decoration: none;
	color: #ceac64;
}
a:active {
	text-decoration: underline;
	color: #ceac64;
}
a:focus {
	outline:none;
}
#cabecera {
width:auto;
height:152px;
background:url(../img/png/fondoTop_drd.png) 50% 50% no-repeat;
}
#plecaTop {
width:auto;
height:31px;
background:url(../img/png/plecaTop_drd.png);
}
#contenedorFechaDependencia {
width:777px;
height:31px;
margin:auto;
}
#contenedorFecha {
height:18px;
font-weight:700;
color:#FFFFFF;
border-right:#ceac64 solid 2px;
padding-top:2px;
padding-right:5px;
float:left;
}
#contenedorDependencia {
width:auto;
height:18px;
font-weight:700;
color:#FFFFFF;
border-left:#ceac64 solid 2px;
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-image:url(../img/png/iconoInicio.png);
}
#icono2 li a{
background-image:url(../img/png/iconoMapa.png);
}
#icono1 li a:hover,#icono2 li a:hover{
text-decoration:underline;
}
#contenedorBuscador{
height:18px;
background:url(../img/png/iconoLupa.png) right no-repeat;
font-weight:700;
color:#A2A2A2;
text-align:right;
padding-right:0px;
}
input.buscador{
border:#A2A2A2 solid 1px;
font-size:11px;
font-weight:700;
margin-right:25px;
color:#A2A2A2
}
#contenido {
width:auto;
background:url(../img/png/fondo_drd.png) 50% 50% repeat;
}
#sombra {
width:100%;
height:5px;
background:url(../img/png/sombraTop.png) repeat-x;
position:absolute;
z-index:2;
}
#marcoBorde {
width:794px;
margin:auto;
padding:0 10px 0 10px;
min-height:500px;
border-radius: 18px;
background: rgba(206,172,100,0.3); 
-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:994px;
margin:auto;
padding:0 10px 0 10px;
min-height:500px;
border-radius: 18px;
background: rgba(206,172,100,0.3); 
-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:598px;
float:left;
}
#contenedorFondoContenidoVerificacion{
width:598px;
float:none;
}
#fondoContenido {
width:558px;
padding:10px 20px 1px 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;
}
#fondoContenidoVerificacion {
width:558px;
padding:10px 20px 1px 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;
}
/***************************************************************/
/**********************      MENÚ  IZQUIERO     ****************/
/***************************************************************/

#contenedorMenuIzquierdo {
width:186px;
padding: 10px 5px 1px 5px;
float:left;
}

.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;
}

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

.contenidoIzq{
	font-size: 10px;
	color:#000000;
	margin:2px 4px 10px 4px;
	text-align:center;
}

.subTitleDer{
font-size: 10px;
font-weight:700;
color:#000000;
margin:0px 4px 0 4px;
}

hr{
color:#00569b;
size:1px;
}
#tituloFraccDer{
background:url(../img/png/iconoFraccion_zl.png) no-repeat;
padding:0 4px 0 30px;
}
#tituloFraccDer .nombreFraccDer{
font-weight:700;
}
#tituloFraccDer .numberFraccDer{
color:#00569b;
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;
background-color:#7faacd;
border:#00569b 1px solid;
}


/***************************************************************/
/**********************    FIN MENU  IZQUIERO   ****************/
/***************************************************************/
#fondoContenidoBottom {
width:598px;
height:18px;
}
#contenedorMenuDerecho {
width:186px;
padding: 10px 5px 1px 5px;
float:left;
}
.spacer{
clear:both;
height:0;
display:block;
}
#piePagina {
width:auto;
height:90px;
background:url(../img/png/pie_drd.png) 50% 50% repeat-x;
}
#listadoPie{
width:777px;
height:34px;
margin:auto;
padding-top:5px;
color:#666;
text-align:center;
font-weight:700;
}
#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:777px;
height:21px;
margin:auto;
padding-top:10px;
font-size:11px;
text-align:center;
white-space:nowrap;
clear:left;
}
#recomendacionPie{
width:777px;
height:16px;
margin:auto;
padding-top:4px;
text-align:center;
color:#FFFFFF;
font-size:11px;
font-weight:700;
white-space:nowrap;
}
/* --------------------------------------listado de fracciones "PESTAÑA"---------------------------------------*/
.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{
background:url(../img/png/listadoTab_drd.png) no-repeat left;
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*/
}
.glossymenu div.submenu2{ /*DIV that contains each sub menu*/
background: url(../img/png/listadoFondo_drd.png) repeat-y;
}
.submenu2 .divLeft{ /*DIV that contains each sub menu*/
float:left;
}
.glossymenu div.baseSubmenu{ /*DIV that contains each sub menu*/
background: url(../img/png/listadoBase_drd.png) no-repeat;
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{
background:#a88a4b;
color: #fff;
padding:3px;
}
/* --------------------------------------Estilos Colunma Derecha---------------------------------------*/
.tituloDer{
background:#ceac64;
font-size:10px;
font-weight:700;
color:#FFFFFF;
padding:3px 4px 3px 4px;
text-transform:uppercase;
margin:10px 0 10px 0;
}
.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;
}
hr{
color:#ceac64;
size:1px;
}
#tituloFraccDer{
background:url(../img/png/iconoFraccion_drd.png) no-repeat;
padding:0 4px 0 30px;
}
#tituloFraccDer .nombreFraccDer{
font-weight:700;
}
#tituloFraccDer .numberFraccDer{
color:#ceac64;
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;
background-color:#e6d5b1;
border:#ceac64 1px solid;
}
/* --------------------------------------Estilos Colunma Central---------------------------------------*/
#fondoContenidoFracc{
background:url(../img/png/fondoFraccion_drd.png) no-repeat;
padding:32px 0 0 0;
height:90px;
}
#fondoContenidoFracc .nombreFraccDer{
padding:0 0 0 50px;
color:#444444;
font-weight:700;
font-size:18px;
}
#fondoContenidoFracc .numberFraccDer{
padding:0 0 0 93px;
font-size:11px;
color:#ceac64;
font-weight: bold;
text-transform:uppercase;
}
#fondoContenidoFracc .rubroFraccDer{
padding:0 0 0 70px;
font-size:13px;
color:#888888;
font-weight: bold;
line-height:20px;
}
/* --------------------------------------Estilos Tabla---------------------------------------*/
table.ipo th{
text-align:left;
padding:3px 3px;
background:#ceac64 url(../img/png/headerTabla_drd.png) repeat-x;
color:#fff;
font-weight:700;
font-size:11px;
white-space:nowrap;
}
table.ipo th.ctr{
text-align:center;
padding:3px 3px;
background:#ceac64 url(../img/png/headerTabla_drd.png) repeat-x;
color:#fff;
font-weight:700;
font-size:11px;
white-space:nowrap;
}
table.ipo tr.color{
background:#faf7ef;
}
table.ipo td{
text-align:left;
padding:2px 3px 2px 3px;
border-bottom:1px solid #e6d5b1;
font-size:11px;
}
table.ipo td.der{
text-align:right;
padding:2px 3px 2px 3px;
border-bottom:1px solid #e6d5b1;
font-size:11px;
}
table.ipo td.ctr{
text-align:center;
padding:2px 3px 2px 3px;
border-bottom:1px solid #e6d5b1;
font-size:11px;
}
/* --------------------------------------Estilos Contenido diseño editorial---------------------------------------*/

h1 {
font-size: 12px;
font-weight: 700;
color: #ceac64;
}
h2 {
font-size: 11px;
font-weight: 700;
color:#444;
text-decoration:underline;
padding-left:5px;
}
.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;
color: #ceac64;
font-weight: bold;
}
.pieFecha{
font-size:9px;
font-weight:700;
color:#444;
text-align:right;}
.numeroConsecutivo{
font-size:20px;
font-weight:700;
color:#ceac64;
}
/* --------------------------------------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;
	background-color: #faf7ef;
	border: solid 1px #ceac64;
	margin: 0px;
	padding: 4px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
}
.AccordionPanelOpen .AccordionPanelTab {
	border: none 0;
	font-size:12px;
	background:#fff url(../img/png/plecaTop_drd.png) repeat-x;
	padding:2px 5px 17px 5px ;
	color:#FFFFFF;
}

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

#tituloFraccCentro {
background:url(../img/png/iconoFraccion_drd.png) no-repeat;
padding:0 4px 0 26px;
margin:5px 0;
border-bottom:#ceac64 solid 1px;
height:85px;
width:150px;
float:left;
}
#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;
}
#tituloFraccCentro a:hover{
text-decoration:underline;
}
#tituloFraccCentro .numberFraccCentro {
color:#ceac64;
font-size:9px;
font-weight:700;
text-transform:uppercase;
border:0 none;
}
.divFraccionesCentro{
padding-left:7px;
padding-right:1px;
}

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

#preview{
position:absolute;
border:1px solid #ceac64;
background:#faf7ef;
padding:5px;
display:none;
color:#ceac64;
font-weight:700;
width:403px;
margin:0 auto;
text-align:center;
}
.thumbs {
border:#ceac64 solid 2px;
float:left;
margin-right:10px;
}
.marcoPreview {
border:#ceac64 solid 1px;
}

/*---------------------------------------Estilo acordeon-----------------------------------------*/

.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;
}
/* 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-widget-content {
border: 1px solid #e6d5b1;
}
.ui-widget-content a {
}
.ui-widget-header {
border: 1px solid #e6d5b1;
}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
border: 1px solid #e6d5b1;
background: #faf7ef;
color: #ceac64;
}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {
border: 1px solid #ceac64;
background: #ceac64;
color: #fff;
}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {
border: 1px solid #e6d5b1;
background: #ffffff;
color: #ceac64;
}
.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 {
opacity: .3;
filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
margin: -8px 0 0 -8px;
padding: 8px;
opacity: .3;
filter: Alpha(Opacity=30);
border-radius: 8px;
}
-->