/*////////////////////////////// CSS FILE ////////////////////////////////*/

/*////// CAPÇALERA - HEADER //////////////////// */
/* Marges i paddings a zero de tots els elements */
* {
  margin: 0;
  padding: 0;
}

html {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin: 0;
  padding: 0;
}
img{
	border:0px;	
}
body{
	color:#FFF;
	background-color:#000000;
	margin:0px;
	padding:0px;
	text-align: center;
}
a {
	text-decoration: none;
}
a:hover {
	color:#FFF;
}
ul {
	list-style-type: none;
}

.daurat {
	color: #9D9265;
}

.google {
	display: none;
}


h1,h2{
padding:0;
margin:0;
font-size:inherit;
line-height:inherit;
font-weight:normal;
}

/*////// ENVOLTORI - ALL CONTENTS //////////////////// */

#wrapper{
position: relative;
margin: 0px auto 0px auto;
width: 950px;
height: 100%;
background-color:#000000;
}

/*////// CAPÇALERA - TOP MENÚ //////////////////// */

#header{
display:block;
width: 950px;
height: 240px;
background-color: #000000;

}
/*////// CAPÇALERA - idiomes //////////////////// */
#menuIdioma{
	margin:0px;
	float:left;
	height:30px;
	width:950px;
	/*padding-right:10px;*/
	background-color:#000000;
}
#catala, #castellano, #chinese, #english, #deuche, #french, #italian, #arab, #catala_active, #castellano_active, #chinese_active, #english_active, #deuche_active, #french_active, #italian_active {
  float:right;
  width: 27px;
  height: 27px;
  margin-left: 7px;
}
#access {
  /*float:right;*/
  float:left;
  width: 27px;
  height: 27px;
  /*margin-right: 645px;*/
}


#catala     { background: url("../imagenes/catala.png") no-repeat 0 0; }
#castellano { background: url("../imagenes/castellano.png") no-repeat 0 0; }
#chinese    { background: url("../imagenes/chinese.png") no-repeat 0 0; }
#english    { background: url("../imagenes/english.png") no-repeat 0 0; }
#deuche     { background: url("../imagenes/deuche.png") no-repeat 0 0; }
#french     { background: url("../imagenes/francais.png") no-repeat 0 0; }
#italian    { background: url("../imagenes/italiano.png") no-repeat 0 0; }
#arab       { background: url("../imagenes/arab.png") no-repeat 0 0; }
#access     { background: url("../imagenes/access.png") no-repeat 0 0; }


#catala_active     { background: url("../imagenes/catala.png") no-repeat 0 -27px; }
#castellano_active { background: url("../imagenes/castellano.png") no-repeat 0 -27px; }
#chinese_active    { background: url("../imagenes/chinese.png") no-repeat 0 -27px; }
#english_active    { background: url("../imagenes/english.png") no-repeat 0 -27px; }
#deuche_active     { background: url("../imagenes/deuche.png") no-repeat 0 -27px; }
#french_active     { background: url("../imagenes/francais.png") no-repeat 0 -27px; }
#italian_active    { background: url("../imagenes/italiano.png") no-repeat 0 -27px; }
#arab_active       { background: url("../imagenes/arab.png") no-repeat 0 -27px; }
#access_active     { background: url("../imagenes/access.png") no-repeat 0 -27px; }

#catala:hover, #castellano:hover, #chinese:hover, #english:hover, #deuche:hover, #french:hover, #italian:hover, #arab:hover, #access:hover {
  background-position: 0 -27px; cursor:pointer; 
}
#catala span, #castellano span, #chinese span, #english span, #deuche span, #french span, #italian span, #arab span, #catala_active span, #castellano_active span, #chinese_active span, #english_active span, #deuche_active span, #french_active span, #italian_active span, #arab_active span, #access span, #access_active span { display: none; }

/*////// CAPÇALERA - flash //////////////////// */

#flash_header {
	/*display: inline;*/
	padding:0px;
	margin:0px;
	height: 210px;
	width: 950px;
	background-color:#000000;
}
/*////// CAPÇALERA - BOTONS MENÚ //////////////////// */

#menu{
	display: block;
	float: left;
	width: 953px;
	height: 29px;
	background-image: url(../imagenes/bck_menu_h.png);
	background-repeat: repeat-x;
}

#MS_Inicio, #MS_Loteria, #MS_MiMagia, #MS_MiFundacion, #MS_MiTienda, #MS_MiAmigo, #MS_MisNoticias, #MS_Contacto{
	float: left;
	color: #000;
	width: 100px;
	height: 26px;
	padding: 0px;
	margin: 0px 5px 0 0;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
#MS_Inicio span, #MS_Loteria span, #MS_MiMagia span, #MS_MiFundacion span, #MS_MiTienda span, #MS_MiAmigo span, #MS_MisNoticias span, #MS_Contacto span{
	display:none;
}
#MS_Inicio      { background-image:url(../imagenes/menuSuperior/bt_A_inicio.jpg); }
#MS_Loteria     { background-image:url(../imagenes/menuSuperior/bt_A_MiLoteria.jpg); }
#MS_MiMagia     { background-image:url(../imagenes/menuSuperior/bt_A_MiMagia.jpg); }
#MS_MiFundacion { background-image:url(../imagenes/menuSuperior/bt_A_MiFunadacion.jpg); }
#MS_MiTienda    { background-image:url(../imagenes/menuSuperior/bt_A_MiTienda.jpg); }
#MS_MiAmigo     { background-image:url(../imagenes/menuSuperior/bt_A_MiAmigo.jpg); }
#MS_MisNoticias { background-image:url(../imagenes/menuSuperior/bt_A_Misnoticias.jpg); }
#MS_Contacto    { background-image:url(../imagenes/menuSuperior/bt_A_Contacto.jpg); }


#MS_Ayuda {
	float: left;
	color: #000;
	width: 140px;
	height: 24px;
	padding: 0px;
	margin: 0px 70px 0 0;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
#MS_Ayuda span {display:none;}

#MS_Ayuda { background-image:url(../imagenes/menuSuperior/bt_A_Ayuda.jpg); }

/*////// MENU - :hover //////////////////// */
#MS_Ayuda:hover{
	background-image:url(../imagenes/menuSuperior/bt_A_Ayuda.jpg);
	background-position: 0px -30px;
}

#MS_Inicio:hover{
	background-image:url(../imagenes/menuSuperior/bt_A_inicio.jpg);
	background-position: 0px -30px;
}
#MS_Loteria:hover{
	background-image:url(../imagenes/menuSuperior/bt_A_MiLoteria.jpg);
	background-position: 0px -30px;
}
#MS_MiMagia:hover{
	background-image:url(../imagenes/menuSuperior/bt_A_MiMagia.jpg);
	background-position: 0px -30px;
}
#MS_MiFundacion:hover{
	background-image:url(../imagenes/menuSuperior/bt_A_MiFunadacion.jpg);
	background-position: 0px -30px;
}
#MS_MiTienda:hover{
	background-image:url(../imagenes/menuSuperior/bt_A_MiTienda.jpg);
	background-position: 0px -30px;
}
#MS_MiAmigo:hover{
	background-image:url(../imagenes/menuSuperior/bt_A_MiAmigo.jpg);
	background-position: 0px -30px;
}
#MS_MisNoticias:hover{
	background-image:url(../imagenes/menuSuperior/bt_A_Misnoticias.jpg);
	background-position: 0px -30px;
}
#MS_Contacto:hover{
	background-image:url(../imagenes/menuSuperior/bt_A_Contacto.jpg);
	background-position: 0px -30px;
}

/*////// MENU - Activo //////////////////// */

#MS_Inicio_A, #MS_Loteria_A, #MS_MiMagia_A, #MS_MiFundacion_A, #MS_MiTienda_A, #MS_MiAmigo_A, #MS_MisNoticias_A, #MS_Contacto_A{
	float: left;
	color: #000;
	width: 100px;
	height: 30px;
	padding: 0px;
	margin: 0px 5px 0 0;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
#MS_Inicio_A span, #MS_Loteria_A span, #MS_MiMagia_A span, #MS_MiFundacion_A span, #MS_MiTienda_A span, #MS_MiAmigo_A span, #MS_MisNoticias_A span, #MS_Contacto_A span{
	display:none;
}
#MS_Inicio_A      { background-image:url(../imagenes/menuSuperior/inicio_activo.png); }
#MS_Loteria_A     { background-image:url(../imagenes/menuSuperior/loteria_activo.png); }
#MS_MiMagia_A     { background-image:url(../imagenes/menuSuperior/magia_activo.png); }
#MS_MiFundacion_A { background-image:url(../imagenes/menuSuperior/fundacion_activo.png); }
#MS_MiTienda_A    { background-image:url(../imagenes/menuSuperior/tienda_activo.png); }
#MS_MiAmigo_A     { background-image:url(../imagenes/menuSuperior/amigo-xg_activo.png); }
#MS_MisNoticias_A { background-image:url(../imagenes/menuSuperior/noticias_activo.png); }
#MS_Contacto_A    { background-image:url(../imagenes/menuSuperior/contacto_activo.png); }



#MS_Ayuda_A {
	float: left;
	color: #000;
	width: 140px;
	height: 25px;
	padding: 0px;
	margin: 0px 70px 0 0;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
#MS_Ayuda_A span {
	display:none;
}
#MS_Ayuda_A      { background-image:url(../imagenes/menuSuperior/ayuda_activo.png); }




/* BOTONS ////////////////////////////////////////// */


#btn_enviar_a_un_amigo {
	float: left;
	display:block;
	width: 500px;
	height: 19px;
	color: #000;
	padding-left:10px;
	text-align:left;
	margin-top:8px;
	background-image:url(../imagenes/panel_tab.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	font-size:13px;
	font-weight:bold;
}
#btn_enviar_a_un_amigo:hover {
	background-position: 0px -20px;
}

.btn_mas, .btn_menos {
	float: left;
	width: 14px;
	height: 14px;
	color: #000;
	background-image:url(../imagenes/btn_mas.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

.btn_mas   { background-image:url(../imagenes/btn_mas.png); }
.btn_menos { background-image:url(../imagenes/btn_menos.png); }

.btn_mas:hover, .btn_menos:hover {
	background-position: 0px -14px;
}

.btn, .btn_A {
	float: left;
	width: 142px;
	height: 17px;
	color: #000;
	background-image:url(../imagenes/panel_tab.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding-left: 6px;
	padding-top: 2px;
	margin-bottom: 1px;
}

.btn:hover {
	background-position: 0px -20px;
}

.btn_A {
	background-position: 0px -40px;
}








/*////// CONTENT - Envoltori //////////////////// */

#content{
	float:left;
	width: 949px;
	height: 100%;
	border-left: solid 2px  #424447;
	border-bottom: solid 2px #424447;
	border-right: solid 2px #424447;
	margin-bottom:10px;
}

#separador{
	display:block;
	float:left;
	clear:both;
	width:950px;
	height:30px;
}

/*////// CONTENT - LEFT menú //////////////////// */

#left_col{
	float: left;
	width: 142px;
	margin-left: 10px;
	margin-top: 0px;
}

/*////// CONTENT - Continguts principals //////////////////// */

#main_content{
	float: left;
	width: 490px;
	margin-left: 105px;
}
#main_content p{
	width: 490px;
	float: left;
	font-size:12px;
	line-height: 20px;
	color: #F4F4DC;
	text-align:left;
}
#main_content h3{
	font-size:15px;
	line-height: 20px;
	color: #A4955D;
	text-align:left;
}
#main_content p a{
	color: #F0F3D8;
}
#main_content p a:hover{
	color: #FFFFFF;
}

#main_contentAyuda{
	float: left;
	width: 490px;
	margin-left: 250px;
}
#main_contentAyuda p{
	font-size:12px;
	line-height: 20px;
main_content	color: #F4F4DC;
}
#main_contentAyuda p a{
	color: #F0F3D8;
}
#main_contentAyuda p a:hover{
	background-color: #F0F3D8;
	color: #000;
}

/*////// CONTENT - Continguts laterals //////////////////// */

#right_col{
	float: left;
	width: 200px;
}


#main_col1{
	float:left;
	clear: inherit;
	width: 100px;
	height:200px;
	margin-top:30px;
	margin-left:0px;
	margin-right: 0px;
	background-color: #666666;
}
#main_col2{
	float:right;
	clear: right;
	width: 200px;
	height:200px;
	margin-top:30px;
	margin-left:0px;
	margin-right: 0px;
	background-color: #777777;
}

/*////// R - FINAL ///////////////////////////////// */

#footer{
	font-size: 10px;
	float: left;
	width: 949px;
	/*background-color: #222222;*/
	margin-top: 25px;
	*margin-top: 70px!important;
	*margin-top: 5px;
	padding-bottom: 10px;
	display:block;
	z-index:999;
	background-color:#000000;
	cursor:auto;
	height:80px;
}

#footer_map{
	clear: inherit;
	width: 949px;
	margin-bottom:10px;
	display:block;
	z-index:999;
	background-color:#000000;
	cursor:auto;
	position:absolute;
	left:2px;
}
#footer_map ul{
	list-style-type: none;
	/*position:absolute;
	left:100px;
	width:750px;*/
}
#footer_map li{
	display: inline;
	color: #646464;
	font-size:10px;
}
#footer_map li a {
	text-decoration: none;
	color: #646464;
	font-size:10px;
}
#footer_map li a:hover{
	text-decoration:none;
	color:#FFFFFF;
}

#img_rss {
	display: block;
	clear: both;
	margin: auto;
	padding-top: 15px;
	padding-bottom: 6px;
}

#terminos_legales {
	color: #ECEADE;
	font-size: 9px;
}
#terminos_legales a {
	color: #ECEADE;
	text-decoration: none;
}
#terminos_legales a:hover {
	color: #FFF;
}




/*////// HOME /////////////////////////////////////// */

/* IMATGES DE L'INICI AMB ELS LINKS  */

#conjunt_central{
	float: left;
	width: 950px;
	padding-bottom: 50px;
	*padding-bottom: 110px!important;
	*padding-bottom: 50px;
	background-image:url(../imagenes/estrelles1.gif);
	background-repeat:no-repeat;
	background-position: 200px 375px;
	/*margin-bottom: -25px;*/
}
:first-child+html #conjunt_central{ /* per a IE7 */
	float: left;
	width: 950px;
	background-image:url(../imagenes/estrelles1.gif);
	background-repeat:no-repeat;
	background-position: 200px 375px;
	margin-bottom: -75px;
}
#superior{ /* Todos - FireFox  */
	float: left;
	margin:0 0 30px 50px!important;
	margin:0 auto 10px 25px;
	width: 850px;
	padding-bottom: 30px;
	border:0px solid #333333;
}

/* PENDENT DE TREURE ////////////////////////////////////////////////////  ***** */
	#colEsq{
		float: left;
		margin-left: 50px;
		width: 642px;
	}
	#colDre{
		float: left;
		margin-left: 44px;
		width: 190px;
		background-color: #1b1917;
	}
	#inici_img1{
		position: relative;
		float: left;
		margin-left: 0px;
		margin-top: 50px;
		width: 192px;
		text-align:center;
	}
	#inici_img2,#inici_img3{
		position: relative;
		float: left;
		margin-left: 33px;
		margin-top: 50px;
		width: 192px;
		text-align:center;
	}
	#flotant1,#flotant2,#flotant3{
		position:absolute;
		top: 250px;
		left: 15px;
		background-color: #1b1917;
		padding: 9px 9px 9px 9px;
		display: none;
		width: 240px;
		color: #f4f4dc;
	}
	/*  PER A INDEX_TEXT ********************** */
	.titol_titular{
		display:block;
		clear:both;
		color: #9D9265;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
	}
	.titol_titular hover{
		color: #FFF;
		text-decoration: none;
	}
	.text_titular{
		float: left;
		margin-left: 23px;
		margin-top: 32px;
		width: 140px;
		color: #F4F4DC;
	}
	.separador_titulars{
		display:block;
		clear:both;
		margin:auto;
		margin-left: 23px;
		padding-top:15px;
	}
	#separador_titular{
		display:block;
		float:left;
		clear:both;
		width:190px;
		height:30px;
	}
	.img_titol{
		position: absolute;
		top: -45px;
		left: 0px;
		padding: 5px 5px 5px 5px;
		display:block;
		width: 183px;
		color: #999;
		font-size: 12px;
	}
	.img_titoln{
		color:#9D9265;
		font-size: 15px;
		text-align:center;
	}
/* FI PENDENT DE TREURE ////////////////////////////////////////////////  ***** */

#inici_imgs{
border:0px solid #333333;
height:440px;
}

#inici_img{
	position:relative;
	float: left;
	display: block;
}
#inici_img_1{
	position: relative;
	float: left;
	margin-left: 0px;
	margin-top: 50px;
	width: 262px;
	text-align:center;
	border:0px solid #333333;
}

#inici_img_1 a, #inici_img_2 a, #inici_img_3 a{ display:block; height:390px;}

#inici_img_2,#inici_img_3{
	position: relative;
	float: left;
	margin-left: 30px;
	margin-top: 50px;
	width: 262px;
	text-align:center;
}
.img_capsalera{
	position: absolute;
	top: -50px;
	left: 0px;
	padding: 5px 5px 5px 5px;
	display:block;
	width: 252px;
	color: #999;
	font-size: 15px;
}
.img_capsalera h2{
	color: #999;
	font-size: 15px;
}
.img_capsaleran{
	color:#9D9265;
	font-size: 18px;
	text-align:center;
}
.img_capsaleran h1{
	color:#9D9265;
	font-size: 18px;
	text-align:center;
}
#caixa1,#caixa2,#caixa3{
	position:absolute;
	top: 310px;
	left: 20px;
	background-color: #1b1917;
	padding: 9px 9px 9px 9px;
	display: none;
	width: 245px;
	color: #f4f4dc;
}
.pic_flotant{
	position:absolute;
	top: -16px;
	left: 30px;
	width: 17px;
	height: 16px;
}



/*  HOME AMB LES ICONES A SOTA DE LES IMATGES ******** */

#inferior{
	position: absolute!important;
	top: 750px!important;
	left: 50px!important;
	position: relative;
	top: 0px;
	left: 0px;
	width: 850px;
	z-index:999;
}
#col1_home{
	float: left;
	/*margin-left: 50px;*/
	width: 261px;
	text-align: left;
	vertical-align:top;
	display:block;
	z-index:999;
	background-color:#000000;
	cursor:pointer;
}
#col2_home{
	float: left;
	margin-left: 33px;
	width: 261px;
	text-align: left;
	display:block;
	z-index:999;
	background-color:#000000;
	cursor:pointer;
}
#col3_home{
	float: left;
	margin-left: 33px;
	width: 261px;
	text-align: left;
	display:block;
	z-index:999;
	background-color:#000000;
	cursor:pointer;
}
.img_titular{
	float:left;
	border:none;
}
.title_titular{
	display:block;
	clear:both;
	color: #9D9265;
	font-size: 13px;
	text-decoration: none;
}
.title_titular hover{
	color: #FFF;
	text-decoration: none;
}
.txt_titular{
	float:left;
	margin-left:5px;
	width:156px;
	color: #F4F4DC;
}

/*////// MAPA WEB /////////////////////////////////////// */

#col1_mw{
	float: left;
	margin-left: 150px;
	text-align: left;
}
#col2_mw{
	float: left;
	margin-left: 34px;
	text-align: left;
}
#col3_mw{
	float: left;
	margin-left: 34px;
	text-align: left;
}
#col4_mw{
	float: left;
	margin-left: 34px;
	text-align: left;
}
.header_mw{
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
}
.daurat_mw{
	color: #9D9265;
	font-size: 14px;
	line-height: 18px;
}
.sangria_mw{
	margin-left:15px;
	font-size: 12px;
	color: #F0F3D8;
	line-height: 18px;
}