/* ****************************************************************************************************************************************************/
/*																								P  A  G  I  N  A      Y      L  I  N  K  S            */
/* ****************************************************************************************************************************************************/



body {
	font: 11px Arial, Helvetica, sans-serif;
	background-color:#98B118;
	padding: 0;
	margin: 0;
}
.Estilo1 {
	font-family: "Century Gothic";
	font-weight: bold;
	color: #FFFFFF;
}
a:link {
	text-decoration: none;
	color: #FFFFFF;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}


/* ****************************************************************************************************************************************************/
/* 																								M  E  N  U       M  A  C                              */
/* ****************************************************************************************************************************************************/



div {
	behavior: url(iepngfix.htc)
}
img {
	border: none;
	behavior: url(iepngfix.htc)
}

/* dock - top */
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	top:10px;
	height: 50px;
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #ffffff;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 90%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}


/* *************************************************************************************************************************************************** */
/* 																								A  C  O  R  D  E  O  N  E  S                           */
/* *************************************************************************************************************************************************** */

		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 400px;
			width: 20px;
			background: url(images/menu/pestana.gif) no-repeat top left;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(images/menu/pestana.gif) no-repeat top left;

		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: -2px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color:#cbd78b;
			border:2px solid #9db523;

		}
			
			.horizontal_accordion_content p {
				width: 450px;
				line-height: 135%;
				padding: 2px 10px 2px 10px;   
			}
					
					
    /* Container styling*/
    #horizontal_container {
      margin: 20px auto 20px auto;
      width: 550px;   
      height: 500px;
	  left-border: 1px solid #98B118;    
    }