#precarga_imagenes {
       width: 0px;
       height: 0px;
       display: inline;
       background-image: url('/imagenes/sectores/fons_menu.gif');
       background-image: url('/imagenes/sectores/fons_menu_actiu.gif');
       background-image: url('/tiempo/images/info_tiempo.gif');
       background-image: url('/imagenes/iconos/mail.jpg');
       background-image: url('/imagenes/iconos/ftp.jpg');
       background-image: url('/imagenes/iconos/admin.jpg');
       background-image: url();
}
img{
    border:none;
}

img.foto {
background: url("/imagenes/iconos/cargando.gif") no-repeat center center;
}

#op_cabecera{
    text-align:left;
    padding:10px 0 10px 0;
    background: url('/imagenes/sectores/texto_cab.gif') no-repeat 600px 5px;
}

#menu_horizontal{
   	
}

#menu_principal{
background:url('/imagenes/sectores/fons_menu_actiu.gif') repeat-x;
}
#nav, #nav ul {
	padding:0 0 5px 0; 
	margin:0; 
	list-style:none; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:12px;
	position:relative; 
	z-index:200;
	}
#nav ul{
    padding-top:10px;
}

#nav ul li{
    background:#E6E6E6;   
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px; 
	text-align:left;
	border: solid 1px #ccc;
    width: 150px; 
}

#nav ul li a{
	color: #000;
}

#nav ul li:hover{
    border: solid 1px #E6E6E6;
	text-align:left;
}
	
#nav {
	height:30px; 
	padding:0;
	background: url('/imagenes/sectores/texto_cab_estetica.gif') no-repeat right;	
	}

#nav table {border-collapse:collapse;}
#nav li {float:left; padding:0 10px 0 10px; border-right:0.1em #540202 outset; background:#9A0A0A url('../imagenes/sectores/fons_menu.gif');  }
#nav li li {float:none; }
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {
	display:block; 
	float:left; 
	color:#fff; 
	padding: 0.3em 0em 0.3em 0.4em; 
	padding-right:5px; 
	line-height:25px; 
	text-decoration:none; 
	white-space:nowrap;}
	
#nav li li a {height:20px; line-height:20px; float:none;}

#nav li:hover { 
     position:relative; 
	 z-index:300; 
     background: url('/imagenes/sectores/fons_menu_actiu.gif');
	 }

#nav li.Tab-Activa { 
     position:relative; 
	 z-index:300; 
     background: url('/imagenes/sectores/fons_menu_actiu.gif');
	 }


#nav a:hover {position:relative; z-index:300; color:#ffffff;}

#nav :hover ul {left:0; top:22px;}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {left:-10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {color:#ffffff;} 


/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

#nav ul li, #nav ul li a{
width: 150px;
background:#E8E8E8;
}

#nav ul li:hover, #nav ul li a:hover{
width: 150px;
text-align:center;
background: #A0A0A0;
font-weight: bold;
}


#marquesina a{
color: #ffffff;
text-decoration: none;
}

#marquesina a:hover{
color: #ffffff;
text-decoration: underline;
}

#lista_hora{
list-style:none;
color: #800000;
font-size: 12px;
}

.ruta{
    margin-left: 70px;
    width: 850px;
	padding: 10px 0 5px 0;
	border-bottom:solid 1px #CACACA;
    text-align:left;
	color:#4C4C4C;
	font-size:10px;
}
.ruta a{
color: #800000;
text-decoration:none;
}

.div_parafarmacia{
    color: #800000;
    margin-left: 70px;
    width: 850px;
	height: 95px; 
	text-align: left;
	font-size:12px;
}

.info{
    color: #800000;
    margin-left: 70px;
    width: 850px;
	height: 115px; 
	text-align: left;
	font-size:12px;
}
.info ul.ul_float {
    width:220px;
	font-size:12px;
	font-weight: bold;
	float:left;
}
.ul_quienes{
    list-style: none;
}
.div_quienes{
	 color: #484848;
     padding:5px 0 5px 0;
	 text-align: justify;
}

.div_lista{
padding: 10px 0 10px 0;
}

table.tabla_lista {
width: 750px;	
font-size:12px;
font-weight: bold;
margin:auto;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #484848;
}

table.tabla_lista  td{
background: url('/imagenes/sectores/lista.gif') no-repeat center left;
text-align:left;
width: 250px;	
}

#pie{
    padding:5px 0 5px 0;
	border:solid 1px #A4A4A4;	
	/*
	-moz-border-radius-bottomleft: 7px;
	-webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomright: 7px;
	-webkit-border-bottom-right-radius: 7px;
	*/
	float:none;
	color: #fff;
	background:#A4A4A4;
	font-size:11px;
}
