@media only screen and (max-width: 935px) {
  #principal{
    position: relative;
    padding-left: 3%;
    padding-right: 3%;
  }
}

@media only screen and (min-width: 771px) {
  #principal{
    position: relative;
    flex-grow:1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content:center;
    align-items:flex-start;
    align-content:space-around;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    padding-left: calc((100% - 935px) / 2);
    padding-right: calc((100% - 935px) / 2);

    min-width: 100%;
    width: 100%;
    max-width: 935px;
  }

  #minimenuextendido{
    display: flex;
    display: none;
  }

}

/*
@media only screen and (min-device-width : 250px) and (max-device-width : 770px) {
nav{
display: none;
max-height: 0px;
}

#minimenu{
display: -webkit-flex;
display: flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-flow: row wrap;
-webkit-flex-flow: row wrap;
}

#minimenuextendido{
display: none;
}

#header{
max-height: 100px;
position: absolute;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
}

header{
position: absolute;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
}

header #logo-header{
transition: all 1s ease-out 2s;
min-width: 100%;
max-width: 100%;
min-height: 100%;
}

header #logo-header img{
display: block;
position: relative;
min-height: 80px;
max-height: 95px;
top:3px;
left:10px;
}

#header-contactanos{
display: none;
}

body {
background-color: white;
}

#contenido{
min-width: 100%;
max-width: 100%;
}

item-encabezado{
max-width: 60%;
background-color: pink;
}

#contenedor{
min-width: 100%;
max-width: 100%;
}

#principal{
position: relative;
flex-flow: column wrap;
-webkit-flex-flow: column wrap;
margin-top:130px;
}

.pagina{
min-width: 100%;
width: 100%;
max-width: 100%;
}

.item .mini-item{
min-width: 100%;
width: 100%;
max-width: 100%;
}

.partner:nth-child(odd){
flex:1 1 33%;
align-content: center;
align-items: center;
justify-content:center;
}

.partner:nth-child(even){
flex:1 1 33%;
align-content: center;
align-items: center;
justify-content:center;
}

#slider{
display: none;
}

#header{
background-color: rgba(0,95,171,.8);
}

#logo-header{
background: radial-gradient(circle,rgba(255,255,255,.2) , rgba(0,95,171,0.0));
}
}
*/

@media only screen and (max-width: 770px) {
  nav{
    display: none;
    max-height: 0px;
  }

  #minimenu{
    display: block;
    position:fixed;
    top:0px;
    left:0px;
   // display: -webkit-flex;
   // display: flex;

   // display: -webkit-box;
   // display: -moz-box;
   // display: -ms-flexbox;
    //display: -webkit-flex;
    //display: flex;
    //flex-flow: row wrap;
    //-webkit-flex-flow: row wrap;
    z-index:10;
  }

  #minimenuextendido{
    display: none;
  }

  #header{
    max-height: 100px;
    max-width: 100%;
    position: absolute;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
  }

   header #logo-header{
    transition: all 1s ease-out 2s;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
  }

  header #logo-header img{
    display: block;
    position: relative;
    min-height: 80px;
    max-height: 95px;
    top:3px;
    left:10px;
    margin: 0px auto;
  }

  #header-contactanos{
    display: none;
  }

  body {
    padding-top: 35px;
    background-color: white;
    max-width: 100%;
  }

  #contenido{
    min-width: 100%;
    max-width: 100%;
  }

  item-encabezado{
    max-width: 60%;
    background-color: pink;
  }

  #contenedor{
    min-width: 100%;
    max-width: 100%;
    display: block;
  }

  #principal{
    position:relative;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    margin-top:130px;

    max-width: 100%;
    margin-bottom: 1px;

    clear: both;
  }

  .pagina{
    min-width: 100%;
    width: 100%;
    max-width: 100%;
  }

  .item .mini-item{
    min-width: 100%;
    width: 100%;
    max-width: 100%;
  }

  .partner:nth-child(odd){
    flex:1 1 33%;
    align-content: center;
    align-items: center;
    justify-content:center;
  }

  .partner:nth-child(even){
    flex:1 1 33%;
    align-content: center;
    align-items: center;
    justify-content:center;
  }

  #slider{
    display: none;
  }

  #header{
    background-color: rgba(0,95,171,.8);
  }

  #logo-header{
    background: radial-gradient(circle,rgba(255,255,255,.2) , rgba(0,95,171,0.0));
  }

  #lateral{
     display: block;
    min-width: 100%;
    max-width: 100%;
    clear: both;
  }

}





@media only screen and (max-width: 500px) {

  .liga{
    position: relative;
    flex-grow:1;
    max-width:100%;
    min-height:100px;
    max-height:100px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    align-content: stretch;
    align-items: stretch;
    justify-content: center;
    margin-bottom: 30px;
  }


  .boton-liga, .url-liga{
    position: relative;
    flex-grow: 1;
    min-height:50%;
    max-height: 50%;
    min-width:100%;
    max-width:100%;
    border-radius: 100px;
    box-shadow: inset 0px 1px 2px -1px white;

    display: -webkit-flex;
    display: flex;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;

    justify-content: center;
    align-content: center;
    align-items: center;
    cursor: pointer;
    box-sizing: border-box;

    margin: 0px;
    left: 0px;
  }

  .boton-liga{
    background-color: rgb(213, 100, 0);
    border-top: solid 1px rgb(213, 100, 0);
    padding-left: 20px;
    padding-right: 20px;
    z-index: 2;
    box-shadow: 0px 5px 2px -1px rgba(70,70,70,.8),inset 0px 1px 2px -1px white;
    cursor: default;
    border-radius: 100px 100px 0px 0px;


  }

  .url-liga{
    background-color: yellowgreen;
    border-top: solid 1px yellowgreen;
    border-radius: 0 0 100px 100px;
    cursor: pointer;
    z-index: 1;

  }

  .boton-liga p{
    font-family: sans-serif;
    color: white;
    font-size: 10pt;
    text-shadow: 0px -1px 0px  rgba(100,100,100,.8);
    white-space: wrap;
    text-align: center;

  }

  .url-liga p{
    font-family: sans-serif;
    color: gray;
    font-size: 10pt;
    text-shadow: 0px -1px 0px  rgba(70,70,70,.8);
    font-weight: bold;
    // white-space: nowrap;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    max-width: 100%;
  }
}