/* CSS Document */

html{
background:#fff;
background:url("img/fondo_pag.jpg") repeat-x left bottom #000 fixed;
height:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

body{
*text-align:center;}

a{ text-decoration:none; color:#FFFFFF}
a:hover{color:#FFCC00}
img a{
	*text-decoration:none;
}


/*********    PRINCIPAL  ***************/


 #embolcall{
 	margin:0 auto;
	border:0px solid;
	width:875px;
	min-height:70px;
 }
 
 #capsalera{
 	width:950px;
	height:150px;
	border:0px solid #00CC33;
	background:url("img/capsalera.jpg") no-repeat;
	text-align:right;
 }
 
 
 
 #embolcallPag{
 	border:3px solid #FFCC00;
	border-top: 0px solid;
	border-bottom:0px solid;
	width: 875px;
	height:400px;
	background:#000;
/*	background:url("img/fondo_4.jpg");	*/
	display:table;
		*height:auto;
		
 }
 
 #peu{
 	background:url("img/fondo_peu.jpg") no-repeat bottom;
	width: 875px;
	height:37px;
	border:3px solid #FFCC00;
	border-top: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	font-weight:bold;
	margin:0 auto;


 }
 
 .texte_peu{
 	padding-left: 20px;	
	padding-top:20px;
	font-size:11px;
	text-align:right;
	margin-right:15px;

 }
 
 
 
 /********************** MENU *********************************/

 
 	#menu{
		margin:0px;
		padding-left:5px;
		padding-right:5px;
		width:865px;
		border:0px solid #FFCC00;
		display:table;	
		list-style-type: none;
		text-align:left;
			*width:868px;		
			*border-right:3px solid #FFCC00;	

		border-left:3px solid #FFCC00;
		border-right:3px solid #FFCC00;

	}
 
	 #menu2{
			margin:0px;
			padding-bottom:10px;
			padding-left:5px;
			padding-right:5px;
			width:490px;
			border:0px solid #FFCC00;
			border-bottom:0px;
			border-top:0px;
			display:table;	
			list-style-type: none;	
		}
 
 
 	#menu ul{
		color:#fff;
		font-weight:bold;
		list-style:none;
		margin:0px;
		padding:0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		position: absolute;
		z-index:1;
		

	}
 
 	 #menu ul li {
/*		 margin:0px;
		display:inline;
		width:200px;
		padding-left:15px;
		padding-right:15px;
		padding-top:7px;
		padding-bottom:8px;
		background:url("img/boto_menu.jpg") repeat-x;*/
	}
 
	  #menu ul:hover{
	  	/*border:3px solid;*/
	  }
 
	.menu_gran{
		background:url("img/boto_menu.jpg") repeat-x;
			*border:2px solid #FFFFFF;
			*height:60px;

	}
 
 	.menu_gran a{		
		*margin-left:2px;
		*text-align:center;
		*vertical-align:middle;		
	}
 
 
 
 	 #menu ul li a{
	 text-decoration:none;
	 color:#fff;
	 		padding-left:3px;
	 
	 }
	 
	  #menu ul li a{
	 text-decoration:none;
	 color:#fff;
	 }
	 
	 .menu_estret {
		margin:0px;	
		width:50px;		
		background:url("img/boto_menu.jpg") repeat-x;
		margin-top:2px;
			*height:30px;
	}
	 .menu_estret a{
		border:0px solid #FF0000; 	
		*text-align:center;
		*vertical-align:middle;
		
	 }
	
	 
 /**********************  CONTINGUT  *************************************/
 
 	#seccio{
	margin:0px;
	padding:0px;	
	padding-top:30px;
	padding-left:10px;
	height:15px;
	color:#fff;
	font-weight:bold;
	width:200px;
	float:left;
		*text-align:left
	}
	
	
 	#seccio2{
	padding-top:30px;
	padding-left:10px;
	height:15px;
	color:#fff;
	font-weight:bold;	
	float:right;
	width:200px;
	text-align:right;
	}
	
	#contingut{
	width:855px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	min-height:620px;
	background:url("img/fondo_4_1.jpg") repeat-y top right #212121 ;	
	
	}
 
	.contenido{
		color:#CCCCCC;
		margin:10px;
		margin-left:10px;		
		width:820px;
		border-top:0px solid #fff;
		padding-bottom:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		display:table;
			*text-align:left;
			*border:0px solid #000000; 		 
			
	}
	
	.contenido p{
		font-size: 12px;
		
	}	
 
 
 
 
 #map{
	 width:500px;
	 height:500px;
	 border:1px solid;
	 float:left; 	
	 margin:10px;

 }

 #mapa2{
 	padding:10px;
	padding-right:50px;
	color:#fff;	
}
 #mapa2 a{color:#999999}
 #mapa2 a:hover{color:#fff}
 
 
 /**************************************************************                  
                  Formulario de contacto                  
**************************************************************/

/*================   FORMS ==================*/
	/* nom, adreça...*/
	label{ 
	    text-decoration: none;
	    font-family: Verdana,Arial,Helvetica;
	    color: #000;
	    white-space: nowrap;
	    cursor:default;		
	    margin-right: 10px;			
	}
	
	.bb2 input {
		background-color: #ffffff;
		border: 1px #7F9DB9 solid;
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		color: #000000;
		font-style: normal;
		cursor:pointer;
		width:250px;
		}
	
	textarea {
		background-color: #ffffff;
		border: 1px #7F9DB9 solid;	
		width: 510px;
		height: 100px;	
		font-family: Verdana, Arial, sans-serif;
		font-size: 12px;
		color: #000000;
		font-style: normal;
		cursor:text;
	}
			
   			
	#contactar legend{	
		padding-left:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#fff;
		float:left;
	}		
		
		
			
	form{
	border:0px solid;
	width:500px;
	margin:0px;
	padding:0px;
	outline:none;
		float:right;
		width:400px;
		*margin-right:200px;
		


	}			

	fieldset {
	border:none;
	color:#FFFFFF;
	padding-top:20px;

	}		

	
	
	
	.bb2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	color:#fff;
		*width:400px;
		*margin-right:0px;



	}	
	
	
	.bb2 td{
	padding: 3px;
	padding-left:5px;
	}
	
	.botons input{
	border:1px solid;
	width:100px;
	background:#999999;	
	
	}
		
	#aa input{
		margin: 4px;

	}
	



	#bb2 input{
	width: 100px;
	float:left;
	}

	
			
	.even label{
		border:0px solid #000;
		color:#fff;	
	}		

	.odd label{
		color:#fff;			
	}



#logo_contacto{
		border:0px solid;
		float:left;
		padding-top:25px;
		padding-bottom:35px;
}

#texto_contacto{
		margin-right:10px;
		padding-left:10px;
		width:150px;		
		padding-bottom:20px;
		margin-bottom: 10px;
		margin-top:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		float:left;
		color:#FFFFFF;
}

 
 
 
 /************** NEWS ********************/
 
 	#news{
 		width:395px;
		border:1px ridge #333333;
		text-align:center;
		margin:2px;
		/*background:#333333;	*/
		color:#FFFFFF;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		height:350px !important;
		display:table;
			*border:1px solid #333333;
			height:100% !important;
 	}
 
	.news_texte, .intalacions.news_texte{
		font-size: 11px;
		padding:5px;
		text-align:justify;
	}
	
	.news_titulo h3{
		font-size:14px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
	.news_img img{
		border:2px solid #FFffff;
	}
	
	.news_img a img:hover{
		
		cursor: url(lupa2.cur), auto;
		*cursor:pointer;		
		border:2px solid #FFCC33	
				
	}
	
	.news_texte a, .intalacions.news_texte{
		color:#FFFFff;
	}
	
	.paginacio{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size	: 11px;
		clear:both;
		text-align:right;
		font-weight:bold;
		color:#FFFFFF;
		padding-bottom:5px;
	}
	
	.paginacion_num{
		margin:0 auto;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-align:center;
		font-weight:bold;
		color:#999;
		margin-tp:155px;				
		border:1px solid #333333 ;
		width:auto;
		display:table;
	}
 


 /**************** INSTALACIONS  **************/
 
 	#intalacions{
 		width:395px;
		border:1px ridge #333333;
		text-align:center;
		margin:2px;
		/*background:#333333;	*/
		color:#FFFFFF;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		height:350px;
		display:table;
 	}
 
 	#cat_instala{

	}
		
	.ul_instalacions{	
		background:#000000;
		list-style:none;	
		margin:0px;
		padding:0px;
		font-weight:bold;
		
	}
	

	
	.ul_instalacions li{
		display: table-cell;
		position: relative;
		background:#212121;		
		width:75px;
		text-align:center;
		z-index:0;
			*display:inline
	}	

	.ul_instalacions li:hover{
		background:#C4C3A8;
		color:#000000;
		border:1px solid #FFDE0A;
		border-bottom:0px solid #212121;
	}
	.ul_instalacions li:active{
		background:#C4C3A8;
		color:#000000;
		border:1px solid #FFDE0A;
		border-bottom:0px solid #212121;
	}
	
	
	.menu_instala{
		border-top:2px solid #292929;
		border-bottom:1px solid #FFDE0A;
		padding:6px;
		display:inline;				
	}
	
	.menu_instala a:hover{
		color:#000000;
	}
	
	
	
	.menu_falso{
		border-top:2px solid #292929;
		border-bottom:1px solid #FFDE0A;
				*padding:6px;
		padding-left:500px;		
				*padding-left:495px;		
		background:#000000;

	}
	
	.menu_falso:hover{
	background:#00CC66;
				*padding:6px;
				*padding-left:495px;	
				*border:1px solid #FFFFFF;
		border:1px solid #FFFFFF;				
		}
 
 
 
 
 /**************** VARIOS  **************/

.titolo{	color:#FFCC00;} 


 /**************** VIDEOS **************/

.video{
	 text-align:center; 
	 margin:0 auto;
	 padding-bottom:0px;
 	 padding-right:0px;
	 float:right;

			*margin-right:0px;
			*text-align:right;
			background:none;
			*background:#00CC33;
			
			


 }

#lista_videos{
	width:200px;
	float:left;
	margin-top:6px;
	border-left:1px solid #FFCC00;
	font-weight:bold;
	text-align:left;
}
 
#lista_videos h4{
	 margin:0px;
	 padding:2px;	 
	 color:#fff;
	 font-weight:bold;
	 	*width:345px;
		*padding:4px;
	 }
 
.separacio{
	margin-top:10px;	
	margin-left:10px;
	width:320px;

}

.video_titulo{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:10px;	
	margin-left:0px;
	margin-top:7px;
	height:20px;
	background:url(img/fondo_titulo.gif);	
	font-weight:bold;
	padding-left:3px;
	width:310px;
	color:#FFFFFF;

}
 
 
	#destacada{
		width:500px;
		border-left:1px solid #FFCC00;
		border-bottom:1px solid #FFCC00;
		display:table;
		margin:0px;
		padding:0px;
		padding-bottom:10px;		
		min-height:150px;
		background:url(img/fondo_portada.gif)  repeat-y #212121;
				*width:501px;
		
	}
	
	
	.destacada_titulo{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 15px;
		margin:10px;	
		margin-right:0px;
		margin-left:0px;
		margin-top:0px;
		height:25px;
		background:url(img/fondo_titulo.gif) repeat-y #212121;	
		color:#fff;
		font-weight:bold;
		padding-left:3px;
		padding-top:3px;
		width:500px;
		border-bottom:2px solid #000000;	
				*font-weight:none;	
	}
	
 
	 .img_destacada{
	 	float:left;	 
		border:1px solid;
		margin:5px;
		
	 }
	 .texte_destacada{
	 	float:right;
		border:0px solid #FF0000;
		width:350px;
		text-align:left;
		color:#fff;
		font-weight:bold;
		margin-right:10px;
	 }

 	 .texte_destacada h2{
 		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 16px;
		color:#000000;
		font-weight:bold;
		margin-bottom:0px;		
				*font-weight:none;
				*font-size: 16px;
	}	

	
	#iconos{
		border:0px solid;
		border-top:1px solid #FFCC00;
		border-left:1px solid #FFCC00;
		padding:10px;
		margin-top:0px;
		width:487px;
				*width:491px;
				*padding-right:0px;

	}

	#iconos img{
		margin-right:10px;
		margin-bottom:10px;
		
	
	}

	 
/*********************  ELINKS ******************************/	 

	#elinks{	 
 		width:400px;
		border:1px ridge #333333;
		text-align:left;
		margin:2px;
		color:#FFFFFF;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		height:auto;
		display:table;
		padding-left:10px;
		margin-bottom:5px;
		clear:both;
 	}
 
	.link_texte{
		font-size: 11px;
		text-align:justify;
	}
	
	.link_texte a{
		color:#FFFF66;
	}
	 
	 .link_img{
	 	float:left;	
		margin:3px;		
		margin-right:10px;
	 }
	 
	 .lupa img{
	 	margin-left:-39px;
		border:1px solid #FFCC00;
		display:none;
	 
	 }
	 

	#banner_tienda{
		margin-bottom:10px;
		margin-left:2px;
		border:1px solid #FCDC0B;
	}

#usuaris-ie2{
	display:none;
}