.border {
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 0.5em;
    background: none repeat scroll 0% 0% #179270;
}

::-moz-selection{
	background:#37302a;
	color:white  ;          /*color de letras cuando el menu esta desplegado */
}

::selection{
	background:#37302a;
	color:white
}

img::selection{
	background:transparent
}

img::-moz-selection{
	background:transparent
}

h1::selection{
	-webkit-text-stroke:2px #179270;
	background:transparent;
	color:transparent
}

::selection:window-inactive,h1::selection:window-inactive{
	background:#bab9b6;
}

@-webkit-viewport{
	width:device-width
}

@-moz-viewport{
	width:device-width
}

@-ms-viewport{
	width:device-width
}

@-o-viewport{
	width:device-width
}

@viewport{
	width:device-width
}



.wrapper{
	max-width:60.5em;
	margin:0 auto;
	z-index: 1000000000;
}


@media screen and (min-width:62.5em){
	.wrapper{
		_width:47.5em
	}

}

.border{
	position:relative;
	z-index:2;
	top:0;
	left:0;
	right:0;
	height:.5em;
	background:#179270;
}

a {
    color: #179270;
    text-decoration: none;
}

a:hover{
	text-decoration:none
}


.nav-collapse.disable-pointer-events {
	pointer-events:none !important;
}

.nav-collapse{
	z-index:1;
	font-family:"proxima-nova-extra-condensed",sans-serif
}
@media screen and (min-width:46.25em){
	.nav-collapse .active a{
		-webkit-font-smoothing:subpixel-antialiased;
		color:white;
		background:#179270
	}

	.nav-collapse .active a:hover{
		text-decoration:none
	}

	.nav-collapse .active a:focus{
		background:#179270
	}

}

.nav-collapse .active a {
    color: #FFF;
    background: none repeat scroll 0% 0% #179270;
}


.nav-collapse,.nav-collapse *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}

.nav-collapse,.nav-collapse ul{
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	float:left
}

@media screen and (min-width:46.25em){
	.nav-collapse,.nav-collapse ul{
		text-align:center
	}

}

.nav-collapse li{
	float:left;
	width:100%;
	display:block
}

@media screen and (min-width:46.25em){
	.nav-collapse li{
		float:none;
		display:inline-block;
		*display:block;
		*float:left;
		width:auto;
		margin-left:.4em;
		margin-right:.2em
	}

}

.nav-collapse a {
text-transform: uppercase;
font-weight: 400;
font-size: 80%;
letter-spacing: 2px;
color: white;               /*color de letras menu desplegado */
text-decoration: none;
width: 100%;
background: rgba(107,111,113,1) ;   /* color de fondo menu desplegable */
border-bottom: 1px solid #FFF;
padding: 0.5em 1em;
float: left;
}

.nav-collapse a:focus{
	background:rgb(235, 141, 47) ;      /*//color de seleccion cuando esta desplegado */
	outline:none
}
.nav-collapse, .nav-collapse ul {
    list-style: none outside none;
}

@media screen and (min-width:46.25em){
	.nav-collapse a{
		margin: 0px;
padding: 0.96em 0.2em 0.5em;
font-size:.90em;
background: none repeat scroll 0% 0% transparent;
color: #0D2447;    /*  //color de letras */
border: 0px none;
transition: #6363CE 0.5s ease 0s;
	}

	.nav-collapse a:hover,.nav-collapse a:focus{
		background: rgb(07, 130, 90);       /*color de seleccion */
		text-align: center;
		color: white;
	}

}

@media screen and (min-width:46.25em){
	color: #FFF;
background: none repeat scroll 0% 0% #179270;
	}

	.nav-collapse .active a:hover{
		text-decoration:none
	}

	.nav-collapse .active a:focus{
		background:#ca2d09
	}

}

.js .nav-collapse{
	clip:rect(0 0 0 0);
	max-height:0;
	position:absolute;
	display:block;
	overflow:hidden
}

@media screen and (min-width:46.25em){
	.js .nav-collapse{
		position:relative !important;
		max-height:none
	}
	.nav-collapse .active a:focus {
    background: none repeat scroll 0% 0% #179270;
}

}

.nav-collapse.opened{
	max-height:9999px
}

.nav-toggle{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	width:70px;
	height:55px;
	float:right;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background:#179270 url("../Imagenes/hamburger.png") no-repeat 50% 33%;

}

@media screen and (-webkit-min-device-pixel-ratio:1.3),screen and (min--moz-device-pixel-ratio:1.3),screen and (-o-min-device-pixel-ratio:2 / 1),screen and (min-device-pixel-ratio:1.3),screen and (min-resolution:192dpi),screen and (min-resolution:2dppx){
	.nav-toggle{
		background-image:url("../Imagenes/hamburger.png");
		-webkit-background-size:100px 100px !important;
		-moz-background-size:100px 100px !important;
		-o-background-size:100px 100px !important;
		background-size:100px 100px !important
	}

}

@media screen and (min-width:46.25em){
	.nav-toggle{
		display:none
	}

}