﻿/* MEGAMENU STYLE
-------------------------------------------------- */
.navbar-collapse {
  /*max-height: 400px;*/
  max-height: 100vh;
  overflow-y: auto;
}

.megamenu{    
    /*display:none;*/
    z-index:10;
    position:fixed;
	z-index:1000;
	top:0;
	width:100%;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
    border-radius: 0;
    /*min-height: 120px;*/
        background: #fff;
}


.megamenu .nav,
.megamenu .collapse,
.megamenu .dropup,
.megamenu .dropdown {
  position: static;  
  background: #fff;

}

.megamenu .nav{
    width:100%
}

.navbar-default .navbar-nav>li{
    /*width:14%;*/
    width: 19.6%;
}

.megamenu .container {
  position: relative;
}
.megamenu .dropdown-menu {
  left: auto;
}
.megamenu .megamenu-content {
  padding: 15px;
}
.megamenu .megamenu-content h3{
margin-top: 0;
    color: #444444;
    font-size: 1.3em;
    font-weight: 600;
}
.megamenu .dropdown.megamenu-fw .dropdown-menu {
  left: 0;
  right: 0;
  background: #ffffffe8;
  font-size: 1.2em;      
}

.megamenu .megamenu-content li{
    color:#000;
}

.megamenu .megamenu-content a{
    color:#000;
}

.megamenu .megamenu-content a:hover{
    text-decoration:none;
    color:#ff6a00;
}

.megamenu .megamenu-content hr{
    border-top: 1px solid #d7d7d7;
}

.megamenu .megamenu-content li .menu-content li{
    margin:15px 0px;
}

.navbar-brand{
        padding: 10px 30px;
}

.navbar-default .navbar-nav>li>a{
    color: #333;
    text-transform: uppercase;
    font-size: 1em;
    min-height: 100px;
    padding-top: 45px;
    font-weight: 600;
    letter-spacing: .3px;
}

.navbar-default .navbar-nav>li>a:hover{
       color: #f47a20;
}



#logo{
    padding-top: 32px;
}



.megamenu .megamenu-content .redes li{
    display: inline-block;
}

.megamenu .megamenu-content .redes li a{
    color: #2f2f2f;
    font-weight: 700;
    font-size: 2em;
    padding: 10px;

}


.megamenu .megamenu-content .btn-primary{
    background-color: #163e00;
    border-color: #163e00;
    }


.dropdown-menu>li>a{
        color: #444444;
}

.megamenu .megamenu-content .img-thumbnail{
     border: none; 
     border-radius: 0px; 
     padding: 0px; 
}


/*****    Estilos BIG SCREEN     ***/
@media (min-width: 2000px) {
.idioma{
    font-size: 18px;
}

.navbar-default .navbar-nav>li>a{
        font-size: 1.2em;
}

}     
/****      Estilos BIG SCREEN        ****/

/************ ESTILOS tablet HORIZONTAL ************/
@media only screen and (max-width: 990px) {

}

/************ FIN ESTILOS tablet HORIZONTAL ************/



/************ ESTILOS tablet ************/
@media only screen and (max-width: 990px) {
.navbar-default .navbar-nav>li{
    width:30%;
    text-align: left;
    margin-left: 15px;
    float: left;
}

.navbar-default .navbar-nav>li>a {
   min-height: 60px;
   padding-top: 20px;
}

.megamenu .megamenu-content h3 {
    font-size: 1.1em;
    margin-top: 15px;
}

.megamenu .megamenu-content li .menu-content li {
    margin: 5px 0px;
}
}

/************ FIN ESTILOS tablet ************/



/********          ESTILOS MOBILE  menor a tablet    ************/
@media only screen and (max-width: 767px) {
.navbar-default .navbar-nav>li{
    width:100%;
        text-align: left;
    margin-left: 15px;
}

.navbar-default .navbar-nav>li>a {
   min-height: 60px;
   padding-top: 20px;
}

.megamenu .megamenu-content h3 {
    font-size: 1.1em;
    margin-top: 15px;
}

.megamenu .megamenu-content li .menu-content li {
    margin: 5px 0px;
}
}

/******** FIN ESTILOS MOBILE menor a tablet ******/

