/*********************************************************/
	/**************			place			******************/
	/*********************************************************/
	
	
/*Menu Selected Style

*/
#navigation ul li.selected-item a
{
background-color: #015a9a;
	background-image: url("/Portals/_Appleseed/images/AHRI-HVACR/header/hvacr-topnav-gradient-hover.png");
	background-repeat: repeat-x;
	padding: 12px 0px 11px 0px;  
	color: #FFF;
}
.contenedor_menu{
    position: relative;
    width: 600px;
    padding: 0px;
    margin: 0px;
    float: right;
    z-index: 500;
}

#navigation {width: 100%; height: 40px; background: #BBB url("/Portals/_Appleseed/images/AHRI-HVACR/header/hvacr-topnav-gradient.png") repeat-x;}
#navigation ul, #navigation li {list-style:none; padding:0; margin:0; display:block; background: #BBB;}
#navigation ul {margin: 0px auto; height: 40px; border-left: 1px solid #FFF; border-right: 1px solid #BBB;}
#navigation ul li{float:left; position:relative; margin: 0px 0px 0; border-left: 1px solid #BBB; border-right: 1px solid #FFF;}
.nav-wrapper {
    width: 980px;
    margin: 0 auto;
}
#navigation ul li a { 
	font-family: "Open Sans", Arial, sans-serif;
	display: inline-block;
	color: #000;
	background: #BBB url("/Portals/_Appleseed/images/AHRI-HVACR/header/hvacr-topnav-gradient.png") repeat-x;
	padding: 12px 0px 11px 0px;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	font-size: 18px;
	margin: 0px 0px 0px 0px;
	width: 161px;
}

/*.ie8 #navigation ul li a { 
	padding: 12px 0px 11px 0px;  
}*/

/*#navigation ul li:last-child > a, #navigation ul li:last-child > a:hover, #navigation ul li:last-child:hover > a { 
	padding: 12px 0px 11px px;  
}*/

#navigation ul li a:hover, #navigation ul li:hover > a, #navigation ul li a.current {
	background-color: #015a9a;
	background-image: url("/Portals/_Appleseed/images/AHRI-HVACR/header/hvacr-topnav-gradient-hover.png");
	background-repeat: repeat-x;
	padding: 12px 0px 11px 0px;  
	color: #FFF;
}

/*.ie8 #navigation ul li a:hover, .ie8 #navigation ul li:hover > a { 
	padding: 15px 20px 8px 20px;  
}*/

#navigation ul ul {
	display: none;
	margin-top: 0px;
	border: none;
	opacity: 0; 
  	filter: alpha(opacity=0); 
	position: absolute;
	top:-99999px; 
	left: 0;
	z-index: 999999;
	background: #333;
	width: 150px;
}

#navigation ul ul:hover {
	z-index: 999999;
}

#navigation ul ul li{
	margin: 0;
	width:123px;
	height: 22px;
}

#navigation ul ul li a:hover {
	background: #532;
	padding: 0px 6px 3px;
	margin: 0;
	color: #FFF !important;
	font-family: "Open Sans", Arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}

#navigation ul ul li:hover > a,
#navigation ul ul li:last-child a:hover {
	padding: 0px 6px 3px;
}

#navigation ul ul li a {
	padding: 0px 6px 3px;
	margin: 0;
	display: block;
	width: 138px;
	background: #A31;
	color: #FFF !important;
	font-family: "Open Sans", Arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	border-bottom: 0;
}

#navigation ul ul ul { 
	position:absolute; 
	top:-99999px; 
	left:100%; 
	opacity: 0;
  	filter: alpha(opacity=0); 
	margin-left: 26px;
}

#navigation ul li:hover > ul{
	opacity: 1;
  	filter: alpha(opacity=100); 
	position:absolute;
	top:99%;
	left:-6px;
}

#navigation ul ul li:hover > ul{
	position:absolute;
	top:0;
	left:102%;
	opacity: 1;
  	filter: alpha(opacity=100); 
	z-index:497;
}

#navigation ul ul li:hover > a {
	padding: 0px 6px 3px;
	color: #FFF;
}


        /*****************************************/
        /**********  SiteNav Styles   ************/
        /*****************************************/
	
.sitenav {
	border: 1px solid #CCC;
}
	
.sitenav li {
	color: #247;
	font-size: 13px;
	border-bottom: 1px solid #CCC;
	padding: 10px 10px 10px 17px;
}
	
.sitenav li.current {
	background-color: #DEF;
	background-image: url('');
	background-position: 7px center;
	background-repeat: no-repeat;
}
	
.sitenav li.last {
	border-bottom: none;
}
	
.sitenav a {
	color: #247;
	font-size: 13px;
}
	
.sitenav a:hover {
	color: #D82;
}

.sitenav > ul > li > .subnav-wrapper { 
	opacity: 0; 
  	filter: alpha(opacity=0); 
	position: absolute;
	top:-99999px; 
	left: 0;
	z-index: 999999;
	background: #EEE;		
	max-height: 460px;
	border: 1px solid #CCC;
}

.sitenav > ul > li > .subnav-wrapper.wide {
	width: 580px;
}

.sitenav > ul > li > .subnav-wrapper > ul {
	/*border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;*/
	float: left;
}
/*
.sitenav > ul > li > ul.first-sub {
	border-left: 1px solid #CCC;
}

.sitenav > ul > li > ul.last-sub {
	border-right: 1px solid #CCC;
}*/

.sitenav ul ul:hover {
	z-index: 999999;
}

.sitenav ul ul li{
	border: none;
	width:180px;
}

.sitenav ul .wide ul li{
	width:165px;

}

.sitenav ul ul li a:hover {
	margin: 0;
	color: #D82 !important;
	background-image: url('.../orange-arrow.png');
	background-position: 7px center;
	background-repeat: no-repeat;
}

.sitenav ul ul li a {
	margin: 0;
	display: block;
	color: #247 !important;
}

.sitenav ul ul ul {
	display: none;
	border: none;
	margin-left: -5px;
}

.sitenav ul li:hover > .subnav-wrapper {  
	opacity:1;
  	filter: alpha(opacity=100); 
	position:absolute;
	top:0;
	left:99%;
}

.sitenav ul ul li:hover > ul{
	opacity: 1;
  	filter: alpha(opacity=100); 
	display: block;
	position: static;
}

.sitenav ul li:hover > a {
	/*background: #EC6;
	padding: 0px 15px 3px 15px;
	color: #333;
	height:	13px;*/
}

.sitenav ul ul li:hover > a {
	/*padding: 0px 6px 3px;
	color: #333;*/
}


    
.AspNet-Menu-Horizontal							/*		div containing menu		*/
{
    z-index: 300;
    padding: 0px 0px 0px 0px; 
    /*height: 50px;*/
    width: 100%;
    margin: 0 ;
    /*float: right;*/
}






	/*************************************************************/
	/**************		Menu Behavior DO NOT EDIT	**************/
	/*************************************************************/
    
ul.AspNet-Menu li:hover ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul
{
    visibility: hidden;}
    
ul.AspNet-Menu li:hover ul,
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li.AspNet-Menu-Hover ul
{
    visibility: visible;    
    display:block;
}


/* 
Menu Structure

<div class="AspNet-Menu-Horizontal">
		<ul class="AspNet-Menu">						
			<li class="AspNet-Menu-WithChildren">
				<a class="AspNet-Menu-Link">Paquetes</a>
				<ul>
					<li class="AspNet-Menu-Leaf">
						<a class="AspNet-Menu-Link">Caribe</a>
					</li>
*/