body {
	margin: 0px;
	margin-bottom: 25px;
	padding: 10px auto;
	background: rgb(74,55,42) url("../imatge/fons/color.png");
	font: normal normal 11px verdana, sans-serif;
	}
a {
	color: inherit;
	text-decoration: underline;
	}
img {
	border: none;
	}
.left{
    float:left;
	}
.right{
    float:right
	}
	
.ocult{display:none}

#capcelera, #menu, #foto, #baix, #contingut, #menuombra, #menuombra2, #menuombra3, #contingut2 {
	margin: 0px auto;
	width: 778px;
	}
#peu {
	margin: 0px auto;
	width: 758px;
	}
#capcelera {
	height: 106px;
	background: transparent url("../imatge/fons/capcelera.png") 50% 100% no-repeat;
	}
#capcelera h1 {
	margin: 0px;
	padding: 0px;
	display: block;
	width: 108px;
	height: 60px;
	position: relative;
	top: 27px;
	left: 30px;
	}
#capcelera #eslogan {
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 7px;
	left: 530px;
	}
#menu {
	padding: 0px;
	height: 27px;
	background: transparent url("../imatge/fons/menu.png") 5% 0% repeat-y;
	}
#menu ul, #menuombra ul, #menuombra2 ul, #menuombra3 ul {
	margin: 0px;
	margin-left: 23px;
	padding: 0px;
	padding-top: 4px;
	}
#menu ul li, #menuombra ul li, #menuombra2 ul li, #menuombra3 ul li {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
	}
#idioma ul {
	margin: 0px;
	margin-right: 30px;
	padding: 0px;
	padding-top: 3px;
	float: right;
	}
#idioma li {
	float: left;
	}
#foto {
	height: 280px;
	background: transparent url("../imatge/fons/foto.png") 50% 0% repeat-y;
	text-align: center;
	}
#baix {
	height: 143px;
	background: transparent url("../imatge/fons/baix.png") 50% 100% no-repeat;
	}
#noticies {
	padding: 0px;
	margin: 0px;
	width: 360px;
	height: 128px;
	float: left;
	background: transparent url("../imatge/fons/noticies.png") 50% 50% no-repeat;
	margin-left: 14px;
	}
#noticies h2 {
	margin: 0px;
	padding: 15px 18px 0px 18px;
	}
#noticies p {
	margin: 0px;
	padding: 0px 20px;
	color: rgb(102,84,69);
	}
span.data {
	display: block;
	margin: 0px;
	padding: 0px 0px 3px 0px;
	font-weight: bold;
	color: rgb(111,111,111);
	}
a.mes {
	text-decoration: none;
	color: rgb(156,65,41);
	}
#enllacos {
	margin-right: 10px;
	}
#enllacos img {
	margin: 8px 2px 0px;
	}
#peu {
	font-weight: bold;
	font-size: 9px;
	}
#peu a {
	text-decoration: none;
	}
#mapa {
	float: right;
	color: rgb(255,255,255);
	}
#avis {
	color: rgb(207,194,153);
	}
a.menu {
	display: block;
	height: 19px;
	background-position: top center;
	}
a.menu:hover, a.menu:focus {
	background-position: center center;
	}
a.menu:active, a.menuact {
	background-position: bottom center;
	}
a.viena {
	width: 55px;
	background-image: url("../imatge/menu/viena.png");
	}
a.qualitat {
	width: 199px;
	background-image: url("../imatge/menu/qualitat.png");
	}
a.establiments {
	width: 126px;
	background-image: url("../imatge/menu/establiments.png");
	}
a.carta {
	width: 75px;
	background-image: url("../imatge/menu/carta.png");
	}
a.comunicacio {
	width: 105px;
	background-image: url("../imatge/menu/comunicacio.png");
	}
a.contacte {
	width: 81px;
	background-image: url("../imatge/menu/contacte.png");
	}
#contingut {
	background: transparent url("../imatge/fons/menu-esq.png") 0% 100% no-repeat;
	}
#contingut2 {
	background: rgb(220,211,182) url("../imatge/fons/dreta2.png") 50% 100% no-repeat;
	}
#menu-esq {
	width: 138px;
	padding: 0px 0px 15px 10px;
	float: left;
	position: absolute;
	top: 145px;
	}
#menu-esq ul {
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	}
#menu-esq ul li {
	margin: 0px;
	padding: 5px 15px;
	list-style-type: none;
	}
#menu-esq ul li a {
	color: rgb(71,53,41);
	text-decoration: none;
	}
#menu-esq ul li a:active, a.esqact {
	font-weight: bold;
	}
li.blanc {
	border-style: none;
	border-bottom: solid 1px rgb(255,255,255);
	}
li.marro {
	border-style: none;
	border-bottom: solid 1px rgb(129,99,73);
	}
#dreta, #dreta2, #dreta3, #dreta4, #dreta5 {
	overflow: hidden;
	margin-left: 148px;
	width: 580px;
	background: rgb(220,211,182) url("../imatge/fons/dreta.png") 100% 100% no-repeat;
	height: 100%;
	padding: 0px 30px 15px 20px;
	}
#dreta h2, #dreta2 h2, #dreta3 h2, #dreta4 h2, #contingut2 h2, #dreta5 h2 {
	margin: 0px;
	padding: 0px;
	}
#dreta #text {
	width: 390px;
	margin-right: 10px;
	}
#dreta #fotos {
	width: 180px;
	float: right;
	}
#dreta2 #text {
	width: 180px;
	margin-right: 10px;
	}
#dreta2 #fotos {
	width: 380px;
	float: right;
	}
#dreta3 #text {
	width: 420px;
	margin-right: 10px;
	}
#dreta3 #fotos {
	width: 150px;
	float: right;
	}
#dreta #fotos img, #dreta2 #fotos img, #dreta3 #fotos img {
	/*display: block;*/
	margin: 10px auto 10px;
	}
p {
	color: rgb(0,0,0);
	}
p.resaltat, #dreta h3, #dreta2 h3, #dreta3 h3, #dreta4 h3, #dreta5 h3, h3 {
	color: rgb(134,18,22);
	font-size: 110%;
	font-weight: bold;
	}
#menuombra {
	padding: 0px;
	height: 40px;
	background: transparent url("../imatge/fons/menu-ombra.png") 50% 100% no-repeat;
	}
#menuombra2 {
	padding: 0px;
	height: 40px;
	background: transparent url("../imatge/fons/menu-ombra2.png") 50% 100% no-repeat;
	}
#menuombra3 {
	padding: 0px;
	height: 40px;
	background: transparent url("../imatge/fons/menu-ombra3.png") 50% 100% no-repeat;
	}
p.xifres {
	height: 165px;
	margin: 0px;
	padding: 0px;
	}
#galeria img {
	margin: 0px 7px 7px 0px;
	}
#galeriaescola img {
	margin: 0px 7px 0px 0px;
	border: solid #ECE3CA 7px;
	}
#galeriaescola td.escola {
	font-size: 9px;
	}
#galeriaescola td.escola strong {
	font-size: 10px;
	}
#galeriaescola td.escola2 {
	font-size: 11px;
	}
#galeriaescola td.escola2 strong {
	font-size: 13px;
	}
#galeriaescola td.escola {
	padding: 2px 5px 15px;
	}
#galeria2 img, #galeria2b img {
	margin: 0px 2px 4px 0px;
	}
#fitxaesq {
	width: 210px;
	margin-right: 15px;
	float: left;
	}
.tipus {
	padding-bottom: 15px;
	}
.vermell {
	color: rgb(134,18,22);
	font-size: 90%;
	font-weight: bold;
	list-style-type: none;
	padding: 0px;
	}
#horari, .quadre {
	width: 210px;
	background: transparent url("../imatge/fons/fitxabaix.png") 50% 100% no-repeat;
	padding: 0px;
	margin: 0 0 7px 0; /********************************** NOUS **********************************/
	}
#adreca, .subquadre {
	width: 210px;
	background: transparent url("../imatge/fons/fitxadalt.png") 50% 0% no-repeat;
	margin: 0px;
	padding: 0px;
	}
#adreca p, #horari p, .quadre p, .subquadre p {
	padding: 10px;
	padding-left: 30px;
	margin: 0px;
	background: transparent url("../imatge/fletxa.png") 10px 11px no-repeat;
	}
.indafitxa {
	}
#fi {
	clear: both;
	visibility: hidden;
	}
.noviny {
	list-style-type: none; }
.carta {
	margin-bottom: 10px;
	}
.carta img {
	float: left;
	margin-right: 10px;
	}
#fotohome {
	margin-top: -6px;
	}
#contingut2 #text {
	width: 480px;
	margin: 0px auto;
	}
#dreta5 {
	background: rgb(220,211,182) url("../imatge/fons/dreta3.png") 100% 100% no-repeat;
	}
#dreta5 #text {
	width: 380px;
	margin-right: 10px;
	}
#dreta5 #fotos {
	width: 170px;
	float: right;
	}
#desc img {
	float: left;
	margin-right: 10px;
	}
.noticia {
	margin: 15px 0px 0px;
	}
.noticia p {
	margin: 0px;
	}
.noticia a {
	text-decoration: none;
	}
.titolar {
	font-size: 115%;
	margin-bottom: 5px !important;
	}
.noticia .titolar {
	font-size: 110%;
	}
.primer, .titolar {
	color: rgb(74,58,46);
	font-weight: bold;
	}
.premsa {
	margin: 15px 0px 30px;
	padding-left: 100px;
	}
.premsa p {
	margin: 0px;
	}
.premsa a {
	text-decoration: none;
	}
.imatgepremsa {
	float: left;
	margin-left: -100px;
	}
.pdf {
	float: left;
	margin-left: -25px;
	}
.premsa .vermell {
	font-weight: normal;
	}
.noticieta {
	margin: 15px 0px 15px 0px;
	padding-left: 20px;
	background-position: 2px 2px;
	background-repeat: no-repeat;
	}
.noticieta p {
	margin: 0px;
	}
p.marro {
	color: rgb(74,58,46);
	font-weight: bold;
	}
.anterior {
	background-image: url("../imatge/fletxaanterior.png");
	}
.seguent {
	background-image: url("../imatge/fletxaseguent.png");
	}
.dreta {
	float: right;
	margin-right: 10px;
	}
.esquerra {
	margin-left: 10px;
	}
.quadre {
	width: 190px;
	background-image: url("../imatge/fons/quadrebaix.png");
	margin-bottom: 5px;
	}
.subquadre {
	width: 190px;
	background-image: url("../imatge/fons/quadredalt.png");
	}
.quadre p, .subquadre p {
	padding-left: 10px;
	background-image: none;
	}
#cv {
	margin-top: 5px;
	}
.centrat {
	text-align: center;
	}
.centrat img {
	margin: 2px;
	}
.segonh2 {
	margin-top: 35px !important;
	}
.mapa li {
	line-height: 20px;
	list-style-type: none;
	}
acronym {
	font-style: normal;
	}
.decorativa {
	margin-top: 10px;
	margin-right: 5px;
	}
.flotat {
	padding: 0px;
	float: right;
	width: 110px;
	margin: 25px 10px 25px 0px;
	}
.catering {
	padding-left: 110px;
	background: transparent 0% 0% no-repeat;
	height: 95px;
	}
.catering p {
	margin: 2px 0px;
	}
.catering h3 {
	margin: 3px 0px;
	padding-top: 5px;
	}
.croissants {
	background-image: url("../imatge/foto/carta/catering/minicroissants.jpg");
	}
.anglesats {
	background-image: url("../imatge/foto/carta/catering/anglesats.jpg");
	}
.flautes {
	background-image: url("../imatge/foto/carta/catering/miniflautes.jpg");
	}
.pastes {
	background-image: url("../imatge/foto/carta/catering/pastes.jpg");
	}
.croissanteria {
	background-image: url("../imatge/foto/carta/catering/croissanteria.jpg");
	}
.petit {
	font-size: 100% !important;
	}
.locals li {
	margin-bottom: 7px;
	}
.esque {
	float: left;
	margin-right: 10px;
	}
div#mapas {
	padding: 0px 25px;
	}
div#mapas p {
	text-align: center
	}
a.fotonoticiaaa {	display: block;
						float: left;
						padding: 5px;
						background-color: #EEE7D9;
						text-decoration: none;
						color: #000000;
						margin: 0px 7px 3px 0px;
						color: rgb(134,18,22) !important;
						font-size: 10px;
						font-weight: bold !important; }
a.fotonoticiaaa div {	display: block;
							margin: 0%;
							padding: 0%;
							margin-top: 7px !important; }
a.fotonoticiaaa img { width: 180px !important; }



/************************************************************************ NOUS ************************************************************************/

.clear {
	clear: both;
}

.primera_fila {
	margin: 30px 0 0 0;
}

.marge {
	margin: 30px 0 0 0;
}

.imatge_ilustrativa {
	float: left;
	margin-right: 15px;
}

/******************** CONTACTE ********************/

.fila_contacte {
	clear: both;
	padding: 20px 0 20px 0;
	border-bottom: 1px dotted #5C4738;
}
.contacte_oficina {
	float: left;
	width: 140px;
	margin-right: 3px;
}
.contacte_adreca {
	float: left;
	width: 125px;
	margin-right: 3px;
}
.contacte_telefon {
	float: left;
	width: 120px;
	margin-right: 3px;
}
.contacte_planol {
	float: left;
	width: 75px;
	margin-right: 3px;
}


/******************** ESTABLIMENTS ********************/

.properament {
	padding: 1px 0 1px 0;
	background-color: #81624B;
}

h3.est_properament {
	padding: 14px 0 0 0;
	margin: 0 0 5px 7px;
}

#dreta3 #fotos img.foto_properament {
	margin: 2px 0 6px 7px;
}


/******************** PAGINACIÓ	********************/

.paginacio {
	overflow: hidden;
	padding-top: 20px;
	font-size: 0.91em;
}


/******************** FULLETÓ CATERING ********************/

#descarregar_fulleto {
	margin: 15px 0;
}

#descarregar_fulleto img {
	float: left;
	padding: 0 5px 0 0;
}

#descarregar_fulleto p {
	padding: 10px 0 0 0;
}

/******************** DESCARREGAR GENERIC ********************/

#descarregar_general {
	margin: 5px 0 30px 0;
	overflow: hidden;
}

#descarregar_general img {
	float: left;
	padding: 2px 5px 0 0;
}

#descarregar_general p {
	padding: 0;
}


/******************** PŔGINA DOBLE ********************/

#text_doble {
	width: 100%;
	margin-right: 10px;
}

#text_doble p {
	margin-bottom: 30px;
	line-height: 1.3;
}

.qualitat #text_doble p {
	margin-bottom: 5px;
	line-height: 1.3;
}

#text_doble p.resaltat {
	color: rgb(134,18,22);
	font-size: 110%;
	font-weight: normal;
	text-align: center;
	width: 90%;
	margin-left: 20px;
}

.qualitat #text_doble p.resaltat {
	color: rgb(134,18,22);
	font-size: 110%;
	font-weight: bold;
	text-align: left;
	width: 90%;
	margin-left: 0;
}

#text_doble p.nota {
	color: rgb(134,18,22);
	font-size: 95%;
	font-weight: normal;
	text-align: center;
	width: 90%;
	margin-left: 30px;
}

#text_doble p.nota_peu {
	font-size: 90%;
	margin-top: 50px;
}


/******************** PŔGINA DOBLE ********************/
#dreta6 {
	overflow: hidden;
	margin-left: 10px;
	width: 718px;
	background: rgb(220,211,182) url("../imatge/fons/dreta2.png") 100% 100% no-repeat;
	height: 100%;
	padding: 0px 30px 15px 20px;
	}


/******************** CATERING ********************/
ul.galeria-catering {
	overflow: hidden;
	width: 400px;
	padding: 0;
}

ul.galeria-catering li {
	display: block;
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
	list-style-type: none;
}


/******************** ESTABLIMENTS ********************/
.cercador-establiments {
	margin: 30px 0;
	width: 375px;
	padding: 15px;
	background-color: #81634B;
	color: #fff;
}

.cercador-establiments p {
	color: #fff;
	margin-bottom: 20px;
}

#dreta3 .cercador-establiments h3 {
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	margin-top: 0;
}

.cercador-establiments form {
	overflow: hidden;
}

.cercador-establiments label {
	float: left;
	width: 150px;
	text-align: right;
	margin-right: 15px;
	padding-top: 2px;
}

.cercador-establiments select {
	float: left;
	overflow: hidden;
	width: auto !important;
	font-size: 1em;
	padding: 1px;
}

.cercador-establiments .fila {
	clear: both;
	overflow: hidden;
	margin-bottom: 5px;
}

ul.resultats {
	color: #84151B;
	padding: 0;
	margin: 0;
}

ul.resultats a {
	color: #84151B;
	text-decoration: underline;
	font-weight: bold;
}

ul.resultats li {
	list-style-type: none;
	margin: 0;
	padding: 0 0 5px 0;
}

.establiment-principal {
	overflow: hidden;
	width: 418px;
	height: 150px;
	margin-top: 20px;
}

.estandard {
	background: url(../imatge/foto/establiment/horaris/estandar.gif) no-repeat 0 0;
}

.rambles {
	background: url(../imatge/foto/establiment/horaris/rambles.gif) no-repeat 0 0;
}

.reus {
	background: url(../imatge/foto/establiment/horaris/reus.gif) no-repeat 0 0;
}

.pizzeries {
	background: url(../imatge/foto/establiment/horaris/pizzeries.gif) no-repeat 0 0;
}

.estandard-es {
	background: url(../imatge/foto/establiment/horaris/estandar-es.gif) no-repeat 0 0;
}

.rambles-es {
	background: url(../imatge/foto/establiment/horaris/rambles-es.gif) no-repeat 0 0;
}

.reus-es {
	background: url(../imatge/foto/establiment/horaris/reus-es.gif) no-repeat 0 0;
}

.pizzeries-es {
	background: url(../imatge/foto/establiment/horaris/pizzeries-es.gif) no-repeat 0 0;
}

.maquinista {
	background: url(../imatge/foto/establiment/horaris/maquinista.gif) no-repeat 0 0;
}

.establiment-principal p {
	overflow: hidden;
	float: left;
	width: 155px;
	margin: 30px 0 0 15px;
	line-height: 1.3;
}

* html .establiment-principal p {margin-left: 7px;}

#dreta3 .establiment-principal p  strong {
	display: block;
	color:#861216;
	font-size:140%;
	font-weight:bold;
	margin-bottom: 0;
}

.establiment-principal .extres {
	overflow: hidden;
	float: right;
	width: 125px;
	margin-top: 105px;
	margin-right: 7px;
}

.establiment-principal .extres li {
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 3px;
}

.establiment-descripcio {
	clear: both;
	margin: 20px 0 30px 0;
}

.establiment-galeria, .stabliment-galeria {
	overflow: hidden;
	margin-bottom: 20px;
}