.contenidoCentral{
	margin:0 10%;
}

.content {
    padding: 0 80px 0 80px;
}
   .logo1 {
    position: absolute;
    width: 23%;
    margin-top: .5%;
    padding-left: 10%;    }
.logoimg1
{
        width: 32%;
    padding-left: 20px;
}
.ImgPrincipal
{
	width:50% !important;
	height:50% !important;
}
/*-------------------Nuevo------------------*/
.mainWrap{
    margin: 0 auto;
    text-align:right;
    background: #FFF;
    height: 67px;
    margin-top: -1%;
}
nav{
display: block;
background: #424242;
height: 20px;
}
nav1{
display: block;
background: #424242;
height: 100px;
}

.menu{
display:block;
padding-top: 0px;
background:#424242;

}
.menu li{display: inline-block;
position: relative;
z-index:100;
margin-top: 15px;
}
.menu li:first-child{margin-left:0;}

.menu li a {
/*font-weight:600;*/
text-decoration:none;
padding:25px;
display:block;
color: #fff !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;
}
.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: 27pt;
    }
.mobile-menu:hover{
background:#FFF;
color: #AA2000;
text-decoration:none;
}
/*--------------------------------tabla de botones Vista 2-------------------------------*/
input.botoncito
{
	background-color: #757575 !important;
color: #fff !important;
width: 70% !important;
text-align: center !important;
padding: 4% !important;
font-size: 20px;
font-weight: 500;
border-radius: 8px;
}
.tabla_boton
{
	width:80%;

}
.tabla_boton tr {
    border: 0px solid #ddd;
  }


 .tabla_boton td{
  border: 0px solid #ddd;
  vertical-align: top;
    padding: 7px 5px 6px;
    width:33%;

  }

  .tabla_boton th {
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  .logoimg2
{
width: 60%;
        padding-left: 20px;
}
.logoimg3
{
width: 25%;
}
#contentBox
{
	margin: 0 15%;
}

@media (min-width: 980px) and (max-width: 1441px) {
#contentBox
{
	margin: 0 10%;
}
.ImgPrincipal
{
	width:50% !important;
	height:50% !important;
}

.logoimg1 {
width: 34%;
        margin-left: 20px;
        margin-top: 0px;   
 
}
.logo1 {
    position: absolute;
    width: 30% !important;
    margin-top: 7px;
    margin-left: -7%;
  
    
}
.menu ul {
        top: 97px;
        }
.menu li a {
 padding: 27px;
    font-size: 15px;
        margin-top: -3px;       }
       
     .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;
}
input.botoncito {
    width: 97% !important;
}
  .logoimg2
{
width: 60%;
        padding-left: 20px;
}
.logoimg3
{
width: 26%;
}

}
/*----------------------------------------
@media only screen and (max-width: 1440px) {*/
@media (min-width: 767px) and (max-width: 979px) {
#contentBox {
    margin: 0 5%;
}
footer p {
    font-size: 22px;
    line-height: 32px;
    }
    
.ImgPrincipal
{
	width:45% !important;
	height:45% !important;
}

.logoimg1 {
   width: 47%;
}
.menu {
    padding-top: 19px;
}
.logo1 {
    position: absolute;
    width: 30% !important;
    margin-top: 14px;
    margin-left: -7%;
   
   }

.mainWrap{
  width:100%;
   background: #FFF;
  }
.menu ul {
    top: 84px;
}
.menu li a {
    font-size: 18px;
    padding: 15px;
    margin-top: 0px;

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

}
.mobile-menu{
display:none;
}
.mobile-menu:hover{
text-decoration:none;
}
input.botoncito {
    width: 97% !important;
}
  .logoimg2
{
width: 35%;
        padding-left: 10px;
}
.logoimg3
{
width: 15%;
}
}
/*----------------------Bancos-------------------*/

@media only screen and (max-width: 766px) {
#contentBox {
    margin: 0 -13%;
}

.contenidoCentral{
	margin:0 5% !important;

}
.logo1 {
    position: absolute;
    width: 42%;
    margin-top: 0.8%;
}
.logoimg1 {
    width: 45%;
    padding-left: 15px;
}/*
  .logoimg1
{
width: 48%;
   
}

  .logoimg2
{
width: 39%;
}
.logoimg3
{
width: 15%;
}
  .content {
   
    padding: 0 50px 0 50px;
}

.logo1 {
    position: absolute;
    width: 23%;
    margin-top: 13px;
    margin-left: 72%;
        }

.mainWrap{
    background: #424242;
    text-align: left;
    width: 100%;
    height: 96px;
    }

/*--

.menu{display:none;

 margin-top: -8px;}

.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;
font-size:18px;
font-weight:600;
}

.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;
}
#s4-bodyContainer {
 padding-bottom: 0px;

}--*/
footer p {
    font-size: 22px;
    line-height: 32px;
    }

/*-------------------------------------Tabla de botones Vista 2-----------------------------*/
.tabla_boton {
      border: 0;
    }


    .tabla_boton tr {
      margin-bottom: 0px;
      display: block;
    }

    .tabla_boton td {
      display: block;
      text-align: center;
      width:90%;

    }

    .tabla_boton td:last-child {
      border-bottom: 0;
    }

    .tabla_boton td:before {
      content: attr(data-label);
      float: left;
      text-transform: uppercase;
      font-weight: bold;
     
    }
   /*             
@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:70px;

}
nav
{
	    height: 0px;
}
.mobile-menu:hover{
text-decoration:none;
}
footer p {
    font-size: 22px;
    line-height: 32px;
    }

@media (max-width: 320px) {
footer p {
    font-size: 22px;
    line-height: 32px;
    }

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

}


    /*
@media (max-width: 480px) {
.contenidoCentral{
	margin:0 5% !important;
}
  .logoimg1
{
width: 62%;
}

.logo1 {
    position: absolute;
  width: 23%;
    margin-top: 13px;
    margin-left: 72%;    }
.logo2 {
    position: absolute;
    width: 29%;
    margin-top: 1%;
    margin-left: 34%;}
}

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

@media (max-width: 320px) {
.contenidoCentral{
	margin:0 5% !important;
}

.mobile-menu{
display:block;
}
.mobile-menu:hover{
text-decoration:none;
}
.logoimg1
{
width: 80%;
}

  .logoimg2
{
width: 35%;
}
.logoimg3
{
width: 15%;
}

}