/* -------------- Definiciones generales para la pagina ----------------------- */
html { 
  padding:0px;
  margin:0px;
}

body {
  background-color:#FFFFFF;
  font-family:Verdana, Arial, SunSans-Regular, Sans-Serif;
  color:#666666;  
  margin:0px;
  padding:0px;
}


p {
  margin: 0px 0px 0px 0px;
}

a {
	color: #333;
	text-decoration: underline;
}
a :link   {
	text-decoration: underline;
}

a:hover   {
	text-decoration: underline;
	color: #999;
}

#container {
    width: 932px;
    margin: auto;
}			

/* ----------------------- CAPÇALERA ----------------------- */


#artcont {
  margin-top: 50px;
  width:600px;
  visibility: visible;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #666666;
}


.idioma {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ccc;
	font-size: 10px;
	text-decoration:none;
	text-align: right;

}
.idioma a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 10px;
	text-decoration:none;
	text-align: right;
}

.idioma a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 10px;
	text-decoration: underline;
	text-align: right;
}


/* ----------------------- MENUS ----------------------- */


#nav-container {
  margin: 0px 0px 0px 0px;
  width: 600 px;
  visibility: visible;
  border-left: 1px solid #999999;
	
}

#nav {
  height:47px;
  border-left: 1px solid #999999;
	
}


#nav a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	font-weight : normal;
	padding : 0px 0px 8px 0px;
	color:#999999;
	border-bottom:8px solid #ffffff;
	text-decoration: none;
	margin-top: 15px;

} 

#nav a:hover {
	color: #999999;
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	font-weight :normal;	
	padding : 0px 0px 8px 0px;
	color:#000000;
	border-bottom-color:#96bf0d;
}

#nav2 a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	font-weight : normal;
	padding : 0px 0px 8px 0px;
	color:#009ee0;
	border-bottom:8px solid #ffffff; 
	text-decoration: none;
	margin-top: 15px;
} 
#nav2 a:hover {
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	font-weight :normal;	
	padding : 0px 0px 8px 0px;
	color:#000000;
	border-bottom-color:#009ee0; 
}


#inicio a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	font-weight : normal;
	padding : 0px 0px 8px 0px;
	color:#009ee0;
	text-decoration: none;
	margin-top: 15px;
} 
#inicio a:hover {
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	font-weight :normal;	
	color:#000000;
}

#selected {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	font-weight : normal;
	padding : 0px 0px 8px 0px;
	color:#000000;
	border-bottom-color:#96bf0d;
	text-decoration: none;
	margin-top: 15px;
} 

#selected2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	font-weight : normal;
	padding : 0px 0px 8px 0px;
	color:#000000;
	border-bottom:8px solid #009ee0; 
	text-decoration: none;
	margin-top: 15px;
} 

#selected2 a{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	font-weight : normal;
	padding : 0px 0px 8px 0px;
	color:#000000;
	border-bottom:8px solid #009ee0; 
	text-decoration: none;
	margin-top: 15px;
} 

#selected2 a:hover{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	font-weight : normal;
	padding : 0px 0px 8px 0px;
	color:#000000;
	border-bottom:8px solid #000; 
	text-decoration: none;
	margin-top: 15px;
} 


#nav-museus {
  width:170px;
  margin-top: 11px;
  float:left;
  text-align:right;
  margin-top: 0px;
}

#subnav {
	font-size: 11px;
	font-weight:bold;	
} 

#subnav a {
	font-size: 11px;	
	font-weight : normal;
	color:#009ee0;
	text-decoration: none;
} 

#subnav a:hover {
	text-decoration:underline;
	font-size: 11px;	
	font-weight :normal;	
	color:#000000;
}



/* ----------------------- CONTINGUT ----------------------- */


#content-conteiner {
  float:left;
  width:760px;
  border-left: 1px solid #999999;
  border-top: 1px solid #cccccc;
}

#content {
  padding: 15px 0px 20px 20px;
  font-size: 0.6em;
  line-height: 1.8em;
  color: #333333;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
}


#content h1 {
	font-size: 1.6em;
	color: #009ee0;
	font-weight: bold;
}
#content h2{
	font-size: 1.2em;
	color: #660033;
	font-weight: bold;
	line-height: 1.1em;
}

.entorns{
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.1em;
}

ul{
	list-style-image: url(../img/sq_bullet_m.gif);
}


/* ----------------------- CONTINGUT HOME----------------------- */

#content-home {
  float:left;
  width:760px;
  border-left: 1px solid #999999;
  border-top: 1px solid #cccccc;
  margin-top: 0px;
}

.imggoogle{
   background-image:url(../img/google.gif) no repeat; 
}

/* ----------------------- CONTINGUT MUSEUS ----------------------- */

#museus-tit {
  float:left;
  padding: 15px 0px 20px 20px;
}

#museus-zona {
  float:left;
  width:170px;
  padding: 22px 0px 20px 20px;
}

#museus-content {
  margin-top: 30px;
  float:left;
  width:590px;
  font-size: 0.6em;
  line-height: 1.4em;
  color: #333333;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  border-bottom: 1px solid #cccccc;
} 

#museus-content h1 {
  color:#009ee0;
  font-weight: bold;
  font-size:12px;
  line-height:18px;
} 

.museus {
	color:#009ee0;
  	font-weight: bold;
  	font-size:11px;
	margin-bottom:5px;
}

.museus a {
	color:#009ee0;
  	font-weight: bold;
  	font-size:11px;
  	line-height:18px;
	text-decoration: underline;
}

.museus a :link   {
	color: #009ee0;
}

.museus a:visited   {
	text-decoration: underline;
	color: #009ee0;
}
.museus a:hover   {
	text-decoration: underline;
	color: #000;
}

.museus-foto {
  padding: 5px 20px 30px 0px;
  float:left;

}

.horari {
	color:#660033;
	font-weight:bold;
}


/* ----------------------- CONTINGUT AGENDA----------------------- */

#agenda {
  float:left;
  width:252px;
  border-right: 1px solid #ffffff;
}


#agenda .mes {
  padding: 15px 0px 10px 20px;
}  

#agenda .zona {
  background-color:#009ee0;
  color:#333333;
  font-weight: bold;
  font-size:12px;
  border-bottom: 1px solid #ffffff;
  padding: 6px 0px 6px 20px;
}  
  #agenda .museu {
  background-color:#b7e2f1;
  color:#666666;
  font-weight: bold;
  font-size:10px;
  border-bottom: 1px solid #ffffff;
  padding: 6px 0px 6px 30px;
}
  #agenda .info {
  background-color:#f5fbfd;
  color:#666666;
  font-size:9px;
  border-bottom: 1px solid #ffffff;
  padding: 6px 0px 6px 30px;
}




h1 {
	font-size: 18px;
	color: #BF000C;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin:0;
	padding:0;
}
h2 {
	font-size: 12px;
	color: #BF000C;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0;
	padding:0;
}
