@charset "utf-8";
/* CSS Document */

#botones{
	width: 870px;
	height: 30px;
	position: relative;
	margin: auto;
}

#menu{
margin: auto;
height: 30px;
}

#botonera #navmenu-h{
	text-align: left;
}

.separador{
	height: 30px;
	width: 1px;
	background-image: url(../img/botonera/separador.png);
	background-repeat: no-repeat;
	float: left;
}

a#home{
width: 50px;
height: 30px;
background-image: url(../img/botonera/home.png);
background-repeat: no-repeat;
display: block;
}

a#contacto{
width: 50px;
height: 30px;
background-image: url(../img/botonera/contacto.png);
background-repeat: no-repeat;
display: block;
}*/


/* Author: Craig Erskine Description: Dynamic Menu System - Horizontal/Vertical */ 

ul#navmenu-h { margin: 0; padding: 0; list-style: none; position: relative; } 

ul#navmenu-h ul { /*width: 130px;  Sub Menu Width */ margin: 0; list-style: none; display: none; position: absolute; top: 100%; left: 0; }

ul#navmenu-h li ul#sub1 { width: 210px; }
ul#navmenu-h ul#sub2 { width: 150px; }
ul#navmenu-h ul#sub3 { width: 195px; }
ul#navmenu-h ul#sub4 { width: 185px; }
ul#navmenu-h ul#sub5 { width: 200px; } 

ul#navmenu-h ul ul,ul#navmenu-h ul ul ul { top: 0; left: 100%; } 

ul#navmenu-h li { float: left; display: inline; position: relative; }

ul#navmenu-h ul li { width: 100%; display: block; } 

/* Root Menu */ 

ul#navmenu-h a.m_principal {
	padding: 8px 15px 7px 15px;
	float: left;
	display: block; /*background: #DDD;*/
	color: #333;
	font: 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: 1%;
}

ul#navmenu-h a {
	padding: 6px 20px;
	float: left;
	display: block; /*background: #DDD;*/
	color: #FFF;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: 1%;
} 

/* Root Menu Hover Persistence */ 

ul#navmenu-h a.m_principal:hover,ul#navmenu-h li:hover a.m_principal,ul#navmenu-h li.iehover a.m_principal { /*background: #BBB;*/
	background-image: url(../img/botonera/bkg_bot.jpg);
	background-position:center;
	background-repeat: no-repeat;
	color: #333;
}

a.selected{ /*background: #BBB;*/
	background-image: url(../img/botonera/bkg_bot.jpg);
	background-position:center;
	background-repeat: no-repeat;
	color: #333;
}

ul#navmenu-h a:hover,ul#navmenu-h li:hover a,ul#navmenu-h li.iehover a { /*background: #BBB;*/
	color: #33;
} 

/* 2nd Menu */ 

ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a { float: none; background: #666; filter: alpha(opacity=80); -moz-opacity: .8; KhtmlOpacity: .8; opacity: .8; } 

/* 2nd Menu Hover Persistence */ 
ul#navmenu-h li:hover li a:hover,ul#navmenu-h li:hover li:hover a,ul#navmenu-h li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover a { background: #333; filter: alpha(opacity=95); -moz-opacity: .95; KhtmlOpacity: .95; opacity: .95; } 



/* 3rd Menu */ ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a { background: #999; } 

/* 3rd Menu Hover Persistence */ 
ul#navmenu-h li:hover li:hover li a:hover,ul#navmenu-h li:hover li:hover li:hover a,ul#navmenu-h li.iehover li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover a {background: #666; } 

/* 4th Menu */ 

ul#navmenu-h li:hover li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li.iehover li a { background: #666; } 

/* 4th Menu Hover */ 

ul#navmenu-h li:hover li:hover li:hover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover li a:hover { background: #333; } 

/* Hover Function - Do Not Move */ 

ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul { display: none; } 

ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul { display: block; }
