/**** VIENA ****/


body{
  width:100%;
  margin:0;
  padding:0;
  font:normal 62.5%/1.3 Arial, Helvetica, sans-serif;
  color:#fff;
  background-color:#47352a;
}
img {border:none}

.clear{clear:both; font-size:0px;}

ul{
  margin:0; 
  padding:0;  
}

li{list-style:none}

.right{float:right}
.left{float:left}

a:link, a:visited, a:active {text-decoration:underline}
a:hover{text-decoration:none}


/**************************************/
/************ CONTENEDOR **************/
/**************************************/

#contenedor_prehome, #contenedor{
   width:758px;
   margin:2em auto 0;
   color:#47352a;
   background:#f4f1e6 url(../img/prehome_bg.jpg) top right no-repeat;
   min-height:537px;
   height:auto!important;
   height:537px;
   }
   
#contenedor{background:url(../img/rounded_top.jpg) 0 0 no-repeat}


/**************************************/
/************* PREHOME ****************/
/**************************************/

#contenedor_prehome .imagen{
   display:block;
   height:537px;
   width:256px;
   /*background:url(../img/prehome_img.jpg) 0 0 no-repeat;*/
   float:left;
   }

#contenedor_prehome .imagen img{
	margin: 0;
   }
   
#contenedor_prehome .logo_menu{
   float:right;
   width:502px;
   }
   
#contenedor_prehome img{
   display:block;
   margin:8em auto 10em
   }

#contenedor_prehome ul{margin-left:3em}
   
#contenedor_prehome ul li{
   float:left;
   font-size:1.1em;
   margin:0 1em 0 0;
   padding:0 1em 0 0;
   background:url(../img/separador.gif) right 2px no-repeat;
   }

#contenedor_prehome ul li.email{
    margin:0;
	padding:0;
	display:block;
	height:14px;
	background: url(../img/ico_sobre.gif) 0 0 no-repeat;
   }

#contenedor_prehome ul li span{visibility:hidden}
   
#contenedor_prehome ul li a{
   color:#47352a;
   text-decoration:none;
   }
#contenedor_prehome ul li a:hover{text-decoration:underline}
#contenedor_prehome ul li.email a:hover{text-decoration:none}

#idiomes_prehome{
   width:675px;
   margin:1.8em auto;
   font-size:1.1em;
}

#idiomes_prehome li{margin:0 .9em;  float:left}
#idiomes_prehome li a{color:#FFF}



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

#header {
   border-bottom:2px solid #cdc299;
   background:#f4f1e6 url(../img/rounded_top.jpg) 0 0 no-repeat;
   }

#header h1 {
   margin:.7em 0 .7em 1.5em;
   padding:0;
   float:left;
   }
/*IE6*/ * html #header h1{margin:.4em 0 .5em .5em;}

#header span{
   display:block;
   width:215px;
   height:25px;
   float:right;
   background:url(../img/per-menjar-be-bo-i-rapid.jpg) 0 0 no-repeat;
   margin:6em 3em 0 0;
   }
/*IE6*/ * html #header span{margin:6em 1.5em 0 0;}
#header span q{visibility:hidden}

.menu_home li{width:184px}

.menu_home li a h2{display:none}

.menu_home li.columna1{
   float:left;
   background:url(../img/prehome_img_1.jpg) 0 33px no-repeat;
   }

.menu_home li.columna1 a{
   display:block;
   width:184px;
   height:398px;;
   margin:0;
   background:url(../img/buttons/qualitat.gif) 0 0 no-repeat;
   }

.menu_home li.columna2{
   float:left;
   background:url(../img/prehome_img_2.jpg) 0 33px no-repeat;
   margin-left:7px;
   }

.menu_home li.columna2 a{
   display:block;
   width:184px;
   height:398px;;
   margin:0;
   background:url(../img/buttons/establiments.gif) 0 0 no-repeat;
   }
   
.menu_home li.columna3{
   float:left;
   background:url(../img/prehome_img_3.jpg) 0 33px no-repeat;
   margin-left:8px;
   }

.menu_home li.columna3 a{
   display:block;
   width:184px;
   height:398px;;
   margin:0;
   background:url(../img/buttons/producte.gif) 0 0 no-repeat;
   }

.menu_home li.columna4{
   float:left;
   background:none;
   margin-left:0x;
   background:url(../img/prehome_img_4.jpg) 0 33px no-repeat;
   margin-left:7px;
   }

.menu_home li.columna4 a{
   display:block;
   width:184px;
   height:398px;;
   margin:0;
   background:url(../img/buttons/suggeriments.gif) 0 0 no-repeat;
   }


.menu2_home{
   background:url(../img/rounded_bottom.jpg) 0 0 no-repeat;
   height:43px;
}

* html .menu2_home{ margin: 0; }

.menu2_home ul{
   width:42.5em;
   margin:0 auto 0;
  }

.menu2_home ul li{
   float:left;
   font-size:1.1em;
   margin:1.8em 1em 0 0;
   padding:0 1em 0 0;
   background:url(../img/separador.gif) right 2px no-repeat;
   }
   
.menu2_home ul li.last{
   margin:0;
   padding:1.8em 0 0 0;
   background:none;
   }

.menu2_home ul li a{
   color:#47352a;
   text-decoration:none;
   }

#idiomes{
	width:190px;
    margin:1.8em auto;
    text-align: center;
    font-size:1.1em;
    overflow: hidden;
	}
	
#idiomes li{margin:0 .9em;  float:left}
#idiomes li a{color:#FFF}



		
		
/*****  NAVEGACIO  *****/
.navegacio img {
	margin-left: 5px;
}
.navegacio img.first {
	margin-left: 0;
	margin-right: 1px;
}
		
		
/*****  CONTENT  *****/
.content {
	overflow: hidden;
	background: #f9b65b;
}

.content h2 {
	font: bold 22px/1.3 Arial, Helvetica, sans-serif;
	margin-left: 18px;
	float: left;
	font-weight: bold;
}

.content ul.submenu {
	color: #bf0018;
	float: left;
	font-size: 14px;
	margin: 28px 0 0 30px;
}

.content ul.submenu li {
	float: left;
	margin-right: 20px;
}

.content ul.submenu a {
	color: #bf0018;
	font-weight: bold;
	text-decoration: none;
}

p.introduccio {
	clear: both;
	font-size: 14px;
	width:89%;
	margin: 30px 0 30px 55px;
}

.columnes-qualitat {
	overflow: hidden;
	margin-left: 18px;
	margin-bottom: 30px;
}

* html .columnes-qualitat { height: 450px; }

.columnes-qualitat div {
	float: left;
	width: 200px;
	border: 2px solid #47352a;
	padding: 13px;
	font: normal 12px/1.3 Arial, Helvetica, sans-serif;
	text-align: center;
	background: #f6be77;
	margin-right: 15px;
	height: 375px;
}

.columnes-qualitat h3 {
	font: bold 14px/1.3 Arial, Helvetica, sans-serif;
}

.content .nota a, .columnes-qualitat a {
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #47352A;
	cursor: pointer;
}

.columnes-descarregues {
	overflow: hidden;
	margin-left: 70px;
	margin-bottom: 30px;
}

p.enrere {
	text-align: right;
	margin-right: 20px;
}

p.enrere img {
	margin: 0 5px 0 0;
}

p.enrere a {
	font-size: 1.2em;
	text-decoration: none;
	color: #47352a;
}

.content .back a{
    display:block;
    color:#47352a;
	float:right;
	width:50px;
	background:url(../img/fletxa-enrere.gif)0 4px no-repeat;
	font-size:12px;
	margin-top:28px;
	padding:0 0 0 30px;
	text-decoration:none;
	font-weight:bold;
	text-align:right;
	}


/*****  PRODUCTES  *****/
.productes {
	overflow: hidden;
	margin: 0 0 20px 45px;
	width: 678px;
}

.productes h3 {
	clear: both;
	color: #bf0018;
	font: bold 22px/1.3 Arial, Helvetica, sans-serif;
	margin:0;
	padding: 30px 0 7px 0;
}

.productes .acompanyar {
	float: left;
	width: 50%;
}

.productes li {
	color: #47352a;
	font: normal 18px/1.3 Arial, Helvetica, sans-serif;
	padding-left: 30px;
	margin-bottom: 5px;
}


/*****  CARTA *****/

.carta .content{margin-top:3px}

.carta .productes .dos_img{width:269px}
.carta .productes .tres_img{width:405px}
.carta .productes .quatre_img{width:541px}
.carta .productes .cinc_img{width:678px}

.carta .productes .verd{color:#005222; border-color:#005222}
.carta .productes .blau{color:#008bd7; border-color:#008bd7}
.carta .productes .vermell{color:#d3001a; border-color:#d3001a}


.carta .content h3.first{margin-top:0}

.carta .content h3{
     border-bottom:8px solid;
	 padding:0 0 4px 0;
	 margin:25px 0 10px 0;
	 }

.carta .content h4{
     border-bottom:3px solid;
	 padding:10px 0 3px 0;
	 margin:0 0 10px 0;
	 font-size:18px;
	 font-weight:normal;
	 clear:both;
	 }

.carta .content li{
     float:left;
	 margin:0 3px 0 0;
	 padding:0;
	 width:133px;
	 }

.carta .content li.last, .carta .content .back{margin:0}


/*****  CATERING *****/

.catering{
     width:677px;
	 margin:0 0 0 35px;
	 }

.catering p{
	 margin:0 0 14px 0;
	 font-size:14px;
	 color:#47352a
	 }

.catering p strong{
	 margin:0 0 18px 0;
	 font-size:18px;
	 color:#861216
	 }

.catering img{
	 margin:0 0 24px 0;
	 }
	 
.catering ul li{
	 float:left;
	 width:95px;
	 margin:8px 21px 8px 0
	 }	 

.catering ul li.last{margin-right:0}	

.catering .nota{
	 float:left;
	 padding:4px 12px;
	 margin:6px 30px 0 0;
	 background-color:#efe6d9;
	 border-bottom:1px solid #8c622c;
	 border-right:1px solid #8c622c;
	 }	 
	 
.catering .nota h3{
	 color:#861216;
	 font-size:16px;
	 margin-bottom:18px
	 }
	 
.catering .nota p{
	 font-size:14px
	 }	
	 
.catering p.enrere{font-size:12px}	 



/*********** FITXA PRODUCTE ***********/

#fitxa_producte{
   background:#E9E2CC;
   color:#442515;
}

#fitxa_producte .content{
    margin:.8em 2.2em;
	width:552px;
	background:none;
	}

.content h1{
    font-size:2.5em;
	margin:.6em 0 .3em;
	}
	
.content h2{font-size:1.6em}

.content img.producte{
    float:left;
	margin:1em 0 0 0;
	}

.infonutri{
    float:left;
	margin:0 0 0 3em;
	}
	
.infonutri h2{margin:0 0 .4em 0}
.infonutri h2 span{font-size:.7em;}

.infonutri ul li span{
    display:block;
	text-align:right;
	width:55px;
	float:left;
	margin:0 .4em 0 0;
	padding:.2em 0 0 0;
	font-weight:bold;
	}

.infonutri ul li.total{
	font-weight:bold;
	font-size:1.2em;
	margin:.8em 0 0 0;
	}

.infonutri ul li.total strong{
	font-size:1.3em;
	}
	
.infonutri ul li img{margin-right:-1px}

.descrip_fitxa{margin:2em 0 0 0}

.descrip_fitxa h2{
    font-size:1.7em;
    margin:1em 0 0 0;
	float:none;
	}

.descrip_fitxa p{
    font-size:1.2em;
    margin:0 0 1em 0
	}

.descrip_fitxa ul{
    font-size:1.2em;
    margin:-.8em 0 0 2.6em;
	}
	
.descrip_fitxa ul li{
    list-style:disc
	}
		
.descrip_fitxa ul span{
    display:block;
	float:left;
	margin-right:30px;
	}