@charset "utf-8";
/* CSS Document */

/********************************************************************************/
/**********							COMUNS   							*********/
/********************************************************************************/

body
{
	padding:0px;
	margin:0px;
	background-color:#003399;
}

.netejar{
	clear:both;
	height:0px;
	line-height:1px;
	font-size:1px;
}

.general
{
	width:900px;
	margin-left:auto;
	margin-right:auto;
}

a{
	text-decoration: none;
	color:#ffff00;
}

.contingut
{
	width:900px;
	margin-left:auto;
	margin-right:auto;
}


/********************************************************************************/
/**********							COMUNS   							*********/
/********************************************************************************/

/********************************************************************************/
/**********							CAP        							*********/
/********************************************************************************/

#negredalt
{
	height:40px;
	width:auto;
	background-color:#000;
	position:relative;	
}

#data
{
	color:#FFF;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	line-height:40px;
}

#menudalt
{
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:60px;
}

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

#menudalt ul li
{
	color:#FFF;
	margin-left:5px;
	width:143px;
	font-size:17px;
	font-family:Verdana, Geneva, sans-serif;

}

#menu
{	
	margin-left:180px;
	margin-top:5px;
}

#menu ul
{
	list-style:none;
	padding:0px;
	margin:0px;
	color:#ffff00;
}

#menu ul li
{
	float:left;
	width:112px;
	font-size:17px;
	text-align:center;	
	line-height:100px;
	color:#ffff00;
}

#menu ul li.activat
{
	float:left;
	width:112px;
	font-size:17px;
	text-align:center;	
	line-height:100px;	
	color:#ffff00;	
}

#menu ul li:hover
{	
	float:left;
	width:112px;
	font-size:17px;
	text-align:center;
	-webkit-text-stroke: 1px black;  
	cursor:pointer;
	color:#ffff00;
}

#menudalt
{
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:60px;
}

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

#menudalt ul li
{
	color:#FFF;
	margin-left:5px;
	float:left;
	width:143px;
	font-size:17px;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;

}

/********************************************************************************/
/**********							CAP        							*********/
/********************************************************************************/

/********************************************************************************/
/**********					    INTRODUCCIO   							*********/
/********************************************************************************/

p{	
	text-align:justify;
	margin:0px;
	padding:0px;
}

#part1{
	width:600px;
	float:left;
	margin:0px;
	padding:0px;
}

#esq{
	width:300px;
	float:left;
	margin:0px;
	padding:0px;
}

#dret{
	width:300px;
	float:left;
	margin:0px;
	padding:0px;
	text-align:justify;
	margin-top:25px;
}

#part2{
	width:300px;
	float:right;
	margin:0px;
	padding:0px;
}

.imatge1
{
	float:left;
	margin:0px;
	padding:0px;
	margin-top:25Px;
	margin-left:15px;
}

.imatge11
{
	float:left;
	margin:0px;
	padding:0px;
	margin-top:50Px;
	margin-left:15px;
}

.imatge2
{
	float:right;
	margin:0px;
	padding:0px;
	margin-top:25Px;
	margin-right:15px;
}

.imatge22
{
	float:right;
	margin:0px;
	padding:0px;
	margin-top:50Px;
	margin-right:15px;
}

/********************************************************************************/
/**********					    INTRODUCCIO   							*********/
/********************************************************************************/

/********************************************************************************/
/**********					      OFERTES   							*********/
/********************************************************************************/


#oferta1
{
	margin-left:240px;
}
/********************************************************************************/
/**********					      OFERTES   							*********/
/********************************************************************************/

/********************************************************************************/
/**********					       PEU       							*********/
/********************************************************************************/

#peu{
	width:900px;
	margin-left:auto;
	margin-right:auto;
}

#img{
	width:600px;
	margin-left:auto;
	margin-right:auto;
	float:left;	
}

#txt{
	width:300px;
	margin-left:auto;
	margin-right:auto;
	float:right;
	text-align:justify;
	font-family:Verdana, Geneva, sans-serif;
}

/********************************************************************************/
/**********					       PEU       							*********/
/********************************************************************************/

/********************************************************************************/
/**********					      SERVEIS     							*********/
/********************************************************************************/

#titserv
{
	margin-left:auto;
	margin-right:auto;
}

.lletrapet
{
	font-size:16px;
	width:900px;
	color:#FFF;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	font-family:Verdana, Geneva, sans-serif; 

}
	
#menuserv
{
	margin-left:auto;
	margin-right:auto;
	
}

#menuserv ul
{
	list-style:none;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	
}

#menuserv ul li
{
	margin-left:auto;
	margin-right:auto;	
	font-family:Verdana, Geneva, sans-serif;
	width:900px;
	font-size:24px;
	text-align:center;
	line-height:40px;
	color:#FFF;
	background-image:url(img/puntgroc.png); 
	background-repeat:no-repeat;
	background-position: 15% 50%;
}

#menuserv ul li:hover
{
	background-position: 15% 50%;
	background-image:url(img/punttronja.png);
	background-repeat:no-repeat;
	line-height:40px;
	color:#000;
}


/********************************************************************************/
/**********					      SERVEIS     							*********/
/********************************************************************************/

/********************************************************************************/
/**********					      GALERIA     							*********/
/********************************************************************************/

#titgal
{
	margin-left:auto;
	margin-right:auto;
}


#menugal
{
	margin-left:208px;
	color:#ff3300;
}

#menugal ul
{
	list-style:none;
	padding:0px;
	margin:0px;
	color:#ff3300;
}

#menugal ul li
{
	float:left;
	width:150px;
	font-size:20px;
	text-align:center;	
	line-height:50px;
	color:#ff3300;
}

#menugal ul li.activat
{
	float:left;
	width:150px;
	font-size:20px;
	text-align:center;	
	line-height:50px;	
	color:#ff3300;
	 font-weight:bold;
  -webkit-text-fill-color: black;
  -webkit-text-stroke-color: red;
  -webkit-text-stroke-width: 0.75px; 
}

#menugal ul li:hover
{	
	float:left;
	width:150px;
	font-size:20px;
	text-align:center;
	-webkit-text-stroke: 1px black;  
	cursor:pointer;
	color:#ff3300;
}


/*.contenidor
{
	width:1050px;
	position:absolute;
	z-index:100;
	right:380px;
	bottom:-915px;
*/

#contenidor
{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	float:left;
}



.fotos
{
	width:200px;
	margin-left:55px;
	padding-bottom:20px;
	float:left;
	margin-bottom:20px;
}

/********************************************************************************/
/**********					      GALERIA     							*********/
/********************************************************************************/