/* CSS Document */
body {
	
	font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
input:focus,
textarea:focus,
.navbar-toggler:focus,.navbar-toggler:active,
.btn:focus,.btn:active {
   outline: none !important;
   box-shadow: none !important;
}
input:focus,
textarea:focus {
	border: 1px solid #000 !important;
}
div.alert {
	border-radius:0;
}

.zoom-in-cursor {cursor: zoom-in;}

a {
  color:#212529;
  background-image: linear-gradient(120deg, #3f4376 0%, #adb10c 100%);
  background-image: linear-gradient(120deg, var(--main-color1) 0%, var(--main-color2) 100%);
  background-repeat: no-repeat;
  background-size: 100% 0.1em;
  background-position: 0 100%;
  transition: background-size 0.25s ease-in;
  text-decoration:none;
  /*
  NO FUNCIONA AUNQUE CUMPLE ESPECIFICACION, SOLO EN ALGUN NAVEGADOR DE MICROSOFT!! SORPRENDIDO :|
 -webkit-transition: .2s background-image;
  -o-transition: .2s background-image;
  transition: .2s background-image;
 */
}
a:hover {
  	color:#212529;
	background-image: linear-gradient(120deg, #adb10c 0%, #3f4376 100%);
	background-image: linear-gradient(120deg, var(--main-color2) 0%, var(--main-color1) 100%);
	text-decoration:none;
}
.partner a,
div.imagenleft > a,
.navbar a, .topbar a,
a.btn {
	background-image: none;
}

#top-menu {
	background-color:#fff;
	border-bottom:4px solid #3f4376;
	border-bottom:4px solid var(--main-color1);
	padding:0px;
	-webkit-box-shadow: 0px 0px 62px -3px rgba(0,0,0,0.51);
	-moz-box-shadow: 0px 0px 62px -3px rgba(0,0,0,0.51);
	
	box-shadow: 0 7px 25px -2px rgba(0,0,0,0.51);
}


#top-menu a.principal {
	color:#3f4376;
	color:var(--main-color1);
	border-radius:5px;
	margin:0;
	border:1px solid #fff;
	text-decoration:none;
	text-transform:uppercase;
}



/*
#top-menu li.active a.principal {
	background-color:#fff;
	border:1px solid #3f4376;
	border:1px solid var(--main-color1);
}
#top-menu a.principal:hover {
	
	background-color:#f0f0f0;
	background-color:var(--main-color3);
	
	
}
*/
#top-menu li.active a.principal::after,
#top-menu a.principal::after,
#top-menu li.active a.principal::before,
#top-menu a.principal::before {
	display:inline-block;
	
	opacity:0;
	color:#adb10c;
	color:var(--main-color2);
	font-size:135%;
	
}

#top-menu li.active a.principal::before,
#top-menu a.principal::before {
	transform:translateX(20px) translateY(1px);
	content:'[';
	margin-right:3px;
}
#top-menu li.active a.principal::after,
#top-menu a.principal::after {
	transform:translateX(-20px) translateY(1px);
	content:']';
	margin-left:3px;
}
#top-menu li.active a.principal::after,
#top-menu li.active a.principal::before,
#top-menu a.principal:hover::after,
#top-menu a.principal:hover::before {
	opacity:1;
	transform:translateX(0px)  translateY(1px);
	transition: opacity .2s ease, transform .2s ease;
}

div.topbar {
	background-color:#fff;
	border-top-color:#3f4376;
	border-top-color:var(--main-color1);
	border-top-width:2px;
	border-top-style:solid;
	border-bottom:1px solid #cbd8d8;
	display:block;
	width:100%;
}
div.topbar li.nav-item  {
	
}


a.navbar-brand img {
	height:80px;	
	transition: ease-in 0.25s;
	opacity:0;
}
a.navbar-brand {

	background:url(/source/logos/logo320x120.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(/source/logos/logo-mpwebprogrammer.svg);
}



#top-menu.mpsticky a.navbar-brand img {
	height:60px;	
}

nav#top-menu > div.container {
	padding-left:0px;
}
ç
div[aria-labelledby=idiomaDropdown] {
	font-size:13px;
}
div[aria-labelledby=idiomaDropdown] img {
	max-width:20px;	
}
div.topbar li.nav-item > a,
div.topbar li.nav-item > span > a {
font-size:12px;
line-height:17px;
padding:0 0;
}
div.topbar nav.navbar {
	padding-left:0px;	
}
@media only screen and (max-width : 768px) {
	#navbarMenuContent a {
		margin:5px 0px !important;
		padding: 8px 5px !important;
		text-align:center;
	}
	
}


footer {
	background-color:#3f4376;
	background-color:var(--main-color1);
	color:#fff;
	
}


nav#top-menu > div.container > h1 {
		margin-bottom:0px !important;
}