body, html {
  height: 100%;
}
a{
  text-decoration: none;
}
p{
  font-size:16px;
}

.bg1{
  
  background-image: url('../images/pepesilver-fondo-azul.jpg');
  background-repeat: repeat-x;
  background-position-y: center;
}


.bg2 {
  position: relative;
}

.bg2:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background-image: url('../images/climaideal-baner.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.bg2-content {
  position: relative;
}

.bg3 {
  
  background-image: url('../images/climaideal-logo-copo.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
}

.w3-text-red-ps,.w3-hover-text-red-ps:hover{
  color: #491023;
}
.w3-red-ps,.w3-hover-red-ps:hover{
  background-color: #491023 !important;
  color: #FFFFFF !important;
}
.w3-text-blue-ps{
  color: #0d2a4c;
}
.w3-blue-ps,.w3-hover-blue-ps:hover{
  background-color: #0d2a4c !important;
  color: #ffffff !important;
}
.w3-text-sand-ps{
  color: #f2d3ce;
}
.w3-sand-ps,.w3-hover-sand-ps:hover{
  background-color: #f2d3ce !important;
  color: #000000 !important;
}
.w3-text-purple-ms{
  color: #780465;
}
.w3-purple-ms,.w3-hover-purple-ms:hover{
  background-color: #780465 !important;
  color: #fff !important;
}
.w3-text-sand2-ps,.w3-hover-text-sand2-ps:hover{
  color: #d7b2a9 !important;
}
.w3-border-sand-ps,.w3-hover-border-sand-ps:hover{border-color:#f2d3ce!important}
.w3-border-red-ps,.w3-hover-border-red-ps:hover{border-color:#491023!important}


.w3-ul li {
  border-bottom: none !important;
  padding: 1px 2px;
}
ul ul {
  list-style-type: none !important;
} 

.w3-strong-ci{
  font-weight: 600;
}
/*HOVER IMAGE*/
.container {
  position: relative;
  width: 50%;
  
  }

  .image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
  }

  .middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  
  }

  .container:hover .image {
  opacity: 0.3;
  }

  .container:hover .middle {
  opacity: 1;
  }
  /*Flotante*/
  .whatsapp {
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    z-index:100;
  }
  
  .whatsapp-icon {
    margin-top:13px;
  }
  .w3-image-ps{
    max-width: 350px;
    position: absolute;
    left: 100px;
    z-index: 1;
  }
  .w3-image2-ps{
    width: 100%;
  }
  .w3-min-height{
    min-height:500px;
  }
.tabla-admin th, .tabla-admin td {
  color: dimgray !important;
}


/* For Mobile Portrait View */
@media screen and (max-device-width: 480px) {
  #rotador .w3-large{
    font-size:smaller !important;
  }
  #rotador .w3-xlarge{
    font-size:small !important;
  }
  #rotador .w3-xxlarge{
    font-size:large !important;
  }
  #rotador .w3-xxxlarge{
    font-size:larger !important;
  }
  #rotador .w3-jumbo{
    font-size:x-large !important;
  }
  h2,h3{
    line-height: inherit !important;
    padding-left: 0px !important;
    margin-left: 0px !important;
  }
  .w3-image-ps{
    max-width:241px; position:absolute;
  left:100px;
    z-index: 1; 
  }
  .w3-image2-ps{
    
    max-width:100%;height:auto;
  }
  .w3-min-height{
    min-height:250px;
  }
  .w3-display-right {
    position:relative !important;
    top:auto !important;
    right:auto !important;
    transform:none !important;
  }
  .w3-display-left {
    position:relative !important;
    top:auto !important;
    right:auto !important;
    transform:none !important;
  }
  .w3-display-bottomleft {
    position:relative !important;
    top:auto !important;
    right:auto !important;
  }
 
  
    .container .middle {
    opacity: 1;
    }
    .container .image {
      opacity: 0.5;
    }
    .container:hover .image {
      opacity: 1;
      }
}
.general{
  background-color: #060c22;
  background-image:  url('../images/diseno_login_fondo.jpg'); 
  background-repeat: no-repeat;
  background-position:  top center;
  background-size: cover;
}