/* Colors utilitzats:
Actual: #FFFFFF;
Fons: #000000;
Caixa_centre: #000000
*/

/*----------Estils dels elements comuns (per canviar mida de lletra)---------*/

h1 {
text-transform:uppercase;

}

h2 {
text-transform:uppercase;

}

/*----------Estil dels altres elements comuns---------*/

img {
border:#999 1px solid;
}

A.link { 
	text-decoration: underline;
	color: #000;
	font-family: "Century Gothic", sans-serif;
}
A:hover.link { 
	color: #fff;
	font-family: "Century Gothic", sans-serif;
	text-decoration: underline;
	background-color:#000;
}

A.linkfoto { 
	background-color:#000000;
	text-decoration: none; 
	color: #FFFFFF;
	font-family: "Century Gothic", sans-serif;
}
A:hover.linkfoto { 
	background-color:#000000;
	color: #34BEED;
	font-family: "Century Gothic", sans-serif;
	text-decoration: underline;
}

.actual{
	COLOR: #999; 
}

.subratllat{
 text-decoration:underline;
}

.publicacio {
	BORDER-RIGHT: #000 1px solid;
	BORDER-LEFT: #000 1px solid; 
	BORDER-BOTTOM: #000 1px solid;
	BORDER-TOP: #000 1px solid; 
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	background:#fff;
	text-align:justify;
	margin-bottom:20px;
	height:175px;
}

.noticiaindex {
	BORDER-LEFT: #000 10px solid; 
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 10px;
	padding-bottom: 10px;
	background:#fff;
	text-align:justify;
	margin-bottom:20px;
}

.data {
color:#000;
font-weight:bold;
margin-right:10px;
}
.datanoticies {
color:#000;
font-weight:bold;
margin-right:10px;
}

.exposicio {
	BORDER-RIGHT: #000 1px solid;
	BORDER-LEFT: #000 1px solid; 
	BORDER-BOTTOM: #000 1px solid;
	BORDER-TOP: #000 1px solid; 
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	background:#fff;
	text-align:center;
	margin-bottom:20px;
	margin-right:11px;
	margin-left:11px;
	height:225px;
	width:180px;
}

.fotos {
	BORDER-RIGHT: #000 1px solid;
	BORDER-LEFT: #000 1px solid; 
	BORDER-BOTTOM: #000 1px solid;
	BORDER-TOP: #000 1px solid; 
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	background:#fff;
	text-align:center;
	margin-bottom:20px;
	margin-right:11px;
	margin-left:11px;
}

.alinear {
float:left;
position:static;
}

p {
text-align:center;
}

.curs{
text-align:left;
}



/*----------Estils dels fons---------*/

.bg {
	FONT: 90% "Century Gothic", Arial, sans-serif; 
	COLOR: #000; 
	TEXT-ALIGN: center;
  	background-repeat: repeat-x;
	background-color: #666;
}
.bgtoni {
	background-image: url("logotips/fondotoni.jpg");
	background-position:bottom right;
  	background-repeat:no-repeat;
	background-color: #000000;
	text-align: center;
}
.bgserveis {
	margin-top:30px;
	background-image: url("logotips/fondoserveis.jpg");
	background-position:bottom right;
  	background-repeat:no-repeat;
	background-color: #000000;
	text-align: center;
}

.bgmodels {
	margin-top:30px;
	background-image: url("models/fondomodels.jpg");
	background-position:bottom right;
  	background-repeat:no-repeat;
	background-color: #000000;
}

.bgnoticies {
	margin-top:30px;
	background-image: url("noticies/fondonoticies.jpg");
	background-position:bottom right;
  	background-repeat:no-repeat;
	background-color: #000000;
	text-align: center;
}
.bgestiu{
	background-image: url("../body_bg1.gif");
  	background-repeat: repeat-x;
	background-color: #000;
	text-align: center;
}

.bgindex {
	FONT: 75% "Century Gothic", Arial, sans-serif; 
	COLOR: #000; 
	text-align: center;
  	background-repeat: repeat-x;
	background-color: #000;
}
/*----------Estils de la disposicio de la pagina---------*/

#contenedor {
	MARGIN: 0px auto;
	WIDTH: 800px; 
}

#contenedorIndex {
WIDTH: 800px; 
margin-top:20px; 
margin-bottom:10px; 
background-color:#FFF; 
padding-top:20px; 
padding-bottom:15px;
}

#dades {
	position:inherit;
	MARGIN-left: 200px; 
	WIDTH: 600px;  
	BACKGROUND-COLOR:#fff;
 	COLOR: #000; 
	BORDER-BOTTOM: #000 1px solid;
	BORDER-TOP: #000 1px solid;
	BORDER-RIGHT: #000 1px solid;
	BORDER-LEFT: #000 1px solid; 
	line-height: 30px;
	HEIGHT: 30px;
	text-align: center;
	vertical-align: top; 
}


html #dades {
width:595px; /* para IE5.x/ */
w\idth:595px; /* para otros IE */
}


#opcions {
	MARGIN-left: 200px;
	WIDTH: 600px; 
	BACKGROUND-COLOR:#fff;
 	COLOR: #000; 
	line-height: 30px;
	HEIGHT: 30px;
	text-align: center;
	BORDER-BOTTOM: #000 1px solid;
	BORDER-RIGHT: #000 1px solid;
	BORDER-LEFT: #0001px solid; 
}

html #opcions {
width:595px; /* para IE5.x/ */
w\idth:595px; /* para otros IE */
}

#idioma {
	position:inherit;
	MARGIN-left: 200px; 
	WIDTH: 600px; 
	BACKGROUND-COLOR:#fff;
 	COLOR: #000; 
	BORDER-RIGHT: #000 1px solid;
	BORDER-LEFT: #000 1px solid; 
	BORDER-TOP: #000 1px solid; 
	line-height: 30px;
	HEIGHT: 30px;
	text-align: right;
	vertical-align: top;
	padding-right:10px;
}

html #idioma{
width:585px; /* para IE5.x/ */
w\idth:585px; /* para otros IE */
}

#molles {
	position:inherit;
	MARGIN-left: 200px; 
	WIDTH: 600px; 
	BACKGROUND-COLOR:#fff;
 	COLOR: #000; 
	BORDER-BOTTOM: #000 1px solid;
	BORDER-RIGHT: #000 1px solid;
	BORDER-LEFT: #000 1px solid; 
	line-height: 30px;
	HEIGHT: 30px;
	text-align: Left;
	vertical-align: top;
	padding-left:10px;
}

html #molles {
width:585px; /* para IE5.x/ */
w\idth:585px; /* para otros IE */
}

#contenidorimatges {
	WIDTH: 600px; 
	MARGIN-left: 200px;
	MARGIN-TOP: 18px;
	background-color: #fff;
	color:#000;
	BORDER-RIGHT: #000 1px solid;
	BORDER-LEFT: #000 1px solid; 
	BORDER-BOTTOM: #000 1px solid;
	BORDER-TOP: #000 1px solid; 	
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 30px;
	padding-bottom:30px;
}
#contenidormapa {
	WIDTH: 600px; 
	MARGIN-left: 200px;
	MARGIN-TOP: 18px;
	background-color: #000;
	color:#fff;
	BORDER-RIGHT: #000 1px solid;
	BORDER-LEFT: #000 1px solid; 
	BORDER-BOTTOM: #000 1px solid;
	BORDER-TOP: #000 1px solid; 	
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 30px;
	padding-bottom:30px;
	height:430px;
}

#contenidorlletra {
	WIDTH: 600px; 
	MARGIN-left: 200px;
	MARGIN-TOP: 18px;
	background-color: #fff;
	color:#000;
	BORDER-RIGHT: #000 1px solid;
	BORDER-LEFT: #000 1px solid; 
	BORDER-BOTTOM: #000 1px solid;
	BORDER-TOP: #000 1px solid; 	
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 30px;
	padding-bottom:30px;
}

html #contenidorimatges {
width:575px; /* para IE5.x/ */
w\idth:575px; /* para otros IE */
}

html #contenidormapa{
width:575px; /* para IE5.x/ */
w\idth:575px; /* para otros IE */
}

html #contenidorlletra {
width:515px; /* para IE5.x/ */
w\idth:515px; /* para otros IE */
}

#menu {
	WIDTH: 175px; 
	FLOAT: left; 
}

/*----------Estils dels menús---------*/

ul {
  padding-left: 0px;	margin: 0;	list-style: none;
  }

LI UL {
	DISPLAY: none; margin-LEFT: 175px; POSITION: absolute; top: -1px; z-index: 6000;/*Serveix per colocar la subllista*/
}

LI:hover UL {
	DISPLAY: block;
	LEFT: auto;
	z-index: 6000;
}
LI.over UL {
	DISPLAY: block;
	z-index: 6000;
}

#nav li.off:hover ul, #nav li.over ul { 
display: block;
z-index: 6000;
}
#nav li.off a:hover,
#nav li:hover a,
#nav li.over a {
background: #000000;
color: #FFFFFF;
}
.caixa_menu_seleccionat {
 	BACKGROUND: #FFFFFF; 
	DISPLAY: block;
	text-decoration: none;
	padding-left: 5px;
	COLOR:#000000;
}


/*----------menú 1---------*/
.caixa_menu A{
 	background-color:#444444;
	DISPLAY: block;
	text-decoration: none;
	padding-left: 5px ;
	COLOR:#FFFFFF;
  	line-height: 40px; 
}

.caixa_menu A:hover {
 	BACKGROUND: #FFFFFF; 
	DISPLAY: block;
	text-decoration: none;
	padding-left: 5px;
	COLOR:#000000;
  	line-height: 40px; 
}

.submenu A{
	BACKGROUND: #777777;  
	text-decoration: none;
	display:block;
	padding-left: 15px ;
	COLOR:#FFFFFF;
  	line-height: 25px;
}

.submenu A:hover {
	BACKGROUND: #000000; 
	DISPLAY: block;
	text-decoration: none;
	padding-left: 15px;
	COLOR:#FFFFFF;
  	line-height: 25px;
}

.subsubmenu A{
	BACKGROUND: #777777;  
	text-decoration: none;
	display:block;
	padding-left: 25px ;
	COLOR:#FFFFFF;
  	line-height: 20px;
}

.subsubmenu A:hover {
	BACKGROUND: #000000; 
	DISPLAY: block;
	text-decoration: none;
	padding-left: 25px;
	COLOR:#FFFFFF;
  	line-height: 20px;
}

.subsubmenuseleccionat {
 	BACKGROUND: #FFFFFF; 
	text-decoration: none;
	COLOR:#000000;
	display:block;
	padding-left:25px;
  	line-height: 20px;
}



#nav LI LI A { /*submenus*/
	BACKGROUND: #000000; 
 	COLOR: white;
	DISPLAY: block;
	text-decoration: none; 
	padding-left: 5px;
	z-index: 6000;
}

#nav LI LI A:hover { /*submenus*/
	BACKGROUND: #FFFFFF; 
 	COLOR: #000000; 
	DISPLAY: block;
	text-decoration: none; 
	padding-left: 5px;
	z-index: 6000;
}

.primermenu {
  	BORDER-TOP: #ffffff 1px solid;
}

#nav li {
  	float: left;
  	position: relative;
  	width: 175px; 
  	text-align: Left;
	display:block;
  	BORDER-BOTTOM: #ffffff 1px solid;
	BORDER-RIGHT: #ffffff 1px solid;
	BORDER-LEFT: #ffffff 1px solid;
}

#nav .capsaleramenu {
	BACKGROUND: #fff; 
 	COLOR: #000;
	BORDER-TOP: #ffffff 1px solid;
	text-align:center;
	height: 40px;
  	line-height: 40px; 
}

#nav .saltar{
 display:none;
 }
 



.caixa_menuseleccionat {
 	BACKGROUND: #FFFFFF; 
	text-decoration: none;
	COLOR:#000000;
	display:block;
	padding-left:5px;
  	line-height: 40px; 

}

.submenuseleccionat {
 	BACKGROUND: #FFFFFF; 
	text-decoration: none;
	COLOR:#000000;
	display:block;
	padding-left:15px;
  	line-height: 25px;
}


/*----------menú 2---------*/
 
.caixa_menu2 A{
 	background-color:#444444;
	DISPLAY: block;
	text-decoration: none;
	text-align:center;
	COLOR:#FFFFFF;
	BORDER-LEFT: #000000 1px solid;
}

.caixa_menu2 A:hover {
 	BACKGROUND: #FFFFFF; 
	DISPLAY: block;
	text-decoration: none;
	COLOR:#000000;
	
}



.caixa_menu2primer A{
 	background-color:#444444;
	DISPLAY: block;
	text-decoration: none;
	text-align:center;
	COLOR:#FFFFFF;
	width:85px;
}

.caixa_menu2primer A:hover {
 	BACKGROUND: #FFFFFF; 
	DISPLAY: block;
	text-decoration: none;
	COLOR:#000000;
	width:85px;
}
.caixa_menu2primerseleccionat {
 	BACKGROUND: #FFFFFF; 
	DISPLAY: block;
	text-decoration: none;
	COLOR:#000000;
}


.caixa_menu2seleccionat {
 	BACKGROUND: #FFFFFF; 
	DISPLAY: block;
	text-decoration: none;
	COLOR:#000000;
}


#nav2 li {
  	float: left;
  	position: relative;
  	width: 85px; 
 	height: 30px;
  	text-align: center;
	display:block;
}

/*----------mapa.html---------*/


.mapa{
float:left;
width:125px;
background-color:#444444;
text-align:left;
margin-right:21px;
margin-bottom:10px;
}

.menu_mapa {
padding-left:5px;
BORDER-RIGHT: #ffffff 1px solid;
BORDER-LEFT: #ffffff 1px solid; 
BORDER-TOP: #ffffff 1px solid;
display:block;
}


.menu_mapa_sol {
padding-left:5px;
BORDER-TOP: #ffffff 1px solid;
BORDER-RIGHT: #ffffff 1px solid;
BORDER-LEFT: #ffffff 1px solid; 
BORDER-BOTTOM: #ffffff 1px solid; 
display:block;
}

.submenu_mapa {
padding-left:15px;
BORDER-TOP: #ffffff 1px solid;
BORDER-RIGHT: #ffffff 1px solid;
BORDER-LEFT: #ffffff 1px solid; 
display:block;
background-color:#777777;
}
.submenu_mapa_ultim {
padding-left:15px;
BORDER-TOP: #ffffff 1px solid;
BORDER-RIGHT: #ffffff 1px solid;
BORDER-LEFT: #ffffff 1px solid; 
BORDER-BOTTOM: #ffffff 1px solid; 
display:block;
background-color:#777777;
}