/*----------------------------------------------------------------------------------------------------
	Neteja i iguala CSS per tots els navegadors
----------------------------------------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, input, hr { margin:0px; padding:0px; border:none;}
body, input, select, textarea { font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif; font-size:100%;line-height:100%;}
img { border:0px; text-decoration:none;	display:block;}
li { list-style:none; }
div.clear, span.clear { display:block; clear:both; font-size:1px;line-height:1px;height:0;overflow:hidden;}
a {	color:#005f65;text-decoration:none;}
a:hover {text-decoration:underline;}
textarea {overflow:auto;}

/*----------------------------------------------------------------------------------------------------
	CSS generals maqueta
----------------------------------------------------------------------------------------------------*/
body { 	background:#ceb98f;}
div.contenedor{
	margin:auto;
	width:980px;
	/*alçada mínima del contenidor compatible amb IE6 */
	min-height: 200px;
	height: auto !important;
	height: 200px;
	
	font-size:0.75em; /* 16 x 0.875 = 14 */
	line-height:1.35em;
	color:#000;
	text-align:left;
	
	border:3px solid #65001a;
	border-top:2px solid #65001a;
	background:#fff;
}
p{ padding-bottom:1em;}
h1, h2, h3, h4, h5, h6{
	font-size:1.1em;
	line-height:1.2em;
	font-weight:normal;
	margin-bottom:0.25em;
	font-family:Georgia, "Times New Roman", Times, serif;
}


/* Cabecera *****************************************************************************************/
div.cabecera{ 
	height:117px;
	background:#900028 url(../img/bg_cab.gif) left top no-repeat;
}
	div.cabecera h1{ position:absolute; margin-left:808px; z-index:2; height:110px; } 
		div.cabecera h1 a{ display:block; width:175px; height:110px; text-indent:-3000px; outline:0; } 
div.slideshow{ 
	height:371px; 
	overflow:hidden;
	padding-bottom:6px;
	background:url(../img/bg_slideHome.gif) left bottom no-repeat;
}

/* intro home*/
div.intro{
	display:block;
	min-height:27px;
	height:auto !important;
	height:27px;
	color:#fff;
	padding:5px 15px;
	background:#900025 url(../img/bg_cierre_cabHome.gif) left bottom no-repeat;
}


/*----------------------------------------------------------------------------------------------------
	Menu desplegable
----------------------------------------------------------------------------------------------------*/
div.menu { width:800px;
	padding:17px 0 0 10px;
	min-height:30px;
	height:auto !important;
	height:30px;
	padding-top:74px; 
}
div.menu a{ display:block; float:left; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	color:#fff;
	font-size:1.3em; 
	font-weight:bold;
	padding:4px 5px;
	margin-right:10px;
}
div.menu a:hover, div.menu a.on{ text-decoration:none;
	color:#440112; 
	background:#9f6f41;
}

/* pie ***************************************************************************************************/
div.pie{ display:block;	font-size:1em; line-height:1.2em;
	text-align:center;´
	color:#fff;
	background:#440011 url(../img/bg_pie.jpg) left top repeat-x; 
	padding:23px 0 20px 0; 
}
	div.pie p{color:#fff; padding-bottom:0.3em;}
	div.pie a{ color:#fff; padding:0 3px; text-decoration:underline;}
		div.pie a:hover{ text-decoration:none;}
	div.pie span{ padding:0 15px;}

/**/

div.banner{
	padding-bottom:7px;
	background:#900025 url(../img/bg_cierre_banner.gif) left bottom no-repeat;
}

/* partecentral ***************************************************************************************************/
div.partecentral{ width:980px; display:block;
	line-height:1.15em;
	background:#fff url(../img/degr_baix.jpg) right bottom no-repeat;
	font-size:1.1em;
	line-height:1.3em;
}
	div.home div.partecentral{ background:#900025;}
	div.partecentral div.contTxt{width:980px; display:block; background:url(../img/bg_colIzq.gif) left top repeat-y;}

/* columna */
div.columna{ float:right;  z-index:1;
	width:386px; min-height:505px; 
	padding:0 52px;
	background:url(../img/degr_dalt.jpg) right top no-repeat;
}	
	h2{ 
		font-size:2em;
		line-height:1em;
		font-style:italic;
		font-weight:normal;
		padding-top:35px;
		color:#703300;
		margin-bottom:1em;
	}
	div.columna strong{color:#703300;}



/* columnaIzq : columna con foto */
	div.columnaIzq{ float:left; width:490px; padding:0; background:#996533;}
	
		/*div.columnaIzq img{ padding:8px;}*/
		
		div.pieFoto{
			padding:15px;
			color:#fff;
			background:#7a5229 url(../img/colom_blanco.gif) right 16px no-repeat;
		}
			div.pieFoto p{width:425px;}


 
/* Restaurant */
div.slide-Restaurante{ 
	height:408px; 
	overflow:hidden;
	padding:8px 0 8px 8px;	
}

/* galeria */
div.slide-Galeria{	
	height:529px; 
	overflow:hidden;
	padding:8px 0 8px 8px;
}
h3{
	width:361px;
	font-size:14px; 
	font-weight:bold;
	padding:4px 10px;
	margin:1px 0 0 0;
	color:#fff;
	background:#005f65;
}
h3 a{ color:#fff;}
.cont{ display:block;
	width:381px; overflow:hidden;
	padding:0;
	background:#bffbff;
}
.minis{ height:auto; display:block; clear:both; padding:8px 0 0 16px; background:#bffbff;}
	.minis img, .cont img{ float:left; margin:0 11px 11px 0;}

.fotoGen{ display:block; clear:both; margin:0;}

/* La carta */
div.llistat{ width:384px; padding:0; background:#fff;border:1px solid #005f65;  }
	div.llistat td{width:386px;}
	
table{  width:384px; font-size:1.05em; margin:0;}
	td{ display:table-cell; vertical-align:top; padding:5px 3px 5px 5px; color:#005f65; background:#fff;}
		table td em{ font-size:0.85em; color:#333;}
		table td strong{ font-weight:normal;}
		
		tr.zebra td{ background:#f9f6f2;}
td.precio{ text-align:right; width:50px; padding-right:5px; }

.asterisco{ display:block; font-size:0.85em; padding-top:5px; padding-left:50px; font-style:italic; color:#333;}
.provisional{ padding-left:50px; padding-top:20px; padding-bottom:10px; font-style:italic;}

div.carta h3{ width:376px;  padding-right:0;  margin-top:1px;}
div.carta h3 a{ color:#fff; }

.hide {
	display:none;
}


h3 span{ cursor:pointer; display:block; float:right; width:30px; text-align:right; margin-top:3px; font-weight:normal;}
h3 span img{ float:right;} 
	div.carta h3 span{ padding-right:9px;}

/* horari*/
table.horario{ display:block; width:386px; margin-top:1em; font-size:0.95em; border:1px solid #005f65; margin-bottom:1.5em; border:1px solid #005f65;}
caption{width:384px;
	font-size:14px; 
	font-weight:bold;
	padding:4px 0px 4px 0px;
	margin:0;
	color:#fff;
	background:#005f65; border:1px solid #005f65; border-top:0;
	text-align:left;
	text-indent:5px;
}
table.horario td{width:387px;}
	table.horario td.hora{ width:150px; text-align:right;}


table.horario tr.zebra td{ background:#d9fdff;}




/* contacta */
div.slide-Contacta{
	height:208px; 
	overflow:hidden;
	padding:8px 0 8px 8px;	
}

div.infContacta{ margin:25px 15px 0; color:#fff; font-size:1.4em; line-height:1.25em; padding-bottom:20px;}
	div.infContacta p{ padding-bottom:0.2em; }
	p.direccion{ font-size:1em; padding-left:105px; background:url(../img/ic_casa.gif) 80px top no-repeat;}
	p.tel{ font-size:1.1em; padding:4px 0 8px 105px; background:url(../img/ic_telf.gif) 83px top no-repeat;}
	p.mail{ font-size:1.1em; padding-left:105px; background:url(../img/ic_mail.gif) 68px top no-repeat;}
		p.mail a { color:#fff; }
	div.infContacta div.sep{
		background:#996533 url(../img/bg_lin.gif) left top repeat-x; 
		height:1px; border:0; 
		overflow:hidden; margin:4px 0 10px;
	}

/* formulari */
form{}
fieldset{ display:block;  
	width:380px;
}
label{ width:360px;
	display:block;
	text-align:left;
	padding:3px 15px 4px 0;
}
	div.peque label{ width:40px;}
input{
	display:block; 
	width:378px;
	height:20px;
	padding:0px 0px 0px 5px;
	border:1px solid #005f65;
	margin-bottom:10px;
}
textarea{ 
	width:378px;
	padding:0px 0px 0px 5px;
	height:55px;
	border:1px solid #005f65;
	margin-bottom:10px;
}
div.btns{width:378px;}
	div.btns input{ float:left;
		display:block; margin:10px 10px 0 0;
		width:82px;
		height:24px;
		overflow:hidden;
		color:#fff;
		font-weight:bold;
		text-align:center;
		cursor:pointer;
		background:#005f65;
	}
	div.btns input:hover{ color:#fff; background:#900028;}

h3.mensaje{ background:none; color:#005f65; padding-left:0; padding-bottom:1em;}
	h3.error{ color:#900028; }
	
	a.btn{display:block; margin:10px 10px 0 0;
		width:150px;
		height:19px; padding:3px 0 2px 0;
		overflow:hidden;
		color:#fff;
		font-weight:bold;
		text-align:center;
		cursor:pointer;
		background:#005f65;
	}
		a.btn:hover{ text-decoration:none; color:#fff; background:#900028;}

/* mapa */
iframe{ display:block; clear:both; margin:8px 0px 5px 8px; background:#996533;}

/**/
div.menIdioma{
	position:absolute;
	color:#C3768B;
	font-size:9px;
	padding-left:15px;
	padding-top:4px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0.05em;
}
	div.menIdioma a{ color:#C3768B;}
		div.menIdioma a:hover{ color:#F0DBE2;}
	div.menIdioma a.on{ color:#F0DBE2;}



div.colab{ margin-top:1em;
	padding:10px;
	border:1px solid #005f65;
	color:#005f65;
	background:#fff;
	
	font-weight:bold;
	font-size:16px;
	line-height:20px;
}
	div.colab img{ float:left; padding-right:15px; }
	div.colab p{ padding-top:20px;}