/* CSS Document */

/*================MENU===================*/

	
#menu ul {  
	list-style:none;
	margin:5px 0 0 0;
	padding:0;
	background: #3e3e3e;
	width:800px;
	height:40px;
	}
	
#menu ul li {
	padding:0;
	float:left;
	}

#menu ul li a, .current {
	display:block;
	width:96px;
	height:40px;  
	text-decoration:none;
	margin-right:8px;
	}
	
#menu ul li a:hover, .current {
	background-position:bottom;
	}
#menu ul li a span {
	display:none;
	}
#mhome {
	background-image:url(../imatges/menu_home.gif);
	}
#mlamasia {
	background-image:url(../imatges/menu_lamasia.gif);
	}
#mservicios {
	background-image:url(../imatges/menu_servicios.gif);
	}
	
#mserveis {
	background-image:url(../imatges/menu_serveis.gif);
	}
	
#mlacarta {
	background-image:url(../imatges/menu_lacarta.gif);
	}
	
#mlocalizacion {
	background-image:url(../imatges/menu_localizacion.gif);
	}

#mlocalitzacio {
	background-image:url(../imatges/menu_localitzacio.gif);
	}
#mcontacta {
	background-image:url(../imatges/menu_contacta.gif);
	}
	
#mlacalsotada {
	background-image:url(../imatges/menu_lacalsotada.gif);
	}

/*================FIN MENU===================*/

.adresa{color:#333333;}

body{
	background-image:url(../imatges/patro.gif);
	margin:0;
	}

.bottom1{
	width:216px;
	height:96px;
	float:right;
	text-decoration:none;
	}
	
.bottom2{
	width:216px;
	height:96px;
	text-decoration:none;
	}

.buttonSubmit, .buttonSubmit:active{
	width:69px;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px 5px;
	background: url(../imatges/button2.gif) no-repeat left top;
	cursor:pointer;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	margin-top:10px;
	}
	
.buttonSubmit:active {background-position:left bottom;}

.calsotada{
	position:relative;
	width:356px;
	height:453px;
	float:right;
	background:url(../imatges/calsotada.gif) no-repeat center;
	}
	
.calsotada p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:165%;
	color:#fff;
	margin:110px 120px 20px 20px;
	}
	
.calsotadamenu {
	font-family:Trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:130%;
	color:#666;
	text-align:center;
	}
	
.cap{
	width:438px;
	height:96px;
	}

#contenedor{
	background-color:#3e3e3e;
	margin:auto; 
	position:relative;
	margin-bottom:0;
	width:800px;
	border:5px solid #3e3e3e;
	border-top:0;
	}
	
#dreta{
	position:relative;
	width:356px;
	height:352px;
	float:right;
	background:url(../imatges/fonshome.gif) no-repeat center;
	}
	
.destacat_butifarra{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:165%;
	color:#000;
	}
	
.discret_butifarra{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:165%;
	color:#888;
	}
	
#dreta2, #dreta_masiabou, #dreta_masiabou_cat{
	position:relative;
	width:356px;
	height:453px;
	float:right;
	background-color:#eaeaea;
	}
	
#dreta_masiabou{background: url(../imatges/dreta_masia.gif) no-repeat;}
	
#dreta_masiabou_cat{background: url(../imatges/dreta_masia_cat.gif) no-repeat;}
	
#dreta3, #dreta3_cat{
	position:relative;
	width:356px;
	height:352px;
	float:right;
	background:url(../imatges/servicios.gif) no-repeat center;
	}
	
#dreta3_cat{background:url(../imatges/servicios_cat.gif) no-repeat center;}
	
#dreta4{
	position:relative;
	width:356px;
	height:352px;
	float:right;
	background-color:#eaeaea;
	}
	
#dreta5{
	position:relative;
	width:356px;
	height:352px;
	float:right;
	background:url(../imatges/dreta_lacarta.gif) no-repeat center;
	}
	
#dreta_menus, #dreta_sugerencias, #dreta_localizacion, #dreta_localizacion_cat{
	position:relative;
	width:356px;
	float:right;
	background-color:#eaeaea;
	}
	
#dreta_menus{background-color:#727272;}

#dreta_, #dreta_sugerencias, #dreta_localizacion, #dreta_contacta, #dreta_localizacion_cat{
	position:relative;
	width:356px;
	height:559px;
	float:right;
	background-color:#eaeaea;
	}
	
#dreta_carta{
	position:relative;
	width:356px;
	float:right;
	background-color:#727272;
	}	
	
#dreta_menus{width:356px;}

#dreta_sugerencias{width:356px;height:352px; background-color:#b6b6b6}

#dreta_localizacion{
	width:356px;
	height:414px;
	background-image:url(../imatges/dreta_localizacion.gif)
	}

#dreta_localizacion_cat{
	width:356px;
	height:414px;
	background-image:url(../imatges/dreta_localizacion_cat.gif)
}

#dreta_contacta{
	width:356px;
	height:414px;
	background-image:url(../imatges/dreta_contacta.gif)
	}	

#dreta2 p, #dreta4 p, #dreta_carta p, #dreta_menus p, #dreta_sugerencias p, #dreta_masiabou p, #dreta_masiabou_cat p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:165%;
	color:#333333;
	margin:20px;
	}


#dreta_masiabou p, #dreta_masiabou_cat p{margin:130px 80px 20px 20px;}	

#dreta_carta p, #dreta_menus p{color:#fff;}

#dreta p, #dreta3 p, #dreta3_cat p, #dreta5 p, #dreta_localizacion p, #dreta_localizacion_cat p,  #dreta_contacta p{
	margin:130px 120px 0 23px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:165%;
	color:#FFFFFF;
	}
	
#dreta_localizacion p, #dreta_localizacion_cat p, #dreta_contacta p{margin:60px 20px 0 20px;}	

#dreta_contacta p{margin:50px 60px 0 40px;}

#dreta5 p{color:#333;}
	
.dreta_destacat, .menus_destacat{
	font-family:Trebuchet ms,Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:135%;
	color:#333;
	margin:0;
	}
	
.menus_destacat{color:#fff;}
	
.dreta_destacat2,{
	font-family:Trebuchet ms,Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	line-height:135%;
	color:#9f2c3a;
	}
	
.dreta_destacat3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:155%;
	color:#FFF;
	}

#esquerra{
	width:438px;
	height:352px;
	}	
#esquerra_home {
	width:800px;
	height:352px;
	}
	
#esquerra2{
	width: 444px;
	float:right;
	border-right: 356px solid #727272; /* ancho y color col derecha */    
	margin-right: -356px;
	}	
	
#esquerra3{
	width:438px;
	height:413px;
	}	
	
.formulari{
	width:250px; 
	border: 1px solid #fff; 
	padding:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
	margin-bottom:3px;
	}
	
.formulari_gran{width: 250px; height:120px;}

.formulari:focus{background:#f1f1f1;}

.fotos{
	float:left;
	width:438px;
	height:250px;
	border-top:6px solid #3e3e3e;
	}
	
.fotos_carta{
	width:438px;
	height:265px;
	border-top:6px solid #3e3e3e;
	}
	
.fotos_menu{
	width:438px;
	height:250px;
	border-top:6px solid #3e3e3e;
	}	
	
.fotos_mapa {
	float:left;
	width:438px;
	height:312px;
	border-top:6px solid #3e3e3e;
	background-color:#FFFFFF;
	}
	
.flotaesquerra{float:left}

.flotadreta{float:right}
	
.ilustracions{
	position:absolute;
	bottom:5px;
	}
		
.ingredients{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:155%;
	color:#fff;	
	}


	
.menus{
	padding-top: 6px;
	width: 437px;
	background-color:#3e3e3e;
	margin-top:6px;
	}
	
.oferta1{
	width:191px;
	height:174px;
	background:url(../imatges/oferta11.gif) no-repeat center;
	margin-right:11px;
	float:left;
	text-decoration:none;
	}

.oferta1 a, .oferta2 a, .oferta2_cat a, .oferta3 a, .oferta3_cat a, .oferta4 a, .oferta4_cat a{
	display: block;
	width: 191px; 
	height: 174px;
	text-decoration:none;
	position:relative;
	}
	
.oferta1 span, .oferta2 span, .oferta2_cat span, .oferta3 span, .oferta3_cat span, .oferta4 span, .oferta4_cat span{
	display:block; 
	position:absolute; 
	top:125px; 
	left:12px; 
	text-decoration:none; 
	color:#FFFFFF;
	}

.oferta4 span, .oferta4_cat span{color:#333;}

.oferta1 p, .oferta2 p, .oferta2_cat p, .oferta3 p, .oferta3_cat p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:155%;
	color:#fff;	
	text-decoration:none;
	}
	
.oferta4 p, .oferta4_cat p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:155%;
	color:#333;}
	
.oferta2, .oferta2_cat{
	width:191px;
	height:174px;
	background:url(../imatges/oferta22.gif) no-repeat center;
	margin-right:12px;
	float:left;
	text-decoration:none;
	}	
	
.oferta2_cat{background:url(../imatges/oferta22_cat.gif) no-repeat center;}
	
.oferta3, .oferta3_cat{
	width:191px;
	height:174px;
	background:url(../imatges/oferta33.gif) no-repeat center;
	margin-right:12px;
	float:left;
	text-decoration:none;
	}	
	
.oferta3_cat{background:url(../imatges/oferta33_cat.gif) no-repeat center;}
	
.oferta4, .oferta4_cat{
	width:191px;
	height:174px;
	background:url(../imatges/oferta55.gif) no-repeat center;
	float:left;
	text-decoration:none;
	}
	
.oferta4_cat{background:url(../imatges/oferta55_cat.gif) no-repeat center;}
		
#peu{
	width:775px;
	height:96px;
	margin:auto;
	margin-top:8px;
	position:relative;
	background-image:url(../imatges/degra.gif);
	background-repeat:repeat-x;
	padding-right:25px;
	}
	
#peu p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:145%;
	color:#d8d8d8;
	float:right;
	margin-top:8px;
	}
	
#peu img{margin:10px 0 0 10px;}
#direccio img{margin:0;}

.horario{
	font-family:Trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:145%;
	color:#d8d8d8;
	position:absolute;
	top:8px;
	right:230px;
	font-weight:bold;
	}

.recepta{
	width:438px;
	background-color:#3e3e3e;
	margin-top:6px;
	}
	
.recepta-in{padding:10px 10px 10px 10px;}
	
.recepta-in p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:165%;
	color:#999;
	margin: 0;
	}
	
.separador{margin-right:6px;}

.separadorservicios{margin-right:8px;}

#serveis{
	width:800px;
	height:174px;
	margin-top:11px;
	}

.servicio1, .servicio2, .servicio3, .servicio4,
.servicio1_cat, .servicio2_cat, .servicio3_cat, .servicio4_cat{
	width:194px;
	height:96px;
	float:left;
	background: url(../imatges/botosalones.gif) no-repeat center;
	text-decoration:none;
	}
.servicio1_cat{background: url(../imatges/botosalones_cat.gif) no-repeat center;}
	
.servicio2{background: url(../imatges/botocelebraciones.gif) no-repeat center;}
.servicio2_cat{background: url(../imatges/botocelebraciones_cat.gif) no-repeat center;}

.servicio3{background: url(../imatges/botocatering.gif) no-repeat center;}
.servicio3_cat{background: url(../imatges/botocatering.gif) no-repeat center;}

.servicio4{background: url(../imatges/botoeventos.gif) no-repeat center;}
.servicio4_cat{background: url(../imatges/botoeventos_cat.gif) no-repeat center;}

.servicio1 a, .servicio2 a, .servicio3 a, .servicio4 a,
.servicio1_cat a, .servicio2_cat a, .servicio3_cat a, .servicio4_cat a{
	display:block;
	width:194px;
	height:96px;
	text-decoration:none;
	position: relative;
	}
	
.servicio1_cat span, .servicio2_cat span, .servicio3_cat span, .servicio4_cat span, .servicio1 span, .servicio2 span, .servicio3 span, .servicio4 span{
	display:block; 
	position:absolute; 
	top:55px; 
	left:12px; 
	text-decoration:none; 
	color:#FFFFFF;
	}
	
.servicio1_cat p, .servicio2_cat p, .servicio3_cat p, .servicio4_cat p,
.servicio1 p, .servicio2 p, .servicio3 p, .servicio4 p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:155%;
	color:#fff;	
	margin:0;
	text-decoration:none;
	}	
	
.servicio_menus{
	width:262px;
	height:220px;
	background-image:url(../imatges/botomenus.gif);
	float:left;
	}
	
.servicio_in{padding:40px 12px 12px 12px;}

.servicio_sugerencias{
	width:262px;
	height:220px;
	background-image:url(../imatges/botosugerencias.gif);
	float:left;
	}
	
.servicio_recetas{
	width:262px;
	height:220px;
	background-image:url(../imatges/botorecetas.gif);
	float:left;
	}

.servicio_menus p a, .servicio_sugerencias p a, .servicio_recetas p a, .servicio_in p a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:185%;
	color:#fff;
	text-decoration:none;
	}
	
.servicio_menus p a:hover, .servicio_sugerencias p a:hover, .servicio_recetas p a:hover, .servicio_in p a:hover{ color:#3e3e3e;}
	
.servicios_lacarta{
	width:800px;
	height:220px;
	margin-top:11px;
	}
	
.servicios{
	width:800px;
	height:96px;
	margin-top:11px;
	}
	
.servicios2{
	width:800px;
	height:174px;
	margin-top:1px;
	float:left;
	}
#submenu{
	margin-top:6px;
	width:438px;
	height:96px;
	}

.romana {
	font-family:Trebuchet ms,Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:135%;
	color:#9f2c3a;
	margin:0;
	font-weight:bold;
	}
	
.primers {	
	position:absolute;
	top:25px;
	right:10px;
	z-index:2;
}