html {
    background-color: white;
    font: 0.875em Verdana, Helvetica, Arial, sans-serif;
    text-align: center; }

body {
    background-color:white;
    margin: 0 auto;
    text-align: center;
    width: 782px; }

#contenedor {
    background-color: white;
    margin: 0;
    padding-top: 10px;
    position: relative;
    text-align: left;    
    min-width: 782px;
}

#contenido {
    /*background-color: #FDF3E7;*/
    display: block;
    float: left;
    margin: 0;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:16px;
    padding-right:16px;
    text-align:justify;
    min-width: 572px;
    }
#contenido img {
    border:3px solid #FFFFFF;
    display: block; }
#contenido img:hover { 
    border:3px solid #F7C789;
    display: block; }

    
.articulo {
    background-color:#F7C789;
    border: 2px solid #808080;
    float:left;
    margin-right:5px;
    width:275px; }
.articulo h3 {
    background-color:#B2B2B4;
    display:block;
    margin:0;
    padding:10px;
    text-align:right; }
.articulo p {
    margin:0;
    padding:10px; }

#columna {
    background-color: transparent;
    display: block;
    float: right;
    margin: 0;
    padding:4px;
    width: 166px; }

#encabezado {
    background:url(../imagenes/encabezado.gif) top center no-repeat;
    clear: both;
    display: block;
    height:130px;
    width:782px; }

#titulos {
    background:#000;
    clear:both;
    color:#FFFFFF;
    display:block;
    height:27px;
    margin:0;
    padding:0;
    padding-top:10px;
    text-align:center;
    width:782px; }
#titulos h5 { margin:0; padding:0; }

#accesible {
    background:transparent;
    float:left;
    font-size:0.8em;
    height: 25px;
    margin-right: 0px;
    margin-left: 90px;
    margin-top:100px;
    width:132px; }
#accesible a {
    background:transparent; 
    border:2px solid #656664;
    color:#fff;
    text-decoration:none; }
#accesible a:hover {
    background-color:#FCE2BA;
    border: 2px solid #F7C789;
    color:#fff; }

/*#accesible a {
    background:transparent;
    border:2px transparent;
    color:#fff;
    text-decoration:none; }
#accesible a:hover {
    background:transparent; 
    border:2px transparent;
    color:#fff;
    text-decoration:none; }
#accesible img { border:2px solid #656664; display:inline; }
#accesible img:hover {
    border:2px solid #F7C789;
    background-color:#FCE2BA;
    display:inline; }
*/
.zoom {
    border: 2px solid #656664;
}
.zoom:hover {
    border: 2px solid #656664;
}

/* Definiciones para los vínculos 
institucionales antes del pie de página */
#hrzntllogo {
    background-color: #FFF;
    clear: both;
    padding:0px;
    padding-top:10px;
    padding-bottom:10px;
    font-size:0.6em; }
#hrzntllogo img { display:inline; border-width: 0; }
#hrzntllogo a {
    text-decoration:none;
    display:inline-block;
}

a#linkvivirmejor {
    background: url(../imagenes/logo-presidencia.png);
    background-repeat: no-repeat;
    float: left;
    height: 43px; 
    width: 100px;
    text-indent: -999em;    
    /**position: 50% 0px;*/
    margin-top: 6px;
}
a#linkvivirmejor:hover { background-position: bottom; }

a#alianzacalidad {
    background: url(../imagenes/logo_alianzad.gif);
    height: 58px;
    width: 104px;
    text-indent: -999em;
}
a#alianzacalidad:hover { background-position: bottom; }
a#sep {
    background: url(../imagenes/logo_sepd.gif);
    height: 58px;
    width: 85px;
    text-indent: -999em;
}
a#sep:hover { background-position: bottom; }
a#seb {
    background: url(../imagenes/logo_sebd.gif);
    height: 58px;
    width: 84px;
    text-indent: -999em;
}
a#seb:hover { background-position: bottom; }
a#sepdf {
    background: url(../imagenes/logo_sepdfd.gif);
    height: 58px;
    width: 85px;
    text-indent: -999em;
}
a#sepdf:hover { background-position: bottom; }
a#reforma {
    background: url(../imagenes/logo_reformad.gif);
    height: 58px;
    width: 57px;
    text-indent: -999em;
}
a#reforma:hover { background-position: bottom; }
a#formacion {
    background: url(../imagenes/logo_DGFCMd.gif);
    height: 58px;
    width: 120px;
    text-indent: -999em;
}
a#formacion:hover { background-position: bottom; }
a#ilce {
    background: url(../imagenes/logo_ilced.gif);
    height: 58px;
    width: 104px;
    text-indent: -999em;
}
a#ilce:hover { background-position: bottom; }



/* Menú del sitio */
#menu {
    background:#EA6719;
    border:1px solid #000;
    clear:both;
    display:block;
    float:left;
    position:relative;
    width: 780px;
    z-index:100; }
/* Truco para corregir el modelo de caja incorrecto de IE5.5 */
#menu { width:780px; w\idth:780px; }
#menu ul {
    list-style-type:none;
    margin:0;
    padding:0; }
#menu ul ul { width:120px; }
#menu li { float:left; position:relative; }
#menu a, #menu a:visited {
    background:#EA6719; 
    color:#fff; 
    display:block;
    font-size:10px;
    font-weight:bold;
    height:30px; 
    line-height:29px; 
    padding-left:7px; 
    padding-right:7px; 
    text-decoration:none; }
/* Ocultar los subniveles y posicionar de forma absoluta para que no ocupen espacio */
#menu ul ul {
    border-top:1px solid #000;
    height:0;
    left:0; 
    position:absolute;
    top:30px;
    visibility:hidden;
    width:150px; }
/* Otro truco para  IE5.5 */
* html #menu ul ul { top:30px; t\op:30px; }
/* Dar formato a los vínculos del segundo nivel */
#menu ul ul a, #menu ul ul a:visited {
    background:#F7C789;
    border:1px solid #000;
    border-width:0 1px 1px 1px;
    color:#000;
    height:auto;
    line-height:1em;
    padding:5px 10px;
    width:128px; }
/* Otro truco para IE5.5 */
* html #menu ul ul a, * html #menu ul ul a:visited {
    width:150px;
    w\idth:150px; }
/* Dar formato al hover del nivel superior */
#menu a:hover, #menu ul ul a:hover {
    background:#FCE2BA;
    color:#000; }
#menu :hover > a, #menu ul ul :hover > a { 
    background:#F7B652;
    color:#000; }
/* Mostrar el segundo nivel cuando pase el ratón 
sobre la lista de primer nivel o el vínculo */
#menu ul li:hover ul, 
#menu ul a:hover ul { visibility:visible; }
/* Mantener el tercer nivel oculto cuando se 
este sobre el primer nivel de la lista o vínculo */
#menu ul :hover ul ul { visibility:hidden; }
/* Hacer el tercer nivel visible cuando se en encuentra 
el cursor sobre la lista o vínculo de segundo nivel */
#menu ul :hover ul :hover ul { visibility:visible; }


/* Menú del pie de página */
#menupie {
    background:#F1F1F1;
    clear: both;
    display:block;
    float:left;
    position:relative;
    width: 779px;
    z-index:80; }
#menupie {
    background:#EA6719;
    border:1px solid #000; 
    border-width:1px; 
    width:779px; w\idth:779px; }
#menupie ul { list-style-type:none; margin:0; padding:0; }
#menupie li { float:left; position:relative; }
#menupie a, #menupie a:visited {
    background:#EA6719; 
    color:#FFF; 
    display:block;
    font-size:10px;
    font-weight:bold;
    height:30px; 
    line-height:29px; 
    padding-left:7px; 
    padding-right:7px; 
    text-decoration:none; }
#menupie a:hover { background:#FCE2BA; color:#000; }
#menupie :hover > a { background:#F7B652; color:#000; }


/* Pie de página  */
#pie {
    background-color: #FCE2BA;
    clear: both;
    font-size:0.7em;
    padding-bottom:5px;
    padding-top:5px; }

/* Un poco de formato para algunos vínculos */
.vinculocaja {
    background-color:#F7C789;
    border: 2px solid #D3D3D3;   /* #808080 */
    color:#000;
    display:block;
    /* margin-left:2px; */
    margin-bottom:5px;
    padding:5px;
    padding-top:11px;
    padding-bottom:11px;
    text-align:center;
    text-decoration:underline;
    vertical-align:middle;
    width:90%; }
.vinculocaja:hover {
    background-color:#FCE2BA;
    border: 2px solid #F7C789;
    color:#000;
    text-align:center;
    text-decoration:none; }
.vinculocaja img { 
    border: 2px solid #F7C789;
    }
.vinculocaja img:hover { border: 2px solid #F7C789; }

.vinculocaja2 {
    background-color:#F7C789;
    border: 5px solid #F7C789;
    color:#000;
    display:block;
    /* margin-left:2px; */
    margin-bottom:5px;
    padding:5px;
    text-align:center;
    text-decoration:underline;
    width:90%; }
.vinculocaja2:hover {
    background-color:#FCE2BA;
    border: 5px solid #F7C789;
    color:#000;
    display:block;
    /* margin-left:2px; */
    margin-bottom:5px;
    padding:5px;
    text-align:center;
    text-decoration:none;
    width:90%; }


.vinculocaja3 {
    background-color:#F7C789;
    border: 2px solid #D3D3D3;   /* #808080 */
    color:#000;
    display:block;
    /* margin-left:2px; */
    margin-bottom:2px;
    padding-left:3px;
    padding-right:3px;
    padding-top:5px;
    padding-bottom:7px;
    text-align:center;
    text-decoration:none;
    line-height:.9em;
    font-size:0.8em;
    font-weight:lighter;
    vertical-align:middle;
    width:90%; }
.vinculocaja3:hover {
    background-color:#FCE2BA;
    border: 2px solid #F7C789;
    color:#000;
    text-align:center;
    text-decoration:none; }
.vinculocaja3 img { 
    border: 2px solid #FFFFFF;
    }
.vinculocaja3 img:hover { border: 2px solid #F7C789; }



.vinculocaja5 {
    background-color:#F7C789;
    border: 5px solid #F7C789;
    color:#000;
    display:block;
    margin-bottom:3px;
    padding:3px;
    text-align:center;
    text-decoration:underline;
    width:90%;
    font-size:.9em;
    font-weight:normal;
     }
.vinculocaja5:hover {
    background-color:#FCE2BA;
    border: 5px solid #F7C789;
    color:#000;
    display:block;
    margin-bottom:3px;
    padding:3px;
    text-align:center;
    text-decoration:none;
    font-size:.9em;
    font-weight:normal;
    width:90%; }
.vinculocaja5 img:hover { border: 2px solid #F7C789; }

/* Efecto para las celdas del Directorio de la DEE */
#tabladirectorio tr td:hover { background-color:#FFF; }

/* Definiciones para la alineación de algunos elementos */
.leftbc {
    float:left;
    font-size:0.8em;
    margin-bottom:4px;
    margin-top:4px;
    text-align:right;
    width:110px; }
.rightbc {
    float:right;
    font-size:0.8em;
    margin-bottom:4px;
    margin-top:4px;
    text-align:left;
    width:660px; }
.rightbc a, .rightbc a:visited {
    color:#000000;
    text-decoration: underline; }
.rightbc a:hover { color:#000000; text-decoration: none; }


/* emular centrado */
.center {
	width: 100%;
	text-align: center;
}
*.center * {
	margin-left: auto;
	margin-right: auto;
}




/* formato del Mapa de Sitio */
#mapa { background-color:#FFFFFF; padding:15px; }
#mapa a { border: 2px solid #FFFFFF; color:#000; }
#mapa a:hover {
    background-color:#FCE2BA;
    border: 2px solid #F7C789;
    color:#000; }

/* Formato para una tabla y su contenido*/
#tablavinculos { text-align:center; }
#tablavinculos table {
    text-align:left; 
    width:500px; }
#tablavinculos table td { padding:5px; }
#tablavinculos a, #tablavinculos a:visited {
    background-color:#F7C789;
    border: 5px solid #F7C789;
    color:#000;
    display:block;
    padding:5px;
    text-align:center;
    text-decoration:underline;
    width: 90%; }
#tablavinculos a:hover {
    background-color:#FCE2BA;
    border: 5px solid #F7C789;
    color:#000;
    display:block;
    padding:5px;
    text-align:center;
    text-decoration:underline;
    width: 90%; }
.tdcenter { text-align:center; }


.novedades table {
    text-align:left; 
    width:500px; }
.novedades table td { padding:5px; }
.novedades a
{
    background-color:#FFF;
    border: 2px solid #FFF; 
    color:#000;
    line-height:1.6em;
}

.novedades a:visited
{
    background-color:#FFF;
    border: 2px solid #FFF; 
    color:#000;
}

.novedades  a:active 
{
    background-color:#FFF;
    border: 2px solid #FFF; 
    color:#000;
}

.novedades a:hover 
{
    background-color:#FCE2BA;
    border: 2px solid #F7C789;
    color:#000;
}


/* Formato para tabla de documentos de información */
.tabladocumentos
{
    background-color:White;
    border:solid 1px #000;
    text-align:center;
    width:500px;
}

.tabladocumentos tr th
{
    background-color:#F7C789;
    border-bottom: solid 2px #000;
    font-weight:bold;
    font-size:2em;
    margin:0;
    padding:8px;
}
.tabladocumentos td 
{
    border-width:0;
    border-collapse:collapse;
    margin:0;
    padding: 8px 5px 8px 10px; 
    vertical-align:top;
}
.tabladocumentos tr:hover { background-color:#DCDCDC; }
.odd { background-color:#F5F5F5;}



/* Formato para la tabla de la sección de vinculación */

.tablavinculacion 
{
    background-color:White;
    border:none;
    text-align:justify !important;
    width:100%;
}

.tablavinculacion a, 
.tablavinculacion a:visited {
    color: #808080;
    display:block;
    padding:10px;
    text-decoration:underline;
    text-align:center; }
    
.tablavinculacion a:hover {
    background-color:#FCE2BA;
    color: #000000;
    padding:10px;
    text-decoration:none;
    text-align:center; }
    
.tablavinculacion tr td img {
    border: 3px solid #FFF;
    display:inline-block; }
.tablavinculacion tr td img:hover {
    border: 3px solid #F7C789; }
.tablavinculacion tr td {
	padding:8px 6px 12px 8px;
}
.tablavinculacion table tr td * {
	margin-left: auto;
	margin-right: auto;
	text-align:justify !important;
}




/* Formato para la tabla del listado de trámites de la DEE */
.tablatramites { text-align:center; }
.tablatramites table { text-align:left; width:500px; }
.tablatramites table td { padding:5px; vertical-align:top; }
.bolditalic { font-style:italic; font-weight:bold; }

/* Tabla para listado y descripción de documentos.
conformato adecuado para imágenes y vínculos. */
.tablapublicaciones { text-align:center; }
.tablapublicaciones table { width:520px; }
.tablapublicaciones table td { width:250px; padding:5px; }
.tablapublicaciones a, .tablapublicaciones a:visited {
    color: #808080;
    display:block;
    padding:10px;
    text-decoration:underline;
    text-align:center; }
.tablapublicaciones a:hover {
    background-color:#FCE2BA;
    color: #000000;
    padding:10px;
    text-decoration:none;
    text-align:center; }
.tablapublicaciones table tr td img {
    border: 3px solid #FFF;
    display:block; }
.tablapublicaciones table tr td img:hover {
    border: 3px solid #F7C789; }
.tablapublicaciones table tr td {
	text-align: center;
}
.tablapublicaciones table tr td * {
	margin-left: auto;
	margin-right: auto;
}

    
#creditosprincipal { text-align:right; font-size:0.9em;}
#creditosprincipal h3 { line-height:0.8em; margin-bottom:2px; padding-bottom:2px; }
#creditosprincipal em { line-height:0.8em; font-style:italic ; }

#creditossecundario { text-align:left; font-size:0.8em;}
#creditossecundario h4 { line-height:0.7em; margin-bottom:1px; padding-bottom:1px; margin-top:2px; padding-top:2px;}
#creditossecundario em { line-height:0.7em; font-style:italic ; margin-bottom:1px; padding-bottom:1px;}

.accordionHeader
{
    border: 1px solid #DCDCDC;
    color: white;
    background-color: #EA6719;  /* e9742d;  */
	font-weight: bold;
    padding: 5px;
    cursor: pointer;
}

.accordionContent
{
    border: 1px solid #DCDCDC;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionLink
{
    color: white;
    text-decoration:none;
}


#w3validado {
 font-size:1.1em;
 text-align:left;
}

#w3validado a
{
    background-color:#FFF;
    border: 2px solid #FFF; 
    color:#000;
}

#w3validado a:visited
{
    background-color:#FFF;
    border: 2px solid #FFF; 
    color:#000;
}

#w3validado a:active 
{
    background-color:#FCE2BA;
    border: 2px solid #F7C789; 
    color:#000;
}

#w3validado a:hover 
{
    background-color:#FCE2BA;
    border: 2px solid #F7C789;
    color:#000;
}

.banner {
    display: block;
    width: 782px;
    height: 130px;
    background-image: url('../img/banner03.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

/*
| -------------------------------------------------------------------------------------------------------
| CSS del moño de luto
| -------------------------------------------------------------------------------------------------------
*/

.monio-flotante {
	display: inline-block;
	float: left;
	height: 1px;
	width: 1px;
	position: relative;
	top: -40px;
	left: -65px;
	overflow: visible;
}

.luto-1 {
	display: inline-block;
	width: 50px;
	height: 50px;
	background-image: url('../img/black.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.luto span{
	display: block;
	background-color: #222;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	/*border-radius: 5px;*/
	color: #d0eaff;
	position: relative;
	float: left;
	left: 50px;
	top: 0px;
	width: 200px;
	text-align: center;
	font-style: italic;
}



/*
| -------------------------------------------------------------------------------------------------------
| Herramientas del sitio
| -------------------------------------------------------------------------------------------------------
*/

.accessibility {
    display: inline-block;
    float: left;
    height: 42px;
    margin-top: 65px;
    margin-left: 68px;
}

.accessibility a {
	display: inline-block;
	float: left;
	height: 20px;
	width: 20px;
	text-decoration: none;
	color: #fff;
	font-size: 10px;
	margin-right: 3px;
	border: 2px solid #222;
}

.accessibility a:hover {
	background-color: #222;
	border-color: #444;
}

.accessibility .icon {
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.accessibility .icon.home {		background-image: url('../img/home.png');		}
.accessibility .icon.sitemap {		background-image: url('../img/sitemap.png');		}
.accessibility .icon.contact {		background-image: url('../img/mail.png');		}
.accessibility .icon.zoom-in {		background-image: url('../img/zoom-in.png'); margin-right: 20px;		}
.accessibility .icon.zoom-out {		background-image: url('../img/zoom-out.png');		}

.clear {
	display: block;
	clear: both;
}
.inner-accessibility {
	display: inline-block;
	padding-top: 9px;
	padding-left: 9px;
}