﻿
/*-------------------Nuevo------------------*/
.mainWrap{
    margin: 0 auto;
    text-align:right;
    background: #FFF;
    height: 67px;
    margin-top: -1%;
}

.navmenu{
display: block;
background: #fff;
height: 120px;
    box-shadow: 6px 20px 10px #8c8989;
    }



.menu{
display:block;
padding-top: 0px;
padding-inline-start: 0px;

margin: 10px auto 10px;
border-radius: 8px;
    padding: 40px 0px 0;
text-align:center;


}

.menu li{
display: inline-block;
position: relative;
z-index:100;
margin-top: 0px;
text-align: center;
}

.menu li:first-child{margin-left:0;}

.menu li a {
border-right: 2px solid #fff;
padding: 6px 15px 6px 15px;
    font-family: "Inter Tight", sans-serif;
    color: #404040;
    font-weight: bold;
    text-decoration: none;
    transition: all 0.2s 
ease;
    font-size: 15px;
-webkit-transition: all 0.2s ease-in-out 0s;
   -moz-transition: all 0.2s ease-in-out 0s;
   -o-transition: all 0.2s ease-in-out 0s;
   -ms-transition: all 0.2s ease-in-out 0s;
   transition: all 0.2s ease-in-out 0s;
  text-align: center;
   top: -2px;
}
  .menu li a.has-submenu::after {
    content: " ▾";
    float: right;
  }

.menu li + li a:before {

 /* content: ' | ';*/
  padding: 0;
  position:relative;
  top: -2px;
  font-size: 27px;
  color: #fff;
}
.menu li + li a.nos:before {
  content: '  ';
  padding: 0;
  position:relative;
  top: 0px;
  color: #9b392c !important;
  font-size: 27px;
}
.menu li + li a.prim:before {
  content: '  ';
  padding: 0;
  position:relative;
  top: 0px;
  color: #9b392c !important;
  font-size: 27px;
}

.menu li + li a.fin:before {
  content: '  ';
  padding: 0;
  position:relative;
  top: -3px;
  color: #9b392c !important;
  font-size: 27px;
}
.menu li .nos
{
    padding: 0px 15px;
    font-size: 20px;
     text-align: center;
}
.menu li .prim
{
    padding: 3px 15px;
    font-size: 15px;
    font-weight:500;
    margin-top: 0px;
     text-align: center;
}
.menu li .fin
{
    padding: 3px 15px;
    font-size: 15px;
    font-weight:500;
    margin-top: 0px;
     text-align: center;
}

/*---------------------------hacer clic----------------------*/
.menu li a:hover, .menu li:hover > a{

  border-bottom: 2px solid #B9935D !important;
    font-weight: bold;
/*height: 46px;
/*border-bottom: 2px solid;*/
}
#fin
{
	padding-right: 0px;
}
.menu ul {display: none;
margin: 0;
padding: 0;
width: 100%;
position: absolute;
top: 20px;
left: 0px;
background: #ffffff;
 color: #95161a !important;
text-align: center;
}

.menu ul li {display:block;
float: none;
background:none;
margin:0;
padding:0;
}
.menu ul li a {
  font-size:12px;
font-weight:normal;
display:block;
color: #fff !important;
border-left:3px solid #ffffff;
background:#95161a;
padding: 10px 0px;}

.menu ul li a:hover, .menu ul li:hover > a{
  text-decoration: none;
  border-bottom: 2px solid #B9935D !important;
    font-weight: bold;
}
.menu li:hover > ul{ 
display: block;
background:#9b392c ;}
.menu ul ul {
left: 149px;
	top: 0px;
}
.mobile-menu{
display:none;
width:100%;
padding:0px;
background:#FFF;
color: #AA2000 !important;
text-decoration:none !important; 
text-transform:uppercase !important;
font-weight:600;
width: 70px;
    font-size: 20pt;
    }
.mobile-menu:hover{
background:#FFF;
color: #AA2000 !important;
text-decoration:none;

}


@media (min-width: 1240px) and (max-width: 1427px) {
.navmenu {

    display: block;
    height: 100px;
}
.menu
{
	    padding-left: 2px;
}
.menu ul {
        top: 28px;
        }
.menu li a {
 padding: 5px;
    font-size: 15px;
    margin-top: 0px;
    height: 36px;  

     }
 .menu li a:hover, .menu li:hover > a {
  height: 36px;
background:#9b392c ;
}
      
     .mobile-menu{
     display:none;
width:100%;
padding:20px;
text-transform:uppercase;
font-weight:600;
width: 19px;
font-size: 20pt;
}
.mobile-menu:hover{
text-decoration:none;
}
..navmenubar-right{
	margin-right: 18px;
}  
}

@media (min-width: 992px) and (max-width: 1239px) {

.navmenu {

    display: block;
    height: 100px;

}
.menu
{
	    padding-left: 1px;
}
.menu ul {
        top: 29px;
        }
.menu li a {

    font-size: 12px;
    margin-top: 0px;
    height: 32px;      
     }
 .menu li a:hover, .menu li:hover > a {
  height: 49px;
  background:#9b392c ;
}
      
     .mobile-menu{
     display:none;
width:100%;
padding:20px;
text-transform:uppercase;
font-weight:600;
width: 19px;
font-size: 20pt;
}
.mobile-menu:hover{
text-decoration:none;
}
..navmenubar-right {
    margin-right: -2px;
    padding: 0 5px;
    }}

/*---------------------------------------
@media only screen and (max-width: 1440px) {*/
@media (min-width: 768px) and (max-width: 991px) {

.mainWrap{
 background: #FFF;
text-align: left;
         width:100%;
        height: 76px;
}


.menu{display:none;

 margin-top: 0px;
     padding: 10px 0px 0;}

.mobile-menu{
display:block;
width: 10%;
    font-size: 30pt;
    color: #AA2000 !important;
        text-align: end;

}
.mobile-menu:hover{
text-decoration:none;
color: #AA2000 !important;
}

.navmenu{
  margin:0;
background:none;
position:static;
height: auto;
box-shadow: 9px 9px 6px #8c8989;
background:#fff;
        }

.menu li{
  display:block;
margin:0;
text-align: justify;}
..navmenubar-right
{
float: none !important;
}
.menu li a {
  background:#ffffff;
color: #95161a !important;
border-top:1px solid #e0e0e0;
border-left:3px solid #ffffff;
}
.menu li a:hover, .menu li:hover > a{
background:#f0f0f0;
color:#AA2000 !important;
border-left:3px solid #9CA3DA;
}

#fin {
  padding-right: 0px;
}

.menu ul {
display:block;
position:relative;
top:0;
left:0;
width:100%;
text-align: left;
}
.menu ul li a {
    font-weight: normal;
    display: block;
    color: #999 !important;
    border-left: 3px solid #ffffff;
    background: #ffffff;
    font-size: 10px;
    margin-left: 30px;
    }

.menu ul ul {left:0;
}

}
/*----------------------Bancos-------------------*/

@media only screen and (max-width: 767px) {
.mainWrap{
 background: #FFF;
text-align: left;
         width:100%;
        height: 76px;
}



.menu{display:none;

 margin-top: 0px;
     padding: 7px 0px 5px;
}

.mobile-menu{
display:block;
width: 70px;
    font-size: 30pt;
    color: #AA2000 !important;

}
.mobile-menu:hover{
text-decoration:none;
color: #AA2000 !important;

}

.navmenu{
  margin:0;
background:none;
position:static;
    height: 1px;
}

.menu li{
  display:block;
margin:0;
}

.menu li a {
  background:#ffffff;
color: #95161a !important;
border-top:1px solid #e0e0e0;
border-left:3px solid #ffffff;
}
.menu li a:hover, .menu li:hover > a{
background:#f0f0f0;
color:#AA2000 !important;
border-left:3px solid #9CA3DA;
}

.menu ul {
display:block;
position:relative;
top:0;
left:0;
width:100%;
text-align: left;
}
.menu ul li a {
    font-weight: normal;
    display: block;
    color: #999 !important;
    border-left: 3px solid #ffffff;
    background: #ffffff;
    font-size: 10px;
    margin-left: 30px;
    }

.menu ul ul {left:0;
}
..navmenubar-right
{
float: none !important;
}

@media (max-width: 480px) {

.mobile-menu{
display:block;
width:25px;
color: #AA2000 !important;


}
#buscador
{
	display:none;
}
  .navmenu {

                height: auto;
            background: #fff;
}
#fin
{
	padding-right: 0px;
}

.mobile-menu:hover{
text-decoration:none;
color: #AA2000 !important;

}
..navmenubar-right
{
float: none !important;
}
@media (max-width: 320px) {

.mobile-menu{
display:block;
color: #AA2000 !important;

}
.mobile-menu:hover{
text-decoration:none;
}
..navmenubar-right
{
float: none !important;
}
}

