html, body {background-color: #993333; text-align: center; height: 98%; margin: 10px 0px 10px 0px; font-size: 10px; }
#cos {background-color: #993333; border: #FFFFFF 1px solid; width: 90em; height: auto; overflow: hidden; text-align: left; margin: 0px auto 0px auto;}

/* PLANA INDEX */
#cos-index {background-color: #513333; border: #FFFFFF 1px solid; width: 90em; height: 37em; overflow: hidden; text-align: center; margin: 1.5em auto 1.5em auto;}
#logo-index {width: 90em; height: auto; overflow: hidden; text-align: center; margin: 0px auto 0px auto;}
#mnbot {width: 30em; height: auto; float: left; text-align: left; margin: 0.5em 0em 0.5em 0.8em;}
#mnidioma {width: 28.4em; height: 5.6em; float: left; text-align: center; margin: 0.3em 0em 0.3em 0em; padding-top: 1.1em;}
#mnres {width: 30em; height: auto; float: right; text-align: right; margin: 0.5em 0.8em 0.5em 0em;}

/* PLANTILLA */
#capsalera {width:90em; height: auto; float: left; position: relative; z-index: 50; margin-top: 0em;}
#nom {width: 21em; height: 2em; float: left; position: relative; z-index: 60; margin: -6.6em 0em 0em 1.5em; text-align: center;}
#banderes {width: 7.2em; height: 3em; float: right; position: relative; z-index: 60; margin: -18.9em 5.3em 0em 0em;}
#menu-capsalera {
	background-color: #513333;
	width:90em;
	height: 3em;
	position: relative;
	float: left;
	margin-top: -4.9em;
	z-index: 20;
}
#menus {
	width:70em;
	height: 3em;
	position: relative;
	float: left;
	margin-top: -4.8em;
	margin-left: 10em;
	z-index: 60;
}
#menus2 {
	width:20em;
	height: 3em;
	position: relative;
	float: right;
	margin-top: -4.7em;
	margin-right: 1em;
	text-align: right;
	z-index: 80;
}
#principal {
	background-color: #d4a670;
	width: 70.8em;
	height: auto;
	position: relative;
	float: left;
	margin: 0em 1.5em 1.5em 1.5em;
	overflow: hidden;
	z-index: 90;
	clear: none;
}
#text-cos {
	width: 62em;
	height: auto;
	position: relative;
	float: left;
	margin: -1.5em 1.5em 0em 1.5em;
	text-align: left;
	min-height: 35.7em;
	overflow: hidden;
}
#banner {
	width: 16.1em;
	height: auto;
	position: relative;
	float: right;
	clear: none;
	margin: 0em 0em 1.5em 0em;
	z-index: 200;
	overflow: hidden;
	min-height: 41.7em;
	vertical-align: text-top;
}
#logo {
	width: 16.1em;
	height: 5.5em;
	position: relative;
	float: right;
	clear: none;
	margin: -10em 0em 0em 0em;
	z-index: 100;
}
#peu {
	width: 90em;
	height: auto;
	text-align: center;
	margin: 0.5em auto 0em auto;
}
#titol {
	width: 67.5em;
	height: 3.5em;
	position: relative;
	float: left;
	margin: 0em 0em 1em 0em;
}
#nomtitol {
	width: 30em;
	height: 3.5em;
	position: relative;
	text-align: left;
	margin: 0.2em 0em 0em 0.5em;
	z-index: 200;
}
#fonstitol {
	width: auto;
	height: 3.5em;
	float: left;
	position: relative;
	margin: -6.2em 0em 0em 0em;
	z-index: 10;
}

/* PRODUCTES */
#titol-amb-form {
	width: 36.5em;
	height: auto;
	position: relative;
	float: left;
	margin: -0.2em 0em 1em 0em;
	overflow: hidden;
}
#titol-final {
	width: 4em;
	height: auto;
	position: relative;
	float: left;
	margin: 0.2em 0em 1em 0em;
	overflow: hidden;
}

#SelProducte {
	background-image: url(imatges/fons-form.png);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #993333;
	width: 21em;
	height: 3.5em;
	position: relative;
	float: left;
	margin: 0.2em 0em 1em 0em;
	overflow: hidden;
	z-index: 200;
}

#form-SelProducte {
	border: #CCCCCC 1px solid;
	background-color: #513333;
	width: 20em;
	height: 1.5em;
	margin: 1em 0.3em 0em 0.5em;
	z-index: 300;
}
#titolfamilia {
	width: 62em;
	height: auto;
	margin: -2em 0em 0.3em 0em;
	float: left;
	text-align: left;
}
#marc-producte {
	border: #FFFFFF 1px dotted;
	width: 59em;
	height: auto;
	float: left;
	padding: 1em;
	margin-bottom: 1.5em;
}
#marc-producte2 {
	border: #FFFFFF 1px dotted;
	background-color:#FFCC66;
	width: 59em;
	height: auto;
	float: left;
	padding: 1em;
	margin-bottom: 0.5em;
}
#foto-aling {
	width: 17em;
	height: auto;
	float: left;
	text-align: right;
	margin-right: 0.3em;
}
#foto-aling2 {
	width: 27.7em;
	height: auto;
	float: left;
	text-align: right;
	margin: 1em 0.3em 0em 0em;
}
#marc-foto {
	border: #993333 1px solid;
	background-color: #FFFFFF;
	height: auto;
	width: auto;
	overflow: hidden;
	float: right;
	padding: 0.2em;
}
#text-producte {
	width: 39em;
	height: auto;
	margin-left: 1em;
	float: left;
	overflow: hidden;
	border-left: #993333 1px solid;
	padding-left: 1.5em;
}
#text-producte2 {
	width: 27.5em;
	height: auto;
	margin: 1em 0em 1em 1em;
	float: left;
	overflow: hidden;
	border-left: #993333 1px solid;
	padding-left: 1.5em;
}
#preu {
	border: #993333 1px solid;
	background-color: #CC6633;
	width: auto;
	height: auto;
	padding: 0.2em;
	margin: -1.5em 0.5em 0.3em 0em;
	float: left;
	overflow: hidden;
}
#destacat {
	width: auto;
	height: auto;
	margin: -0.2em 0em 1em 0em;
	float: left;
	overflow: hidden;
}
#numplana {
	border: #993333 1px solid;
	background-color: #CC6633;
	width: auto;
	height: auto;
	margin: 0.3em 0.5em 0.3em 0em;
	float: left;
	overflow: hidden;
}

#numplana-groc {
	border: #993333 1px solid;
	background-color: #FFCC66;
	width: auto;
	height: auto;
	margin: 0.3em 0.5em 0.3em 0em;
	float: left;
	overflow: hidden;
}

#peu-nums {
	width: 62em;
	height: auto;
	position: relative;
	float: left;
	text-align: left;
	margin: 0em 0em -0.2em 0em;
}

/* PROMOCIONS */
#marc-producte-promo {
	border: #FFFFFF 1px dotted;
	background-color: #FFCC66;
	width: 59em;
	height: auto;
	float: left;
	padding: 1em;
	margin-bottom: 1.5em;
}
#text-promocions {
	width: 57em;
	height: auto;
	margin-left: 1em;
	float: left;
	overflow: hidden;
}
#marc-foto-prod {
	border: #993333 1px solid;
	background-color: #FFFFFF;
	height: auto;
	width: auto;
	overflow: hidden;
	float: left;
	padding: 0.2em;
	margin: 1em 1.5em 0.5em 0em;
}

#peu-fotos {
	border-top: #993333 1px solid;
	width: 62em;
	height: auto;
	position: relative;
	float: left;
	text-align: left;
	margin: 1em 0em 0em 0em;
}

/* GALERIA DE FOTOS */
#fotos {
	width: 62em;
	height: auto;
	position: relative;
	float: left;
	text-align: left;
	margin: 1em 0em 0em 0em;
}

#masterthumb {width: 13.5em; height: auto; float: left; margin-right: 0.9em;}
#thumb {display: table-cell; _display: inline-block; width: 13.5em; height: 13.5em; text-align: center; vertical-align: middle; background-color: #FFCC66; border: #993333 1px dotted; text-align: center;}
#thumb2 {display: table-cell; _display: inline-block; width: 13.5em; height: 13.5em; text-align: center; vertical-align: middle; background-color: #FF9933; border: #993333 1px dotted; text-align: center;}
#textthumb {width: 13.5em; height: auto; margin-top: 0.3em; text-align: left; line-height: 1.2em;}

#edge {
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle;
}

#container {
display: inline-block;
width: 100%;
text-align: center;
vertical-align: middle;
}

#marc-foto-gal {
	border: #993333 1px solid;
	background-color: #FFFFFF;
	height: auto;
	width: auto;
	overflow: hidden;
	float: none; 
	margin: 0px;
	padding: 0.2em;
}


/* CONTACTE I RESERVA TAULA */
#formulari {
	width: 60em;
	height: auto;
	overflow: visible;
	margin-top: 1em;
}
#form-nom {
	border: #CCCCCC 1px solid;
	background-color: #513333;
	width: 61em;
	height: 1.5em;
}
#form-comentaris {
	border: #CCCCCC 1px solid;
	background-color: #513333;
	width: 61em;
	height: 10em;
}
#form-boto {
	border: #CCCCCC 1px solid;
	background-color: #513333;
	width: 7em;
	height: 2.5em;
}
#form-dades {
	border: #CCCCCC 1px solid;
	background-color: #513333;
	width: 19em;
	height: 1.5em;
}
#itemform {
	width: 60em;
	height: auto;
	float: left;
	overflow: visible;
	margin-top: 0.5em;
}
#itemform2 {
	width: 19em;
	height: auto;
	float: left;
	overflow: visible;
	margin-top: 0.5em;
	margin-right: 1em;
}
#onsom { width: 60.7em; height: 40em; }

/* MENU */

#marc-producte-promo2 {
	border: #FFFFFF 1px dotted;
	background-color: #FFCC66;
	width: 30em;
	height: auto;
	float: right;
	text-align: left;
	padding: 1em;
	margin: 0.5em;
}
#titolplats {
	border-bottom: #513333 1px dashed;
	float: left;
	width: 27em;
	margin-bottom: 0.8em;
	margin-top: 1.7em;
}
#platmenu {
	float: right;
	width: 28.5em;
	text-align: left;
}


/* ESTILS TIPOGRAFICS */

.establiment {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-size: 1.8em;
	color: #333333;
	font-weight: bold;
	line-height: 1.8em;
	text-decoration: none;
	letter-spacing: 0.15em;
}
.descr-index {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-size: 1.6em;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 1.6em;
	text-decoration: none;
	letter-spacing: 0.3em;
}
.descr-index-ita {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.2em;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 1.6em;
	text-decoration: none;
	letter-spacing: 0.5em;
}
.menu-groc-index {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1.4em;
	color: #FFCC00;
	font-weight: bold;
	line-height: 1.4em;
	text-decoration: none;
}
.menu-blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1.4em;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 1.8em;
	text-decoration: none;
}
.menu-groc {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1.4em;
	color: #FFCC00;
	font-weight: bold;
	line-height: 1.8em;
	text-decoration: none;
}
.normal-negre{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1.1em;
	color: #000000;
	font-weight: normal;
	line-height: 1.7em;
	text-decoration: none;
	letter-spacing: 0em;
}
.normal-ref{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 0.8em;
	color: #513333;
	font-weight: normal;
	line-height: 0.8em;
	text-decoration: none;
	letter-spacing: 0.15em;
}
.normal-promo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 0.8em;
	color: #000000;
	font-weight: bold;
	line-height: 1.7em;
	text-decoration: none;
	letter-spacing: 0em;
}
.normal-gris{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 0.9em;
	color: #513333;
	font-weight: normal;
	line-height: 1.3em;
	vertical-align:text-top;
	text-decoration: none;
	letter-spacing: 0.5em;
}
.normal-plats{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1.1em;
	color: #513333;
	font-weight: bold;
	line-height: 1.3em;
	vertical-align:text-top;
	text-decoration: none;
	letter-spacing: 0.5em;
}
.normal-negre-bold{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1.1em;
	color: #000000;
	font-weight: bold;
	line-height: 1.7em;
	text-decoration: none;
}
.normal-negre-boldplat{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1em;
	color: #000000;
	font-weight: bold;
	line-height: 1.3em;
	text-decoration: none;
}
.bold-espai{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1.2em;
	color: #000000;
	font-weight: bold;
	line-height: 1.7em;
	text-decoration: none;
	letter-spacing: 0.3em;
}
.salutacio{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1.5em;
	color: #993333;
	font-weight: bold;
	line-height: 2em;
	text-decoration: none;
}
.titolproducte{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1.8em;
	color: #993333;
	font-weight: bold;
	line-height: 1.2em;
	text-decoration: none;
}
.titol{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-size: 1.8em;
	color: #FFCC00;
	font-weight: bold;
	line-height: 2em;
	text-decoration: none;
	letter-spacing: 0.08em;
}
.links-peu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1em;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 1.4em;
	text-decoration: none;
}
.links-peu-adresa{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1em;
	color: #FFCC00;
	font-weight: normal;
	line-height: 1.4em;
	text-decoration: none;
}
.links-peu-gris{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1em;
	color: #CCCCCC;
	font-weight: normal;
	line-height: 1.4em;
	text-decoration: none;
}
.links-peu-granate{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1em;
	color: #993333;
	font-weight: normal;
	line-height: 1.4em;
	text-decoration: none;
}

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