@charset "utf-8";
/* CSS Document */

/* DEFINIR WIDTH PARA QUE FUNCIONE EN IE7*/

.menu {
	z-index:100;
	padding:0 0 0 0px;
	margin:15px 0px 0px 0px;
	list-style:none;
	height:35px;
	position:relative;
	border:0px;
	width: 850px;
	
}
.menu ul {padding:0; margin:0; list-style-type: none;}

.menu ul li {
	float:left;
	width:121px;
	text-align:center;
		}

.menu ul li a, .menu ul li a:visited {
	display:block;
	float:left;
	height:35px;
	line-height:35px;
	color:#0386CA;
	text-decoration:none;
	font-size:13px;
	font-family:arial, verdana, sans-serif;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	width: 121px;
	letter-spacing: 0.06em;
	
}

.menu ul li a b {
	float:left;
	display:block;
}


.menu ul li#current a {color:#fff; background:none;}

.menu ul li.lat {
	width: 167px;
	background:#fff url(button1.jpg);
	height: 35px;

}



.menu ul li.empresa {
background-image:url(images/menu/empresa.jpg);
border-left:1px solid #C1E3F0;
}

.menu ul li.empresa a:hover{
background-image:url(images/menu/empresa.jpg);
background-position:bottom;

}

.menu ul li#current.empresa {
background-image:url(images/menu/empresah.jpg);
}

.menu ul li#disableempresa {
background-image:url(images/menu/empresadis.jpg);
height: 35px;
border-left:1px solid #C1E3F0;
}

.menu ul li.servicios {
background-image:url(images/menu/servicios.jpg);
border-left:1px solid #C1E3F0;
}	

.menu ul li.servicios a:hover{
background-image:url(images/menu/servicios.jpg);
background-position:bottom;
}

.menu ul li#current.servicios {
background-image:url(images/menu/serviciosh.jpg);
}

.menu ul li#disableservicios {
background-image:url(images/menu/serviciosdis.jpg);
height: 35px;
border-left:1px solid #C1E3F0;
}

.menu ul li.portfolio {
background-image:url(images/menu/portfolio.jpg);
border-left:1px solid #C1E3F0;
}

.menu ul li.portfolio a:hover{
background-image:url(images/menu/portfolio.jpg);
background-position:bottom;
}
.menu ul li#current.portfolio {
background-image:url(images/menu/portfolioh.jpg);
}

.menu ul li.contacto {
background-image:url(images/menu/contacto.jpg);
border-right:1px solid #C1E3F0;
border-left:1px solid #C1E3F0;
}

.menu ul li.contacto a:hover{
background-image:url(images/menu/contacto.jpg);
background-position:bottom;
}
.menu ul li#current.contacto {
background-image:url(images/menu/contactoh.jpg);
}



.menu ul li a:hover {color:#fff; background:#000 url(button4.jpg);}
.menu ul li a:hover b {
	background:url(button4.jpg) no-repeat right top;
}
.menu ul li.current a:hover {color:#fff; background:#000 url(button3.jpg); cursor:default;}
.menu ul li.current a:hover b {background:url(button3.jpg) no-repeat right top;}



.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}
.menu ul li ul {visibility:hidden; position:absolute; top:34px; left:0; }


.menu ul li:hover ul,
.menu ul li a:hover ul {visibility:visible; width:545px;background:#666; color:#fff;}

.menu ul li:hover ul.right_side li,
.menu ul li a:hover ul.right_side li {float:right; border:0;}

.menu ul li:hover ul.left_side li,
.menu ul li a:hover ul.left_side li {float:left; border:0;}

.menu ul li:hover ul li a.sub,
.menu ul li a:hover ul li a.sub {background:#ccc bottom right no-repeat; color:#fff;}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; left:0; top:30px; }

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {display:block; background:#666; color:#fff;}/*fondo submenu*/

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {background:#666; color:#000;}/*fondo boton submenu*/

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {visibility:visible; color:#000; background:#ccc;}

.menu ul li:hover ul.right li {float:right;}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {background:#dfc184; color:#000;}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {background:#bd8d5e; color:#fff;}