/* DETALLES */

.barratop{
	font-size: 14px;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 12px 5px 7px 5px;
    background: linear-gradient(0deg, #fafafa, #fbfbfb);
}

.barratop a{
	text-decoration: none;
	touch-action: none;
}

.barratop a:hover{
	text-decoration: none;
 	outline-width: 0px !important;
    user-select: none !important;
}
.barratop a:active{
	text-decoration: none;
    outline-width: 0px !important;
    user-select: none !important;
}
.barratop a:focus{
	text-decoration: none;
    outline-width: 0px !important;
    user-select: none !important;
}

#detalle_telf{
    margin-left: 5px;
    margin-right: 5px;
}

#detalle_tax{
    margin-left: 5px;
    margin-right: 5px;
    font-weight: 600;
    color: #505050;
	font-family: 'Trebuchet MS';
}

.etiqueta_detalle{
    font-weight: 500;
    color: #383838;
}

.etiqueta_mastercom a{
	color: #8f1712;
}

#detalle_tax span a{
    display: contents;    
}

#social_detalle{
	display: flex;
    text-align: left;
    align-items: end;
    justify-content: flex-end;
}

@media screen and (max-width: 1645px) {
    #social_detalle{        
        width: 100%;
        padding-top: 5px;
        text-align: center;;
    	align-items: center;
    	justify-content: center;
    }
    #detalle_correo{
        text-align: center;
        align-items: center;
        justify-content: center;
        width: 100%;
        display: flex;
    }
    
    #topmenu_detalle{
        width: 100%;
    }
}


/* Otros Detalles */
.logo_mc{
	display: inline;
	padding: 0px 14px;
    color: #e8b522;
}

#menu{
	background:#464646;
	color:#eee;
	height:49px;
	background: linear-gradient(0deg, #facc4e, #f5bc10);
    display: inline-block;
    width: 100%;
}
#menu ul{
	text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
}
#menu ul,#menu li{
	margin:0;
	padding:0;
	list-style:none;
}

#menu ul{height:49px}
#menu li{float:left;display:inline;position:relative;font:bold 13px Arial;}
#menu li a{
	color: #292929;

}
#menu a{
	display:block;line-height:35px;padding:0 18px;text-decoration:none;color:#333;
}
#menu li:hover > a,#menu li a:hover{
	color: #3259a0;
}
#menu input{display:none;margin:0 0;padding:0 0;width:80px;height:35px;opacity:0;cursor:pointer}
#menu label{font:bold 30px Arial;display:none;width:35px;height:36px;line-height:36px;text-align:center}
#menu label span{
	font-size: 14px;
    left: 40px;
    align-items: center;
    color: #292929;
    font-weight: 100;
    position: absolute;
    width: max-content;
}

#menu ul.menus{
	height:auto;overflow:hidden;width:180px;background:#fff;position:absolute;z-index:99;display:none;border:1px solid #ccc;border-top:none;color:#333;
	text-align: left;
}
#menu ul.menus a{color:#333}
#menu ul.menus li{display:block;width:100%;font:12px Arial;text-transform:none;}
#menu li:hover ul.menus{display:block}
#menu a.prett,#menu a.trigger2{
	padding:0 27px 0 14px;
}
#menu li:hover > a.prett,#menu a.prett:hover{background:#fff;color:#333}
#menu a.prett::after{
	content:"";width:0;height:0;border-width:6px 5px;border-style:solid;
	border-color:#3d3d3d transparent transparent transparent;position:absolute;top:15px;right:9px
}
#menu ul.menus a:hover{
	background:#f1f1f1;
}
#menu a.trigger2::after{content:"";width:0;height:0;border-width:5px 6px;border-style:solid;border-color:transparent transparent transparent #eee ;position:absolute;top:13px;right:9px}

@media screen and (max-width: 890px){
	#menu{position:relative}
	#menu ul{
		background: #333333;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none;
	}
	#menu ul.menus{width:100%;position:static;border:none}
	#menu li{display:block;float:none;width:auto;text-align:left}
	/* Item Principal*/
	
	#menu li:hover > a.prett,#menu a.prett:hover{
		background: transparent;
		color: #3259a0;
	}

	#menu ul.menus a{
		background: #facc4e;
		border: 1px dashed #d09f10;
	}
	/* Item Secundario */
	#menu ul.menus a:hover{
		background: #f5bc10;
	}
	#menu input,#menu label{
	    position: absolute;
	    top: 5px;
	    left: 0;
	    display: block;
	    color: #292929;
	}
	#menu input{z-index:4}
	#menu input:checked + label + span{
		color: #deaf6f;
	}
	#menu input:checked ~ ul{
		display:block;
		background: linear-gradient(0deg, #facc4e, #f5bc10);
    	border: 1px dashed #d09f10;
	}

	#menu a {
    	padding: 0px 14px;
	}

	.logo_mc a img{
		padding-top: 10px;
	}
	
}