html{
	top:0;
	height: 100%;
	text-align:center;
	margin:0 auto;
	padding:0;
	overflow:scroll;
}

body {
/*	top:0;
	height: 100%;
	width:100%;
	margin: 0 auto;
	padding:0;
	text-align:left; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.5em; */
	font: .8em "Lucida Sans", "Trebuchet MS", Verdana, Arial, Sans-Serif;
	background: url(../images/optsbg.gif) repeat;
}

a:link{ color: #607C29; }

a:visited{ color: #607C29; }

a:hover, a:focus{ color: #000;	text-decoration:none; }
h3 { 
font-size: 13px; color : #607C29; 
text-decoration:underline;
padding: 0 0 5px 0;
}
h4 { 
font-size: 13px; color : #6A6A4E; 
padding: 0 0 5px 0;
}
h5 { 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color : #607C29; 
margin: 0;
}
#wrap 
{
margin: 20px auto;
width: 1000px;
padding: 10px;
background-color: #fff;
border-left:1px solid #607C29;
border-right:1px solid #607C29;

}


#header 
{
height : 115px;
background-color : #ffffff;
text-align:center;
}

#header h1 { padding-left: 10px; padding-top: 12px; font-size: 25px; color: #6A6A4E; }
#header h1 a { font-size: 25px; color: #6A6A4E; text-decoration: none;}
#header h2 { padding-left: 10px; padding-top: 0px; font-size: 14px; color: #fff; }

#menu {
	position:relative;
	display:block;
	left:22%;
	width: 56%;
	margin:0 0 0 0px;
	padding:15px 0;
	top:0px;
	font-family:Arial, Helvetica, sans-serif;
	/*border-bottom:1px solid #607C29;*/
}
#separator{
	position:relative;
	display:block;
	left:10%;
	width: 75%;
	margin:0 0 0 0px;
	padding:15px 0;
	top:0px;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #607C29;
}

ul.productos {
list-style-image: url(../images/li.png); 
font-size: 13px; color : #607C29; 
}

img.medio
{
  margin-left:20%;
  margin-right:20%;
  height:auto;
  width:auto;
  left:20%;
}

img.med
{
  margin-left:10%;
  margin-right:15%;
  height:auto;
  width:auto;
}

#content { 
text-align: left;
margin-top: 5px;
padding-left: 100px;
padding-right: 100px;
font-size: 11px;
}

#content h2 { 
font-size: 15px; color : #444; 
padding: 0 0 5px 0;
}
#content h3 { 
font-size: 13px; color : #607C29; 
text-decoration:underline;
padding: 0 0 5px 0;
}

#footer { 
margin-top: 25px; 
clear: both;
text-align: center; 
color: #fff;
font-size:10px; 
background-color:#99CC33;
padding:2px;
}

.meta {
padding-bottom:2px;
font-size: 10px;
color:#999999;
font:Arial, Helvetica, sans-serif;
}

#content img 
  {
  margin-right:10px;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  display:inline;
  }

#bottom {
	font-size:11px;
	padding: 10px 0 0 0;
}

#bottomleft {
width:45%;
float:left;
background:#fff;
padding-bottom:10px;
padding-left:5px;
}


#bottomright {
width:45%;
float:right;
background:#fff;
padding-bottom:10px;
padding-right:0;
}

#divider {
text-align: center;
font-size : 11px;
padding:2px;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
}
 #example2 {
            margin:0;
            padding:0;
            width:578px;
            list-style-type:none;
            background-color:#FFFFFF;
            color:#000000;
            line-height:120%;
            height:300px;
        }

        #example2 a {
            display:block;
            font-weight:normal;
            text-decoration:none;
        }
		#example2 ul a  .foto{
		background:#fff;
		color:#607C29;
		}

        #example2 ul {
            overflow: hidden;
            margin:0;
            padding:0;
        }

        #example2 li {
            margin:0;
            padding:0;
            list-style-type:none;
        }

        #example2 li a {
            width:560px;
            padding:10px 0 0 40px;
            display:block;
            color:#607C29;
			text-decoration:bold;
            background-image:url(../images/ha-header.jpg);
            height:20px;
        }

        #example2 li a.closed {
            color:#000000 !important;
            background-image:url(../images/ha-header.jpg) !important;
        }

        #example2 li.firstitem a.closed {
            color:#000000 !important;
            background-image:url(../images/ha-header-first.jpg) !important;
        }

        #example2 li.lastitem a.closed {
            color:#000000 !important;
            background-image:url(../images/ha-header-last.jpg) !important;
        }

        #example2 li li {
            border-left:1px solid #E5E5E5;
            border-right:1px solid #E5E5E5;
            padding:0 15px 0 15px;
            height:300px;
        }

        #example2 li a.opened {
            background-image:url(../images/ha-header-active.jpg);
            color:#FFFFFF;
        }

        #example2 li.firstitem a.opened {
            background-image:url(../images/ha-header-first-active.jpg);
            color:#FFFFFF;
        }

        #example2 li.lastitem li {
            margin-bottom:-4px;
        }

        #example2 li.lastitem ul {
            background-image:url(../images/ha-footer.jpg);
            background-repeat:no-repeat;
            background-position:bottom;
            padding-bottom:4px;
        }