@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);

#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  color: #fff;
  display: inline-block;
  font-family: 'Open Sans Condensed', Verdana, Helvetica, Arial, sans-serif;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight:lighter;
  font-size: 15px;
  min-width: 28px;
  text-align: center;
  text-decoration: none;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul > li {
  float: left;
}

#cssmenu > ul > li a {
	line-height: 50px;
	padding: 0px 8px;
}
#cssmenu > ul > li a:hover {
	line-height: 50px;
	padding: 0px 8px;
	background-image:url(../images/bgOver.png);
	background-repeat:repeat-x;
}

.visita{
	color: #00a1a1;
	display: inline-block;
  	font-family: 'Open Sans Condensed', Verdana, Helvetica, Arial, sans-serif;
  	letter-spacing: 0.1em;
  	text-transform: uppercase;
  	font-weight:lighter;
  	font-size: 15px;
  	min-width: 28px;
  	text-align: center;
  	text-decoration: none;  
	line-height: 50px;
	padding: 0px 8px;
}


/*SOLO PARA SAFARI 3+, Opera 9+, Firefox 3.5+ y Chrome 1+ APERTURA ENTRE BOTONES MENU*/

body:nth-of-type(1) #cssmenu > ul > li a {
	line-height: 50px;
	padding: 0 10px;
}
/* Otra opción... */
body:first-of-type #cssmenu > ul > li a {
	line-height: 50px;
	padding: 0 10px;
}
/* Y otra más... */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#cssmenu > ul > li a{
	line-height: 50px;
	padding: 0 10px;
  }
}

/*SOLO PARA SAFARI 3+, Opera 9+, Firefox 3.5+ y Chrome 1+ APERTURA ENTRE BOTONES MENU*/

body:nth-of-type(1) #cssmenu > ul > li a:hover {
	line-height: 50px;
	padding: 0 10px;
	background-image:url(../images/bgOver.png);
	background-repeat:repeat-x;
}
/* Otra opción... */
body:first-of-type #cssmenu > ul > li a:hover {
	line-height: 50px;
	padding: 0 10px;
	background-image:url(../images/bgOver.png);
	background-repeat:repeat-x;
}
/* Y otra más... */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#cssmenu > ul > li a:hover {
	line-height: 50px;
	padding: 0 10px;
	background-image:url(../images/bgOver.png);
	background-repeat:repeat-x;
  }
}

#cssmenu .has-sub:hover ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  top: 50px;
  left: -1px;
  min-width: 100%;
  text-align: center;
  *width: 100%;
}
#cssmenu .has-sub ul li {
  text-align: center;
}
#cssmenu .has-sub ul li a {
	background-color:#a29061;
	border-bottom: 1px solid #d2d2d2;
	display: block;
	line-height: 120%;
	padding: 5px 5px;
	text-align: center;
	z-index:500;
}

#cssmenu .has-sub ul li a:hover{
	background-color:#8f7d4d;
	border-bottom: 1px solid #d2d2d2;
	display: block;
	line-height: 120%;
	padding: 5px 5px;
	text-align: center;
	z-index:500;
}

/*SOLO PARA SAFARI 3+, Opera 9+, Firefox 3.5+ y Chrome 1+ APERTURA DE PADDING SUP E INF BOTONES SUBMENU*/

body:nth-of-type(1) #cssmenu .has-sub ul li a{
	background-color:#a29061;
	border-bottom: 1px solid #d2d2d2;
	display: block;
	line-height: 120%;
	padding: 4px 5px;
	text-align: center;
	z-index:500;
}
/* Otra opción... */
body:first-of-type #cssmenu .has-sub ul li a{
	background-color:#a29061;
	border-bottom: 1px solid #d2d2d2;
	display: block;
	line-height: 120%;
	padding: 4px 5px;
	text-align: center;
	z-index:500;
}
/* Y otra más... */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#cssmenu .has-sub ul li a{
	background-color:#a29061;
	border-bottom: 1px solid #d2d2d2;
	display: block;
	line-height: 120%;
	padding: 4px 5px;
	text-align: center;
	z-index:500;
  }
}

/*SOLO PARA SAFARI 3+, Opera 9+, Firefox 3.5+ y Chrome 1+ APERTURA DE PADDING SUP E INF BOTONES SUBMENU*/

body:nth-of-type(1) #cssmenu .has-sub ul li a:hover{
	background-color:#a29061;
	border-bottom: 1px solid #d2d2d2;
	display: block;
	line-height: 120%;
	padding: 4px 5px;
	text-align: center;
	z-index:500;
}
/* Otra opción... */
body:first-of-type #cssmenu .has-sub ul li a:hover{
	background-color:#a29061;
	border-bottom: 1px solid #d2d2d2;
	display: block;
	line-height: 120%;
	padding: 4px 5px;
	text-align: center;
	z-index:500;
}
/* Y otra más... */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#cssmenu .has-sub ul li a:hover{
	background-color:#a29061;
	border-bottom: 1px solid #d2d2d2;
	display: block;
	line-height: 120%;
	padding: 4px 5px;
	text-align: center;
	z-index:500;
  }
}
