body 
{
    /*background-color: #f9eed6;  /*light green:  b9fbca, dark green: 01741f, light grey: eaf3f0, light-pastel brown: f2d9a4*/
    margin-top : 2px;
    background-color: #FFFFFF;
}

.ContentSpacing 
{
    padding: 0px 0px 0px 0px;
}

/* Styles principalmente para seccion parte arriba/centra */

#container {        /* container is the whole biggest container/thing */
	width: 100%;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center; /* for IE */
	background-color: #FFFFFF;
	}

#page {                  /*page is the second biggest container, goes from top to button of page, centered container*/
	width: 812px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	
	background-color: #FFFFFF;
	text-align: left; /* reset the IE body text-align */
}

#main                     /* main doesn't include primary nav or footer. contains menu, pic, text*/
{
    background: white;
    margin-top:1px; 
    overflow: hidden;
          
}

#header {
}

#header-top {
  /*background:url(/header-topbackground.jpg) no-repeat top left; */
}

#logos {
  float:left;
  width: 812px;
}

#primary-nav {
 height:15px;
 width: 812px;
 /*background:url() top left repeat-x;*/
 padding:0 0px;
 margin-left: 1px;
 font-size: 14px;
 
 
 }

#primary-nav ul, #primary-nav li {
list-style:none;
padding:0;
margin:0;

}
	
#primary-nav ul 
{    }
    
#primary-nav li {

float:left;
display:block;
/*width:125px;*/
}

#primary-nav li a {display:block;}

/* flyout styles */
#primary-nav li ul {
display:none;
position:absolute;
clear:both;
/*width:125px;*/
background:white;

margin:0 auto;}

#primary-nav li:hover ul {
      display:block;      
      }
      
#primary-nav li li {float:none;}
/*#primary-nav li li a {font-size:100%;padding:5px 20px;display:block;}*/


/*Terminacion styles seccion arriba/central */


/* -- Seccion Footer -- */

 #footer {
 border-top:1px solid #c6d3e0;
 /*background: url(../images/footer-bg.gif) top left repeat-x;*/
  text-align:center;
  font-size:0.8em;
  
 }
 
 #footer-nav {
 padding:26px 0 15px 0;}
 
 #footer-nav, #footer-nav a {
  color:#0f0fff;}
  
 #footer-text {
 color:#0fb7d0;
 }
  
  /* -- Seccion Footer Terminacion -- */
 
  
 /* More Stuff */
 
 hr
  {
    height: 1px;
    border: 1px solid #666;
  }
img {
  border:0;
  }
fieldset {
  margin-bottom: 1em;
  padding: .5em;
}
form {
  margin: 0;
  padding: 0;
}
hr {
  height: 1px;
  border: 1px solid gray;
}
img {
  border: 0;
}

/*Flash Ignacio*/
.flashBlock 
{
 border-bottom: solid 1px gray;
 border-top: solid 1px gray;
 
}

.HeaderPic 
{
    border-bottom: solid 1px gray;
    border-top: solid 1px gray;
}

/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear-block {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}
.clear-block {
  display: block;
}
/* End hide from IE-mac */

/* From http://www.greywyvern.com/code/min-height-hack */
 .clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }

/* More stuff, */


a img {
  border-style: none;
    border-color: inherit;
    border-width: medium;
    height: 100px;
    width: 420px;
}

a {
  color: #003300;
}

a:hover {
  color: #F60;
}

.hide {
  display: none;
}

legend, label {
  display: none;
}

.disabled {
  color: #999999;
}

a.act {
  padding-left: 10px;
  background: url(../images/act-arrow.png) no-repeat 0 3px;
  color: #1B6B2C;
  font-size: 1em;
  font-weight:  bold;
  text-decoration:  none;
}

a.act:hover {
  color: #F60;
}

ul {
  list-style: none;
}

li {
  margin: 0 0 4px 0;
  padding: 0;
}

/*html {  
   background-color: #D2E5CD;
}
*/

/*<group=Menu>*/

/* 
  Note: the menu styles are quite complicated. Since IE does 
  not support child selectors, all styles from the top levels
  have to be overridden for lower levels, with higher specificity.
*/

#Menu {
  width: 750px;
  text-align: center;
  margin-bottom: 0px;
  padding: 1px 0px 2px 1px;
  font: Arial;
  margin-right: 0;
  }

#Menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block ;
  
}

#Menu li {
  border-top: 1px solid #FFF;
  margin: 0;
  display: block ;
  white-space:pre-wrap;
}

#Menu a {
  /* Fixes gap between list elements in IE */
  vertical-align: bottom;
  _height: 1%;
  display: block;
  margin: 0;
  color: #0002B0;
  font-size: 0.8em;
  font-weight: bold;
  text-decoration: none;
  padding-right: 15px;
}

#Menu a.l0 {
  background: #FFFFFF url() 5px 50% no-repeat;
  text-transform: uppercase;
  padding: 2px 10px 2px 2px;  
}
  
#Menu a.l1 {
  background: #FFFFFF url() 5px 50% no-repeat;
  text-transform: uppercase;
  padding: 2px 10px 2px 2px;
  border-right: double 2px #4A92B0;
}

Menu a.l0:hover, #Menu a.l0.current {
  color: #78AAD6;
  font-size: .7em;
}

#Menu a.l1:hover, #Menu a.l1.current {
  color: #78AAD6;
  font-size: .7em;
}
 
#Menu a.l2 {
  text-transform: none;
  padding: 4px 4px 4px 17px;
  color: #554345;
  font-weight: normal;
  font-size: 0.9em;
  background: #cfde2b url(menuBulletA.gif) 6px 50% no-repeat;
  /*background: color image repeat attachment position */
  /*.menu1 ul li ul li.subprod1 {background:url(subprod1.gif) no-repeat;} /*put pic in same CSS folder*/
}

#Menu a.l2.current, 
#Menu a.l2:hover {
  background: #028c55 url(menuBulletB.png) 5px 50% no-repeat;  
  color: #FFF;
}

#Menu li li li {
    border-top: 1px dotted #554345;
}

#Menu li.l3:first-child {
  border-top: 1px transparent ;
}

#Menu a.l3 {  /*Colors: ascona cafe:#e3af42 fucsia: #554345 verde claro: #acf444 semigris: #B4B4B4 verdeOscuro: 028c55*/
  padding: 4px 4px 4px 17px;
  background: #66a8d6 url(menuBulletA.gif) 6px 50% no-repeat;
  color: #554345;
 }

#Menu a.l3:hover {
  background: #acf444 url(menuBulletB.png) 6px 50% no-repeat;
  color: #554345;
}

#Menu a.l4 {
  padding: 4px 4px 4px 17px;
  background: #acf444 url(menuBulletA.gif) 6px 50% no-repeat;
  color: #554345;
}

#Menu a.l4:hover {
  background:  #028c55  url(menuBulletB.png) 6px 50% no-repeat;
  color: #acf444;
}

#Menu li.l5 {
  border:  none;
}

#Menu a.l5 {
  padding: 4px 4px 4px 24px;
  background-image: none;
  background-color: #fff;
  color: #B4B4B4;
}

#Menu a.l5:hover {
  background-image: none;
  color: #acf444;
}
  
#Menu li.l6 {
  border:  none;
}

#Menu a.l6 {
  padding: 4px 4px 4px 39px;
  background: #FFFFFF url() 32px 50% no-repeat;
  background-color: #ffffff;
  color: #B4B4B4;
}

#Menu a.l6:hover {
  background:  #FFFFFF  url() 32px 50% no-repeat;
  color: #acf444;
}