body 
{
    padding: 0;
    margin: 0;
    background-color: 0,169,224;
    background-color: #00a9e0;
    background-image: url(Fondo.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    background-size: cover;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        
}

  .form-control
  {
    font: size 12pt;
  }
  
  input[type=text], input[type=number], input[type=radio], input[type=button], input[type=number], input[type=select]{
    font: size 12pt;
  }

  .bckgroundimg{
    background-color: 0,169,224;
    background-image: url("Fondo3.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    background-size: cover;
    height: 100vh;
    width: 100%;
  }
  
  .text-blue{
    color: #1e22aa;
  }

  .text-white{
    color: white;
  }
    .menu-fix{
    position: fixed;
    top: 0;
    right: 15%;
    left: 15%;
    z-index: 1030;
  }
  
  .flotante {
    display:scroll;
    position:fixed;
    bottom: 5px;
    Left: 5px;
    height: 110px;
    width: 110px;
    padding-right: 10px;
  }

  .bckgroundimg1{
    background-color: 0,169,224;
    background-image: url("Fondo8.png");
    background-repeat: no-repeat;
    background-position: right top;
    background-attachment: fixed;
    background-size: cover;
    height: 100vh;
    width: 100%;
  }

  .bckgroundimg2{
    background-color: rgba(6, 147, 211, 0.7);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-attachment: fixed;
    background-size: cover;
    /*height: 90vh;*/
    width: 100%;
  }
  
  .bckgroundimg3{
    background-color: 0,169,224;
    background-image: url("Fondo1.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    background-size: cover;
    
    height: 100vh;
    width: 100%;
  }
  .carousel-fix{
      border-style: groove;
      border-width: medium;
      border-color: black;
  }
  
  @media only screen and (min-width: 1400px) {
    .carousel-fix {
      height: 600px; 
    }
    .graphic-fix {
       
        width: auto; 
        height: 593px;
    }
    
    .title-faqs{
      padding-top: 150px;

    }
    
    .main-container{
        width: 100%;
    }
  }
  
  @media only screen and (max-width: 1366px) {
    body{
      background-color: #00a9e0;
      font-size: small;
    }

    .form-control{
      font-size: small;
    }
    
    input[type=text], input[type=number], input[type=radio], input[type=button], input[type=number], input[type=select]{
      font-size: small;
    }
    
    

  }


  @media only screen and (min-width: 992px) {
    .phone-view
    {
    display: block;
    }
.phone-view1
    {
    display: none;
    }
  .carousel-fix {
        height: 400px; 
      }
  .graphic-fix {
         
          width: auto; 
          height: 393px;
      }
  .title-faqs{
        padding-top: 100px;
        height: 100px;
      }
  .main-container{
          width: 90%;
      }
  
  .sm-table{
        font-size: 10pt;
      }
}

@media only screen and (max-width: 991px) 
{
    
    .phone-view
    {
    display: none;
    }
	.phone-view1
    {
    display: block;
    }
    body
    {
      background-image: url(Fondo2.png);
      background-color: #00a9e0;
      font-size: small;
    }

    .cel-view
    {
      display: none;
      padding-top: 40px
    }
    
    .cel-view1
    {
      padding-top: 40px
    }

    .top
    {
      padding-top: 40px
    }

    input[type=text], input[type=number], input[type=radio]{
      font-size: small;
    }

    .carousel-fix {
      height: 300px; 
    }
        
    .graphic-fix {
        
        width: auto; 
        height: 293px;
        padding: 10px;
    }

    .bckgroundimg1{
      background-color: 0,169,224;
      background-image: url("Fondo2.png");
      background-repeat: no-repeat;
      background-position: center top;
      background-attachment: fixed;
      background-size: cover;
      padding: 15px;
      height: 100vh;
      width: 100%;
    }

    .bckgroundimg3{
      background-color: 0,169,224;
      background-image: url("Fondo2.png");
      background-repeat: no-repeat;
      background-position: center top;
      background-attachment: fixed;
      background-size: cover;
      padding: 15px;
      height: 100vh;
      width: 100%;
    }

    .cel-table{
      font-size: 10pt;
    }
    .flotante {
      display:scroll;
      position:fixed;
      height: 80px;
      width: 80px;
      left: 80%;
      top: 80%;
    }

}