/*--------------------------------
 Funboctional Styles (Required)
---------------------------------*/
/* Tim Pietrusky advanced checkbox hack (Android <= 4.1.2) */


@font-face {
    font-family: 'texgyreadventorregular';
    src: url('../fonts/texgyreadventor-regular-webfont.eot');
    src: url('../fonts/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreadventor-regular-webfont.woff') format('woff'),
         url('../fonts/texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('../fonts/texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'texgyreadventorbold';
    src: url('../fonts/texgyreadventor-bold-webfont.eot');
    src: url('../fonts/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreadventor-bold-webfont.woff') format('woff'),
         url('../fonts/texgyreadventor-bold-webfont.ttf') format('truetype'),
         url('../fonts/texgyreadventor-bold-webfont.svg#texgyreadventorbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'texgyreadventoritalic';
    src: url('../fonts/texgyreadventor-italic-webfont.eot');
    src: url('../fonts/texgyreadventor-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreadventor-italic-webfont.woff') format('woff'),
         url('../fonts/texgyreadventor-italic-webfont.ttf') format('truetype'),
         url('../fonts/texgyreadventor-italic-webfont.svg#texgyreadventoritalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'texgyreadventorbold_italic';
    src: url('../fonts/texgyreadventor-bolditalic-webfont.eot');
    src: url('../fonts/texgyreadventor-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreadventor-bolditalic-webfont.woff') format('woff'),
         url('../fonts/texgyreadventor-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/texgyreadventor-bolditalic-webfont.svg#texgyreadventorbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'exobolditalic';
    src: url('../fonts/exo-bolditalic-webfont.eot');
    src: url('../fonts/exo-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/exo-bolditalic-webfont.woff') format('woff'),
         url('../fonts/exo-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/exo-bolditalic-webfont.svg#exobolditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'exoregular';
    src: url('../fonts/exo-regular-webfont.eot');
    src: url('../fonts/exo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/exo-regular-webfont.woff') format('woff'),
         url('../fonts/exo-regular-webfont.ttf') format('truetype'),
         url('../fonts/exo-regular-webfont.svg#exoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



*{
	margin:0px;
	padding:0px;
}

body{ -webkit-animation: bugfix infinite 1s; }
@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }

#toggle, .toggle { display: none; }
.menu > li { list-style: none; float:left; width:125px;	}

/* Nicolas Gallagher micro clearfix */
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }


@media only screen and (max-width: 959px){
	#menu-wrapper{position:absolute;left:0;top:15px;}
	.menu { display: none; opacity: 0; width: 100%;}
	.menu > li { display: block; width: 100%; margin: 0;}
	.menu > li > a { display: block; width: 100%; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.toggle { display: block; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none;}
	#toggle:checked ~ .menu { display: block; opacity: 1;height:auto;position:absolute;z-index:500;}
	
}

@media only screen and (max-width: 767px){
	#menu-wrapper{position:absolute;left:0;top:15px;}
	.menu { display: none; opacity: 0; width: 100%;}
	.menu > li { display: block; width: 100%; margin: 0; }
	.menu > li > a { display: block; width: 100%; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.toggle { display: block; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none;}
	#toggle:checked ~ .menu { display: block; opacity: 1;height:auto;position:absolute;z-index:500;}
	
}



/*--------------------------------
 Presentation Styles (Editable)
---------------------------------*/
#menu-wrapper{
	width:100%;
	min-height: 60px;
	height: auto;

}

#menu{
	width:1024px;
	text-align:center;
	margin:0 auto;
	position:relative;
	font-family:texgyreadventorregular, Arial, Helvetica, sans-serif;
	/**font-weight:bold;**/
	color:#747474;
	font-size:70%;
}

/*CSS Hacks solo chrome*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
#menu {
	letter-spacing:-0.5pt;
}
}

/* FIN CSS Hacks*/

.etiqueta{
	display:none;
}


.menu{
	padding:0px 0px 0px 8px;
	margin:0;
	list-style:none;
	position:relative;
	margin:0 auto;
}

.menu > li > a{
	color:#747474;
	height:40px;
	margin-right:15px;
	padding-top:10px;
	display:block;
	text-decoration:none;
	line-height: 1.2;
	border-top:3px solid #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
}

.menu > li > a:hover{
	border-top:3px solid #fecd20;
}

.toggle{ 
	z-index: 2; 
}

.menu > li.seleccionado{
		padding-top:10px;
		height:35px;
		margin-right:15px;
		display:block;
		line-height: 1.2;
		color:#727272;
		border-top:3px solid #fecd20;
		font-weight:bold;
			
}

.menu > li.seleccionado > a{
	color:#000;
}

@media only screen and (max-width: 959px){
	#menu-wrapper{
		padding-top:0;
		border:0;
	}
	
	#menu {
		width:100%;
		margin:0;
		padding:0;
	}
	
	.menu{
		width:100%;
		height:auto;
		text-align:center;
		margin-top:25px 0px 0px 0px;
		padding:0;
	}
	
	.menu > li{
		width:100%;
		text-align:center;
		float:none;
	}
	
	
	.menu > li > a{
		width:100%;
		float:none!important;
		height:28px;
		display:block;
		background:#ffffff;
		border-bottom:1px solid #7c7c7c;
		border-top:0px!important;
		padding:6px 0;
		margin:0;
	}
	
	
	.menu > li.seleccionado{
		width:100%;
		height:28px;
		float:none;
		display:block;
		background:#ffffff;
		padding:6px 0;
		margin:0;
		color:#000;
		border-bottom:3px solid #fecd1e;
		border-top:0px !important;	
	}

	.menu > li > a:hover, .menu > li > a:focus{
		border-bottom:3px solid #fecd1e;
	}
	
	.menu > li.seleccionado > a{
		border-bottom:0;
		padding:0;
		height:10px;
	}
	
	.toggle:after {
		content: ' ';
		display: block;
		width: 20px;
		margin:0 0 0 3%;
		padding: 15px;
		background: #fecd1e url(../img/menu.png) center no-repeat;
		text-align: center;
		text-transform:uppercase;
		font-size:14px;
		color: #FFFFFF;
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; 
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	
	.toggle:hover:after{
		background: #e2001a url(../img/menu.png) center no-repeat;
	}
	
	#toggle:checked + .toggle:after{
		content: ' ';
	}
	
	.toggle:after{ 
		float: none; 
	}
	.etiqueta{
		display:block;
		margin:0;padding:0;
		position:absolute;
		left:10%;
		top:8px;
	}
}

@media only screen and (max-width: 767px){
	#menu-wrapper{
		padding-top:0;
		border:0;
	}
	
	#menu {
		width:100%;
		margin:0;
		padding:0;
	}
	

	.menu{
		width:100%;
		height:auto;
		text-align:center;
		margin:0;
		padding:0;
	}
	
.menu > li{
		width:100%;
		text-align:center;
		float:none;
	}
	
	
	.menu > li > a{
		width:100%;
		float:none!important;
		height:28px;
		display:block;
		background:#ffffff;
		border-bottom:1px solid #7c7c7c;
		border-top:0px!important;
		padding:6px 0;
		margin:0;
	}
	
	
	.menu > li.seleccionado{
		width:100%;
		height:28px;
		float:none;
		display:block;
		background:#ffffff;
		padding:6px 0;
		margin:0;
		color:#000;
		border-bottom:3px solid #fecd1e;
		border-top:0px !important;	
	}

	.menu > li > a:hover, .menu > li > a:focus{
		border-bottom:3px solid #fecd1e;
	}
	
	.menu > li.seleccionado > a{
		border-bottom:0;
		padding:0;
		height:10px;
	}
	
	.toggle:after {
		content: ' ';
		display: block;
		width: 20px;
		margin:0 0 0 3%;
		padding: 15px;
		background: #fecd1e url(../img/menu.png) center no-repeat;
		text-align: center;
		text-transform:uppercase;
		font-size:14px;
		color: #FFFFFF;
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; 
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	
	.toggle:hover:after{
		background: #e2001a url(../img/menu.png) center no-repeat;
	}
	
	#toggle:checked + .toggle:after{
		content: ' ';
	}
	
	.toggle:after{ 
		float: none; 
	}
	.etiqueta{
		display:block;
		margin:0;padding:0;
		position:absolute;
		left:14%;
		top:8px;
	}
}