/************************************************/
/*************** TOT EL DOCUMENT ****************/
/************************************************/

*
{
	margin:0;
	padding:0;
}

p
{
	padding-top:7px;
	padding-bottom:7px;
}

body
{
	text-align:center;
	padding:20px;
	background-color:#000000;
}



#container
{
	margin:auto;
	width:900px;
}

a.linkCap
{
	width:900px;
	height:200px;
	display:block;
	background-image:url("img/Disseny/CapIndex.jpg");
}

/****************************************************/
/****************** ESTILS LINKS ********************/
/****************************************************/

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

a:hover
{
	color:#CB0000;
}

/****************************************************/
/********************** MENÚ ************************/
/****************************************************/

#menu
{
	width:900px; 
	height:40px; 
	margin-top:20px;	

}

#menu a
{
	font:18px Trebuchet MS;
	text-decoration:none;
	color:#FFFFFF;
}

a.linkMenuEmpresa 
{
	width:145px; 
	height:30px; /* Original:35px; */
	padding-top:5px;
	background-color:#41230B;
	float:left;
	
	border:solid #8C5931 3px;
	border-right:solid #8C5931 2px;
	border-bottom:solid #8C5931 2px;
}

a.linkMenu 
{
	width:146px; 
	height:30px; /* Original:35px; */
	padding-top:5px;
	background-color:#41230B;
	float:left;
	
	border:solid #8C5931 2px;
	border-top:solid #8C5931 3px;
}

a.linkMenuComandes
{
	width:145px; 
	height:30px; /* Original:35px; */
	padding-top:5px;
	background-color:#41230B;
	float:left;
	
	border:solid #8C5931 3px;
	border-left:solid #8C5931 2px;
	border-bottom:solid #8C5931 2px;
}

a.linkMenuEmpresa:hover, a.linkMenu:hover, a.linkMenuComandes:hover
{
	background-color:#000000;
}

a.linkMenuEmpresaActual
{
	width:145px; 
	height:32px; /* Original:35px; */
	padding-top:5px;
	background-color:#000000;
	float:left;
	
	border:solid #8C5931 3px;
	border-right:solid #8C5931 2px;
	border-bottom:none;
}

a.linkMenuActual
{
	width:146px; 
	height:32px; /* Original:35px; */
	padding-top:5px;
	background-color:#000000;
	float:left;
	
	border:solid #8C5931 2px;
	border-top:solid #8C5931 3px;
	border-bottom:none;
}

a.linkMenuComandesActual
{
	width:145px; 
	height:32px; /* Original:35px; */
	padding-top:5px;
	background-color:#000;
	float:left;
	
	border:solid #8C5931 3px;
	border-left:solid #8C5931 2px;
	border-bottom:none;
}



/****************************************************/
/******************* CONTINGUT **********************/
/****************************************************/

#contingut
{
	width:894px; 
	background-color:#000000;
	border:solid #8C5931 3px;
	border-top:none;
	text-align:left;
}

#textBenvingut span, .textServeis span, .textLocalitzacio span, .textCateringLeft span
{
	font-weight:bold;
}

.amunt
{
	padding:10px 0 10px 0;
	font-family:Trebuchet MS;
	font-size:10pt;
	text-align:center;	
}

/***************** CONTINGUT PRESENTACIÓ ****************/


#textBenvingut
{
	width:410px;
	padding:50px 10px 10px 60px;
	float:left;
	text-align:left;
	font:14px Trebuchet MS;
	color:#FFFFFF;
}

#textBenvingut ul
{
	padding-left:40px;
	list-style:none;
}

.textBenvingutCatering
{
	text-align:right;
	font-size:15px;
	color:#CB0000;
	font-weight:bold;
}



#fotosBenvingut img
{
	width:400px;
	margin:10px 5px 10px 5px;
	float:left;
}

/**************** CONTINGUT EMPRESA ****************/

.textLeft
{
	width:400px;
	padding:20px 20px 5px 20px;
	float:left;
	text-align:justify;
	font:14px Trebuchet MS;
	color:#FFFFFF;
	
}

.textLeft ul
{
	padding-left:40px;
	list-style:none;
}

.textRight
{
	width:400px;
	padding:40px 20px 20px 20px;
	float:left;
	text-align:justify;
	font:14px Trebuchet MS;
	color:#FFFFFF;	
}


.fotoRight
{
	width:360px;
	margin:10px 5px 0px 35px;
	float:left;
}

.fotoLeft
{
	width:430px;
	margin:20px 5px 0px 5px;
	float:left;
}


/****************************************************/
/**************** CONTINGUT SERVEIS ****************/
/****************************************************/

.textServeis
{
	text-align:justify;
	padding:20px 20px 20px 20px;
	font:14px Trebuchet MS;
	color:#FFFFFF;

}


.textServeis img
{
	border:none;
}

/**************** TEXT CATERING // PRODUCTES  ****************/

.textCateringLeft, .textSaloLeft, .textProductesLeft
{
	width:450px;
	text-align:justify;
	padding:20px 10px 5px 20px;
	font:14px Trebuchet MS;
	color:#FFFFFF;
	float:left;
	

}


/**************** CONTINGUT CATERING  ****************/

.fotosCatering
{
	width:360px;
	margin:50px 5px 0px 35px;
	float:left;
}


.fotosSalo
{
	width:360px;
	margin:25px 5px 0px 35px;
	float:left;
}

.capsaPostit
{
	clear:both;
	text-align:justify;
	padding:5px 20px 5px 20px;
	font:14px Trebuchet MS;
	color:#FFFFFF;

}

.postit
{
	float:left;
	margin:0px 15px 0 15px;
}


.textCateringLeft ul
{
	padding-left:40px;
	list-style:none;
}


.classic
{
	float:left;
	margin:0px 20px 20px 80px;
}

.romantic
{
	float:left;
	margin:0px 0px 20px 15px;
}




/**************** CONTINGUT PRODUCTES ****************/	

.fotosProductes
{
	width:360px;
	margin:30px 5px 0px 35px;
	float:left;
}

.fotosGelateria
{
	margin-top:20px;
}




/**************** CONTINGUT LOCALITZACIÓ ****************/	

.textLocalitzacio
{
	padding:20px 20px 20px 20px;
	text-align:justify;
	font:14px Trebuchet MS;
	color:#FFFFFF;
}

.textLocalitzacio ul
{

	padding-left:40px;
	list-style:none;
}

.map
{
	margin:25px 5px 0px 20px;
	width:350px;
	float:left;
	border:solid #8C5931 3px;
}

.contacte
{
	margin:40px 0 0 350px;
}
	

.formContacte
{
	width:750px;
	margin:10px 20px 0px 20px;
	padding:10px 0 10px 100px;
	
}

.formBotons
{
	width:400px;
	margin:0px 20px 0px 20px;
	padding:0px 0 0px 310px;
	
}

.formContacte p
{
	padding-top:5px;
	padding-bottom:5px;
}

.etiqueta
{
	width:80px;
	float:left;
	margin-bottom:10px;

}

.caixa
{
	padding-left:5px;
	margin-right:30px;
	font-size:14px;
	font-family:Trebuchet MS;
	color:#FFFFFF;
	background:#000000;
	border:solid #8C5931 1px;
	overflow:hidden;
	float:left;
}



.boto
{
	width:100px;
	float:left;
	margin-right:20px;
	padding:3px 5px 3px 0;
	font-size:14px;
	font-family:Trebuchet MS;
	font-weight:bold;
	color:#000;
	background:#8C5931;
	border:solid #41230B 2px;

}

/**************** CONTINGUT CALENDARI ****************/

.textCalendari, .textCalendariPintat
{
	width:650px;
	padding:5px 0 5px 80px;
	margin-left:80px;
	text-align:left;
	font:14px Trebuchet MS;
	color:#FFFFFF;
}

.textCalendariPintat
{
	background-color:#D4B062;
	color:#000;
}

.dia
{
	width:200px;
	float:left;
}

.festa
{
	width:200px;
	float:left;
}

.diaPastis
{
	float:left;
}

.topCalendari
{
	padding-top:20px;
}

.bottomCalendari
{
	padding-bottom:20px;
}

/**************** CONTINGUT COMANDES ****************/

.textComandes
{
	text-align:justify;
	font:14px Trebuchet MS;
	color:#FFFFFF;
}
	
	
/****************************************************/
/********************* LINKS SERVEIS ****************/
/****************************************************/

#links
{
	width:900px;
	height:150px;
	margin-top:20px;
	
	text-align:left;
	font:18px Trebuchet MS;
	color:#FFFFFF;
}



.descripcioServeis
{
	font-size:12px;
}


#catering
{
	width:264px; /* Original:284px */
	height:134px; /* Original:144px */
	margin-right:15px;
	padding:5px 10px 5px 10px;
	float:left;
	
	background-color:#41230B;
	border:solid #8C5931 3px;
	
}

a.imgCatering
{
	width:130px;
	height:100px;
	float:left;
	margin-right:10px;
	background-image:url("img/Serveis/Catering.jpg");
}

a.imgCatering:hover
{
	background-image:url("img/Serveis/CateringHover.jpg");
}

#salo
{
	width:264px; /* Original:284px */
	height:134px; /* Original:150px */
	padding:5px 10px 5px 10px;
	float:left;
	
	background-color:#41230B;
	border:solid #8C5931 3px;
	
}

a.imgSalo
{
	width:130px;
	height:100px;
	float:left;
	margin-right:10px;
	background-image:url("img/Serveis/Salo.jpg");
}

a.imgSalo:hover
{
	background-image:url("img/Serveis/SaloHover.jpg");
}

#celler
{
	width:264px; /* Original:284px */
	height:134px; /* Original:150px */
	padding:5px 10px 5px 10px;
	margin-left:15px;
	float:left;
	
	background-color:#41230B;
	border:solid #8C5931 3px;
}

a.imgCeller
{
	width:130px;
	height:100px;
	float:left;
	margin-right:10px;
	background-image:url("img/Serveis/Celler.jpg");
}

a.imgCeller:hover
{
	background-image:url("img/Serveis/CellerHover.jpg");
}

/****************************************************/
/********************* SEPARADOR ********************/
/****************************************************/

.separador
{
	clear:both;
}

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

#peu
{
	width:874px; /* Original:894px */
	height:15px; /* Original:25px; */
	margin-top:20px;
	padding:5px 10px 5px 10px;
	background-color:#41230B;
	border:solid #8C5931 3px;
	
	font:12px Trebuchet MS;
	color:#FFFFFF;
	
	
}

.copy
{
	width:290px;
	float:left;
	text-align:left;
}

.adress
{
	width:290px;
	float:left;
	text-align:center;
}

.design
{
	width:290px;
	text-align:right;
	font-size:11px;
	float:left;
}