.content {
   
    padding: 0 80px 0 80px;
}


   .logo1 {
position: absolute;
    width: 18%;
    margin-top: 2.6%;
    margin-left: 291px;
    }
 

.logo2 {
    position: absolute;
    width: 23%;
    margin-top: 1.3%;
    margin-left: 247px;
    font-size: 12px;
    }
    
    
.Redes {
    position: absolute;
    width: 19%;
    margin-top: 1%;
    margin-left: 76%;
    font-size: 12px;
    }

/*-------------------Nuevo------------------*/
.mainWrap{
    margin: 0 auto;
    text-align:right;
    background: #FFF;
    height: 67px;
    margin-top: -1%;
}

nav{
display: block;
background: #FFF;
height: 80px;}

.menu{display:block;
padding-top: 9px;
}

.menu li{display: inline-block;
position: relative;
z-index:100;
margin-top: 34px;
}

.menu li:first-child{margin-left:0;}

.menu li a {
/*font-weight:600;*/
text-decoration:none;
padding:25px;
display:block;
color: #999 !important;
font-family: 'Roboto', sans-serif;
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;
}

.menu li a:hover, .menu li:hover > a{
border-color: #AA2000;
  color: #AA2000 !important;
background:#ffffff;
border-bottom: 2px solid;
}

.menu ul {display: none;
margin: 0;
padding: 0;
width: 150px;
position: absolute;
top: 74px;
left: 0px;
background: #ffffff;
 color: #999 !important;
text-align: left;
}

.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: #999 !important;
border-left:3px solid #ffffff;
background:#FFF;
padding: 15px;}

.menu ul li a:hover, .menu ul li:hover > a{
background:#f0f0f0;
border-bottom:none;
border-left:3px solid #AA2000 ;
color: #999 !important;
}

.menu li:hover > ul{ 
display: block;}
.menu ul ul {
left: 149px;
	top: 0px;
}

.mobile-menu{
display:none;
width:100%;
padding:20px;
background:#FFF;
color: #AA2000;
text-transform:uppercase;
font-weight:600;
width: 70px;
    font-size: 20pt;
    }
.mobile-menu:hover{
background:#FFF;
color: #AA2000;
text-decoration:none;
}



@media (min-width: 980px) and (max-width: 1427px) {


.logo2 {
 position: absolute;
    width: 34%;
    margin-top: 1.3%;
    margin-left: 44%;
        font-size: 11px;
            }
.logo1 {
 position: absolute;
    width: 23%;
    margin-top: 2.5%;
    margin-left: 13%;}
.menu ul {
        top: 97px;
        }
.menu li a {
 padding: 27px;
    font-size: 15px;
    margin-top: 20px;       }
       
     .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;
}

  }
/*----------------------------------------
@media only screen and (max-width: 1440px) {*/
@media (min-width: 768px) and (max-width: 979px) {
.menu {
    padding-top: 19px;
}
.logo1 {
    margin-left: 3%;
    margin-top: 2.7%;
    width: 11%;
           }

.logo2 {
    margin-left: 41%;
    margin-top: 1.5%;
    width: 42%;
        font-size: 9px;
        }
.mainWrap{
  width:100%;
   background: #FFF;
  }
.menu ul {
    top: 84px;
}
.menu li a    {
    font-size: 15px;
    padding: 15px;
    margin-top: 31px;
    }


}
.ms-rteFontSize-4
{
	font-size: 130%;

}
.mobile-menu{
display:none;
width:100%;
padding:20px;
text-transform:uppercase;
font-weight:600;
width: 29px;
font-size: 20pt;
}
.mobile-menu:hover{
text-decoration:none;
}


/*----------------------Bancos-------------------*/

@media only screen and (max-width: 767px) {
  .content {
   
    padding: 0 50px 0 50px;
}
/*.menu {
      background: #fffff;
      height: auto;*/

.logo1 {
    position: absolute;
    width: 26%;
    margin-top: 6%;
    margin-left: 26%;
    }
.logo2 {
display:none;
position: absolute;
    width: 26%;
    margin-top: 1.2%;
    margin-left: 46%;
    font-size: 9px;
    }
/*----------------Nuevo---------------------------------*/
.mainWrap{
 background: #FFF;
text-align: left;
         width:100%;
        height: 76px;
}



.menu{display:none;

 margin-top: -8px;}

.mobile-menu{
display:block;
width: 70px;
    font-size: 30pt;
}
.mobile-menu:hover{
text-decoration:none;
}

nav{
  margin:0;
background:none;}

.menu li{
  display:block;
margin:0;
}

.menu li a {
  background:#ffffff;
  color: #999 !important;
border-top:1px solid #e0e0e0;
border-left:3px solid #ffffff;
}

.menu li a:hover, .menu li:hover > a{
background:#f0f0f0;
color:#797979;
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;
}

@media (max-width: 480px) {
.logo1 {
    position: absolute;
    width: 30%;
    margin-top: 9%;
    margin-left: 15%;
    }
.logo2 {
    position: absolute;
    width: 29%;
    margin-top: 1%;
    margin-left: 34%;}
}

.mobile-menu{
display:block;
width:25px;

}
.mobile-menu:hover{
text-decoration:none;
}
@media (max-width: 320px) {

.mobile-menu{
display:block;
}
.mobile-menu:hover{
text-decoration:none;
}

}