@charset "utf-8";
* {
  margin:0;
  padding:0;
  font-family:Arial, Verdana, sans-serif;
}
body {
  padding:0 ;
  line-height: 1.2!important;
  
  background: #fff url(../images/bg.jpg) top center no-repeat;
  background-size: cover;
}
img {
  max-width: 100%;
}
.intro{ 
  background: url(../images/bg_body.png) top left repeat;
}

h1 {
  font-size:18px;
  margin:20px 0;
}
h2 {
  font-size:14px;
  margin:20px 0;
}
h3 {
  font-size:14px;
  margin:20px 0;
}
p {
  font-size:12px;
  margin:20px 0;
}
a {
  font-size:12px; 
  color:#000; 
  text-decoration:none;
}
a:hover{ 
  text-decoration:underline;
}
#containerx {
  width:1020px; max-width:100%;
  margin: auto; 
  padding: 10px; 
  background:#fff;
  position:relative;
}
#logo {
  /*background:url(../images/cabecera-web.jpg) top left no-repeat; */
  width:1000px; 
  max-width:100%; 
  
  position:relative; 
  margin-bottom:5px; 
}

#lab li {
  overflow:visible !important;
}
#lab div.lab-bg {
  background-color:#fff; 
  height:360px;
  left:15px; 
  position:relative;
  width:420px;
  z-index:10;
  overflow: scroll;
}
#lab div.lab-info {
  top:20px;
  left:10px;
  position:absolute;
  width:400px;
  z-index:15;
}
#lab h2 {
  font-size:14px;
  margin-bottom:5px;
}
#lab strong {
  font-size:11px;
  color:#000;
  text-shadow:none;
}
#lab p {
  text-shadow:none;
  color:#000;
  margin:0 !important; 
  font-family: Arial, Helvetica, sans-serif; 
  font-weight:400; 
  text-align:justify;
  font-size:12px;
  line-height:16px;
}
.frame-quienes {
  background:url(../images/quienes-somos2.jpg) top left repeat;
}
.frame-staff {
  background:url(../images/staff2.jpg) top left repeat;
}
.frame-servicios {
  background:url(../images/servicios.jpg) top left repeat;
}
.frame-confort {
  background:url(../images/confort.jpg) top left repeat;
}
.frame-mision {
  background:url(../images/mision.jpg) top left repeat;
}
.frame-contacto {
  background:url(../images/contacto.jpg) top left repeat;
}
.frame-rrhh {
  background:url(../images/rrhh.jpg) top left repeat;
}
.frame-instrucciones {
  background:url(../images/instrucciones.jpg) top left repeat;
}
.frame-instrucciones.slide-open  .frame-title br, 
.frame-confort.slide-open  .frame-title br { 
  display:none;
}
.frame-content {
  width:360px;
  padding:100px 120px;
}
.frame-title {
  width:80px; 
  height:70px; 
  color:#fff; 
  font-size:12px;  
  text-align:center; 
  padding-top:12px; 
  padding-left:0; 
  text-transform:uppercase; 
  display:block!important; 
  font-family: 'Carme', sans-serif; 
  font-weight:400;
}
.frame-rrhh iframe { 
  height:450px;
  width:400px;
  max-width: 100%;
}
.frame-instrucciones #lab div.lab-info { 
  top: 10px;
}
ul.descargas { 
  list-style:none; 
  font-size:12px;
}
ul.descargas li { 
  text-transform:lowercase;
}
ul.descargas li a { 
  font-weight:600; 
  color:#bf0707;
}
li.slide-open span.frame-title { 
  width:100%; 
  text-align:center;
}
img#mapa { 
  float:right; 
  margin-top:-15px;
}	
#pie{ 
  font-family: Arial, Helvetica, sans-serif; 
  font-weight:400; 
  font-size:13px; 
  color:#212121; 
  padding-top:10px; 
  overflow:hidden; 
}
#pie a{
  color:#666; 
  font-size:13px;
  text-decoration:none;
}
#pie a:hover{
  color: #999; 
  text-decoration:underline;
}
#pie span{
  font-size:12px;
   margin-right:3px;
  }
#pie-derecho { 
  float:right; 
  margin-top:-20px;
}
/* //// banner /////*/
#pop {
   z-index:9999;
   position:absolute;
   text-align:center;
   background:transparent;
   top:-500px;
   left:50%;
   margin-left:-140px;
   height:280px;
   width:250px;
   overflow:hidden;
   background:url(../images/fondo.jpg) top left no-repeat;} 
   #pop2 {
   z-index:9999;
   position:absolute;
   text-align:center;
   top:-600px;
   left:50%;
   margin-left:-225px;
   height:427px;
   width:450px;
   overflow:hidden;
   cursor: default;
   background:url(../images/fondo.jpg) top left no-repeat;
   } 
 #cerrado2{
   display:none; 
   position:absolute; 
   left:0;
  }
.overlay{
    background:transparent url(../images/overlay.png) repeat top left;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:100;
}
#cerrar, #abrir {  
   cursor:pointer;
   background:transparent;
   width:24px;
   height:24px;
   position:absolute;
   text-align:center;
   top:10px;
   left:5px;
   z-index:9999;
}
#abrir{
  display:none;
}
#imagen{ 
  position:absolute;
  top:0; 
  left:-250px;
}
#extracciones, 
#caba{
  position:absolute; 
  width:0;   
  height:0; 
  top:213px; 
  left:225px;
}
#pop2 #tel, 
#pop2 #email
{position:absolute;
  width:0; 
  height:0; 
  top:380px; 
  left:225px;
}
#logo2 {
  background:#212121; 
  width:1000px; max-width:100%; 
  height:0px; 
  position:relative; 
  margin-bottom:5px;
}
#contact-sub{ 
  font-family: Arial, Helvetica, sans-serif; 
  font-weight:600; 
  font-size:14px; 
  color:#212121; 
  padding:8px; 
  margin-bottom:5px;  
  text-align:center;
}
#contact-sub span{ margin-right:5px}
#contact-sub a{color:#666; text-decoration:none;font-size:16px;}
#contact-sub a:hover{color: #999; text-decoration:underline}


.frame-6 span.btn { float:left}
.frame-6 a.link { float:left}


ul#buttons{ margin-top:20px}
.popform {  padding:0;    float:left; display: none }
#my-button1 {
  cursor:pointer;
  width: 50%;
  text-align: right;
}
#my-button2 {
  cursor:pointer;
  width: 50%;
  text-align: left;
}


#element_to_pop_up {
    background-color:#fff;
    border-radius:10px;
    color:#000;
    display:none;
    padding:10px;
    min-width:100px;
    min-height: 100px;
}

#contenedor iframe { width:380px; height:450px}
.b-close { font-weight:bold; cursor:pointer}
.wap {
  position: fixed;
  right: 20px;
  bottom: 20px;
}
/*Slider*/
.item {
  height: 250px;
  background-size: cover!important;
}
.carousel-caption {
  top: 50%;
  transform: translateY(-50%);
  padding: 0!important;
  bottom: auto!important;
}
.item a {
    
}
.item a h3 {
  color: #fff;
  font-size: 40px;
  font-family: 'Carme', sans-serif;
  white-space: pre-wrap;
}
.item a:hover {
  color: #212121;
  text-decoration: none;
}

@media only screen and (max-width: 1020px) {
  ul#lab {
    width: 100%!important;
    height: auto!important;
  }
  #lab li {
    width: 100%!important;
    position: relative!important;
    left: 0!important;
  }
  #lab div.lab-bg {
    display: block!important;
    width: calc(100% - 30px);
  }
  #lab div.lab-info {
    display: block !important;
  }
  #lab div.lab-info {
    width: 93%;
  }
  
 
}
@media only screen and (max-width: 600px) {
  #pop2 {
    transform: scale(0.7);
  }
  #pie-derecho {
    float: none;
    display: block;
    margin-top: 20px;
  }
  .item a h3 {
    font-size: 20px;
  }
  
  
 
}