/* ==========================================================================
   Menu Principal - Estilos del menu de navegacion
   Extraido de estilos.css
   ========================================================================== */

/* Main menu styles */
/*MENU*/

.menu_content{
	margin: 30px 0 0 0;
	position: relative;
}
.cont_menu_in{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.menu_content .dropdown_menu{
	display: block;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: auto;
    max-width: 100%;
}
.menu_content .dropdown_menu button, .menu_content .dropdown_menu button.menu_unimarconi{
	width: 100%;
	background: none;
	border: none;
	color: #005348;
	padding: 34px 5px 45px 5px;
	font-size:17px;
	font-weight: 600;
	outline: none;
}
.menu_content .dropdown_menu button:hover,
.menu_content .dropdown_menu:hover button, .menu_content .dropdown_menu button.menu_unimarconi:hover{
    color: #FF8200;
    text-decoration: none;
}
.menu_content .dropdown_menu button span{
	height: 12px;
	width: 17px;
	background: url("../img/down.png") no-repeat center center;
	display: inline-block;
	margin-left: 6px;
}
.dropdown-menu-serca{
	background: #fff;
	position: absolute;
	left: 0px;
	top: 105px;
	padding: 25px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 100%;
	z-index: 100;
	display: none;
	border-top: 1px solid rgba(230,230,230,1.00);
}
.dropdown-menu-serca .tab-content{
	color: #000;
	padding-left: 40px;
}
.menu_content .dropdown_menu:hover .dropdown-menu-serca{
	display: block;
}
.dropdown-menu-serca .nav-pills a{
	border-radius: 0px;
	background: none;
	font-size: 15px;
	font-weight: 600;
	color: #005348;
	padding: 15px 0;
}
.dropdown-menu-serca .nav-pills a.active,
.dropdown-menu-serca .nav-pills a:hover{
	color: #FF8200;
	background: none;
}
.t_menu{
	text-transform: uppercase;
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 10px;
    color: #FF8200;
}
.dropdown-menu-serca .tab-content .tab-pane ul, .list-menu ul{
	padding: 0px;
	margin: 0px;
}
.dropdown-menu-serca .tab-content .tab-pane ul li, .list-menu ul li{
	padding: 0px;
	margin: 0px;
	font-weight: 600;
	margin-bottom: 17px;
	padding-left: 18px;
	position: relative;
	list-style: none;
}
.dropdown-menu-serca .tab-content .tab-pane ul li:before, .list-menu ul li:before{
	content: "";
	background: #FF8200;
	width: 8px;
	height: 8px;
	position: absolute;
	left: 0px;
	top: 6px;
}
.dropdown-menu-serca .tab-content .tab-pane ul li a, .list-menu ul li a{
	color: #000;
	font-weight: 600;
	font-size: 15px;
}
.dropdown-menu-serca .tab-content .tab-pane ul li a:hover, .vermascursos a:hover, .list-menu ul li a:hover{
	text-decoration: none;
	color: #FF8200;
}
.vermascursos{
	text-align: right;
}
.vermascursos a{
	text-transform: uppercase;
	font-size: 17px;
	font-weight: 600;
	color: #FF8200;
	padding-right: 22px;
	display: inline-block;
	margin-bottom: 20px;
}
.vermascursos a i{
	font-size: 12px;
}
.vermascursos a:hover{
    color: #005348;
}

/* Responsive menu, cerrar_menu, submenu_link_responsive, menu_burguer, media queries */
.logoresponsive{
	padding: 10px;
	margin-bottom: 20px;
}
.logoresponsive img{
	width: 100%;
	height: auto;
}
.cerrar_menu {
    position: fixed;
    right:10px;
    top: 5px;
    display: inline-block;
    z-index: 1001;
}
.cerrar_menu button{
	font-size: 20px;
	color: black;
	background: none;
	border: none;
	outline: none;
}
.cerrar_menu button:hover{
	color: #FF8200;
}
.submenu_link_responsive a{
    border-radius: 0px;
    font-size: 14px;
    font-weight: 600;
    color: #18161d;
	display: block;
	background: url("../img/down.png") no-repeat 97% center #f5fbfc;
    padding: 15px 0;
}
.submenu_link_responsive a:hover, .submenu_link_responsive a:active{
	color: #FF8200;
}
.menuresponsive_cont{
    color: #005348;
    margin-bottom: 30px;
}
.logomovil{
	border-right: 1px solid #676768;
	padding: 20px 0px;
}
.logomovil img{
	max-width: 120px;
	height: auto;
}
.menu_burguer{
	text-align: right;
}
.menu_burguer button{
	margin-top: 21px;
	border: none;
	padding: 0px;
	background: none;
    color: #005348;
	font-weight: 600;
	outline: none;
}
.menu_burguer button:hover{
	opacity: 0.5;
}
.menu_burguer button img{
	margin-left: 5px;
}

@media (min-width: 1105px) {
	.logoresponsive, .cerrar_menu, .menuresponsive_cont, .submenu_link_responsive, .cta_responsive, .logo_aparece_responsive{
		display: none;
	}
}
@media (max-width: 1200px) {
	.menu_content .dropdown_menu button {
		font-size: 16px;
	}
	.menu_content .dropdown_menu button span {
		height: 10px;
		width: 10px;
    	background-size: contain;
	}
}
/* menu responsive */
@media (min-width: 900px) {
	.dropdown-menu-serca{
    	/*left: calc(-50vw + 50% - 114px); antiguo ajuste logo izq.*/
    	left: calc(-50vw + 50%);
    	width: 100vw;
	}
}
/*@media (min-width: 1200px) {
	.dropdown-menu-serca{
		width: 1260px;
		left: -220px;
	}
}*/
@media (max-width: 1105px) {
	.cont_menu_in{
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background: #fff;
		z-index: 1000;
		text-align: left;
		flex-direction: column;
		border-top: 15px solid #005348;
		display: none;
	}
	.cont_menu_in .dropdown_menu, .logoresponsive{
		display: block;
		overflow: inherit;
		z-index: 1;
		position: relative;
		width: 140px;
		flex-grow: initial;
	}
	.cont_menu_in:before {
		width: 140px;
		height: 100%;
		background: #005348;
		position: absolute;
		content: "";
		left: 0;
		top: 0;
	}
	.dropdown-menu-serca {
		width: calc(100% - 140px);
		position: fixed;
		left: inherit;
		right: 0px;
		top: 0px;
		height:100vh;
		overflow-y: auto;
		z-index: 80;
		padding: 0px;
		background: #f5fbfc;
	}
	.dropdown_menu.menu_activo_responsive .dropdown-menu-serca{
		display: block;
	}
	.menu_content .dropdown_menu button, .menu_content .dropdown_menu button.menu_unimarconi{
		text-align: left;
		padding: 10px;
		margin-bottom: 20px;
		display: flex;
    	flex-direction: row;
    	justify-content: space-between;
    	align-items: center;
		color: #fff;
		font-size: 15px;
	}
	.menu_content .dropdown_menu button span{
  		transform: rotate(-90deg);
    	position: absolute;
		height: 19px;
		width: 19px;
		right: 0px;
	}
	.dropdown-menu-serca .tab-content{
		padding-left: 0px;
	}
	.dropdown-menu-serca .nav-pills{
		display: none;
	}
	.dropdown-menu-serca .tab-content .tab-pane ul li a, .list-menu ul li a{
		font-size: 14px;
	}
	.vermascursos{
		margin-top: 15px;
		text-align: left;
	}
	.vermascursos a{
		font-size: 13px;
	}
	.dropdown-menu-serca .tab-content .tab-pane ul li, .list-menu ul li{
		margin-bottom: 8px;
		padding-left: 23px;
	}
	.t_doble{
		margin-top: 20px;
	}
	.de-pad-0{
		padding: 0px;
	}
	.tab-pane.fade.show.active{
		background: #fff;
	}
	.submenu_link_responsive a.nav-link.active{
    	background: url(../img/down.png) no-repeat 97% center #fff;
	}
	.dropdown-menu-serca .tab-content .tab-pane.fade, .submenu_link_responsive a {
		padding: 15px;
	}
}

@media (min-width: 1106px) and (max-width: 1200px) {
	.dropdown-menu-serca{
		top:102px;
	}
}
@media (max-width: 1106px) {
	.dropdown-menu-serca{
		border: none;
	}
}

/* nav-menu-serca, ver_todos_master_menu */
.nav-menu-serca{
	background: #f5fbfc;
	height: 100%;
	margin-left: -15px;
}
.nav-menu-serca a.nav-link{
	background: #f5fbfc;
	padding: 24px 30px;
}
.nav-menu-serca a.nav-link.active{
	background: #fff;
}
.ver_todos_master_menu{
	margin-bottom: 10px;
}
.ver_todos_master_menu a{
	font-size: 12px;
	font-weight: 600;
	color: #005348;
	display: inline-block;
}
.ver_todos_master_menu a i{
	font-size: 10px;
}

/* Badge pack, cont_menu_verpack, mensaje_creapack */
.cont_badge_curso{
	position: relative;
}
.menu_content .dropdown_menu button span.badge_pack{
	display: inline-block;
	position: absolute;
	right: 10px;
	top:15px;
	font-size: 9px;
	font-weight: 700;
	background-color: #F10547;
	background: -webkit-linear-gradient(139deg, #DC3446 0%, #b90a1d 100%);
	background: -o-linear-gradient(139deg, #DC3446 0%, #b90a1d 100%);
	background: linear-gradient(229deg, #DC3446 0%, #b90a1d 100%);
	color: #fff;
	-webkit-border-radius: 50px;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius: 50px;
	-moz-border-radius-bottomright: 0;
	border-radius: 50px;
	border-bottom-right-radius: 0;
	padding: 3px 6px;
	width: auto;
	height: auto;
	transform: none;
}
@media (max-width: 1105px){
	.menu_content .dropdown_menu button span.badge_pack {
		right: inherit;
		top: -13px;
		left: 0px;
		-webkit-border-radius: 50px;
		-webkit-border-bottom-left-radius: 0;
		-moz-border-radius: 50px;
		-moz-border-radius-bottomleft: 0;
		border-radius: 50px;
		border-bottom-left-radius: 0;
	}
}
.cont_menu_verpack{
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 1px solid #e6e6e6;
	text-align: center;
}
.cont_menu_verpack a{
	font-weight: 400;
	background-color: #F10547;
	background: -webkit-linear-gradient(139deg, #DC3446 0%, #b90a1d 100%);
	background: -o-linear-gradient(139deg, #DC3446 0%, #b90a1d 100%);
	background: linear-gradient(229deg, #DC3446 0%, #b90a1d 100%);
	color: #fff;
	font-size: 15px;
	-webkit-border-radius: 50px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 50px;
	-moz-border-radius-topleft: 0;
	border-radius: 50px;
	border-top-left-radius: 0;
	padding: 4px 22px;
	display: inline-block;
	margin-right: 10px;
	border: 2px solid #DC3446;
}
.cont_menu_verpack a:hover{
	background: #fff;
	color: #DC3446;
	text-decoration: none;
}
.mensaje_creapack{
	font-weight: 600;
	color:#DC3446;
	font-size: 13px;
}

@media (max-width: 991px){
	.cont_menu_verpack{
		text-align: center !important;
	}
	.cont_menu_verpack a{
		border-radius: 50px;
		width: 100%;
		font-size: 14px;
	}
}
@media (min-width: 991px){
	.row.cont_zonacursos_pack{
    	align-items: stretch;
		padding-top: 20px;
	}
	.row.cont_zonacursos_pack .col-lg-6{
		display: flex;
		flex-direction: column;
	}
	.row.cont_zonacursos_pack .col-lg-6 .list-menu{
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.cont_menu_verpack{
    	margin-top: auto;
	}
}
@media(min-width: 1105px) and (max-width: 1200px){
	.menu_content .dropdown_menu button span.badge_pack{
		font-size: 9px;
	}
}

/* dropdown-menu-serca override, t_menu padding, ver_todos_master_big */
.dropdown-menu-serca{
	padding-top: 0px;
}
.t_menu{
	padding-top: 20px;
}
.ver_todos_master_big{
	margin: 0px;
	margin-left: -15px;
	margin-right: -40px;
}
.ver_todos_master_big a{
	display: block;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
	padding: 25px 0;
    border-top: 1px solid #e2e3df;
    background: #f7f7f7;
    color: #005348;
}
.ver_todos_master_big a i{
	font-size: 15px;
}
.ver_todos_master_big a:hover{
	text-decoration: none;
    background: #FF8200;
    border-color: #FF8200;
    color: #ffffff;
}
@media (max-width: 1105px) {
	.tab-content{
		padding-top: 20px;
	}
	.ver_todos_master_big{
		margin: 0px;
	}
	.ver_todos_master_big a{
    	font-size: 17px;
		background: none;
	}
	.ver_todos_master_big a:hover{
		background: none;
        color: #FF8200;
	}
}

/* menu_unimarconi styles */
.menu_content .dropdown_menu button.menu_unimarconi{
    display: inline-block;
    text-align: center;
    position: relative;
    padding-left: 38px;
    margin-top: -13px;
    padding-right: 15px;
}
.menu_content .dropdown_menu button.menu_unimarconi span{
    display: block;
}
.menu_content .dropdown_menu button.menu_unimarconi img{
    position: absolute;
    left: 0;
    top: 40px;
}
.menu_content .dropdown_menu button.menu_unimarconi span{
    position: absolute;
    right: 0px;
    top: 54px;
}
@media (min-width: 1105px) {
    img.lo_uni_responsive{
        display: none;
    }
}
@media (max-width: 1105px) {
    img.lo_uni_pc{
        display: none;
    }
	.cont_logo_top{
		display: none;
	}
    .menu_content .dropdown_menu button.menu_unimarconi{
        padding-left: 10px;
        margin-top: 0px;
        text-align: left;
        flex-direction: column;
        align-items: left;
    }
    .menu_content .dropdown_menu button.menu_unimarconi div{
        width: 100%;
    }
    .menu_content .dropdown_menu button.menu_unimarconi img {
        left: 85px;
        top: 18px;
    }
    .pad_oficiales_mov{
        padding-top: 30px;
    }
}
