* {
	padding:0;
  margin:0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
}

body {
  background-color:#fff;
}

option { /* Firefox fix  this other also works*/
  min-width: 1.5em;
}

strong {
  font-weight:bold;
}

/****************************************************************************
**  General
****************************************************************************/

#container {
	margin:0 auto;
	width:800px;
	margin-top: 10px;
}

/****************************************************************************
**  Header
****************************************************************************/
#header {
  background: #fff url(img/banner.jpg) center no-repeat;
	height: 95px;
	padding-left: 8px;
}

#menuBanner {
	font-weight: bold;
	font-family: "Trebuchet MS";
	color: #FFFFFF;
	padding-left: 130px;
	width: 500px;
	margin-top: 65px;
	float: left;
}

#menuBanner ul {
	font-weight: bold;
	color: #FFCC33;
}

#menuBanner li {
	list-style:none;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	display: inline;
	padding-right: 20px;
	padding-left: 3px;
	border-left: 2px solid #FFFFFF;
}
#menuBanner li a:hover{
  color:#FFCC33;
}
#menuBanner a {
	text-decoration:none;
	color: #FFFFFF;
	font-weight: bold;
}
#bannerDerecha{
	font-weight: bold;
	font-family: "Trebuchet MS";
	color: #FFFFFF;
	padding-top: 12px;
	height: 80px;
}

#title {
  font-size:2em;
  font-weight:bold;
  color:#FFCA32;
  border-bottom: 2px solid #A63600;
  margin:0.5em 0.4em;
  width:95%;
}
/****************************************************************************
**  Index
****************************************************************************/
#marco {
  background:url(img/p_body.gif);no repeat;
  width:100%;
  overflow:auto;
  padding-bottom:10px;
}


#paginaIndex {
  background:url(img/p_top.gif) no-repeat;
  float: left;
  width:646px;
}

#paginaIndex p {
  font-weight: bold;
  font-size:13px;
  padding-left: 10px;
  padding-right:1em;
  text-align:justify;
  margin-top: 10px;
}

#menuIndex {
  float: left;
  width:154px;
  font-family: "Trebuchet MS";
  font-weight: bold;
  font-size:12px;
  background:url(img/p_menu.gif) no-repeat;
}

#menuIndex ul {
  color: #A63600;
  padding-top: 75px;
  padding-left: 15px;
}

#menuIndex li {
  list-style:none;
  font-weight: bold;

}

#menuIndex a {
  text-decoration:none;
  color:#fff;
  font-weight: bold;
}

#caratula {
  text-align:center;
  margin-top:1em;
}

#caratula li{
  float:left;
  width:10.5em;
  height:9.5em;
  margin:1em 0.7em;
  list-style:none;
}

#caratula .c1 {background: url(img/portada/paella.jpg) no-repeat;}
#caratula .c2 {background: url(img/portada/pizza.jpg) no-repeat;}
#caratula .c3 {background: url(img/portada/pastaInternacional.jpg) no-repeat;}
#caratula .c4 {background: url(img/portada/pastaItaliana.jpg) no-repeat;}
#caratula .c5 {background: url(img/portada/coka.jpg) no-repeat;}
#caratula .c6 {background: url(img/portada/pulpazumo.jpg) no-repeat;}
#caratula .c7 {background: url(img/portada/pasteles.jpg) no-repeat;}

#caratula li a {
  display:block;
  margin-top:7.5em;
  height:1.9em;
  font-weight:bold;
  color: #fff;
  background: url(img/boton.jpg) no-repeat 1px 0;
  line-height:1.6em;
}

#caratula .middle {
  margin-left:6.5em;
  *margin-left:3.5em;
}

#presentacion {
  clear:left;
  margin:1em 1em 1em 0;
}

/****************************************************************************
**  Productos
****************************************************************************/

#DHmenuvm {
	width: 131px;
	float: left;
}

#DHmenuvm a {
	text-decoration:none;
	color:#fff;
	font-weight: bold;
	font-size: 13px;
}

#DHmenuvm .parent {
  background: url(img/rightarrow2.gif) 0em 0.3em no-repeat;
}

#DHmenuvm, #DHmenuvm ul {
	list-style: none;
	font-weight: bold;
	padding: 0;
}

#DHmenuvm li {
  padding-left:8px;
}

#DHmenuvm li ul li, .parentSelected ul li{
  padding:0;
}

#DHmenuvm ul li{
  margin-left:1.2em;
  list-style:square;
  color:orange;
}

#DHmenuvm li a:hover{
  color:#A66000;
}

#DHmenuvm li ul {
  display:inline;
  margin:0;
}

#DHmenuvm .parentSelected ul{
  display:block;
}

#DHmenuvm .parentSelected {
  background: url(img/rightarrow2.gif) 0 0.25em no-repeat;
}

#DHmenuvm .selectedChild a {
  color:#A63600;
}

#superior {
	height: 25px;
  width: 620px;
	background: url(img/menuSuperior.jpg) no-repeat;
	margin-left: 10px;
	margin-top: 15px;
	font-weight: bold;
  text-align:center;
}

#superior li {
	padding:2px 8px;
	list-style: none;
	display: inline;
  border-right:1px solid #aaa;
  font-size:10px;
}

#superior a {
  font-size:12px;
  font-weight: bold;
	text-decoration:none;
	color:#fff ;
}

#superior a:hover {
  text-decoration:underline;
  color:#A63600 ;
}

#foto{
	background-color: #fff;
	width:250px;
	float: left;
	height: 200px;
	margin-left: 10px;
}

#descripcion {
  margin-top: 15px;
  width:100%;
  overflow:auto;
}

#descripcion table {
  float:right;
  width:380px;
}

#descripcion caption {
  font-weight: bold;
  font-size:1.5em;
  color:#A63600;
  padding:0.2em 0;
  text-transform:capitalize;
}

.ingred{
	font-weight: bold;
	color: #FFAA11;
  text-align:right;
  width:49%;
  padding-right:1em;
}

.cant{
  width:48%;
  font-weight: bold;
  color: #777;
}


#detalle {
  margin:1em 1.1em 1em 0.7em;
  clear: left;
}

.descBox dt {
	height: 30px;
  background: url(img/fondoTitulos.gif) no-repeat;
  line-height:1.8em;
  padding-left:0.4em;
  margin-top:0.5em;
}

.descBox dt a {
  color:#fff;
  font-weight:bold;
  font-size:1em;
}

#paginaIndex .descBox dd p {
  padding:0 0.4em;
  margin:0.2em 0;
  font-size:0.9em;
  color:#666;
}

/****************************************************************************
** CONTACTAR
****************************************************************************/
#contactar {
  text-align:center;
  margin:0 auto;
  width:45em;
}

fieldset {
  margin-top:1em;
  padding:1em;
  font-size:0.9em;
  text-align:center;
}

label {
  color:royalblue;
  display:block;
  float:left;
  width:12em;
  margin-left:1.2em;
  padding-right:1em;
  text-align:right;
}

.inputT, textarea {
  width:22em;
  text-align:center;
  margin:0.2em 0;
  text-align:left;
  background-color:lightyellow;
  border: 1px solid #666;
  display:block;
  float:left;
}

textarea {
  height:8em;
}

#enviar{
  clear:left;
  display:block;
  margin-top:0.2em;
  margin-left:14.2em;
  _margin-left:0.8em;
}

/****************************************************************************
**  legal
****************************************************************************/

.legal {
  margin:0 0.7em;
}

.legal dt {
  font-weight:bold;
  color:#A63600;
  font-size:1.2em;
  padding:0.2em 0;
}

.legal dd {
}

/****************************************************************************
**  Footer
****************************************************************************/

#footer {
  background: url(img/p_footer.gif) no-repeat;
	width: 800px;
}


#footer ul{
	padding: 2.2em 0 0.5em 0;
  text-align:center;
  color:#808080;
}

#footer li{
  font-size:0.9em;
  font-weight: bold;
	list-style:none;
	display: inline;
	padding:0 5px;
  border-right:1px solid black;
}
#footer a {
  font-size:1em;
  font-weight: bold;
	text-decoration:none;
  color:#808080;
}

#footer a:hover {
  text-decoration:underline;
  color:#800202;
}

#footer .last-item, #superior .last-item{
  border:none;
}

/****************************************************************************
**  categorias
****************************************************************************/

#categoria {
  margin-left:0.8em;
}

#categoria img {
  border:1px solid #ddd;
  width:125px;
  float:left;
  padding:3px;
}

#categoria li {
  list-style:none;
  width:135px;
  float:left;
  text-align:center;
  margin:0.52em;
}

#categoria a {
  font-size:0.85em;
  font-weight:bold;
  color:#A63600;
}