/*-------Agregados Laura Urrutia 27/07/2010----------*/


/* ENCABEZADO NUEVA WEB AMARILLO*/
.encabezado_800 {
	display:block;
	width:800px;
	height:72px;
	background-image:url(/inc3/imagenes/encabezado/encabezado_800.gif);
	background-repeat: no-repeat;
	margin-left:3px;
	}
	
.encabezado_800 h3{
	width: 200px;
	height: 50px;
	}	


.encabezado_800 h3 a{
	width: 200px;
	height: 50px;
	position:absolute;
	font-size:0;
	line-height:0;
	text-indent:-30000px;
	position:absolute;
	}	
	
/*FIN ENCABEZADO NUEVA WEB AMARILLO*/


div#subencabezado {
	padding:0 4px 0 4px;
	width:762px;
	height:30px;
	}


/*FECHA Y TEMPERATURA NUEVO*/

div.encabezado div.encabezado_abajo div.fecha_temperatura {
	float:left;
	width:570px;
	height:20px;
	padding-left: 5px;
	}
	
div.encabezado div.encabezado_abajo div.fecha_temperatura div.fecha {
	float:left;
	margin:6px 5px 0 0;
	}
	
div.encabezado div.encabezado_abajo div.fecha_temperatura div.picto_temperatura {
	float:left;
	}	
	
div.encabezado div.encabezado_abajo div.fecha_temperatura div.temperatura {
	float:left;
	margin:6px 0 0 0;
	}	


/*FIN FECHA Y TEMERPERATURA NUEVO*/


/* BUSCADOR NUEVO*/
div.encabezado div.encabezado_abajo div.buscador {
	float:left;
	margin:0 0;
	}
	
div.encabezado div.encabezado_abajo div.buscador form {
	display:inline;
	}
	
div.encabezado div.encabezado_abajo div.buscador form input.input{
	display:block;
	float:left;
	height:20px;
	border:1px solid #FFD300;
	margin:2px 5px 0 0;
	}

div.encabezado div.encabezado_abajo div.buscador form a{
	display:block;
	float:left;
	width:29px;
	height:26px;
	background-image:url(/inc3/imagenes/lupa.gif);
	font-size:0;
	line-height:0;
	text-indent:-30000px;
	}

div.encabezado div.encabezado_abajo div.buscador form a:hover{
	background-position:0 -26px;
	}

/*FIN BUSCADOR NUEVO*/



/*MENU ARRIBA NUEVO*/

div.encabezado div.encabezado_abajo div.menu_principal {
	float:left;
	display:inline;
	margin:11px 0 0 0;
	width:674px;
	height:30px;
	background-image:url(/inc3/imagenes/menu_principal/separador_menu.gif);
	font-size:0;
	line-height:0;
	text-indent:-30000px;
	}

div.encabezado div.encabezado_abajo div.menu_principal div.inicio,
div.encabezado div.encabezado_abajo div.menu_principal div.mapa_sitio,
div.encabezado div.encabezado_abajo div.menu_principal div.areas_gobierno,
div.encabezado div.encabezado_abajo div.menu_principal div.noticias,
div.encabezado div.encabezado_abajo div.menu_principal div.agenda,
div.encabezado div.encabezado_abajo div.menu_principal div.la_guia,
div.encabezado div.encabezado_abajo div.menu_principal div.turismo,
div.encabezado div.encabezado_abajo div.menu_principal div.boletin_oficial {
	float:left;
	}

div.encabezado div.encabezado_abajo div.menu_principal div.inicio a {
	display:block;
	background-image:url(/inc3/imagenes/menu_principal/inicio.gif);
	width:49px;
	height:17px;
	}
	
div.encabezado div.encabezado_abajo div.menu_principal div.mapa_sitio a{
	display:block;
	background-image:url(/inc3/imagenes/menu_principal/mapa_sitio.gif);
	width:113px;
	height:17px;
	}
	
div.encabezado div.encabezado_abajo div.menu_principal div.areas_gobierno a.principal {
	display:block;
	background-image:url(/inc3/imagenes/menu_principal/areas_gobierno.gif);
	width:139px;
	height:17px;
	}

div.encabezado div.encabezado_abajo div.menu_principal div.areas_gobierno ul{
	list-style-type:none;
	padding:0;
	margin:0;
	font-size:10px;
	line-height:15px;
	text-indent:0px;
	display:block;
	}

div.encabezado div.encabezado_abajo div.menu_principal div.areas_gobierno ul li{
	}

div.encabezado div.encabezado_abajo div.menu_principal div.areas_gobierno div.areas_gobierno_desplegada {
	position:absolute;
	z-index:5;
	padding:5px 5px;
	width:180px;
	border:1px solid #999999;
	display:none;
	background-color:#FFFFFF;
	}

div.encabezado div.encabezado_abajo div.menu_principal div.areas_gobierno div.areas_gobierno_desplegada a{
	text-decoration:none;
	color:#666666;
	line-height:20px;
	}

div.encabezado div.encabezado_abajo div.menu_principal div.areas_gobierno div.areas_gobierno_desplegada a:hover {
	font-weight:bold;
	}

div.encabezado div.encabezado_abajo div.menu_principal div.areas_gobierno div.areas_gobierno_desplegada a:hover:before {
    content: "> ";
    }

	
div.encabezado div.encabezado_abajo div.menu_principal div.noticias a{
	display:block;
	background-image:url(/inc3/imagenes/menu_principal/noticias.gif);
	width:69px;
	height:17px;
	}

div.encabezado div.encabezado_abajo div.menu_principal div.agenda a {
	display:block;
	background-image:url(/inc3/imagenes/menu_principal/agenda.gif);
	width:63px;
	height:17px;
	}
	
div.encabezado div.encabezado_abajo div.menu_principal div.la_guia a{
	display:block;
	background-image:url(/inc3/imagenes/menu_principal/la_guia.gif);
	width:65px;
	height:17px;
	}

div.encabezado div.encabezado_abajo div.menu_principal div.turismo a{
	display:block;
	background-image:url(/inc3/imagenes/menu_principal/turismo.gif);
	width:68px;
	height:17px;
	}

div.encabezado div.encabezado_abajo div.menu_principal div.boletin_oficial a{
	display:block;
	background-image:url(/inc3/imagenes/menu_principal/boletin_oficial.gif);
	width:108px;
	height:17px;
	}

div.encabezado div.encabezado_abajo div.menu_principal div.inicio a:hover,
div.encabezado div.encabezado_abajo div.menu_principal div.mapa_sitio a:hover,
div.encabezado div.encabezado_abajo div.menu_principal div.areas_gobierno a.principal:hover,
div.encabezado div.encabezado_abajo div.menu_principal div.noticias a:hover,
div.encabezado div.encabezado_abajo div.menu_principal div.agenda a:hover,
div.encabezado div.encabezado_abajo div.menu_principal div.la_guia a:hover,
div.encabezado div.encabezado_abajo div.menu_principal div.turismo a:hover,
div.encabezado div.encabezado_abajo div.menu_principal div.boletin_oficial a:hover {
	background-position:0 -17px;
	}



/*FIN MENU ARRIBA NUEVO*/

/*---------------------------------------pagina vieja----------------------------------------*/

#encabezado_izquierda {
	float:left;
	width:382px;
	height:63px;
	background-color:#122239;
	}
	
#encabezado_fecha {
	padding:0 0 0 10px;
	width:214px !important;
	width/**/:/**/232px;
	width:214px;
	height:20px;
	background-color:#122239;
	}
	
/*#encabezado_isologo {
	padding:10px 0 0 0;
	width:290px;
	height:33px;
	}	*/
	
div#contenedor_encabezado_iso {
	float:left;
	width:150px;
	height:63px;
	}

div#encabezado_iso {
	margin:0px;
	width:150px !important;
	width/**/:/**/150px;
	width:150px;
	height:63px;
	}

/**/
#encabezado_iso ul {padding:0;margin:0;list-style-type: none;}
#encabezado_iso ul li {display:inline;}
#encabezado_iso ul li a {
	float:left;
	display:block;
	width:150px;
	height:63px;
	text-decoration: none;
	text-indent:-30000px;
	line-height:0px;
	font-size:0px;
	}
	
#encabezado_iso ul li a#gobbsas {background:url(/imagenes/encabezado/buenos_aires_invierno.gif) top left no-repeat;}




/**/

div#contenedor_fecha_logo {
	float:left;
	padding-left:8px;
	width:224px !important;
	width/**/:/**/232px;
	width:224px;
	height:63px;
	}

div#encabezado_logo {
	float:left;
	margin-top:21px;
	width:184px;
	height:11px;
	background-image:url(/imagenes/encabezado/ciudad_autonoma.gif);
	}
	
div#encabezado_logo h1 {display:none;}
div#encabezado hr {display:none;}	
	
div#encabezado_derecha_arriba {
	width:380px;
	height:22px;
	}
	
div#encabezado_derecha_medio {
	width:380px;
	height:10px;
	font-size:0px;
	line-height:0px;
	}
	
div#encabezado_derecha_medio div#bloque_vacio {
	float:left;
	padding:0 0 0 80px;
	width:33px;
	height:10px;
	font-size:0px;
	line-height:0px;
	}
	
div#encabezado_derecha_abajo {
	padding:9px 0 0 0;
	width:380px;
	height:15px;
	}

#menu_pictos {
	float:left;
	display:inline;
	margin:2px 8px 0 10px;
	width:240px;
	height:16px;
	background:url(/imagenes/encabezado/fondo_menu_pictos.gif) top left no-repeat;
	}

#menu_pictos ul {padding:0;margin:0;list-style-type: none;}
#menu_pictos ul li {display:inline;}
#menu_pictos ul li a {
	float:left;
	display:block;
	height:16px;
	text-decoration: none;
	text-indent:-30000px;
	line-height:0px;
	font-size:0px;
	}
	
#menu_pictos ul li a.contacto {width:17px;background:url(/imagenes/encabezado/ico_contacto.gif) top left no-repeat;}
#menu_pictos ul li a.arbol {margin-left:17px;width:24px;background:url(/imagenes/encabezado/ico_arbol.gif) top left no-repeat;}
#menu_pictos ul li a.faq {margin-left:17px;width:10px;background:url(/imagenes/encabezado/ico_preguntas.gif) top left no-repeat;}
#menu_pictos ul li a.mapas {margin-left:19px;width:17px;background:url(/imagenes/encabezado/ico_mapas.gif) top left no-repeat;}
#menu_pictos ul li a.multimedia {margin-left:15px;width:31px;background:url(/imagenes/encabezado/ico_multimedia.gif) top left no-repeat;}
#menu_pictos ul li a.telefonos {margin-left:12px;width:17px;background:url(/imagenes/encabezado/ico_telefonos.gif) top left no-repeat;}
#menu_pictos ul li a.moverse {margin-left:11px;width:31px;background:url(/imagenes/encabezado/ico_moverse.gif) top left no-repeat;}

#menu_pictos ul li a:hover {background-position:0 -16px;}


div#iso{
	float:left;
	width:105px;
	height:26px;
	padding:0 0 0 21px;}


div#encabezado_derecha {
	float:left;
	width:380px;
	height:63px;
	background-color:#122239;
	}

span#fecha, span#hora, span#pronostico, span#temperatura{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#999999;
	}

span#fecha{display:block;padding:4px 0 0 0;}
span#hora{display:block;padding:4px 0 0 6px;}
span#grafico_alerta{padding:0;float:left;}
span#grafico_clima{padding:0 0 0 2px;float:left;}
span#temperatura {padding:4px 0 0 2px;float:left;}

/**/

div#menu_encabezado {
	width:362px;
	height:11px;
	margin-left:10px;
	background-image:url(/imagenes/encabezado/fondo_menu.gif);
	font-size:0px;
	line-height:0px;
	}

#menu_encabezado ul {padding:0;margin:0;list-style-type: none;}
	
#menu_encabezado ul li {display:inline;font-size:0px;line-height:0px;}
#menu_encabezado ul li a {
	float:left;
	display:block;
	padding-top:11px;
	overflow:hidden;
	height:0px !important;
	height/**/:/**/11px;
	height:0px;
	margin-left:16px;
	}
	
#menu_encabezado ul li a.inicio {width:31px;margin-left:0;background-image:url(/imagenes/encabezado/bot_inicio.gif);}
#menu_encabezado ul li a.noticias {width:49px;background-image:url(/imagenes/encabezado/bot_noticias.gif);}
#menu_encabezado ul li a.online {width:71px;background-image:url(/imagenes/encabezado/bot_online.gif);}
#menu_encabezado ul li a.agenda {width:42px;background-image:url(/imagenes/encabezado/bot_agenda.gif);}
#menu_encabezado ul li a.guia {width:42px;background-image:url(/imagenes/encabezado/bot_laguia.gif);}
#menu_encabezado ul li a.turismo {width:47px;background-image:url(/imagenes/encabezado/bot_turismo.gif);}

#menu_encabezado ul li a:hover {background-position:0 -11px;}
* html #menu_encabezado a:link, * html #menu_encabezado a:visited {height:11px; he\ight:0;}


div#menu_laciudad {
	float:left;
	padding:12px 0 0 4px;
	width:153px;
	}
	
div#titulociudad {
	width:54px;
	height:5px;
	margin:0 0 3px 7px;
	font-size:0;
	line-height:0;
	}
	
div#titulociudad a {
	display:block;
	padding-top:5px;
	width:61px;
	height:0px !important;
	height/**/:/**/5px;
	height:0px;
	overflow:hidden;
	background-image:url(/imagenes/inicio/laciudad.gif);
	}
* html div#menu_laciudad div#titulociudad a:link, * html div#menu_laciudad div#titulociudad a:visited {height:5px; he\ight:0;}

	
div#menu_laciudad ul {
 	margin:0;
	padding:0;
	list-style-type: none;
	}
	
div#menu_laciudad ul li {
	display:inline;
	height:10px;
	}
	
div#menu_laciudad ul li a {
	float:left;
	margin-top:1px;
	display:inline;
	width:74px;
	padding-top:10px;
	height:0px !important;
	height/**/:/**/10px;
	height:0px;
	overflow:hidden;
	text-decoration:none;
	}
	
div#menu_laciudad ul li a.barrios {background-image:url(/imagenes/inicio/barrios.gif);}
div#menu_laciudad ul li a.fotogaleria {margin-left:1px;background-image:url(/imagenes/inicio/fotogaleria.gif);}
div#menu_laciudad ul li a.directorios {background-image:url(/imagenes/inicio/directorios.gif);}
div#menu_laciudad ul li a.mapas {margin-left:1px;background-image:url(/imagenes/inicio/mapas.gif);}
div#menu_laciudad ul li a.telefonos {background-image:url(/imagenes/inicio/telefonos.gif);}
/*div#menu_laciudad ul li a.webcam {margin-left:1px;background-image:url(/imagenes/inicio/webcam.gif);}*/
div#menu_laciudad ul li a.transito {background-image:url(/imagenes/inicio/transito.gif);}

div#menu_laciudad ul li a:hover/* */{background-position:0 -10px;}
* html div#menu_laciudad a:link, * html div#menu_laciudad a:visited {font-size:0px;height:10px; he\ight:0;}


div#selector_inicio {
	float:right;
	padding:31px 4px 0 0;
	width:149px !important;
	width/**/:/**/153px;
	width:149px;
	height:20px;
	text-align:right;
	}

div#selector_inicio select {
	width:148px;
	font-size:10px;
	}

/* SUBENCABEZADO */

div#menu_subencabezado {
	margin:26px 0 0 8px;
	width:135px;
	height:24px;
	}

div#menu_subencabezado ul {
 	margin:0;
	padding:0;
	list-style-type: none;
	}
	
div#menu_subencabezado ul li {display:inline;}
div#menu_subencabezado ul li a {
	float:left;
	display:inline;
	padding-top:24px;
	height:0px !important;
	height/**/:/**/24px;
	height:0px;
	overflow:hidden;
	text-decoration:none;
	}
	
div#menu_subencabezado ul li a.wap {width:19px;background-image:url(/imagenes/subencabezado/wap.gif);}
div#menu_subencabezado ul li a.rss {margin-left:7px;width:16px;;background-image:url(/imagenes/subencabezado/rss.gif);}
div#menu_subencabezado ul li a.mapas {margin-left:10px;width:31px;background-image:url(/imagenes/subencabezado/mapas.gif);}
div#menu_subencabezado ul li a.boletines {margin-left:8px;width:44px;background-image:url(/imagenes/subencabezado/boletines.gif);}
div#menu_subencabezado ul li a.weblog {margin-left:8px;width:33px;background-image:url(/imagenes/subencabezado/weblog.gif);}



/* ! Alerta Buenos Aires */

#alertaba {
	margin:0 auto;
	padding:0;
	width:770px;
	height:22px;
	background: #F00000 url(/areas/com_social/alerta/imagenes/alertaba_bg.gif) repeat-x top;
	display:none;
}

div#alerta_titulo {
	float:left;
	width:177px;
	height:22px;
	background: url(/areas/com_social/alerta/imagenes/alerta_titulo.gif) no-repeat top left;
}
	
div#alerta_titulo h1 {display:none;}

div#alerta_der {
	float:left;
	padding-top:4px;
	height:18px !important;
	height/**/:/**/22px;
	height:18px;
}

div#alerta_der p {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF; 
}

div#alerta_enlaces {
	float:right;
	display:inline;
	font-size: 14px;
	height:22px;
}

div#alerta_enlaces ul {
	margin:0;
	padding:0;
}

div#alerta_enlaces ul li {
	margin:0;
	padding:0;
	display:inline;
}

div#alerta_enlaces a {
	float:left;	
	display:block;
	height:18px !important;
	height/**/:/**/22px;
	height:18px;
	padding:4px 8px 0 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:center;
	text-decoration: none;
	color:#FFFFFF;
	background: url(/areas/com_social/alerta/imagenes/bg_enlace.gif) no-repeat top left;
}

div#alerta_enlaces a:hover {
	color:#F00000;
	background: #FFDE00 url(/areas/com_social/alerta/imagenes/bg_enlace_h.gif) repeat-x top;
}

#info_alerta {
	background: #F00000;
}

#cont_info_alerta {
	padding:10px 15px 15px 15px;
	background: #F00000 url(/areas/com_social/alerta/imagenes/bg_info_alerta_top.gif) repeat-x top;
	color:#FFFFFF;
}

#cont_info_alerta h3 { 
	color:#FFDE00;
	margin:0 0 8px 0;
	padding:0;
}

#cont_info_alerta p {
	margin:0;
	padding:0;
	font-size:13px;
	text-align:justify;
}

a.enlaces_alerta {
	font-weight:bold;
	color:#FFFFCC;
}

a:hover.enlaces_alerta {
	color:#FFFFCC;
	text-decoration: underline;
}



#cont_info_alerta_izq { 
	float:left;
	padding:0 15px 0 0;
	width:605px !important;
	width/**/:/**/620px;
	width:605px;
	background: #F00000 url(/areas/com_social/alerta/imagenes/bg_info_alerta_top.gif) repeat-y right;

}

#cont_info_alerta_der { 
	float:left;
	padding:0 0 0 10px;
	width:110px !important;
	width/**/:/**/120px;
	width:110px;
	text-align:center;
}

#alerta_cerrar {
	text-align:right;
} 

#detalle {
	float:left;
	height:10px;
	width:10px;
	background:url(/areas/com_social/alerta/imagenes/detalle.gif) no-repeat top left;
}

#alertaba_pie {
	height:10px;
	background: #F00000 url(/areas/com_social/alerta/imagenes/bg_info_alerta.jpg) repeat-x bottom;
}


.glidecontentwrapper{
	position: relative; /* Do not change this value */
	margin: 10px 0 0 0;
	width: 605px;
	height: 90px; /* Set height to be able to contain height of largest content shown*/
	overflow: hidden;
	background:  #FFDE00  url(/areas/com_social/alerta/imagenes/bg_consejos_top.gif) no-repeat top left;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
	position: absolute; /* Do not change this value */
	background: url(/areas/com_social/alerta/imagenes/bg_consejos.jpg) repeat-x 0 14px ;
	padding: 12px;
	visibility: hidden;
	width:583px !important;
	width/**/:/**/595px;
	width:583px;
	color:#444444;
	font-size:15px;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
	width: 605px;
	height:30px;
	text-align: center;
	background:  url(/areas/com_social/alerta/imagenes/bg_consejos_btm.gif) no-repeat bottom left;

}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
	display: -moz-inline-box;
	display: inline-block;
	color: #444444;
	padding: 1px 4px;
	margin-right: 3px;
	font-weight: bold;
	text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
	background: #E8CB00;
	color:#FFFFFF;
}

.glidecontenttoggler a:hover{
	background: #E8CB00;
	color: #444444;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
	background: #E8CB00;
	color: #FFFFFF;
}



/*  APAGON PLANETA */
.cdstyle{
    height:40px;
}

div#apagon_planeta{
    float:left; 
    margin-top:12px;
    padding-left:234px;
    width:220px !important;
    width/**/:/**/454px;
    width:220px;
    text-align:center;
    background: url(/areas/com_social/imagenes/bg_main.jpg) no-repeat 340px 6px;
    
}

h2.titulo_contador {
    float:left;
    margin:0;
    padding:0;
    width:74px;
    height:44px;
    background: url(/areas/com_social/imagenes/bg_titulo.jpg) no-repeat left 6px;
}

.titulo_inv { display:none;}


.cont_bloque {
    float:left;
    margin-right:2px;
    width:34px;
    height:44px;
    text-align:center;
    background: url(/areas/com_social/imagenes/bg_bloque.jpg) no-repeat top center;
}

.num_grande {
    color:#FFFFFF;
    font-size:22px;
}

.nom_chico {
    padding-top:2px;
    color:#FFFFFF;
    font-size:10px;

}

#page_shutdown_over_msg {
	z-index:1200;
	display:none;
	width:650px;
	position:absolute;
	margin: 70px auto 0 auto;
	padding:10px;
	text-align:left;
}

#page_shutdown_over_msg h1{
	margin:0;
	padding:0;
	font-size:45px;
	font-weight:100;
	color: #FFD205;
	font-family:Arial, Helvetica, sans-serif;
}

#page_shutdown_over_msg h3 {
	margin:4px 0 4px 0;
	padding:0;
	font-size:24px;
	font-weight:100;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}


#page_shutdown {
	display:none;
	width:10000px;
	height:10000px;
	overflow:hidden;
	z-index:1000;
	background-color: #111111;
	filter:alpha(opacity=80);
	width:100%;
	-moz-opacity:0.8;
	opacity:0.8;
	top:0px;left:0px;
	position:absolute;
}

a.prender_pagina {
	display:block;
	padding:6px 0 0 50px;
	width:90px;
	height:53px;
	text-decoration:none;
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	background: url(/areas/com_social/imagenes/interruptor.gif) no-repeat top left;
}

a:hover.prender_pagina {
	color: #FFFFCC;
}
