/* CSS Document */
 
#encabezado {
	width:780px;
	font-family:Arial, Helvetica, sans-serif;	
	}

#pastillas {
	height:30px;
	background-image:url('../imagenes/bg_pastillas.gif');
	}

#pastillas #categorias {
	margin-left:17px;
	}

#pastillas #categorias ul {
	padding:0;
	margin:0;
	list-style-type:none;
	}
	
#pastillas #categorias ul li { display:inline; }

#pastillas #categorias ul li a {
	float:left;
	display:block;
	height:30px;
	text-decoration: none;
	text-indent:-30000px;
	line-height:0px;
	font-size:0px;
	}

#pastillas #categorias ul li a.ciudadanos {
	background:url(../imagenes/pastillas/ciudadanos.gif);
	width:92px;
	}

#pastillas #categorias ul li a.ciudadanos_seleccionado {
	background:url(../imagenes/pastillas/ciudadanos.gif);
	width:92px;
	background-position:0 -30px ;
	}
	
#pastillas #categorias ul li a.visitantes {
	background:url(../imagenes/pastillas/visitantes.gif);
	width:87px;
	}

#pastillas #categorias ul li a.visitantes_seleccionado {
	background:url(../imagenes/pastillas/visitantes.gif);
	width:87px;
	background-position:0 -30px;
	}

#pastillas #categorias ul li a.negocios {
	background:url(../imagenes/pastillas/negocios.gif);
	width:87px;
	}

#pastillas #categorias ul li a.negocios_seleccionado {
	background:url(../imagenes/pastillas/negocios.gif);
	width:87px;
	background-position:0 -30px;
	}

#pastillas #categorias ul li a.gobierno {
	background:url(../imagenes/pastillas/gobierno.gif);
	width:92px;
	}

#pastillas #categorias ul li a.gobierno_seleccionado {
	background:url(../imagenes/pastillas/gobierno.gif);
	width:92px;
	background-position:0 -30px;
	}

#pastillas #categorias ul li a:hover {
	background-position:0 -30px ;
	}



#institucional {
	height:65px;
	background:url('../imagenes/bg_institucional.gif');
	padding:0;
	margin:0;
	}

#institucional div {
	float:left;
	margin:0;
	padding:0;
	}

#institucional #firma_institucional {
	height:65px;
	width:166px;
	margin-left:20px;
	display:inline;
	background-color:#0033FF;
	background-image:url('../imagenes/logo.gif');
	background-position:bottom; 
	background-repeat:no-repeat;
	}

#institucional #firma_institucional h1 {
	display:none;
	}

#institucional #menu_institucional {
	height:65px;
	display:inline;
	float:left;
	margin:0 0 0 130px;
	}

#institucional #menu_institucional ul {
	padding:0;
	margin:0;
	list-style-type:none;}

#institucional #menu_institucional ul li {display:inline;}

#institucional #menu_institucional ul li a {
	float:left;
	display:inline;
	width:34px;
	height:65px;
	text-decoration: none;
	text-indent:-30000px;
	line-height:0px;
	font-size:0px;
	margin:0 0 0 10px;
	padding:0;
	}


#institucional #menu_institucional ul li a.chat {
	background:url(../imagenes/menu_institucional/chat.gif) top left no-repeat;
	}

#institucional #menu_institucional ul li a.contacto {
	background:url(../imagenes/menu_institucional/contacto.gif) top left no-repeat;
	}
	
#institucional #menu_institucional ul li a.mapa {
	background:url(../imagenes/menu_institucional/mapa.gif) top left no-repeat;
	}

#institucional #menu_institucional ul li a.moverse {
	background:url(../imagenes/menu_institucional/moverse.gif) top left no-repeat;
	}

#institucional #menu_institucional ul li a.webs {
	background:url(../imagenes/menu_institucional/webs.gif) top left no-repeat;
	}

#institucional #menu_institucional ul li a.blog {
	background:url(../imagenes/menu_institucional/blog.gif) top left no-repeat;
	}

#institucional #menu_institucional ul li a:hover, #institucional #buscador div.buscar a:hover {
	background-position:0 -65px;
	}

#institucional #buscador {
	height:65px;
	}

#institucional #buscador input {
	border:none;
	display:inline;
	float:left;
	width:100px;
	margin:25px 0 0 40px;
	line-height:15px;
	font-size:10px;
	}

#institucional #buscador div.buscar {
	float:left;
	padding:0;
	}
	
#institucional #buscador div.buscar a{
	float:left;
	display:inline;
	width:34px;
	height:65px;
	text-decoration: none;
	text-indent:-30000px;
	line-height:0px;
	font-size:0px;
	margin:0;
	padding:0;
	background-image:url(../imagenes/menu_institucional/buscar.gif);
	}

/*#foto_principal {
	height:140px;
	background:url('../imagenes/foto_principal/07.jpg');
	}*/

#foto_principal{
height:140px;
	}
#fecha_clima {
	float:right;
	display:inline;
	width:130px;
	height:50px;
	color:#FFFFFF;
	margin:45px 5px 0 0;
	font-size:10px;
	}

#fecha_clima #fecha {
	width:74px !important;
	width/**/:/**/80px;
	width:74px;
	height:44px !important;
	height/**/:/**/50px;
	height:44px;
	display:inline;
	float:left;
	padding:3px;
	background-color:#333333;
	}

#fecha_clima #fecha span.mes {
	font-size:9px;
	text-transform:uppercase;
	}

#fecha_clima #fecha span.dia {
	font-size:15px;
	text-transform:uppercase;
	}
	
#fecha_clima #fecha {
	font-size:11px;
	}
	
#fecha_clima #clima {
	width:50px;
	height:50px;
	float:left;
	background-color:#BCBDC0;
	}

#fecha_clima #clima div.icono {
	display:block;
	width:50px;
	height:35px;
	line-height:0px;
	font-size:0px;
	}

div.cero {
	background-image:url(../imagenes/clima/00.gif)
	}

div.uno {
	background-image:url(../imagenes/clima/01.gif)
	}

div.dos {
	background-image:url(../imagenes/clima/02.gif)
	}

div.tres {
	background-image:url(../imagenes/clima/03.gif)
	}

div.cuatro {
	background-image:url(../imagenes/clima/04.gif)
	}
	
div.cinco {
	background-image:url(../imagenes/clima/05.gif)
	}
	
div.seis {
	background-image:url(../imagenes/clima/06.gif)
	}
	
div.siete {
	background-image:url(../imagenes/clima/07.gif)
	}
	
div.ocho {
	background-image:url(../imagenes/clima/08.gif)
	}
	
div.nueve {
	background-image:url(../imagenes/clima/09.gif)
	}
	
div.diez {
	background-image:url(../imagenes/clima/10.gif)
	}	
	
div.once {
	background-image:url(../imagenes/clima/11.gif)
	}
	
div.doce {
	background-image:url(../imagenes/clima/12.gif)
	}
	
div.trece {
	background-image:url(../imagenes/clima/13.gif)
	}
	
div.catorce {
	background-image:url(../imagenes/clima/14.gif)
	}
	
div.quince {
	background-image:url(../imagenes/clima/10.gif)
	}
	
div.dieciseis {
	background-image:url(../imagenes/clima/02.gif)
	}
	
div.diecisiete {
	background-image:url(../imagenes/clima/05.gif)
	}
	
div.dieiocho {
	background-image:url(../imagenes/clima/10.gif)
	}
/*
div.uno, div.dos, div.ocho, div.nueve, div.dieciseis {
	background-image:url(../imagenes/clima/03.gif)
	}

div.tres, div.cuatro, div.cinco, div. seis, div.once, div.doce, div.trece, div.catorce, div.quince {
	background-image:url(../imagenes/clima/01.gif)
	}

div.siete {
	background-image:url(../imagenes/clima/02.gif)
	}

div.diez {
	background-image:url(../imagenes/clima/05.gif)
	}
*/
#fecha_clima #clima div.temperatura {
	font-size:11px;
	display:block;
	width:45px !important;
	width/**/:/**/50px;
	width:45px;
	height:15px;
	padding:0 0 0 5px;
	}