@media only screen and (min-width : 1224px) {
    #touch_boton{
        display: none;
    }
}

#cont2{
    width: 960px;
}
@media (max-width: 480px) {
    #cont2{    
           width: 400px;
    }
    #normal_boton{
        display: none;
    }
}
.forgotPass{
    float: left;
    margin-left: 5px;
}

.thumbnail {
  display: block;
  margin-rigt: 50%;
  width: 360px;
  height: 412px;
 
  background-color: #fff;
  border: 1px solid #A4A4A4;
  border-radius: 10px;
  -webkit-transition: border .2s ease-in-out;
       -o-transition: border .2s ease-in-out;
          transition: border .2s ease-in-out;
}
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
     .cuadro {
margin-top: 10%;
display: block;
width: 640px;
height: auto; 
background-color: #fff;
border: 1px solid #A4A4A4;
border-radius: 10px;
-webkit-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out;
}
     .cuadro1 {
margin-left: 20%;
margin-top: 5%;
display: block;
width: 750px;
height: 190px; 
background-color: #fff;
border: 1px solid #A4A4A4;
border-radius: 10px;
-webkit-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out;
}
.cuadro1 label{
    
    margin-left: 10%;
    margin-top: 3%;
    width: 25%;
}
label {

    font-weight: normal;
    color: #424242;
  }
  h3{
      font-size: 24px;
      font-weight: normal;
  line-height: 1;
  color: #424242;
  }
  p{
      font-size: 15px;
      color: #424242;
  }
  .alinear{
      margin-left: 10px;
      display: inline-block;
        }
        .alinear2{
      margin-left: 20%;
      display: inline-block;
     
        }
            #permisos{
      margin-left: 35%;
      display: inline-block;
     
        }
   

        .volver{
             width: 100px;
             height: 20px;
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        cursor: hand;
        border: 1px solid #D8D8D8;
        background-color: #D8D8D8;
        }
.boton{        
        width: 120px;
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        cursor: hand;
}
.boton2{
        
        margin-left: 7%;
        width: 125px;
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        cursor: hand;
}
.iframe{
        background-color: #D8D8D8;
        margin-left: 3%;
        width: 125px;
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        margin-top: 10px;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        cursor: hand;
}
.iframe:hover{
        background-color: #434343 ;
    color: #fff;
    
}


#uno {
    float: right;
    border-color: #fff;
    border-style: solid;
}
.boton:hover{
           background-color: #434343 ;
           color: #fff;
       }
.boton2:hover{
    background-color: #434343 ;
    color: #fff;
}
.volver:hover{
    background-color: #434343 ;
    color: #fff;
}
.botonLabroides:hover{
           background-color: #434343 ;
           color: #fff;
       }
.botonLabroides{        
        //*width: 120px;*/
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        cursor: hand;
}