/** ============================================================================================== **/
/** ============================= Atributos generales del "menu-top" ============================= **/
/** ============================================================================================== **/
.responsive_nav {
	display: none;
}
#menu-top {
	width: 100%; 
	background: #fff; 
	text-align: center;
	box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.1);
}
#menu-top {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99997;
	min-height: 56px;
	width: 100%; 
	background: #fff; 
	text-align: center;
	box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.1);
	-webkit-transform: translate3d(0,-100%,0);
	-moz-transform: translate3d(0,-100%,0);
	-o-transform: translate3d(0,-100%,0);
	-ms-transform: translate3d(0,-100%,0);
	transform: translate3d(0,-100%,0);
	-webkit-transition: -webkit-transform 0.6s;
	-moz-transition: -moz-transform 0.6s;
	-o-transition: -o-transform 0.6s;
	-ms-transition: -ms-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-moz-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-o-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-ms-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
#menu-top .nav-wrap {
	width: 100%;
	float: right;
	background: #fff;
}
#menu-top.show-menu-top {
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition: -webkit-transform 0.6s;
	-moz-transition: -moz-transform 0.6s;
	-o-transition: -o-transform 0.6s;
	-ms-transition: -ms-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-moz-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-o-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-ms-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
/** ############################################################################################## **/



/** ============================================================================================== **/
/** ===================================== Logo del "menu-top" ==================================== **/
/** ============================================================================================== **/
a.logo span.logo_in, 
a.logo span.logo_g, 
a.logo span.logo_out {
	font-size: 30px;
}
a.logo img {
	width: 44px;
	height: 44px;
}
a.logo {
	position: absolute;
	top: 0;
	left: 0; 
	height: 56px;
	text-align: center;  /* align the inline(-block) elements horizontally */
	font: 0/0 a;         /* remove the gap between inline(-block) elements */
}
a.logo:before {    /* create a full-height inline block pseudo=element */
	content: ' ';
	display: inline-block;
	vertical-align: middle;  /* vertical alignment of the inline element */
	height: 100%;
}
a.logo div {
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    font: 16px/1 Arial sans-serif;        /* <-- reset the font property */
}
a.logo div:last-child {
	 padding-left: 5px;
}
a.logo {
	position: relative;
	display: inline-block;
}
a.logo.relleno {
	display: none;
}
/** ############################################################################################## **/



/** ============================================================================================== **/
/** ================================ Menu "idioma" del "menu-top" ================================ **/
/** ============================================================================================== **/
#menu-top .nav-lang {
	display: none;
}
#menu-top .nav-lang ul {
    float: right;
    list-style: none;
    padding: 0px;
    margin: 0px;
    text-align: left;
    display: inline-block;
    background: #fff;
}
#menu-top .nav-lang li {
    float: left;
    display: block;
}
#menu-top .nav-lang li a {
	color: #444;
	display: block;
	font-size: 12px; 
	line-height: 18px; 
	padding-left: 10px;
	padding-right: 10px;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	-o-transition: color 0.3s;
	-ms-transition: color 0.3s;
	transition: color 0.3s;
}
#menu-top .nav-lang li:not(:last-child) a {
	background: url(../images/lang-border-right.png) no-repeat scroll right 6px transparent;
}
#menu-top .nav-lang li:first-child a {
    padding-left: 0px;
}
#menu-top .nav-lang li:last-child a {
    padding-right: 0px;
}
#menu-top .nav-lang li a:hover {
    color: #A00000;
}
#menu-top .nav-lang li.active a {
    font-weight: 600;
}
/** ############################################################################################## **/



/** ============================================================================================== **/
/** =============================== Menu "principal" del "menu-top" ============================== **/
/** ============================================================================================== **/
#menu-top .nav-main {
	display: none;
}
#menu-top .nav-main ul {
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -o-flex;	
	display: -ms-flexbox;
	display: -ms-flex;
	display: flex;
	margin: 0 0 0 auto;
	padding: 0;
	max-width: 910px;
	list-style: none;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-o-box-orient: horizontal;	
	-ms-box-orient: horizontal;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-o-box-pack: center;
	-ms-box-pack: center;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-o-flex-flow: row wrap;	
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-o-justify-content: center;	
	-ms-justify-content: center;
	justify-content: center;
}
#menu-top .nav-main li {
	position: relative;
	z-index: 1;
	display: block;
	margin: 0;
	text-align: center;
	-webkit-flex: 1;
	-moz-flex: 1;
	-o-flex: 1;	
	-ms-flex: 1;
	flex: 1;
}
#menu-top .nav-main a {
	position: relative;
	display: block;
	color: #444;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 10px 0 14px 0;
	font-size: 16px;
	line-height: 24px;
	-webkit-transition: color 0.3s, -webkit-transform 0.3s; 
	-moz-transition: color 0.3s, -moz-transform 0.3s; 
	-o-transition: color 0.3s, -o-transform 0.3s; 
	-ms-transition: color 0.3s, -ms-transform 0.3s; 
	transition: color 0.3s, transform 0.3s;
}
#menu-top .nav-main a:hover {
   color: #D70B00;
	outline: none;
}
#menu-top .nav-main li.active a {
	color: #A00000;
	-webkit-transform: translate3d(0,2px,0);
	-moz-transform: translate3d(0,2px,0);
	-o-transform: translate3d(0,2px,0);
	-ms-transform: translate3d(0,2px,0);
	transform: translate3d(0,2px,0);
}

/** Atributos para mover la linea del MENU cuando se selecciona un item============================ **/
#menu-top .nav-main li:last-child::before {
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 100%;
	height: 4px;
	background: #A00000;
	content: '';
	-webkit-transition: -webkit-transform 0.3s; 
	-moz-transition: -moz-transform 0.3s; 
	-o-transition: -o-transform 0.3s; 
	-ms-transition: -ms-transform 0.3s; 
	transition: transform 0.3s;
}
#menu-top .nav-main li:first-child.active ~ li:last-child::before {
	-webkit-transform: translate3d(-600%,0,0);
	-moz-transform: translate3d(-600%,0,0);
	-o-transform: translate3d(-600%,0,0);
	-ms-transform: translate3d(-600%,0,0);
	transform: translate3d(-600%,0,0);
}
#menu-top .nav-main li:nth-child(2).active ~ li:last-child::before {
	-webkit-transform: translate3d(-500%,0,0);
	-moz-transform: translate3d(-500%,0,0);
	-o-transform: translate3d(-500%,0,0);
	-ms-transform: translate3d(-500%,0,0);
	transform: translate3d(-500%,0,0);
}
#menu-top .nav-main li:nth-child(3).active ~ li:last-child::before {
	-webkit-transform: translate3d(-400%,0,0);
	-moz-transform: translate3d(-400%,0,0);
	-o-transform: translate3d(-400%,0,0);
	-ms-transform: translate3d(-400%,0,0);
	transform: translate3d(-400%,0,0);
}
#menu-top .nav-main li:nth-child(4).active ~ li:last-child::before {
	-webkit-transform: translate3d(-300%,0,0);
	-moz-transform: translate3d(-300%,0,0);
	-o-transform: translate3d(-300%,0,0);
	-ms-transform: translate3d(-300%,0,0);
	transform: translate3d(-300%,0,0);
}
#menu-top .nav-main li:nth-child(5).active ~ li:last-child::before {
	-webkit-transform: translate3d(-200%,0,0);
	-moz-transform: translate3d(-200%,0,0);
	-o-transform: translate3d(-200%,0,0);
	-ms-transform: translate3d(-200%,0,0);
	transform: translate3d(-200%,0,0);
}
#menu-top .nav-main li:nth-child(6).active ~ li:last-child::before {
	-webkit-transform: translate3d(-100%,0,0);
	-moz-transform: translate3d(-100%,0,0);
	-o-transform: translate3d(-100%,0,0);
	-ms-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}
/** ############################################################################################## **/