@charset "utf-8";
/* CSS Document */
.carousel-control-prev-icon,
  .carousel-control-next-icon {
      filter: invert(32%) sepia(98%) saturate(500%) hue-rotate(180deg);
  }
  
.grande { background:url(../images/fondo-web-general.jpg) ; margin:0 auto; margin-top:1%;/*width:90%;*/}
.ubicanos { /*background:url(../images/fondo-web.gif) repeat-x;*/ margin:0 auto;width:100%;}

.header{ margin:0 auto; width:80%; z-index:2;/*AQUI SE HA MODIFICADO PARA FIREFOX*/}
.header-u{ margin:0 auto; width:80%;}
.crt-h{ display:none;}
.logotipo{ float:left; margin:20px 0 20px 0;}
.derecha{ float:right; width:70%;}
.llamanos{ float: right;}
.facebook{ float:right; margin:0 0 0 25px;}
.menu{ float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#005391; margin:-15px 8% 35px 0; clear:both;}
.menu ul{ margin:0; padding:0;}
.menu ul li{ list-style:none; display:inline; margin:0 25px 0 0;}
.menu ul li a{ color:#005391; font-weight:bold; text-decoration:none;}
/*.banner{ clear:both; text-align:center; margin:0 0 0 -173px; float:left;}
.banner img{}*/
.slider-wrapper { width:100%;margin:0 0 0 0; padding:0;}
.botones{margin:0 auto 0 auto;  background:url(../images/footer-borde.png) no-repeat  bottom; height:200px;}
.list-botones{background:url(../images/sombra-btn.png) no-repeat bottom center; padding:0 0 25px 0; margin:0 0 0 13%; width:100%; text-align:center;}
.list-botones img{ margin:0 15px 0 0;}
.list-botones .firstbtn{ margin:0 15px 0 0;}

.slide-content{ width:95%; margin:0 auto; z-index:1; float:left;/*AQUI SE HA MODIFICADO PARA FIREFOX*/}
.footer-antes{background:#005391; margin:0 auto; clear:both;}

.cont-footer{background:#005391; margin:-2px; padding:10px 0;}
.footer{ color:#0083CF; font-size:11px;position:fixed; bottom:0; width:100%; left:0;z-index:10;}
.derechos
{
        float: left;
    margin: 0 0 0 25px;
}
.horariodeatencion
{ 
    float: none;
    margin: 0 auto 0;
    float:none;
	text-align:center; 
	font-size:30px;
	color:White;  
	margin:auto;
	width:100%;
}

.design 
{
    float:right; 
    margin:0 25px 0 0 ;
}
.crt{ clear:both; float:none; padding:0 0;}

/*Responisve JD*/
/*menu

@media screen and (max-width: 1115px) {
    #menu-smart{ display:none;}
    .rmm-toggled.rmm-closed{ display:block !important;}
}
*/

/*certificaciones*/
@media (max-width: 800px) {
            .contenido{
                flex-wrap:wrap;
            }
            
            .certificado{
                width:100% !important;
                margin: 0 2% 2% 0 !important;
                }
            
            .logoss{
                flex: 1 1 100%;
                } 
                
            .logoss div{
                margin: 5% 0 0 0 !important;
                }
             
             #img2{width:80% !important}
             #contenido3{padding-bottom: 15%;} 
                 
        }

/*footer*/
@media (max-width: 621px) {
            .crt {
                text-align:center;
            }
        }


.logoss{padding-bottom: 8%;}

.punta{}
.recursos, .picosmart{ display:none;}

.footer2{ color:#0083CF; font-size:11px;font-family:Arial, Helvetica, sans-serif;background:#005391; position: fixed; bottom:0; left:0; width:100%; padding:0 0 9% 0; z-index:99999999999999999;}
.footer2 .botones{margin:-130px auto 0 auto; z-index:999999; position:relative; background:url(../images/footer-borde.png) no-repeat bottom;}
.footer2 .list-botones{background:url(../images/sombra-btn.png) no-repeat bottom center; padding:0 0 25px 0; margin:0 0 0 30%; width:58%; text-align:center;}

.texto-bar{ width:100%; clear:both; background:url(../images/sedes.jpg) no-repeat bottom right;}
.scrollbar1 { width: 50%; clear: both; margin: 30px 0 0 80px; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:11px; text-align:justify; line-height:18px; padding:25px 0 0 0;}
#scrollbar1 .viewport { width: 90%;height: 410px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .scrollbar,
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background: transparent url(../images/bg-scrollbar.png) no-repeat; }
#scrollbar1 .scrollbar { position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track	{ background: transparent url(../images/bg-scrollbar-end.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background-position: 100% 100%; height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { background-position: 100% 0; height: 5px; width: 13px; }
#scrollbar1 .disable { display: none; }

.texto-ubicanos{height:400px; clear:both; position:relative; z-index:8; width:100%; display:flex }
.texto-u-desc{ font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:justify;margin:10% 2% 2% 5%; float:left;}
.texto-u-desc p strong{ color:#0083CF; }
.mapa-contacto{ margin:-110px 0 0 0; position:fixed; z-index:2; width:100%; bottom:0; left:0;}
.texto-sedes{ background:url(../images/sedes.jpg) no-repeat center top;clear:both;width:100%; margin:0 auto 10% auto;}
.contenido-analisis{width:100%; margin: 0 auto 5% auto; clear:both;background:url(../images/sedes.jpg) no-repeat center top;}
.texto-sedes-desc{ font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; width:80%; margin:15px auto; padding:15px 0 0 0;}
.texto-donacion{ background:url(../images/sedes.jpg) no-repeat center bottom; height:400px; clear:both; position:relative; z-index:8; width:100%; display:flex; }
.texto-certificado{height:400px; clear:both; position:relative; z-index:8; width:100%; display:flex; }
.texto-u-don{ font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:justify;float:left;}
.texto-u-don p strong{ color:#0083CF; }

.resultados{ float:left; margin:0 0 0 5%;}
.imagen-sangre{ float:right; margin:0  0 0;}

#mirada-smart{ display:none;}
/*@media screen and (max-width: 1400px) { 
#grande{width:100%;}
#menu{ margin:15px 0 35px 0}
#header{ width:85%;}

}*/
.contenido-zona{width:100%; margin: 0 auto 5% 0; clear:both;background:url(../images/sedes.jpg) no-repeat center top;}
.listado-zona{ width:80%; margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.content-lista-mapa{ float:left; width:100%; margin:15px 0;}
.texto-map{ color:#015291;}
.logo-map, .texto-map, .map-img { width:33%; float:left;}
.logo-map img, .map-img img{ max-width:100%;}

@media screen and (max-width: 930px) {
}
@media screen and (max-width: 1024px) {
	#grande{ width:100%;}
	#header{ width:98%;}
	#scrollbar1 {/* width: 95%; clear: both; margin: 0 auto; */ display:none;}
	#mirada-smart{ display:block;font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:justify;margin:5px; padding:0 0 100px 0; width:75%; margin:0 0 0 35px;}
	#texto-bar{ width:100%; clear:both; background:url(../images/sedes.jpg) no-repeat bottom left; height:600px;}
	#imagen-sangre{ display:none;}
	#resultados{ margin:0 auto; float:none; width:100%;}
	#listado-zona{ width:100%;}
	.logotipo{margin: 20px 0 0 20px;}
}
#grid-wrap{ width:100%;}
@media screen and (max-width: 768px) {
	.logotipo{ float:left; margin:10px 0 0 0;position:absolute;width:80%;}
	.llamanos{ float: right; position:absolute; top:0; right:75px;}
	.facebook{ float:right; position:absolute; top:0; right:25px;}
	#list-botones{background:url(../images/sombra-btn.png) no-repeat bottom center; padding:0 0 25px 0; margin:0 0 0 0; width:100%; text-align:center;}
	#botones{margin:0 auto 0 auto; z-index:999999; position:relative; background:url(../images/footer-borde.png) no-repeat bottom;}
	#menu-smart{ margin:28px 35px 25px 0;}
	#mirada-smart{ display:block;font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:justify;margin:5px; padding:0 0 100px 0; width:95%; margin:0 0 0 35px;}
	#imagen-sangre{ display:none;}
	#resultados img{ max-width:100%;}
	#resultados{ margin:0 auto; float:none; width:100%;}
	
	.rmm-button{margin-top: 5px !important;}
	.rmm .rmm-toggled ul{margin-top: 10px !important;}
	.footer{font-size:10px;}
	.horariodeatencion p{font-size:15px;}
	.footer{font-family:Arial, Helvetica, sans-serif;}
	.foto-nosotros{display:none;}
	.contenidonoticias{display:block !important}
	.card-img{padding-left: 0 !important;}
	
	.card-img-overlay{position:relative;}
    .card-text{font-size:12px !important ;padding-left:0 !important;margin-top:0 !important}
    
	.texto-novedades{margin-bottom:6%}
	
	.containerr{margin-left:0px !important;margin-top: 20px !important;line-height: 0.8;}
	.botonenviar{line-height: 1.2;}
	.textocontactanos{padding:5px !important ;margin-bottom:0px !important ;height:70px !important;margin-left:4%;font-size:15px;}
	.textocontac{line-height: 1.1;}
	.horario{margin-top:12px;}
	.texto-ubicanos{flex-direction:column;}
	.mapades{order:2;}
	.formu{order:1;margin-bottom:3%;}
	.conjunto{margin-top:2% !important; margin-bottom:10%}
	.input-tarifa{padding: 0.15rem 0.75rem !important;font-size: 12px !important;}
}
/*@media screen and (max-width: 480px)*/
/*Responsive JD*/ 
@media screen and (max-width: 520px) 
{
	#header #logotipo{ float:none; margin:12px 0 0 10px;}
	#header #logotipo img{ width:50%;margin:0;}
	#derecha{ display:none;}
	#header{ background:url(../images/fondo-hsmart.jpg) repeat-x bottom; width:100%; float:none; height:85px;}
	#botones{ display:none;}
	#derechos 
	{
	     float:none; 
	     text-align:center; 
	     margin:0 0 0 0; 
	     padding:5px 0 0 0;
	}
	#horariodeatencion
	{
	    float:none; 
	    text-align:center; 
	    font-size:13px;
	    color:White;  
	    margin:auto;
	    
	 }
	#design 
	{
	    float:none; 
	    text-align:center;
	    margin:0;
	}
	#recursos{ display:block;margin-top: 123px;}
	/*Agregando Padding a los lados 2% JD*/
	#list-smart{ padding: 0 3% 25% 3%;text-align:center; background: #005391;}
	.phone-smart{ margin:0  5% 0 0;}
	#picosmart{ display:block;}
	#picosmart img{ max-width:100%; margin:0; padding:0;}
	#list-smart img{ margin-bottom:7px; margin-top:7px;}
	#crt-h{ display:block; clear:both;}
	#menu-smart{ margin:0;}
	
	#scrollbar1 {/* width: 95%; clear: both; margin: 0 auto; */ display:none;}
	#texto-ubicanos{ clear:both;width:100%; height:auto;background: url(../images/sedes.png);}
	#texto-sedes{ background:url(../images/img-sedes.jpg) no-repeat; clear:both;width:100%; height:auto;}
	#texto-u-desc{ margin:10px;}
	#mapa-contacto{margin:0; position:relative; z-index:1; width:100%; clear:both;}
	/*#texto-bar{ width:100%; clear:both; background:url(../images/img-nosotros.jpg) no-repeat; height:100%;}
	#viewport { width: 90%;height:100%; overflow: hidden; position: relative; max-height:100%;}*/
	#contenido-analisis{width:100%; margin: 0 auto; clear:both;}
	
	#mirada-smart{ display:block;font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:justify;margin:5px; padding:0 0 100px 0;}
	#imagen-sangre{ display:none;}
	#resultados{ margin:0 auto; float:none; width:100%; }
	#resultados img{ max-width:100%;}
	
	#contenido-zona{width:100%; margin: 0 auto 25% 0; clear:both;}
	#listado-zona{ width:100%; padding:0 0 0 0;}
	#content-lista-mapa{ float:left; width:100%; margin:0; border-bottom:dotted #999 1px; padding:7px 0;}
	#texto-map{ color:#015291; text-align:center;}
	#logo-map, #texto-map, #map-img { width:100%; float:none;text-align:center;}
	#logo-map img, #map-img img{ max-width:100%;text-align:center;}
    
    .texto-novedades{margin-bottom:15% !important;}
    .formu{margin-top:0}
}


@media screen and (min-width: 1025px) {
    .logotipo{ float:left; margin:35px 0 20px -5%;}
    .derecha{ float:right; margin-right: -10%;}
}

@media screen and (min-width: 1025px) {
    #menu-ssmart{ display:none;}
}

.certificado {width:50%; margin: 25px 0 0 0;margin-left:5%;}

.tubo-ensayo{float: left;padding: 15px;margin-top:3px;background:url(../Anglolab/Imagenes/1.png) no-repeat bottom left;}
.tubo-ensayo-echado{float: left;padding: 15px; margin-top:3px;background:url(../Anglolab/Imagenes/2.png) no-repeat bottom left;}

.accordion {width: 100%;border: 5px;overflow: hidden; margin: auto; margin-left:5%;}

.cuadrado{font-size: 15px;/*font-family: "Arial";line-height: normal;*/ width: 100%;display: block; margin: 0;}

.lead {padding-left:10px ; /*background: #fff; font-family: "Arial";*/font-size: 15px; overflow:hidden;}

.texto-don{border-bottom: 1px solid #dbdbdb;padding-bottom: 5px}

.mirada-smart{ display:block;font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; width:90%; margin:0 0 0 35px;}
.mirada-smar{ display:block;font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; width:100%;}
	
.menu-nosotros{margin-top:1%;padding-left:3%; }   
.foto-nosotros{margin-top:3%;padding-right:3%; }

.logo-cer-cap{width:50%; margin-left: 20%;}    
.logo-cer-join{width:45%; margin-left: 20%; margin-top: 3%} 
.logo-cer-cay{width:57%; margin-top: 4%; margin-left: -20%}
   
    
@media screen and (max-width:425px) {
   .card-body{ padding:2% 0;}
   .lead{padding:0;}
   .mirada-smart{margin:0 0 0 20px;}
   .texto-bar{margin-top:-10%; margin-left:0% !important;}
   
   .certificado{width:100%;margin: 0 2% 2% 0 ;order:1}
   .logoss{display:flex; width:100% !important;order:2;margin-top: 10% !important; padding-bottom: 8%;}
   #img2{width:80% !important}
   #contenido3{padding-bottom: 15%;}
   
   .logo-cer{width:100% !important;}
   .texto-certificado{flex-direction:column;}
   .texto-certificado .certificado .mirada-smart{margin:0 0 0 15px;}
   
   .texto-donacion{flex-direction:column;margin-top: -8%;}
   .texto-donacion .certificado .mirada-smart{margin:0 0 0 15px;}
   
   .logo-cer-cap{width:70%;margin-top:-5%}
   .logo2{margin-left:-5%;margin-top:-4%}
   
    #Panel3{width:100% !important;}
      
    .style20{margin-top:-5% !important;}
    #UpdatePanel3{display:flex;}
    .style10{width: 150px !important ;border-radius: 8px !important; margin:0 1px;font-size: 12px !important;}
    #Panel1 #LinkButton3{width: 20% !important;padding: 4px !important;height: 15px !important;border-radius: 7px !important;}
   
   .mapa{margin-left: 0% !important;}
   .texto-u-desc{margin-top:-3% !important;}
   .mapa-google{ height: 250px !important;margin-top: 2% !important;margin-left: 0 !important;margin-right: 0 !important;width: 100% !important;}
    
   .texto-sedes-desc{margin-top:-5%;}
   .menu-donac{margin-left:0 !important;}
   
   .texto-u-don{display:block !important; margin-bottom:12%;margin-left:0 !important; margin-right:2%; font-size:10px;margin-left:5% !important}
   .da-sede{margin-left:0 !important;}

   .comercializacion{width: 100% !important;margin-left: 0 !important;}
   .accordion{margin-top: -8%;}
  
   .titulo-nov{text-align:center;margin: 0 0 0 4% !important;font-size: 15px !important;}
   
   .sedes-2015{display:none;}
   
   #grid-gallery{display:block;}
}

@media screen and (min-width:426px) 
{
    .seedes{display:none;}
    }

@media screen and (max-width: 991px) 
{
    #nuestra-politica-2{padding: 1% 2% 0 2%;}
    }


@media screen and (min-width: 426px) and (max-width: 768px)  
{
    .logoss{margin-top:7% !important;}
    .logo-cer-cap{width:70%;margin-left:14%;}
    .logo2{display:block !important;margin-left: 2%;}
    .logo-cer-cay{margin-left: 22%;width:40%}
    
    }
    
@media screen and (min-width:426px) and (max-width:1030px)
{
    #Panel3{width:105% !important;}
    }
    

.seedes{padding: 0 26px;}

.seedes-nav{border: none;padding: 0;height: 97px;position: relative;}
.seedes-nav-filters{border-bottom: 1px solid #a0a6ab;border-top: 1px solid #a0a6ab;width: 100%;float: left;}
.dropdown_small { padding: 5px 3px;text-align: left;}  
.seedes-list-container{padding: 30px 0 0;margin: 0 auto;text-align: center;}
.seedes-list {margin: 0 7px;list-style: none; padding: 0; margin-bottom:15% !important;}
.seedes-list--item {margin-bottom: 10px !important; width: 100%;display: inline-block;margin: 0 0 45px;vertical-align: top;}
.seedes .sede {color: #0d1f40;margin: 0 auto; max-width: 350px;}
.seedes .sede-label {font-size: 13px; line-height: 28px; background: #e50246; color: #fff;padding: 0 10px;}
.seedes .sede-image-wrapper {cursor: pointer; margin-bottom: 8px;}
.image-loader {height: 100%;overflow: hidden;position: relative;}
.image-loader--image_loaded {opacity: 1;position: static;}
.seedes-more-wrapper {margin-bottom: 45px;}
.seede-title{font-family: Lato,sans-serif; font-size: 15px;color: #0d1f40;font-weight: 900;text-align:left;}
.seedes .seede-info {font-size: 12px;line-height: 14px; font-family: Lato,sans-serif;text-align:left;}


.shadowingg {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100% !important;
    height: 100%;
    background-color: #636060;
    z-index: 10;
    opacity: 0.5;
    }
    
    
    #cboCiudad
    {
        -webkit-appearance: none;
        text-align: center;
        border: none;
        background: none;
            width: 45%;
    padding-left: 2%;}

 @media screen and (min-height:650px)  
    {
        #list-smart{ padding: 15% 0 25% 0;} 
        }
    
    @media screen and (min-height:710px)  
    {
        #list-smart{  padding: 20% 0 80% 0;} 
        }
        
        
   @media screen and (max-width:765px) 
{
    #GridView1{width:100% !important;}
    }

@media screen and (min-height:650px)  
    {
        .mapa-google{ height: 405px !important;} 
        }
    
    @media screen and (min-height:700px)  
    {
        .mapa-google{ height: 250px !important;} 
        }
        
        
@media screen and (min-width:390px){      
.seede-info { padding: 0 8% 0 8%;}
.seede-title {padding: 0 8% 0 8%;}}


/* contáctenos */

.containerr
{
    margin:auto;
    margin-top: 0px;
    margin-left:35px;
    font-size:14px;
    padding:5% 5% 4% 5%;

    }
    
textarea
{
    font-size:15px;
    padding:8px;
    min-height:100px;
    max-height:200px;
    margin-bottom:5px;
    }
    
.btn-enviar
{
   margin-bottom:4px;
   margin-top:4px;
   background-color:#006eb9;
   border: 1px solid #006eb9;
   color:white;
   border-radius:5px;
   width:100%;
    }

.select-doc
{   
    
    padding:5px;
    font-size:12px;
    }
    
.form-control
{
    font-size:12px;
    }

/* Contact */


.texto-u-ubi{ font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; float:left;}
.texto-u-ubi div strong{ color:#006eb9; }



/*Tarifa*/

    .input-tarifa{
        padding: 0.15rem 0.75rem;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        
    }
    .input-tarifa:focus {
      color: #495057;
      background-color: #fff;
      border-color: #80bdff;
      outline: 0;
      box-shadow: 0 0 0 0.155rem rgba(0, 80, 255, 0.2);
    }
    
    
/*  .clientes{
      background: #005391;
      color:white !important; 
      border:none;
      border-radius:5px;
      width:90px;
      height:34px;
      font-weight: 500; 
      font-size:14px;}
      
  .clientes:hover{background: #1D8BDC;}
*/

.clientes {
    color: #818182de !important;
    border: none;
    border-radius: 5px;
    width: 90px;
    height: 34px;
    font-weight: bold;
    font-size: 12px;
    text-decoration: underline;
    border-inline: 70px;
    font-family: "Segoe UI";}
    
 /*historia*/
.texto-historia
{      
    /*height: 79%;
    overflow-y: scroll;*/
        }
    
.foto-historia
{    margin-top: 2.3%;
    padding-left: 3%;
    }

@media screen and (max-width:991px)  
    {
       .foto-historia{padding: 0;}
       .menu-nosotros {padding-left: 0 !important;padding-right: 0 !important;}
        }

@media screen and (max-width:385px)  
    {
       .clearfix-historia{height: 30px;}
        }
  
  
  #recaptcha
{       text-align: -moz-center;
        text-align: -webkit-center;
        transform: scale(0.84);
        transform-origin: center 0;
    }
  
 @media screen and (max-width:367px)  
    { 
        #recaptcha{transform-origin: 0 0;}
        }
    
 @media screen and (min-width:769px) and (max-width:991px)
    { 
        #recaptcha{transform-origin: 0 0;}
        }