BODY {
background : #336633 url(../images/fondo.gif) repeat;
font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #333333;
margin : 10px 0px 10px 0;
padding : 0;
text-align : center;
}
#contenedor {
text-align : left;
width : 700px;
background-color : #ffffff;
margin : auto;
}
#cabecera {
height : 106px;
width : 700px;
}
#navegador {
background : #cccccc;
padding : 3px 10px 5px 10px;
border-top : 1px solid #ffffff;
border-bottom : 1px solid #666666;
}
#cuerpo {
float : left;
width : 480px;
margin-left : 10px;
padding : 30px 0 20px 0;
background-color : #ffffff;
}
#cuerpo1 {
float : left;
width : 480px;
margin-left : 10px;
padding : 30px 0 20px 0;
background-color : #ffffff;
}
H1 {
font-size : 12pt;
}
H2 {
font-size : 10pt;
font-weight : bold;
}
A.enlacenav {
text-decoration : none;
}
A.enlacenav:hover {
color : #3f7de3;
}
#lateral {
font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align : center;
width : 180px;
padding : 12px 10px 10px 10px;
background-color : #f5f4c3;
border-bottom : 1px solid #cccccc;
border-left : 1px solid #cccccc;
float : right;
text-decoration : none;
}
#lateral1 {
font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align : center;
width : 170px;
padding : 12px 10px 10px 10px;
background-color : #FFFFFF;
border-bottom : 1px solid #FFFFFF;
border-left : 1px solid #FFFFFF;
float : right;
}
#lateral2 {
font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align : center;
width : 50px;
padding : 12px 10px 10px 10px;
background-color : #CCCCCC;
border-bottom : 1px solid #FFFFFF;
border-left : 1px solid #FFFFFF;
float : right;
}
#lateral3 {
font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align : center;
width : 170px;
padding : 12px 10px 10px 10px;
background-color : #FFFFFF;
border-bottom : 1px solid #FFFFFF;
border-left : 1px solid #FFFFFF;
float : right;
}
#pie {
clear : both;
text-align : center;
font-weight : bold;
font-size : 7pt;
background : #cccccc;
padding : 3px 10px 5px 10px;
border-top : 1px solid #cccccc;
border-bottom : 1px solid #666666;
}
#pieindex {
clear : both;
text-align : center;
font-weight : bold;
font-size : 7pt;
background : #000000;
padding : 3px 10px 5px 10px;
border-top : 1px solid #666666;
border-bottom : 1px solid #666666;
}
#linktest {
text-decoration : none;
font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #666666;
margin : 20px 0 20px 0;
padding : 0;
text-align : center;
}

#envases {
font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #333333;
text-align : center;
}
#contacto {
font : 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #333333;
}


/*- Menu Tabs H--------------------------- */

    #tabsH {
      float:left;
      width:100%;
	  padding : 0px 0px 0px 0px;
      background:#000000;
      font-size:93%;
      line-height:normal;
	  border-top : 0px solid #cccccc;
	  border-bottom : 1px solid #666666;
	 }
	  
	   #tabsH ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
      }
    #tabsH li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsH a {
      float:left;
      background:url("tableftH.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsH a span {
      float:left;
      display:block;
      background:url("tabrightH.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsH a span {float:none;}
    /* End IE5-Mac hack */
    #tabsH a:hover span {
      color:#FFF;
      }
    #tabsH a:hover {
      background-position:0% -42px;
      }
    #tabsH a:hover span {
      background-position:100% -42px;
      }