.chromestyle{
font-size: 18px;
background: #3A5A0C;
height: 40px;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
padding: 0;
margin: 0;
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
display: block;
float: left;
height: 40px;
text-indent: -9000px;
background: url(/img/menu_2.png);
}

.chromestyle ul li.inicio a:link,
.chromestyle ul li.inicio a:visited,
.chromestyle ul li.inicio a:active	    {	width: 61px; background-position: 0 0;}
.chromestyle ul li.inicio a:hover	    {	width: 61px; background-position: 0 80px;}
.chromestyle ul li.inicio a.selected	{	width: 61px; background-position: 0 40px;}

.chromestyle ul li.productos a:link,
.chromestyle ul li.productos a:visited,
.chromestyle ul li.productos a:active	{	width: 82px; background-position: -57px 0;}
.chromestyle ul li.productos a:hover	{	width: 82px; background-position: -57px 80px;}
.chromestyle ul li.productos a.selected,	
#product .chromestyle ul li.productos a {	width: 82px; background-position: -57px 40px;}

.chromestyle ul li.demos a:link,
.chromestyle ul li.demos a:visited,
.chromestyle ul li.demos a:active	    {	width: 65px; background-position: -140px 0;}
.chromestyle ul li.demos a:hover	    {	width: 65px; background-position: -140px 80px;}
.demos .chromestyle ul li.demos a   {	width: 65px; background-position: -140px 40px;}

.chromestyle ul li.renovaciones a:link,
.chromestyle ul li.renovaciones a:visited,
.chromestyle ul li.renovaciones a:active	        {	width: 110px; background-position: -203px 0;}
.chromestyle ul li.renovaciones a:hover	            {	width: 110px; background-position: -203px 80px;}
.como-renovar .chromestyle ul li.renovaciones a     {	width: 110px; background-position: -203px 40px;}

.chromestyle ul li.contacto a:link,
.chromestyle ul li.contacto a:visited,
.chromestyle ul li.contacto a:active	    {	width: 75px; background-position: -314px 0;}
.chromestyle ul li.contacto a:hover	        {	width: 75px; background-position: -314px 80px;}
#contact-form .chromestyle ul li.contacto a {	width: 75px; background-position: -314px 40px;}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border-bottom-width: 0;
font:normal 10px Verdana;
line-height:18px;
z-index:100;
background-color: white;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}