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

	/* Firefox Dotted Outline Fix */
	a:active { 
		outline: none; 
	}
	
	/* Firefox Dotted Outline Fix 
	a:focus { 
		-moz-outline-style: none; 
	}*/
	
	a
	{
	  outline: none;
	}
	
	/* General */
	#menu, #menu ul { list-style: none; }
	
	/* Menu Body */
	#menu-wrapper {
		/*height:300px;*/
		width:955px;
		margin: 5px auto 0;
		clear: both;
	}
	
	ul#menu {
		/*width:80%;*/
		height:60px;
		/*background:url(bg.png) repeat-x;*/
		list-style:none;
		margin:0;
		padding:0;
	}
	
/********** HEAD LINKS ***********/

	/* Float LI Elements - horizontal display */
	ul#menu li.headlink {
		float:left;
	}
	
	/* Link - common attributes */
	ul#menu li.headlink a {
		background:url(./images/menu.png) no-repeat scroll top left;
		display:block;
		height:60px;
		position:relative;
		text-decoration: none !important;
	}

	/* Specify width and background position attributes specifically for menu classes: */
	ul#menu li a.inicio {
		width:238px;
	}
	
	ul#menu li a.servicios {
		width:238px;
		background-position:-238px 0px;
	}
	
	ul#menu li a.quienes-somos {
		width:238px;
		background-position:-476px 0px;
	}
	
	ul#menu li a.contacto {
		width:238px;
		background-position:-714px 0px;
	}
	
	/* Span (on hover) - common attributes */
	ul#menu li a span.button {
		background:url(./images/menu.png) no-repeat scroll bottom left;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:100;
	}
	
	/* Span (on hover) - display pointer */
	ul#menu li a span.button:hover {
		cursor:pointer;
	}
	
	/* Shift background position on hover for menu classes: */
	ul#menu li a.inicio span.button {
		background-position:0px -60px;
	}
	
	ul#menu li a.servicios span.button {
		background-position:-237px -60px;
	}
	
	ul#menu li a.quienes-somos span.button {
		background-position:-474px -60px;
	}
	
	ul#menu li a.contacto span.button {
		background-position:-714px -60px;
	}

/********** END HEAD LINKS ***********/

/********** CHILD LISTS AND LINKS ***********/

	#menu li.headlink ul {
		display: none;
		border-top: 1px black solid;
		text-align: left;
	}
	
	#menu li.headlink:hover ul {
		display: block;
		position: absolute;
	}
	
	#menu li.headlink ul li a {
		background: #C1D82F;
		padding: 12px 0 0 5px;
		margin: 0 0 0 -30px;
		border-top: 1px solid #ffffff;
		height: 27px;
		width: 232px;
		color: #333333;
		font-size: 14px;
	}
	
	#menu li.headlink ul li a:hover {
		background: #666666;
		color: #FFFFFF;
	}

/********** END CHILD LISTS AND LINKS ***********/