html{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	background:url('../img/fondo_new.gif') repeat-y center top;
}
body{
	width:778px;
	margin:0 auto;
	height:100%;
	color:inherit;
	background:#FFF;
	font:0.9em/1.2em Arial, Helvetica, sans-serif;
}

a:link, a:active, a:visited { text-decoration: none; color: #444444; font-weight: normal; }
a:hover { text-decoration: underline; color: #6C6C6C; font-weight: normal; }
img { border: 0px; padding: 0px; margin: 0px; }
p{font-size:0.75em; line-height:1.4em;}
h2{font-size:0.95em;}

#titulo, #contenido, #pie, #cabecera{
	width:778px;
	margin:0px auto;
	}
#menu_superior p{font-family:Arial, Helvetica, sans-serif; font-size:0.6em;}
#menu_superior a{color:#4e4e4e; text-decoration:none;}
#menu_superior a:hover{color:#4e4e4e; text-decoration:underline;}
#menu_superior{padding:50px 0px 0px 0px !important; padding:60px 0px 0px 0px; float:right;}
#uoc{float:left;}

#titulo span, .invisible{position:absolute;top:0;left:-4000px;z-index:-100;}

#cabecera li{
	float:left;
	list-style:none;
	padding-right:10px;
}
#cabecera a{
	color:#FFF;
	padding:0px 10px 0px 10px;
	margin-right:-13px;
	border-top:solid 1px #2d3969;
	border-bottom:solid 1px #2d3969;
	border-right:solid 1px #2d3969;
	border-left:solid 2px #FFF;
	text-decoration:none;
	font-weight:bold;
	display:block;
}
#cabecera a:hover, #cabecera a:focus{
	color:#2d3969;
	background:#edeeee;
	z-index:3;
	border:solid 1px #97c6c6;
	border-left:solid 2px #97c6c6;
	text-decoration:underline;
}
#cabecera ul{
	margin:2px 0px 0px 0px;
	padding:0px 0px 0px 30px;
}
#cabecera{
	background:url('../img/barra.gif') no-repeat bottom;
	border-top:1px solid #FFF;
	float:right;
	font-size:75%;
	font-weight:bold;
	margin-left:0px; margin-right:0px; margin-top:-3px; margin-bottom:10px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:5px
}
#cabecera .no_borde a, #cabecera .no_borde a:hover{border-left:none;}
#seleccionado{
	color:#2d3969;
	background:#edeeee;
	z-index:3;
	padding:0px 0px 0px 10px;
	margin-right:-3px;
	border:solid 1px #97c6c6;
	border-left:solid 2px #97c6c6;
}

#contenido{
	background:#dddddf url('../img/sup2.gif') no-repeat top;
	padding-top:10px;
	padding-bottom:5px;
	margin-bottom:5px;
	color:#2e3a69;
	clear:both
	}
#contenido p{margin-top:0px !important; margin-top:-20px; padding: 0px;}
#cont_izq{
	margin-left:8px !important;
	margin-left:4px;
	width:159px;
	float:left;
	}
#cont_izq a{color:#FFF}
#cont_izq a:hover{text-decoration:underline}

#cont_menu{background:#FFF;}
#menu{
	list-style:none;
	margin:0px;
	padding:0px;
	background:#3c4773;
	font-size:0.74em;
	font-weight:bold;
	margin-top:-5px;
	margin-bottom:13px;
	}
#menu li a{
	display: block;
	text-decoration: none;
	color: #FFF;
	height:20px;
	background:url('../img/menu1.png') repeat-x;
	margin-top:1px;
	margin-bottom:-1px;
	padding-left:20px
}
#menu li a:hover, #menu li:hover a, #menu li a:focus, #menu li:focus a{background:url('../img/menu2.png') repeat-x; text-decoration:underline; color:#2d3969}

#cont_der{
	margin:-10px 16px 0px 0px !important;
	margin:-10px 8px 0px 0px;
	padding:0px 0px 0px 0px;
	width:584px ;
	float:right;
	}
#ofertas, #noticias, #contenedor_principal{
	background:#FFF;
	border:#c5c3c3 solid 1px;
	padding: 0px 10px 10px 10px;
	float:right;
	width:562px;
	}

.titulo_principal, #titulo_mapa{
	background:#dddddf url('../img/ofertes01.png') no-repeat top left;
	margin-top:10px;
	width:564px;
	float:right; padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:0px
	}

.titulo_destacado{
	padding: 8px 0px 5px 22px;
	margin: 0px 0px 0px -10px;
	font-size:1em;
	font-weight: bold;
	line-height: 1.2em;
	color: #2d3969;
	}
	
#ofertas a, #ofertas a:hover{color:#2e3a69; font:inherit;}
#ofertas h2 a{font-weight:bold;}
#ofertas_izq{float:left; width:300px; margin-top:0px; padding: 14px 0px 0px 0px;}
#ofertas_der{float:right; margin-top:0px; width:230px; background:url('../img/separador.png') repeat-y top left; content:open-quote; padding-left:15px; padding-right:0px; padding-top:14px; padding-bottom:0px}
#ofertas_der img{margin-right:10px;}
#ofertas_der h2, #noticias h2{font-size:0.8em; margin-top:0px;}
#ofertas_der .bloque{ background:url('../img/separador2.png') repeat-x top; clear:both; width:230px; margin:0px; padding-left:0px; padding-right:0px; padding-top:22px; padding-bottom:0px}
#ofertas_der #primer_bloque{padding:0px; margin:0px;}
.derecha{float:right; width:98px;}
.izquierda{float:left; width:125px;}

#noticias {clear:right; margin-top:-1px;}
#noticias_izq{width:255px; float:left; padding-bottom:20px;}
#noticias h2{margin-top:10px;}
#noticias_der{margin-top:0px; background:url('../img/separador.png') repeat-y left; padding-left:15px; padding-bottom:20px; width:255px; float:right}
#noticias img{margin:0px 10px 0px 0px;}
#noticias p{margin-top:0px; padding-top:10px !important; padding-top:0px;}
#noticias .derecha{width:180px;}
#noticias .izquierda{width:65px;}

#anuncio_lavirtual{background:#FFBD5A url('../img/lavirtual01.gif') no-repeat top left; width:158px; text-align:right; padding:0px; margin-bottom:0px}
#anuncio_lavirtual img{padding: 6px 0px 0px 6px; margin: 0px; float:left}
#anuncio_lavirtual h1{font-size:1.5em; padding-top:14px; margin-right:10px;}
#anuncio_lavirtual h1 a{color:#000}
#anuncio_lavirtual h2{font-size:0.8em; margin-right: 8px; color:#000;}
#anuncio_lavirtual h2 a{color:#000}
#anuncio_lavirtual p{font-size:0.7em; font-style:italic; line-height:1.1em; margin:0px; padding: 6px 10px 6px 10px !important; padding: 0px 10px 0px 10px;}
#anuncio_lavirtual p a{color:#000}
#anuncio_lavirtual_pie{background:url('../img/lavirtual02.gif') no-repeat bottom left; height:5px; width:158px}

#anuncio_ofertas{background:url('../img/anuncio02.png') no-repeat top left; margin: 0px; padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:20px }
#anuncio_ofertas h1{font-size:1.3em; color:#FFF; padding:15px 0px 10px 0px; font-weight:lighter;}

#cierre{clear:both}

#pie{background:url('../img/pie.gif') no-repeat; height:20px; text-align:center; margin: 0px auto;; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:5px }
#pie p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.6em;
	color: #4e4e4e;
	padding: 6px 0px 0px 0px; margin: 0px;
	}

#pie a{
	color:#333333;
	padding-left:0px;
	text-decoration:none;
	}
#pie a:hover{
	color:#000;
	padding-left:0px;
	text-decoration:underline;
	}

#aaa img{margin-top:-23px; margin-right:16px; float:right;}
#pie img{vertical-align:bottom;}


/*pàgina de second nivel: cultura*/

#cont_der_cultura{
	margin:-10px 16px 0px 0px !important;
	margin:-10px 8px 0px 0px;
	padding:0px 0px 0px 0px;
	width:584px !important;
	width:600px;
	float:right;
	}
	
.cultura {
	background: #ffffff;
	clear:right; 
	border:#c5c3c3 solid 1px;
	border-top:#c5c3c3 solid 0px;
	border-left:#c5c3c3 solid 0px;
	padding: 0px 10px 10px 10px !important;
	padding: 0px 10px 10px 10px;
	margin-top:10px;
	float:right;
	width:563px;
	}

.cultura_izq{width:160px; margin:0px; padding: 14px 0px 4px 4px; float:left;}
.cultura_der{width:388px; margin:0px; padding: 14px 0px 4px 4px; float:right;}
.cultura img{margin:0px; padding:0px}
.cultura p{ font-family: arial; font-size:0.8em; font-weight: normal; margin:0px 0px 0px 0px; padding:0px; color:#444444;}
.cultura h2{ font-family: arial; font-size:0.8em; font-weight: bold; margin:0px 0px 15px 0px !important; margin:0px 0px 25px 0px; padding:0px; color: #2d3969; line-height:1.4em}
.cultura a { text-decoration: underline; color:#444444;}

.taronja {color:#831B03; font-weight: bold;}
#titulo_cultura{
	background:#dddddf url('../img/ofertes01.png') no-repeat top left;
	border-bottom:1px solid #c5c3c3;
	width:564px;
	float:right; margin-left:0px; margin-right:0px; margin-top:10px; margin-bottom:0px; padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:0px
	}

#titulo_cultura h1.titulo_destacado{
	padding: 8px 0px 5px 22px;
	margin: 0px 0px 0px -10px;
	font-size:1em;
	font-weight: bold;
	line-height: 1.2em;
	color: #2d3969;
	width: 200px;
	float: left;
	}
#titulo_cultura .menu{
 	width: 310px;
 	float: right;
 	padding: 10px 0px 0px 0px;
 	margin: 0px;
 	font-family: arial;
 	font-size:0.6em;
 	font-weight: bold;
 	color:#2d3969;
 	text-decoration: none;
	}

#titulo_cultura .menu a{
	color:#831B03;
	text-decoration:none;
	}
#titulo_cultura .menu a:hover{
	text-decoration:underline;
	}

#descomptes {
	clear:right;
	padding:20px 0px 0px 0px;
	margin:0px;
	text-align:right;
	}
#descomptes p{
	font-family: arial;
	font-size: 0.7em;
	font-weight: bold;
	text-align:right;
	}
#descomptes a{
	color:#831B03;
	text-decoration:none;
	}
#descomptes a:hover{
	text-decoration:underline;
	}
	
/*Pàgina de La virtual: Que es?*/
#menu_lavirtual li{
	float:left;
	list-style:none;
}
#menu_lavirtual a{
	border-right:1px solid #c5c3c3;
	border-left:1px solid #FFF;
	text-decoration:none;
	display:block;
	color:#3f3f3f;
	background:url('../img/menulavirtual01.gif') bottom;; padding-left:10px; padding-right:9px; padding-top:0px; padding-bottom:0px
}
#menu_lavirtual a:hover, #menu_lavirtual a:focus{
	background:url('../img/menulavirtual02.gif') repeat-x bottom;
}
#menu_lavirtual ul{	
  float:left;
	padding:0px;
	margin:0px;
}
#menu_lavirtual{
	background:url('../img/menulavirtual01.gif') bottom;
	border:1px solid #c5c3c3;
	float:right;
	font-size:11px;
	padding:0px;
	color:#3f3f3f;
	clear:both;
	width:582px
}
#menu_lavirtual #ultimo{border-right:none; padding:0px 0px 0px 7px;}
#menu_lavirtual .seleccionado{background:url('../img/menulavirtual02.gif') repeat-x bottom;}

#contenedor_principal{margin-top:10px; padding-bottom:0px;}
#titulo_mapa{border-bottom:#c5c3c3 solid 1px;}
.subtitulo_seccion{background:url('../img/separador_lavirtual.gif') repeat-x bottom; clear:both; margin-left:0px; margin-right:0px; margin-top:10px; margin-bottom:15px; padding-left:8px; padding-right:8px; padding-top:0px; padding-bottom:0px}
.subtitulo_seccion h2{font-size:1.0em; color:#2d3969; padding-bottom:10px;}
.contenido_texto{padding:0px 8px; margin-top:5px !important; margin-top:-8px;}
.contenido_texto p{margin:0px 0px 30px 0px; font-size:0.8em; color:#444444;}
.contenido_texto ul{font-size:0.75em; font-weight:500; list-style:none; padding:0px; margin:0px;}
.contenido_texto ul a{color:#444444; background:url('../img/flecha01.gif') no-repeat left top; padding-left:20px; padding-right:0px; padding-top:0px; padding-bottom:0px}
.contenido_texto ul a:hover{background:url('../img/flecha02.gif') no-repeat left top; color:#831b03}
.lista{float:left; width:150px; margin-bottom:20px !important; margin-bottom:10px;}