* {
  padding:0;
  margin:0;

/*
  border: 0;
  font-size: 1em;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
*/
}

body {
  background:#fff url(../img/fondo.png) 0 -4em repeat-x;
  font-family: sans-serif;
}

a, a:visited {
  text-decoration:none;
  color:green;
}

a:hover {
  text-decoration:underline;
}

img {
  border:none;
}

/****************************************************************************
** STRUCTURE
****************************************************************************/

#container {
  width:900px;
  overflow:visible;
  margin:1em auto;
}

#content {
 overflow:auto;
}


#header {
  overflow:auto;
  margin-bottom:0.8em;
  margin-left:-1em;
}

#sideleft {
  width:219px;
  overflow:visible;
  float:left;
}

#top {
  text-align:right;
  margin-bottom:1em;
}

#top img{
  height:240px;
}

#menuLeft {
  width:13.56em;
}

#main {
  float:right;
  font-size:0.97em;
  background:#f5f5f5  url(../img/fondomain.png) no-repeat;
}

#semi #main {
  width:41.8em;
  width:40.55em;
  padding:1em;
  margin-top:16.8em;
  padding-bottom:1.8em;
  padding-bottom:0.5em;
}

#page #main {
  width:42.5em;
  margin-top:1px;
  padding:0;
}

#page #content {
  overflow:hidden;
}

#page #inner {
  padding:0 1em;
  margin-top:1em;
  min-height:33.5em;
  border-left:1px solid #eee;
  border-right:1px solid #eee;
  background-color:#fafafa;
}

/****************************************************************************
** HEADER
****************************************************************************/

#header h1 {
  float:left;
  cursor:hand;
  background: url(../img/logo.gif) -3px 0 no-repeat;
  overflow: hidden;
  /*Size of the image*/
  padding-top: 64px;
  width: 250px;
  /* WIN IE5 hack */
  height:64px;
  voice-family: "\"}\"";voice-family:inherit;
  height: 0;
}

#header a.promo {
  float:right;
  width:16em;
  margin-top:-4em;
  clear:both;
  text-align: right;
  color:red;
  font-weight:bold;
  font-family:"Georgia";
  background: #fff url(../img/pdf.gif) 5px 5px  no-repeat;
  padding:4px;
  border: 1px #ccc dotted;
}

#menuTop {
  clear:right;
  text-align: center;
  float:right;
  width:22em;
  margin-top:3.5em;
  font-size:0.8em;
  list-style:none;
  padding-bottom:3px;
}


#menuTop li {
  display: inline;
  padding:0 0.3em;
}

#menuTop li a {
  font-weight:bold;
  font-family:"Trebuchet MS", Arial;
}

#menuTop li a:hover {
  text-decoration:none;
  border-bottom:2px solid lightgreen
}

#menuTop li.selected a {
  color:#888;
  border-bottom:2px solid green
}

/****************************************************************************
** FOOTER
****************************************************************************/

#footer {
  text-align:center;
  font-size:0.71em;
  border-top:1px dotted green;
  padding-top:0.6em;
  margin-top:1.5em
}


#footer li {
  display: inline;
  padding-bottom:1em;
}

/****************************************************************************
** CONTENT
****************************************************************************/

#menuLeft {
  background:transparent url(../img/menjam.jpg) 3.2em 19.4em no-repeat;
  height:24em;
}

#menuLeft ul {
  list-style:none;
  text-align:center;
  margin:0 auto;
}

#menuLeft ul ul{
  list-style:none;
  padding: 0.7em 0 1.3em 0;
  background:#fff url(../img/fondo.png) 0 -7.6em repeat-x;
}

#menuLeft ul ul.last {
  padding-bottom:0;
}

#menuLeft li {
  line-height:1.2em;
  font-weight:bold;
}

#menuLeft span {
  border-bottom:3px solid red;
  color:#666;
  padding-bottom:0.1em;
  display:block;
}

#menuLeft ul li li {
  font-weight:normal;
}

#menuLeft ul a {
  font-family:"Trebuchet MS"
}

#menuLeft ul li.selected a{
  font-weight:bold;
  color:#888;
}

/****************************************************************************
** PORTADA
****************************************************************************/

#semi.home #main {
  padding-bottom:0;
}

#entradeta {
  margin-bottom:1.7em;
  text-align:justify;
  font-style:italic;
  font-family:Georgia;
  font-size:0.95em;
  color:darkgreen;
}

#entradeta a{
  font-weight:bold;
}

#semi #content {
  overflow:hidden;
}

#semi p {
  margin-bottom:1em;
  text-align:justify;
  font-family:verdana;
  font-size:0.95em;
  color:#444;
}

#semi p.legal {
  margin-top:1em;
  font-size: 0.8em;
  font-style: italic;
}

#semi.home dl {
  float:left;
  width:19.8em;
  margin: 0em 0.9em 1em 0;
  background-color: #fff;
}

#semi.home dl.last {
  margin-right:0;
}

#semi.home dl dt {
  color:#fff;
  font-size:1.05em;
  font-family:georgia;
  font-weight:bold;
  font-style: italic;
  padding:0.3em 0 0.35em 2em;
  background:#55920D url(../img/minigall.jpg) 2px 2px no-repeat;
}

#semi.home dl dd {
  padding:0.54em 0.5em;
}

#semi.home dl.alast dd {
  background: transparent url(../img/pages_home/dllast.jpg) center right no-repeat;
}

#semi.home dl.plats dd {
  background: transparent url(../img/pages_home/dlplats.jpg) center right no-repeat;
}

#semi.home dl.menu dd {
  background: transparent url(../img/pages_home/dlmenu.jpg) center right no-repeat;
}

#semi.home dl.menjam dd {
  background: transparent url(../img/pages_home/dlmenjam.jpg) center right no-repeat;
}

#semi.home dl dd ul {
  margin-left:1em;
}

#semi.home dl dd ul li{
  font-size:0.95em;
  color:#444;
  line-height:1.5em;
}

#semi.home dd p{
  font-size:0.9em;
  font-family:arial;
  margin:10px 0 0 0;
}

#semi.home dl.tophome dt {
  display:none;
}

#semi.home dl.tophome dd {
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
}

/****************************************************************************
** PAGE
****************************************************************************/

#page h2, #semi h2 {
  font-size:1.4em;
  margin-bottom:0.5em;
  border-bottom:3px solid red;
  color:darkgreen;
  font-family:georgia;
  clear:both;
}

#page p {
  text-align:justify;
  font-family:verdana;
  font-size:0.9em;
  line-height:1.15em;
  font-family:"Trebuchet MS";
  color:#777;
}

/****************************************************************************
** MENUS
****************************************************************************/

.menus {
  width:100%;
  overflow:auto;
  padding-bottom:1em;
}

.menus div.menuItem {
  margin-top:1em;
  background-color:#fff;
  border-top: 3px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding:0.5em 1em;
  overflow:auto;
}

.menus div.last {
  margin-right:0;
}

.menus h4{
  color:green;
  font-weight:bold;
  font-size: 1.15em;
  padding-bottom:1em;
}

.menus h4 em{
  font-size:0.8em;
  
}

.menus h4 span{
  float:right;
  color:#fff;
  font-size:1.3em;
  font-family:georgia;
  text-align:center;
  background: transparent url(../img/fondopreu.png) 0 -10px no-repeat;
  width:66px;
  height:40px;
  margin-top:-2em;
  margin-left:13em;
  z-index:1;
  position:relative;
  padding-top:0.7em;
}

.menus h5{
  border-bottom: 1px #f00 dashed;
  width:90%;
  text-align:center;
  color:#777;
  margin-bottom:0.5em;
  padding-bottom:0.15em;
  margin:0 auto;
}

.menus div.menuItem div {
  width:12.75em;
  float:left;
}

.menus ul {
  margin-left:1.5em;
}

.menus li {
  font-family:georgia;
  font-style:italic;
  padding: 0.2em 0;
  color:#555;
  font-size:0.95em;
}


/****************************************************************************
** plats
****************************************************************************/

#inner ul.categories {
  text-align:center;
  margin-top:1em;
  border-bottom: 1px solid #999;
  overflow:visible;
  list-style:none;
  height:24px;
}

#inner ul.categories li {
  float:left;
  border: 1px solid #ccc;
  border-bottom: 1px solid #999;
  background-color: #fcfcfc;
  padding:3px 7px 2px 7px;
  margin-left:5px;
  font-family:georgia;
}

#inner ul.categories li.selected{
  background-color: #fff;
  border: 2px solid #999;
  border-left: 1px solid #999;
  border-bottom:none;
  height:18px;
}

#inner ul.categories li.selected a {
  color:#a00;
}

.listItems {
  min-height:29em;
}


/****************************************************************************
** itemLong
****************************************************************************/

.itemLong {
  margin-top:1em;
  background-color:#fff;
  padding:0.3em 0;
  overflow:auto;
  width:100%;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.itemLong .lpart{
  float:left;
  width:28em;
}

.itemLong .rpart{
  float:right;
  width:6.5em;
}

.itemLong img {
  float:left;
  width:60px;
  height:60px;
  margin-right:0.5em;
  margin-left:0.5em;
  background-color:#f5f5f7;
  padding:5px;
  border:1px solid #ccc;
}

.itemLong ul {
  list-style:none;
  font-family:"Trebuchet MS"
}

.itemLong .name{
  color:green;
  font-weight:bold;
}

.itemLong .desc{
  margin-top:1em;
  font-size:0.85em;
  line-height:1.3em;
  color:#555;
}

.itemLong .price{
  font-family:Impact;
  font-size:2.2em;
  color:green;
  text-align:center;
  padding-top:0.2em;
}

.itemLong .taxes{
  font-size:0.7em;
  color:green;
  text-align:center;
}

.itemLong {
}

/****************************************************************************
** itemLong
****************************************************************************/

.paging {
  font-size:0.85em;
  text-align:center;
  margin-top:1em;
  border-top: 1px dotted red;
  padding:0.5em 0;
  font-family:georgia;
  clear:both;
}

.jScaleInner {
  width:250px;
  padding:5px;
  border:1px solid green;
  background-color:#fff;
}

/****************************************************************************
** Emrpesa
****************************************************************************/

#semi.empresa #main {
  margin-top:0;
}

#semi.empresa #main p{
  font-size:0.85em;
}

#semi.empresa #main img{
  float:right;
  margin-left:1em;
  width:150px;
  border:1px solid #ccc;
  background-color:#fff;
  padding:5px;
}

/****************************************************************************
** Catering
****************************************************************************/
#semi.catering #main {
  margin-top:0;
}

#semi.catering #main img{
  float:right;
  margin-left:1em;
  width:160px;
  border:1px solid #ccc;
  background-color:#fff;
  padding:5px;
}

#semi.catering #main h3{
  font-size:1em;
  margin-bottom:0.5em;
  border-bottom:1px solid red;
  color:darkgreen;
  font-family:georgia;
  clear:both;
}

#semi.catering #main p{
  font-size:0.85em;
}

/****************************************************************************
** Contacte
****************************************************************************/
#semi.contacte #main {
  margin-top:0;
  padding-bottom:2em;
}

#semi form fieldset{
  padding:1em;
  border:1px solid #ccc;
  margin-top:1.5em;
}

#semi form .inputT{
  width:17.9em;
  background-color:lightyellow;
  border:1px solid #ccc;
  padding:0.2em 0.1em;
  margin-bottom:0.5em
}

#semi form label {
  font-family:verdana;
  font-size:0.9em;
}

#semi form label#lbComment {
  margin:0.5em auto;
  display:block;
}

#semi form textarea{
  width:45.5em;
  height:6em;
  background-color:lightyellow;
  border:1px solid #ccc;
}

#semi form #send{
  display:block;
  margin-top:1em;
}

#localitzacio {
  overflow:auto;
  width:100%;
  margin-bottom:1em;
}

#localitzacio div {
  border:1px solid #ccc;
  width:13.36em;
  float:left;
  text-align:center;
  background-color:#fff;
  height:14em;
}

#localitzacio div h4{
  font-weight:bold;
  color:green;
  margin-bottom:1em;
  padding-top:0.5em;
}


#localitzacio div img{
  width:190px;
}

#localitzacio div p{
  text-align:center;
  font-weight:bold;
  font-size:0.9em;
  margin-top:1em;
}

#localitzacio div.horari {
  width:11.8em;
  margin:0 0.8em;
}

#localitzacio div.horari p em{
  color:green;
  font-family:georgia;
  font-size:1.1em;
}

/****************************************************************************
** LEGAL
****************************************************************************/

#semi.legal #main {
  margin-top:0;
}

#semi.legal dl {
  font-size:0.95em;
}

#semi.legal dt {
  font-weight:bold;
  margin:1em 0 0.5em;
}

#semi.legal dd{
}


/****************************************************************************
** USER
****************************************************************************/

.loginform {
  margin:0 auto;
  width:17em;
  overflow:auto;
  border:2px solid green;
  margin-top:2em;
  padding:1em;
}

.loginform label{
  width:7em;
  float:left;
  margin-bottom:0.5em;
  font-family:verdana;
  font-size:0.95em;
}

.loginform .input input{
  width:11.5em;
  overflow:auto;
  float:left;
  margin-bottom:0.5em;
}

.loginform .submit {
  clear:both;
  text-align:center;
  padding-top:1em;
}

/****************************************************************************
** Alert
****************************************************************************/
.alert, .infoBox, .errorBox {
  text-align:center;
  padding:1em;
  margin:1em auto;
  border:1px solid red;
  background-color: lightyellow;
  font-weight:bold;
  border:1px solid red;
}

.infoBox {
  border:1px solid green;
  color:darkgreen;
}

.errorBox {
  color:red;
}

/****************************************************************************
** NEWLETTER
****************************************************************************/
#semi.newsletter #main {
  margin-top:0;
  min-height:41.5em;
}

#semi.newsletter form .inputT {
  width:14em;
}

#semi.newsletter .promo {
  display:block;
  margin:0 auto 1em auto;
}

#semi.newsletter form span {
  color:red;
}

#semi.newsletter form p {
  margin-top:0.5em;
  font-size:0.8em;
}