contenedor-cuerpo@charset "utf-8";


div.feedburnerFeedBlock ul li span.headline { 
/* font-weight:bold; */
	font-size: 10px;
	color: #FFF;
}

div.feedburnerFeedBlock {
	font-family: Verdana, Geneva, sans-serif;
/* border:1px solid #ddd; */ /* define borde a las noticias */
/* background-color:#ffe; */
/* padding:5px; */
    text-align:inherit;
	color: #6CF;
	height:130px;
}

div.feedburnerFeedBlock a {
	cursor:pointer;
	color:#6CF;
	font-size: 12px;
	border:none;
	text-decoration:none;
}

div.feedburnerFeedBlock li a:hover
 {
	color:#FFF;
	font-size: 13px;
	border:none;
}

div #creditfooter {  /* Elimina el credito de feedBurner */
display: none; 
}
	
div.gsc-results gsc-webResult {
    padding-bottom: 2px;
	height:600px;
}

   
body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	color: #000;
}
body {
	/*background-color: #FFF;*/
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
	border-style:none;
	
}
#enlaceBanner{
	background-color:#FF9;
	cursor:pointer;
	color:#215DAB;
	font-size: 12px;
	border:none;
	text-decoration:none;
	
	
	}
#contenedor-cuerpo{
	background-color:#FFF;
	text-align: left;
	width: 934px; /* al 9-3-23 930px */
	height:auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	/* border: 1px solid #000; */
	border-style:none;
}


#contenedor-cuerpo2{
	background-color:#FFF;
	text-align: left;
	width: 1150px;
	height:auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	/* border: 1px solid #000; */
	border-style:none;
}

#contenedor-cuerpo_2{
	background-color:#FFF;
	text-align: left;
	width: 1200px;
	height:auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	/* border: 1px solid #000; */
	border-style:none;
}

.contenedor-principal{
	/* background-color: #000; */
	background-color: #F4F4F4; /* Color grisadeo de contraste con el blanco */
	height: auto; /* se define en base a los contenerdores */
}

#contenedor-rec-doc-eve{
	/* background-color: #FFF; */
	text-align: left;
	width: 930px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	/* border: 1px solid #000; */
	border-style:none;
	/*height:315px; maneja el alto el contenedor */
	height:355px; 
}

#menu {
	border:none;
	width: 933px;
}

#menuPrincipal {
	padding-left:2px;

}

iframe {
   /* border-width: 2px; */
   border:none;
}

/* .divContenido {
    position: relative;
    padding-bottom: 68.25%;
    height: 0;
    
} */
.divContenido iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

#contenedor-noticias {
	/* background-color: #246CAF; */
	background-color: #215DAB; /* color azul de fondo para noticias */ 
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	border-style:none;
	height:320px;
	width:920px;
}
#galeria-gobierno {
	/* background-color: #246CAF; */
	background-color: #215DAB; /* color azul de fondo para noticias */ 
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-style:none;
	height:400px;
	width:920px;
}
.header-gobierno {
	/* background-color: #246CAF; */
	/* background-color: #215DAB; /* color azul de fondo para noticias */ 
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-style:none;
	height:290px;
	width:920px;
}
#portada {
	width: 100%;
	max-width:400px;
	max-height:290px;
	/* height:104px; JR */
	height:290px; /*  lo ideal es por 340 */
	float:left; 
	padding-right: 2px;
	}

#transmision2{
	width: 100%;
	/*padding-top: 5px; */
	max-width:500px;
	max-height:280px;
	/* height:104px; JR */
	height:280px; /*  lo ideal es por 295 */
	float:right;
}
#transmision3{
	width: 100%;
	max-width:920px;
	max-height:350px;
	/* height:104px; JR */
	height:350px; /*  lo ideal es por 295 */

}

#canal-gobierno {
	/* background-color: #246CAF; */
	background-color: #215DAB; /* color azul de fondo para noticias */ 
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-style:none;
	height:320px;
	width:920px;
}

.imgNoticia{    /* Define el tamaño de la imagen de noticias */
	float:left;
	width:100%;
	max-width:630px;
	height:340px; /*  lo ideal es por 340 */
}

.cuerpoNoticias{
	width:100%;
	max-width:290px;
	max-height:324px;
	height:324px; /*  lo ideal es por 340 */
	float:left;
	padding-right:2px;
	background-color: #215DAB;
	 }

.textoNoticias {
	/* font-family: Georgia, "Times New Roman", Times, serif; */
	color: #FFF;
	margin: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	float:right;
	width:270px;
	text-align:justify;
	font-size:12px;
}
.textoNoticias1 {
	/* font-family: Georgia, "Times New Roman", Times, serif; */
	color: #FFF;
	margin: 0px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	float:right;
	width:270px;
	text-align:justify;
	font-size:12px;
	
}


.hrNoticia {
	border-top-color:#ADE9ED;
	border-top-style:solid;
	border-top-width:1px;
	border-left:none;
	border-right:none;
	border-bottom:none;
	float:right;
	width:235px;
	height:2px;
}

#divBotones {
	/* background-image: url(tarea_1/imagenes/cielo.jpg); */
	background-repeat: no-repeat;
	width: 930px;
	height:200px;
	background-color:#043150;
}



#botones-left{
	/* width: 8%; */
	width: 180px;
	float:left;
	/* height:94px; original */
	height:104px;
}
#botones-right{
	/* width: 8%; */
	width: 180px;
	float:right;
	/* height:94px; original */
	height:104px;
}

#botones{
	/* width: 750px; original */
	width: 560px; /* PARA 3 COLUMNAS DE BOTONES */
	/* width: 620px; */
	/* width: 382px; /* PARA 3 COLUMNAS DE BOTONES */
	border:none;
	padding-left:5px;
	margin: 0px;
	float:left;
	height:104px;
	/* height:145 */
}

#eventos {
	width: 27%; /* dejar fijo se monto al flotar si se incrementa */
	padding: 5px 5px 5px 5px;
	float:right;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #215DAB;
	margin: 0px;
	text-align:justify;
	font-size:11px;
	/* height:228px; */
	height:320px; /* Abarca todo el div de eventos  288 */
	background-color: #FFF;
	
	/* border-top: 1px solid #CCC;
  	border-right: 1px solid #CCC;
 	border-bottom: 1px solid #CCC;
 	border-left: 1px solid #CCC; */

}

#seccion1 {
	width: 27%; /* dejar fijo se monto al flotar si se incrementa */
	padding: 5px 5px 5px 5px;
	float:right;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #215DAB;
	margin: 0px;
	text-align:justify;
	font-size:11px;
	/* height:228px; */
	height:340px; /* Abarca todo el div de eventos  288 */
	background-color: #FFF;
	
	/* border-top: 1px solid #CCC;
  	border-right: 1px solid #CCC;
 	border-bottom: 1px solid #CCC;
 	border-left: 1px solid #CCC; */

}
#eventos1 {
	width: 100%; /* dejar fijo se monto al flotar si se incrementa */
	padding: 2px 5px 2px 5px;
	float:right;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #215DAB;
	margin: 0px;
	text-align:justify;
	font-size:11px;
	height:186px; /* Abarca todo el div de eventos  288 */
	background-color: #FFF;
}
#eventos2 {
	width: 48%; /* dejar fijo se monto al flotar si se incrementa */
	padding: 1px;
	float:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #215DAB;
	margin: 0px;
	text-align:justify;
	font-size:11px;
	height:120px; /* Abarca todo el div de eventos  288 */
	background-color: #FFF;
}
#eventos3 {
	width: 48%; /* dejar fijo se monto al flotar si se incrementa */
	padding: 1px;
	float:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #215DAB;
	margin: 0px;
	text-align:justify;
	font-size:11px;
	height:120px; /* Abarca todo el div de eventos  288 */
	background-color: #FFF;
}

#recursos{
	width: 71%;
	/* padding: 1px 1px 1px 1px; */
	border:none;
	float:left;
}

#busqueda {
	/* width: 71%; original */
	width: 50%;
	/* padding: 1px 1px 1px 1px; */
	border:none;
	float:left;
	/* height: 155px; original */
	height: 215px;
}
#busqueda1 {
	width: 50%;
	border:none;
	float:left;
	height: 250px;
}

#busqueda3 {
	/* width: 71%; original */
	width: 50%;
	/* padding: 1px 1px 1px 1px; */
	border:none;
	float:left;
	/* height: 155px; original */
	height: 180px;
}
#busqueda2 {
	width: 21%;
	/* padding: 1px 1px 1px 1px; */
	border:none;
	float:left;
	/* height: 155px; original */
	height: 204px;
}

.divVerMas2 {
	float:right;
	width:250px;
	text-align:right;
	color:#FF6;
	text-decoration:none;
	font-size:11px;
	padding-bottom:2px;
}
.divVerMas2:hover {
	color:#03F;
}

.divVerMasDependencias {
	float:left;
	width:250px;
	text-align:right;
	color:#039;
	text-decoration:none;
	font-size:12px;
	padding-bottom:2px;
}
.divVerMasDependencias:hover {
	color:#00F;
}

.hrEvento {
	border: 2px dotted #ADE9ED;
	border-left:none;
	border-right:none;
	border-bottom:none;
	float:right;
	height:2px;
	width: 240px;
}

.hrEnlaces {
	border: 1px solid #FF9;
	border-left:none;
	border-right:none;
	border-bottom:none;
	padding-left: 40px;
	/*float:right; */
	height:1px;
	width: 100px;
}

.tituloEvento{
	font-family: Georgia, "Times New Roman", Times, serif;
	color:	#215DAB;;
	font-size:13px;
	/* font-weight: bold; */
	text-align:center;
	}

#banner {
	background-image: url(imagenes/pagina_1/cielo.jpg);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	border-style: none;
}
#banner h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}


.imagen {
	border-style:none;
	border-left: #215DAB 1px solid; /* Color azul de fondo para imagen */
	/* border-right: 5pt dashed green; */ /* coloca puntos */
}

#contenido_banner{
    overflow: hidden;
    /* width: 450px; */
	border-style:none;
    border: 1px solid #bbb;
    background: #FFFFF;
	background-color:#FFF;
    padding: 2px;
 }
 
 #contenido_banner_2{
    overflow: hidden;
    /* width: 450px; */
	border-style:none;
    border: 1px solid #bbb;
    background: #FFFFF;
	background-color:#FFF;
    padding: 2px;
 }
 #contenido_banner_inc{
    overflow: hidden;
    width: 89.4%;
	border-style:none;
    border: 1px solid #bbb;
	background-color:#FFF;
    padding: 2px;
 }
 
.carusel-botones {
	/*background-color: #F4F4F4; */
	height: 112px; /* 105px es el alto de los botones JR */
	padding-top: 1px;
	padding-bottom:1px;
	padding-left: 1px;
	width:920px;
	float:left;
}
#enlaces {
	/* background-color: #246CAF; */
	background-color: #215DAB; /* Color azul de fondo para enlaces */
	height:auto;
	padding-top: 5px;
	padding-bottom: 5px;
	
}


#lateral {
	width: 200px;
	float: left;
	margin-top: 20px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 20px;
}
#footer {
	background-image: url(tarea_1/imagenes/cielo.jpg);
	background-repeat: no-repeat;
	width: 930px;
	height:200px;
	background-color:#000;
	
}

@media (max-width: 480px) {
    #footer {    
           width: 400px;
    }
}

@media (max-width: 768px) {
    #footer {    
           width: 700px;
    }
}


#footer p {
	font-size: 80%;
	color: #FFFFFF;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#lateral p {
	font-size: 80%;
	font-style: italic;
	margin-top: 0px;
}
#contenido_principal {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 250px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-size: 90%;
}

#quejas {
	width: 35.3%;
    float:left;
	z-index:1;
	border-style:none;
	/* padding-left:px; */
}
#quejas1 {
	width: 35.3%;
    float:left;
	z-index:1;
	border-style:none;
	
}

#quejas_2 {
	width: 35.3%;
    float:left;
	z-index:1;
	border-style:none;
	padding-left:20px;
}


#logo {
	width: 33.3%;
    float:left;
	border-style:none;
	padding-left:10px;
	
}

 #bandera {
	padding-top:20px;
	}

#contenedor-cor-faq-ban {
	width: 30%;
    float:left;
	border-style:none;
	/* position:relative; */
	/* position: relative; top: 15px; */
}
#contenedor-cor-faq-ban-dep {
	width: 27%;
    float:left;
	border-style:none;
	/* position:relative; */
	/* position: relative; top: 15px; */
}

#administrar{
	float:left;
	width:108px;
	height:16px;
	background-color:#FFF;
	}



#correo{
	float:left;
	width:114px;
	height:16px;
	background-color:#FF9;
	cursor:pointer;
	color:#215DAB;
	font-size: 12px;
	border:none;
	text-decoration:none;
}
#correo_inc{
	float:left;
	width:110px;
	height:16px;
	background-color:#FF9;
	cursor:pointer;
	color:#215DAB;
	font-size: 12px;
	border:none;
	text-decoration:none;
}
#faq{
	float:left;
	width:45px;
	height:16px;
	background-color:#FF9;
	cursor:pointer;
	color:#215DAB;
	font-size: 12px;
	border:none;
	text-decoration:none;
}


.flotar_derecha {
	overflow: hidden;
	float: right;
	margin-left: 5px;
}
.flotar_izquierda {
	overflow: hidden;
	float: left;
	margin-right: 5px;
}
#contenido_principal h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #6980B4;
}

.tituloEnlaces {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:	#FFF;
	font-size:13px;
	/* font-weight: bold; */
	text-align:center;
}

.linkEnlaces{
	cursor:pointer;
	color:#6CF;
	font-size: 12px;
	border:none;
	text-decoration:none;
	}

.linkEnlaces:hover
 {
	color:#FFF;
	font-size: 12px;
	border:none;
}

#carrusel {
	float:left; 
	/* width:650px;  */
	overflow:hidden; 
	/* height:100%; */ 
	position:relative; 
	margin-top:5px;
}
 
#carrusel .izquierda_flecha{
	position:absolute; 
	left:10px; z-index:1; 
	top:50%; 
	margin-top:-9px;
}
#carrusel .derecha_flecha{
	position:absolute; 
	right:10px; 
	z-index:1; 
	top:50%; 
	margin-top:-9px;
}
.carrusel{
	width:1000px;
	position:absolute;
	z-index:0;
	height: 137px;
	
}

.carrusel>div{
    float: left;
    /* height: 203px; */
    margin-right: 5px;
    /* width: 195px; */
    text-align:center;
}
.carrusel .img_carrusel{
	cursor:pointer;
}

#content {
    float:left;
    width:600px;
    margin-bottom:40px;
    margin:0px auto;
}

.product {
    border:#CCCCCC 1px solid;
}



#transmision{
	width: 100%;
	/* height:104px; JR */
	height:110px;
}


.imagen_redes{
	/* cambia estos dos valores para definir el tamaño de tu círculo */
    height: 21px;
    width: 20px;
    /* los siguientes valores son independientes del tamaño del círculo */
    background-repeat: no-repeat;
    background-position: 48%;
    border-radius: 48%;
    background-size: 98% auto;
}
.imagen_gobiernoAbierto{
	/* cambia estos dos valores para definir el tamaño de tu círculo */
    height: 30px;
    width: 30px;
    /* los siguientes valores son independientes del tamaño del círculo */
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 45%;
    background-size: 100% auto;

}

.botones{
	border:#CCC 1px solid;
}