#menu{
margin:2px 0px 0px -1px;
padding:0;
height:24px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #fff;
background-image:url(../images/bgMenu.gif);
background-repeat:repeat-x;
background-position:bottom;
}
#menu ul{
width:551px;
margin:0;
padding:0;
float:left;
list-style:none;
background-color:#ec4705;
}
#menu ul li{
float:left;
}
#menu ul a{
	display:block;
	padding: 0 10px;
	line-height:22px;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #f3a488;
}
#menu ul a:hover{
color:#CCCCCC;
}
#menu form{
margin:0;
padding:0;
float:right;
width:195px;
padding-right:4px;
height:22px;
text-align:right;
background-color:#ec4705;
}
#menu input{
margin-top:2px;
height:10px;
font-size:10px;
color:#666;
}
#menu label{
color:#fff;
}
/* ************************************* */
/* *** LATERAL ************************* */
/* ************************************* */
.mainNavLink{
margin-bottom:5px;
}
.mainNavLink a{
	display:block;
	padding: 3px 10px;
	text-decoration:none;
	color:#fff;
	border-bottom: 1px solid #fbc74d;
}
.mainNavLink a:hover{
	color:#666;
	font-weight: bold;
}

.secondaryNavLink{
margin:10px;
}
.secondaryNavLink a{
	display:block;
	padding: 3px 10px;
	text-decoration:none;
	color:#666;
	border: 1px solid #fff;
	background:url(../images/bgBottomRightNaranja.gif) no-repeat right bottom #fbc74d;
	margin-bottom:10px;
}
.secondaryNavLink a:hover{
	color:#fff;
	font-weight: bold;
	background:url(../images/bgBottomRightBlanco.gif) no-repeat right bottom #ec4705;
}

.proyectosNav{
margin: 10px;
margin-right:0px;
background:url(../images/bgCuadradito.gif) no-repeat left 5px #a8a483;
}
.proyectosNav a{
	display:block;
	padding: 2px 10px 2px 0px;
	margin-left:20px;
	margin-right:5px;
	text-decoration:none;
	color:#333333;
	margin-bottom:10px;
	background:url(../images/bgFlechita.gif) no-repeat right center #a8a483;
}
.proyectosNav a:hover{
	color:#ccc;
}

#ensayosNav{
margin: 10px;
margin-right:0px;
background:url(../images/bgCuadradito.gif) no-repeat left 5px #bebe95;
}

#ensayosNav p{
margin:0;
padding: 2px 0px 2px 20px;
color:#333333;
}
#ensayosNav a{
	display:block;
	padding: 2px;
	padding-left:5px;
	text-decoration:none;
	color:#333333;
	background-color:#e0e0cc;
}
#ensayosNav a:hover{
	color:#ec4705;
}

/* BOTONES ESPECIAL HOME */
a.squarebutton{
width:200px;
margin-bottom:4px;
/*background: transparent url('../images/bt-home-left.gif') no-repeat top left;*/
background: transparent url('../images/bt-home.gif') no-repeat top left;
display: block;
float: left;
/*font: normal 12px Arial;*/ /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
/*background: transparent url('../images/bt-home-right.gif') no-repeat top right;*/
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/

}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
/*background-position: bottom right;*/
color: #FFFFFF;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
margin-left:4px;
margin-top:5px;
margin-bottom:5px;
overflow: hidden; 
width: 100%;
}

