@charset "utf-8";
* { margin: 0; }

/* DEFINE EL HTML */
html, body
{
	height:100%; /* altura del body */
	width:100%; /* ancho del body */
	margin: 0 auto; /* para que quede centrado */
	background: url('../images/background_new.jpg');  /*imagen de fondo original */
	background-color: #ffffff; /*Color gris de fondo*/
	background-repeat: repeat-x; /* para que se repita la imagen del fondo */
	font-family: verdana, arial, Geneva, Sans-Serif; /*letra que usará todo lo que se ponga en el body*/
	font-size:14px; /*tamaño de letra que usará todo lo que este en el body*/
	color:#414141; 
}



#toper
{ 
	margin:0 auto; /* Indica que no tiene margen y se ajusta automáticamente */
	width:78%; /* ancho de la sección del header de la  página */
	height: 140px;
	position:relative; 
}

#menu
{ 
	margin:0 auto; /* Indica que no tiene margen y se ajusta automáticamente */
	width:78%;  /* ancho de la sección del header de la  página */
	position:relative; 
}


/* CSS para colocar los logos de GOB y AAUD */
#top_logos 
{
	padding: 25px 5px 0 5px;
	height: 140px;
}

 
#logo_top_gob 
{
	background:url(../images/logogob_blanco.svg) no-repeat; 
	width:220px; height:100px; float:left;
	background-position:center center;
}

#logo_top_aaud
{ 
	background:url(../images/logoaaud1.svg) no-repeat; 
	width:159px; height:100px; float:left;
	padding-left: 200px;
	/*background-color:#ff0000; }*/
}

#logo_festejos
{ 
	background:url(../festejos/navidad2019.png) no-repeat; 
	width:175px; height:99px; float:rigth;
	padding-left: 200px;
	padding-top: 0px;
	background-position: center;
	/*background-color:#ff0000; }*/
}



.date
{
	font-family: Verdana, Arial, Geneva, Helvetica, Sans-Serif;
	font-size: 12px;
	color:#fff;
	padding-right: 10px;
}

.fecha
{
	font-family: Verdana, Arial, Geneva, Helvetica, Sans-Serif;
	font-size: 12px;
	color:#000;
	font-weight: bold;
}

.tdback
{
	background-color: #d3dde7;
}

.tdback1
{
	background-color: #5b8ab5;
	color: #fff;
	/*font-weight: bold;*/
}

.tdback2
{
	background-color: #9bb7d4;
	border-color:  #9bb7d4;
	color: #000;
}


#container 
{ 
	margin:0 auto;
	width:100%; /* da el tamaño de donde apareceran las noticias e informes*/
	height: 100%; 
	position:relative; 
	background-color:#ffffff; 
}

#home_news { width:100%; } /*tamaño del home (tabla de noticias home.html)*/
	#home_news h2 { color:#000000; font-family: Verdana, Arial, Geneva, Helvetica, Sans-Serif;; font-weight:normal; font-size:18px; text-align:justify; 
	clear:both;}
	#home_news h3 { color:#000000; font-family: Verdana, Arial, Geneva, Helvetica, Sans-Serif;; font-weight:bold; font-size:14px; text-align:justify; 
	clear:both;}
	#home_news .home_news_txt { color: #333333; text-align:justify; clear:both; font-family: Verdana, Arial, Geneva, Helvetica, Sans-Serif;; font-weight:normal; font-size:14px; } /*Color de las letras del home*/
    #home_news .home_news_txt1 { color: #333333; text-align:justify; clear:both; font-family: Verdana, Arial, Geneva, Helvetica, Sans-Serif;; font-weight:normal; font-size:14px; } /*Color de las letras del home*/
	#pagination {
	clear:both;
	color:#0066cc;
	text-align:center;
	word-spacing:15px;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}



/* Css para la tabla de Noticias, Eventos y Programas */
#tbl_home
{ 
	width: 100%;
	position:relative;
}

#tbl_menu
{
	margin: 0 auto; /*Coloca el menú verde pegado al borde de la tabla*/
 	padding: 0 0 0 10px;
 	background-color:#ffffff;/*9ed32eColoca el color verde en los titulos de las paginas*/
 	height: 35px;
}

#bloque1, #bloque2, #bloque3, #bloque4, #bloque5
{
	width:100%;
	height: 100%;
	padding: 10px 5px 5px 0px;

}

/* Da espacio horizontal y vertical a las img de las Noticias*/
.imgnews 
{
	margin: 0px 0px 0px 0px;

}

/* Da espacio horizontal y vertical a las img de las Noticias*/
.imgnews1
{
	margin: 2px 8px 8px 8px;
}


/*Css para los links de las Noticias en el home*/

a.news, a.news:visited,  a.news:link,  a.news:hover,  a.news:active 
{ 
	color: #5b8ab5; 
	font-size: 12px; 
	text-decoration:none; 
	font-weight: bold; 
	font-family: Verdana, Arial, Geneva, Helvetica, Sans-Serif;
}

.con
{ 
	color:red; 
	font-size: 11px; 
	text-decoration:none; 
	/*font-weight: bold; */
}
a.not, a.not:visited,  a.not:link,  a.not:hover,  a.not:active 
{ 
	color:#108eb3; 
	font-size: 14px; 
	text-decoration:none; 

}

/* Css para poner color y raya en el link de el banner principal*/
a.nb, a.nb:visited,  a.nb:link,  a.nb:hover,  a.not:active 
{ 
	color:#ffffff; 
	font-size: 14px; 
  text-decoration-line: underline;
  text-decoration-style: solid;

}

/*Css para la table que contendra el logo 311 y los logos de twitter del lado derecho*/
#tbl_logos 
{ 
	width: 200px; 
	margin:0 auto; 
	position:absolute; 
	padding:0px; 
}


/*#footer_body { height:120px; background:#010e1a url(../imagenes/logo_gobierno_nacional_cpt.png) no-repeat center; 
clear:both; }
#footer_body , .push {height: 120px; clear:both; background:#010e1a url(../imagenes/logo_gobierno_nacional_cpt.png) no-repeat center; }*/

.contacto 
{

	color:#ffffff; font-size:14px;
}
.copyright 
{
	color:#ffffff; font-size:12px;
	background-color: #003466;
	height: 75px;
	padding-bottom: 0;
}

/*CSS para colocar los iconos de Social Media*/
#social_media
{	
	position:relative; /* posición absoluta */
	padding-bottom: 6px; /* separación de arriba */
	left: 475px; /* distancia del borde izquierdo a la posición que se desea */
	width:475px; /* ancho de la barra */
	height:27px; /* altura de la barra */
	/*background-color: #0000ff;*/
}

#top_social_media /* coloca el div de las imagenes de social media en la posición indicada */
{
	width:475px, color: #003366; 
	float:right; 
	padding-right: 0px; 
}

h2
{
	font-family: Verdana, Arial, Geneva, Sans-Serif;
	font-size:14px;
	color:#108eb3;
}
h3
{
	font-family: Verdana, Arial, Geneva, Sans-Serif;
	font-size:12px;
	color:#056d30;
}










/* menu para disminuir o aumentar la letra*/
#top_acc_mnu
{	color: #424242;	float:left;	padding: 10px 25px 0 0px;} /* 999999el primer padding: es de 5 */
	#top_acc_mnu ul { list-style-type:none; }
	#top_acc_mnu li { display:inline; font-size:10px; }
	#top_acc_mnu li a { color: #424242; text-decoration: none; padding-left:30px; background: url(../imagenes/icon_accesibility.png) no-repeat;}
	#top_acc_mnu li a:hover { text-decoration: underline; color: #424242; }
	#top_acc_mnu li a.ac { background-position: 0px 0px; }
	#top_acc_mnu li a.ln { background-position: 0px -18px; }
	#top_acc_mnu li a.dl { background-position: 0px -35px; }
	#top_acc_mnu li a.al { background-position: 0px -52px; }
	#top_acc_mnu li a.co { background-position: 0px -68px; }





/* BARRA DE NAVEGACION RAPIDA, aquí solo se define el alto, ancho, separación de arriba, ubicación de casita*/
#main_top
{
	position:absolute; /* posición absoluta */
	padding-top: 13px; /* separación de arriba */
	width:475px; /* ancho de la barra */
	height:27px; /* altura de la barra */
	background-image: url(../images/home.png); /* imagen de casita */
	background-position: 5px 8px; /* separación de la casita del borde izquierdo y superior */
	background-repeat: no-repeat; /* hace que la casita no se repita */
	/*background-color: #ff0000; /* color de guía, se puede colocar el mismo color de la barra */
}

#main_top_wrapper
{
	width: 1024px; /* ancho de la barra superior */
	margin: 0 auto; /* Indica que no tiene margen y se ajusta automáticamente */
}








/* BARRA DE NAVEGACION RAPIDA LETRAS, el tamaño de la barra, el color de las letras, el comienzo de las letras y que se transformen a mayúculas cerradas*/
#top_nav_mnu
{
	width:475px, color: white; float:left; padding-left: 20px; /* Separación del borde izquierdo del menú de Inicio, Mapa del Sitio y Contáctenos */
}

#top_nav_mnu ul { list-style-type:none; } /* indica que todo el ul no debe tener la bolita o el cuadrito de lista */
#top_nav_mnu li { display:inline; padding-top: 18px; } /* indica que la lista aparecerá en una línea, con tamaño de letra, separación del borde superior */
#top_nav_mnu li a { color: white; font: normal 8pt Verdana, Arial, Geneva, Sans-Serif; text-decoration: none; padding-left: 10px; } /* indica el color de la letra, sin decoración, separación entre los li */
#top_nav_mnu li a:hover { text-decoration: none; color:#C4C4C4 } /* indica que cuando se pase el mouse no saldrá ninguna decoración y el color de onmouse over sera gris */





.wrapper 
{
	min-height: 100%;
	height: auto !important;
	height: 35px;
	margin: 0 auto;
}

/*MENU PRINCIPAL*/
/*Coloca la barra blanca debajo del menú y le da el ancho y alto*/
#menu_prin 
{
  width: 1024px auto;
  background: #fff;

}

#menu_prin > ul 
{
  padding: 5px 0;
  margin: 0px;
  list-style: none;
  width: 100%;
  height: 25px;
  font: normal 10pt Verdana, Arial, Geneva, Sans-Serif;
  background: #008e09;
  /*background:url(../images/tricolor.jpg) left top repeat;  Coloca el tricolor en la parte del menú */
}

/* Despliega el menú la parte blanca donde estan las letras*/
#menu_prin > ul li {
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  position: relative;
  width: 110px; /*Distancia entre cada opción del menú*/
}

#menu_prin > ul li a:link,
#menu_prin > ul li a:visited
{
  padding: 4px 0;
  display: block;
  text-align: center; /*coloca el texto centrado*/
  text-decoration: none;

  /*background: #fff;  color del background donde esta la letra*/
  color: #fff; /* color de la letra del menú*/
  /*color: #414141; /* color de la letra del menú original gris*/
  width: 110px; /* hace que el background de cada opción sea de 133 pixeles*/
}

#menu_prin > ul li:hover a,
#menu_prin > ul li a:hover,
#menu_prin > ul li a:active
{
  padding: 4px 0;
  display: block;
  text-align: center;
  text-decoration: none;
  /*background: #fff;  
    Coloca el background del rolover de cada letra 
  background: #008e09;*/
  color: #414141;
  width: 110px;
  /*border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;*/
}

#menu_prin > ul li ul 
{
  margin: 0;
  padding: 1px 0 0;
  list-style: none;
  display: none;
  width: 110px;
  position: absolute;
  top: 21px;
  left: -1px;
  font: normal 10pt  Calibri, Arial, Verdana, Geneva, Sans-Serif;
  border: 0px solid #fff; /*color y borde del recuadro del submenú*/
  border-top: none;
}

#menu_prin > ul li:hover ul 
{
  display: block;
}

/* Se despliega el submenú */
#menu_prin > ul li ul li 
{
  clear: left;
  width: 275px;
}

#menu_prin > ul li ul li a:link,
#menu_prin > ul li ul li a:visited 
{
  clear: left;
  background: #9ed32e; /*Color verde claro del submenu*/
  padding: 4px 0;
  width: 210px;
  border: none;
  border-bottom: 1px solid #ffffff;
  position: relative;
  z-index: 1000;
}

#menu_prin > ul li ul li:hover a,
#menu_prin > ul li ul li a:active,
#menu_prin > ul li ul li a:hover 
{
  clear: left;
  background: #e4e4e4; /*Color gris del submenu*/
  color: #414141;
  padding: 4px 0;
  width: 210px;
  border: none;
  border-bottom: 1px solid #ffffff;
  position: relative;
  z-index: 1000;
}


/* coloca el color debajo del banner y el tamaño del div*/
#main_banner
{
	width:1518px; 
	margin:0 auto;
	position:relative; 
}

/* CSS para colocar banner e timeline de Twitter*/

#banner { 
	width:1518; height:500; float:center; /* le da el tamaño al banner*/
	padding-top:2px; /* da el espacio de arriba del banner y la parte de abajo del menú */
	background-position:center center;
	background-color:#ffffff; }

}

#esp { 
	width:32px; height:320px;
	padding-top:15px;
	background-position:center center;
	background-color:#dfdfdf; }

.twitter-timeline { 
	width:275px; height:300px;
	padding:0 0 0 0;
	background-color:#ffffff; }






ol
{   
	padding:0 0 5px 25px;
	text-align: justify;
}
li
{   
	padding:0 0 5px 0px;
	text-align: justify;
}
p
{
	padding:0 0 8px 0px;
	text-align: justify;
}

iframe 
{
	padding:15px 0 15px 0px;
}


input.form-text
 { 

font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
width: 150px;
background-color: #e8e8dc; 
border-color: #bbbbbb; 
border-style: solid; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px; 
  padding-right: 2px;
  padding-left: 2px;
  padding-bottom: 3px;
  padding-top: 3px;
}

input.form-submit



input, select
 { 

font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
width: 275px;
background-color: #e8e8dc; 
border-color: #bbbbbb; 
border-style: solid; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px; 
  padding-right: 2px;
  padding-left: 2px;
  padding-bottom: 3px;
  padding-top: 3px;
}




textarea
 { 

font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
width: 575px;
background-color: #e8e8dc;
border-color: #bbbbbb; 
border-style: solid; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px; 
  padding-right: 2px;
  padding-left: 2px;
  padding-bottom: 3px;
  padding-top: 3px;
}

.boton
 { 

font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
width: 50px;
background-color: #e8e8dc;
border-color: #bbbbbb; 
border-style: solid; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px; 
  padding-right: 2px;
  padding-left: 2px;
  padding-bottom: 3px;
  padding-top: 3px;
}

.pagination { font-size: 11px; padding-left:3px; }
	#pagination a { color:#0066cc; text-decoration:none; }
	#pagination a:hover { text-decoration:underline; }
	#pagination a.active { color:black; font-weight:bold; }



.border
{
	border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 1px solid #cccccc;
}


.description
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9px; 
}


/* menu para el lenguaje
#top_lng_mnu
{
	color: #999999;	float:right;
}
	#top_lng_mnu ul { list-style-type:none; }
	#top_lng_mnu li { display:inline; font-size:11px; padding-right: 10px; }
	#top_lng_mnu li a { color: #999999; text-decoration: none; 
		padding-left:20px; background: url(../imagenes/icon_flags.png) no-repeat; }
	#top_lng_mnu li a:hover { text-decoration: underline; color: white; }
	#top_lng_mnu li a.es { background-position: left 0px; }
	#top_lng_mnu li a.en { background-position: left -14px; }
*/


/*Clases para la sección de programas y proyectos del Plan Estratégico*/


#informe h4 {
font-family: Verdana, Arial, Geneva, Helvetica, Sans-Serif;
font-size: 18px; 
text-align:center;
}

#informe h1 {
font-family: Verdana, Arial, Geneva, Helvetica, Sans-Serif;
font-size: 14px; 
text-align:center;
}

#informe .tit {
font-family: Verdana, Arial, Geneva, Helvetica, Sans-Serif;
font-size: 12px; 
text-align:justify; clear:both;
font-weight: bold;
}

#informe table {
border-color: #9ed32e;
padding: 0px;
text-align:justify; clear:both;
}
















/*


#main_news { width:680px; height:270px; float:left;
	background:url(../imagenes/main_news_bgd.png) repeat-x; }

	
#right_main_mnu { width:240px; height:240px; float:right; padding:10px; 
	background:url(../imagenes/left_main_mnu_bgd.png) repeat-x; }
	
	#right_main_mnu h3 { color: white; font-variant:small-caps; 
	font-size:18px; font-weight:normal; }

	#right_main_mnu ul { list-style-image:url(../imagenes/icon_opt_bullet.png); 
	margin-left:-15px; }
	#right_main_mnu ul li { padding-bottom:5px; padding-top:5px; 
	border-bottom:1px dashed #d9ebf0; }
	#right_main_mnu ul li a { color: #cccccc; text-decoration: none; }
	#right_main_mnu ul li a:hover { color: white; }
	



	.pagination_icon { font-size: 11px; padding-left:3px; }
	#pagination a { color:#0066cc; text-decoration:none; }
	#pagination a:hover { text-decoration:underline; }
	#pagination a.active { color:black; font-weight:bold; }


#right_btns { width:260px; float:right; }

	#right_btns .btn { width:241px; height:76px; background:url(../imagenes/btn_home_right.png) no-repeat; 
		text-align:center; margin-bottom:10px; padding-top:55px; color:white; font-weight:normal; 
		margin-top:10px; font-family: Arial; font-size: 14px; }
	#right_btns .btn a { text-decoration:none; color:white; }	
	#right_btns .btn a:hover { text-decoration:underline; }	

	
	
#content_txt { width:640px; padding:20px; float:left; }
#content_txt h2 { color:#0066cc; font-family: Times New Roman; font-weight:normal; font-size:24px; 
	clear:both; padding-top: 10px; }



#summary { width:660px; height:240px; float:left; padding:10px; 
	background-color: #eaeaea; text-align:justify; }
	
	#summary h2 { font-family:Times New Roman; font-weight:bold; font-size:24px; 
	margin-bottom:10px; }

	
	#summary_mnu { background: url(../imagenes/summary_mnu_bgd.png) repeat-x; 
	height: 45px; width: 680px; margin:88px -10px; padding-top:15px; }
	#summary_mnu ul { list-style:none; }
	#summary_mnu ul li { display:inline; padding-right: 15px; }
	#summary_mnu ul li a { color: #cccccc; text-decoration: none; 
		padding-left:20px; background: url(../imagenes/icon_opt_bullet.png) no-repeat;}
	#summary_mnu ul li a:hover { color: white; text-decoration:underline; }



#footer_body { height:120px; background:#010e1a url(../imagenes/logo_gobierno_nacional_cpt.png) no-repeat center; 
clear:both; }
	#footer_body , .push {height: 120px; clear:both; background:#010e1a url(../imagenes/logo_gobierno_nacional_cpt.png) no-repeat center; }*/