/*css_menu_v1.0_06/26/2017*/
/* FLEX */
.height-flex-menu{
    display: flex !important;
    min-height: 100%;
    margin: auto;
	width:100%;
}
.height-flex-icons{
    display: flex !important;
    min-height: 100%;
    margin: auto;
}
.middle-screen-text{
	display: table-cell;
    vertical-align: middle;
}
/* fin flex 
-----------------------------------------
/* MENU */
.logo-img{
	max-height:75px;
	height:70px;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    right: 100%;
    left: auto;
    margin-top:-9px;
    margin-left:-1px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a.flec-left:after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-right: 4px solid;
	border-bottom: 4px solid transparent;
	border-top: 4px solid transparent;
	float: left;
	position: absolute;
	left: 8px;
	top: 12px;
	display:none;
}
.dropdown-submenu>a.flec-right:after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-left: 4px solid;
	border-bottom: 4px solid transparent;
	border-top: 4px solid transparent;
	float:right;
	position: absolute;
	right: 8px;
	top: 12px;
}
.dropdown-submenu:hover>a.flec-left:after {
    border-right-color:var(--negro-075);
}
.dropdown-submenu:hover>a.flec-right:after {
    border-left-color:var(--negro-075);
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}
.my-sm-3{
	margin: auto !important;
	margin-top:0;
	margin-bottom:0;
}
.navbar-light .navbar-nav .nav-link {
	color: var(--negro-075);
	font-weight:bold;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: var(--gris-alto-055);
	text-decoration: underline;
}
.dropdown-item{
	white-space:nowrap;
	color:var(--negro-075);
}
.dropdown-item:hover{
	color:var(--negro-1);
	background:var(--gris-bajo-025);
}
.dropdown-submenu > a.flec-left:after, .dropdown-submenu:hover>a.flec-left:after {
    border-right-color:var(--prima-alto-05);
}
.logo-grey{
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	position:relative;
	width:auto;
}
.logo-grey:hover{
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.navbar-toggler{
	background:var(--blanco-075);
	margin-top:10px;
}
.logo-grey img{
	height:25px;
}
.horario{
	font-size:10px;
}

.mega-dropdown {
  position: static !important;
}
.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 1px;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
  display: block;
  color: #222;
  padding: 3px 5px;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
}
.mega-dropdown-menu .dropdown-header {
  font-size: 18px;
  color: #ff3546;
  padding: 5px 60px 5px 5px;
  line-height: 30px;
}
.mega-dropdown-menu li{
	width:20%;
	float:left;
	text-align:center;
	font-size: 0.85rem;
}
/* SEARCH BUTTON */
.btn-circle{
	width: 35px;
    height: 35px;
    margin-top: 0px;
    padding: 0px 1px;
    border: 2px solid var(--gris-alto-02);
    border-radius: 10%!important;
    font-size: 28px;
    color: var(--blanco-1);
    background: var(--negro-05);
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}
.btn-circle:hover{
	background: var(--negro-08);
}
.btn-circle:hover i{
	color: var(--blanco-1);
}

.form-inline .form-control {
    padding: 0.4rem 0.75rem;
	font-family: 'Roboto Condensed', sans-serif;
	color:var(--negro-08);
}
.form-inline .form-control:focus{
	color:var(--negro-08);
}
.btn-search i{
	line-height: 29px;
}
.form-inline .form-control::placeholder{
	font-family: 'Roboto Condensed', sans-serif;
	color:var(--negro-08);
}
input[type="text"]:focus{
	border:solid 1px var(--negro-07);
}
@media (min-width: 768px){
	.navbar.top-nav-collapse {
		padding: 0;
		background: var(--blanco-1);
		border-bottom: var(--prima-alto-075);
		box-shadow: 0px 0px 4px var(--negro-075);
	}
	.navbar{
		-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
		-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
		transition: background .5s ease-in-out,padding .5s ease-in-out;
		background:var(--blanco-1);
		box-shadow:0px 0px 4px var(--negro-075);
	}
	.dropdown-menu{
		top:auto;
	}
}
@media (max-width: 997px){
	.navbar-toggleable-md .navbar-nav .dropdown-menu {
		position: static;
		float: left;
	}
	.mov-100{
		width:100%;
	}
	.navbar{
		padding: 0rem;
		background:var(--blanco-1);
		box-shadow:0px 0px 4px var(--negro-075);
	}
	.navbar-light .navbar-toggler {
		background:var(--blanco-075);
		margin-top:10px;
	}
	.navbar-nav{
		padding-right:0 !important;
		height: 100%;
		top: 0px;
		position: relative;
		float: left;
	}
	.logo-img{
		width:auto;
	}
	.navbar-toggler{
		z-index:5000;
	}
	.nav-item, .dropdown{
		text-align:center;
	}
	.mr-2 {
		margin-right: 0rem !important;
	}
	.dropdown-submenu>.dropdown-menu {
		margin-top:6px;
	}
	.my-sm-3{
		margin: 1rem !important;
	}
	.height-flex-menu{
		display: block !important;
	}
	.height-flex-icons{
		display:  !important;
	}
	#menu-page{
		overflow-y: scroll !important;
		max-height: 100%;
		min-height:100%;
		position: fixed;
		float: left;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		max-width:100%;
		background: var(--blanco-1);
		word-break: break-all;
		word-wrap: normal;
	}
	.dropdown-item{
		white-space:normal;
	}
	.logo-grey {
		float:left;
	}
	.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
		color: var(--prima-alto-05);
	}
	.navbar-light .navbar-nav .nav-link {
		color: var(--negro-075);
	}
}
@media (max-width: 767px){
	.mega-dropdown-menu li{
		width:100%;
	}
	.my-sm-3{
		margin-top:5px !important;
		margin-bottom:5px !important;
		margin-left:0px !important;
		margin-right:0px !important;
	}
	.navbar-toggleable-md .navbar-nav .dropdown-menu {
		position: static;
		float: left;
		width:100%;
	}
	.text-right, .text-left{
		text-align:center !important;
	}
	.mov-100{
		width:100%;
	}
}