/*
*
*	 Este fichero de CSS se utiliza para los frames izquierdos de los departamentos (frm_izq.html)
*
*    © Ayuntamiento de Alicante - Servicio de Informática 2004
*
*/

body {
	background-image: url(/img/fondo_menu_izq.gif);
	margin: 0; 
	padding: 0;
	vertical-align: top;
}

div#menu {
/*	background-color: #0068b0; */
	height: 420px; 				
	width: 158px;
	padding: 0; 
	margin: 0;		
}

div#correos {
	background-color: #0068b0;
	height: 30px;
	width: 158px;
	padding: 0;
	margin: 0;
	visibility: hidden;
	position: absolute;
	top: 50px;
	color: #ffffff;
}

div#menu h1, div#menu p {
	display: none;
}

div#correos h1, div#correos p {
	display: none;
}

div#menu a {
	padding: 0; 
	margin: 0; 		
}
div#correos a {
	padding: 0; 
	margin: 0; 		
}

div#menu img {
	border: 0;
	display: block;
}

div#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.7em; 
	font-family: arial, helvetica, sans-serif; 	
	border-bottom: 1px solid #0099cd;	
}

* html div#menu ul {  margin-top: -4px; } /* APAÑO IE6 */
*:first-child+html div#menu ul {  margin-top: -4px; } /* APAÑO IE7 */

div#correos ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.7em; 
	font-family: arial, helvetica, sans-serif; 	
	border-bottom: 1px solid #0099cd;
}

div#menu ul li {
	margin: 0;
	padding: 0;
	border-top: 1px solid #0099cd;
	text-align: right;
}
div#correos ul li {
	margin: 0;
	padding: 0;
	border-top: 1px solid #0099cd;
	text-align: right;
}

div#menu ul li a {
	display: block;
	padding: 4px 2px 4px 0.5em;
	background-color:#0068b1;	
	color: #ffffff;
	text-decoration: none;
	width: 100%;
}
div#correos ul li a {
	display: block;
	padding: 4px 2px 4px 0.5em;
	background-color:#008BE8;	
	color: #ffffff;
	text-decoration: none;
	width: 100%;
}

html>body div#menu ul li a {
	width: auto;
}
html>body div#correos ul li a {
	width: auto;
}

div#menu ul li a:hover {
	background-color: #004e93;
	color: #ffffff;
}div#correos ul li a:hover {
	background-color: #0068b1;
	color: #ffffff;
}
div#mapa_img {
	visibility: hidden;
}

/* Añadido para los Frames izquierdos dinámicos */

body div#menu div#iconos_navegacion {
	background-image: url(/img/frm_izq/fondo.gif);
	background-repeat: no-repeat;
	text-align:right;
	padding: 4px 2px 2px 2px;
}

body div#menu div#iconos_navegacion a { 
	text-decoration: none; 
}

body div#menu div#iconos_navegacion a img { 
	display: inline; 
	margin: 0 3px; 
}


body div#menu div#social
{
	margin: 0;
	padding: 0;
	text-align:center;
	background-position: left center;
	background-image: url(/img/frm_izq/fondo_social.gif);	
	background-repeat: repeat-x;
	border: 1px solid #c5ced2;	
	background-color: transparent;
	height: 23px;
}

body div#menu div#social h1
{
	display: none;	
}

body div#menu div#social ul
{
	margin: 2px 0 0 0;
	border: none;	
}

body div#menu div#social ul li
{
	margin: 0 4px;
	padding: 0;
	display: inline-block;
	list-style-type: none;
	border: none;	
}

* html body div#menu div#social ul li { display: inline; } /* APAÑO IE6 */
*:first-child+html body div#menu div#social ul li {zoom: 1; *display: inline; }/* APAÑO IE7 */

body div#menu div#social ul li a span
{
	display: none;
}

body div#menu div#social ul li a
{
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: left center;
	width: 18px;	
	height: 18px;
	display: inline-block;	
	background-color: transparent;
}


body div#menu div#social ul li a:hover, 
body div#menu div#social ul li a:active
{
	background-color: transparent;
}


body div#menu div#social ul li a.facebook
{
	background-image: url(/img/logos/compartir/facebook.gif);
}

body div#menu div#social ul li a.twitter
{
	background-image: url(/img/logos/compartir/twitter.gif);
}

body div#menu div#social ul li a.tuenti
{
	background-image: url(/img/logos/compartir/tuenti.gif);
}

body div#menu div#social ul li a.meneame
{
	background-image: url(/img/logos/compartir/meneame.gif);
}

body div#menu div#social ul li a.delicious
{
	background-image: url(/img/logos/compartir/delicious.gif);
}

body div#menu div#social ul li a.rss
{
	background-image: url(/img/logos/compartir/ico_rss_peq.gif);
}

body div#menu div#rss
{
	margin: 5px  0 0 70px;	
	padding: 10px;
	display: none;
	background-color: #FFFFFF;
	background-position: bottom left;
	background-image: url(/img/frm_izq/fondo_rss.gif);	
	background-repeat: repeat-x;
	border: 1px solid #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

body div#menu div#rss h1
{
	margin: 0 0 0 13px;
	padding: 0;
	font-size: 0.9em;
	font-family: Verdana, Geneva, sans-serif;
	color: white;
	font-weight: normal;
}

body div#menu div#rss ul
{
	border: none;
}

body div#menu div#rss ul li
{
	text-align: left;
	border: none;
	margin: 0.3em 0 0.3em 0;
	width: auto;
}

body div#menu div#rss ul li a
{
	margin: 0;
	padding: 0 0 0 20px;
	background-image: url(/img/logos/compartir/ico_rss_peq.gif);
	background-repeat: no-repeat;
	background-position: left center;	
	background-color: transparent;
	color: #000;
}

body div#menu div#rss ul li a:hover, 
body div#menu div#rss ul li a:active
{
	background-color: transparent;	
	color: #666;	
	position: relative; /* APAÑO IE6 para que no desaparezca el fondo. Grrrrrrrr!! */
}