/* Global Sections
==============================================================================================  */

  
#navigation { position: relative; height: 27px; width:972px; z-index:1; border-bottom: 0px solid #ccc; background: url("../images_menu/navigation-1.png") repeat-x 0 0; font-size: 15px; font-weight: normal; text-shadow: #fff 0 1px 0; font-family: "Segoe UI", Calibri, Tahoma, Arial, "Times New Roman"; text-align:center;}
#navigation_preview { position: relative; height: 27px; width:1000px; z-index:1; border-bottom: 0px solid #ccc; background: url("../images_menu/navigation-1.png") repeat-x 0 0; font-size: 15px; font-weight: normal; text-shadow: #fff 0 1px 0; font-family: "Segoe UI", Calibri, Tahoma, Arial, "Times New Roman"; text-align:center;}
    #navigation .inner { position: relative; width: 972px; height: 27px; margin: 0 auto; }
    #navigation ul { float: left; }
    #navigation li { position: relative; float: left; background-position: left top; background-repeat: no-repeat; padding-left: 14px; margin-left: 0px; }
    #navigation li span, #navigation li a { float: left; background-position: right top; background-repeat: no-repeat; display: block; height: 27px; line-height: 26px; padding-right: 14px; }
    #navigation li a, #navigation li a:visited { position: relative; color: #FFFFFF; z-index: 150; }
    #navigation li.first-child { margin-left: 0; }
    #navigation-channels li {  }
    #navigation li.selected, #navigation li.selected span, #navigation li.selected a { background-image: url("../images_menu/nav-selected.png"); }
    #navigation li a:hover { border: none; color: #FF6215; }

    /* Hovering subnavigation */
    #navigation li:hover .subnavigation, #navigation li.active .subnavigation { display: block; }
    #navigation .subnavigation { display: none; position: absolute; top: 0; left: 0; right: auto; z-index: 100; width: 500px; min-height: 1px; padding-top: 38px; padding-left: 10px; background: url("../images_menu/subnavigation-dropdown.png") no-repeat left bottom; }
    #navigation .subnavigation .inner { width: 500px; height: 27px; line-height: 27px; padding-right: 10px; margin-right: -10px; background: url("../images_menu/subnavigation-dropdown.png") no-repeat right top; }
    #navigation .subnavigation h2 { display: inline; inline; color: #FFFFFF; text-shadow: 0 0 0 #666; font-weight: normal; line-height: 1.0; }
    #navigation .subnavigation ul { float: none; display: inline; }
    #navigation .subnavigation li { float: none; display: inline; padding: 0; margin-left: 0.75em; background: none; }
    #navigation .subnavigation li a { float: none; display: inline; padding: 0; border: thin; border-bottom:1px dotted #fff; margin: 0; background: none; color: #FF9900; text-shadow: 0 0 0 #fff; }
    #navigation .subnavigation li a:hover { border-bottom: 1px solid #fff; color: #fff; }
    #navigation .subnavigation span.indicator { float: none; width: 22px; height: 12px; line-height: 1.0; padding: 0; display: block; position: absolute; top: -10px; left: 1em; z-index: 200; background: url("../images_menu/subnavigation-arrow.png") no-repeat 0 0; text-indent: -1000em; }
	
	#navigation #navigation-google .subnavigation { left: 0px; width:450px;}
    #navigation #navigation-google .subnavigation .indicator { left: 10px;} 
	#navigation #navigation-google .subnavigation .inner { width:450px;} 
    
	#navigation #navigation-seo .subnavigation { left: 0px; width:395px;}
    #navigation #navigation-seo .subnavigation .indicator { left: 10px;} 
	#navigation #navigation-seo .subnavigation .inner { width:395px;} 
	#navigation #navigation-dweb .subnavigation { left: -10px; width:350px;}
    #navigation #navigation-dweb .subnavigation .indicator { left: 20px; } 
	#navigation #navigation-dweb .subnavigation .inner { width:350px;}   
    #navigation #navigation-intranet .subnavigation { left: -118px; width:320px;}
    #navigation #navigation-intranet .subnavigation .indicator { left: 120px; }	
	#navigation #navigation-intranet .subnavigation .inner { width:320px;}
	#navigation #navigation-hosting .subnavigation { left: -183px; width:400px;}
    #navigation #navigation-hosting .subnavigation .indicator { left: 190px; }	
	#navigation #navigation-hosting .subnavigation .inner { width:400px;}
    #navigation #navigation-contacto .subnavigation { left: -183px; width:300px;}
    #navigation #navigation-contacto .subnavigation .indicator { left: 190px; }	
	#navigation #navigation-contacto .subnavigation .inner { width:300px;}
    
#subnavigation { float: left; width: 100%; position: absolute; background: url("../images_menu/subnavigation-1.png") repeat-x 0 0; border-bottom: 0px solid #e4e4e4; padding: 6px 0 1px 0; }
    #subnavigation .inner { width: 972px; margin: 0 auto; }
    #subnavigation h2 { display: inline; font-weight: bold; margin-right: 0.5em; color: #fff; }
    #subnavigation ul { display: inline; }
    #subnavigation li { display: inline; margin-right: 1em; font-weight: bold; }
    #subnavigation li a { color: #4261df; }
    #subnavigation .selected {  }
    #subnavigation .selected a { color: #222; border-color: #222; }