/*
Fuente del sitio:
Roboto Condensed Light
https://fonts.google.com/specimen/Roboto+Condensed
        Gris: #3E3E3D
        Bordeaux: #A02753
*/

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400&display=swap');
@font-face {
    font-family: 'Roboto Condensed';
    src: url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400&display=swap');
    font-weight: normal;
    font-style: normal;
}

/*font-family: 'Roboto Condensed', sans-serif; */


@font-face {
  font-family: 'Roboto Condensed'; 
  src: url('fonts/sitio/GothamRnd-Light.eot'); 
  src: local('˘'), url('fonts/sitio/GothamRnd-Light.woff') format('woff'), url('fonts/sitio/GothamRnd-Light.ttf') format('truetype'), url('fonts/sitio/GothamRnd-Light.svg') format('svg');
  font-weight: normal; 
  font-style: normal;
}


@font-face { 
  font-family: 'Roboto Condensed'; 
  src: url('fonts/sitio/Gotham-Bold.eot'); 
  src: local('˘'), url('fonts/sitio/Gotham-Bold.woff') format('woff'), url('fonts/sitio/Gotham-Bold.ttf') format('truetype'), url('fonts/sitio/Gotham-Bold.svg') format('svg'); 
  font-weight: normal;
  font-style: normal;
}

/* -------------------------------------------------------------------------- */

body, html      { margin:0; transition:1s; width:100%; min-height:100%; font-family: 'Roboto Condensed';  }
.bx-viewport    { /*margin-top:-16px */ }
.clear          { clear:both}
p, h1           { margin:0; padding:0}
h1              { text-size:45px; text-align: center;}
h8              { margin: 90px 0 30px 0; width: 100%; height: auto; font-family: 'Roboto Condensed', sans-serif; font-size: 42px; line-height: 46px; letter-spacing: -1.5px; display: block; font-weight: 100; float: left;     text-align: center; }

.h1_section {
    text-align: center;
    color: #A02753;
    font-size:54px;
    margin: 5px;
    font-family: 'Roboto Condensed';
    font-weight: lighter;
}

h2{
    text-transform: uppercase;
/*    color:#3E3E3D; */
    color:#5a6871;
    font-family: 'Roboto Condensed';
    font-size: 28px;
}

.seccionContacto{
    background-color: #DEDEDE;
    padding-top: 40px;
}
.seccionContacto h1{
    padding-bottom: 40px;
}


.contSuc  h1{
    font-family: 'Roboto Condensed';
    font-weight: bolder;
    color: #5C676D;
    text-transform: uppercase;
}

.contSuc  p{
    color: #A02753;
    text-transform: uppercase;
}

.sucImg{
    width:325px;
    height: 258px;
}

.contContacto{
    display: -webkit-flex;
    display: flex;
}

.contFormulario{
    display: flex;
    flex: 1;
    justify-content: center;
    padding-right: 40px;
    padding-top: 20px;
}

.contactoMail{
    font-size:23px;
    color:#A02753;
}
.dataContacto{
    flex-direction: column;
}

.contDatos{
    display: -webkit-flex;
    display: flex;
    flex: 1;
    flex-direction: column;
}

.contactoDatos1{
    font-size: 23px;
    color:#A02753;
    padding-top: 10px;
    padding-bottom: 5px;
}
.contactoDatos2{
    font-size: 23px;
    color:#3C3C3A;
    padding-bottom: 5px;
}

.tel1{
    font-size: 25px;
    font-family: 'Roboto Condensed';
    padding-right:5px;
}
.tel2{
    font-size: 25px;
    font-family: 'Roboto Condensed';
    padding-right:5px;
}



main            { width:100%; min-height:100% }

.bxslider { margin:0px; padding:0px; width:100%; postion:relative; overflow:hidden }
.bxslider li { margin:0px; padding:0px; width:100%; list-style:none; position:absolute; top:0px; left:0px }
.bxslider li img { margin:0px; padding:0px; width:100% }


.ui-accordion-header { display:none !important }

.galeria { width:100% }
.galeria .pics { width:100%; position:relative }
.galeria .pic { width:100%; position:absolute; top:0px; left:0px; opacity:0; z-index:1; transition:all 1s ease }
.galeria .pic.active { width:100%; position:relative; opacity:1; z-index:2 }
.galeria img { /*width:100%*/ max-width:100%}
.galeria .buttons { height:12px; width:100%;margin-bottom: 19px; }
.galeria .button { background: #fff; width: 11px; height: 11px; border-radius: 8px; float: left; margin-right: 5px; cursor: pointer; opacity: 0.4; }
.galeria .button:hover {opacity: 1; }

/***** HEADER *****/

.fijo           { position: fixed; background: rgba(255,255,255,1);  transition:1s; height: 200px; }
.fijo .logo     { width: 148px; top: 20px;}
.fijo nav       { top: 18px;}
.fijo #menuDesplegable  {    top: -5px;}

.caja {  }


.containerMenu { display: flex; align-items: center ; text-align-all:center; margin-bottom: 10px; }

.containerMenu a{
    flex:1;
    flex-wrap:wrap;
    justify-content: flex-end;
}



header          { width:100%; height:auto; position: absolute; z-index: 20; top:0; }
header .cont    { width:1150px;  margin:0 auto; position: relative; }

.vermas{
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    color:#bc1f54 !important; 
    font-weight: 800 !important;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    
}

.containerPub {
    display:flex;
    justify-content: center;
    align-items: center;
}

header .interno { display:none }
/*.logo           { width: 500px; height: 60px;  display: block; top: 3px; position: absolute; } */
.logo           { width: 472px; height: 59px;   }
.logo img       { max-width:100%; width: 440px; }
/*nav             { right: 0; position: absolute; top: 32px; } */
nav             { right: 0; text-align: center }
nav span	{ float: right; position: absolute; right: 0; display: block; margin-top: 1px;  opacity: 0.7; }
nav a           { font-family: 'Roboto Condensed', sans-serif; text-decoration: none; font-weight: 900; color: #62676b; font-size: 20px; margin-left: 28px; letter-spacing: 0.2px;}
nav a:hover     { color: #A02753; transition:.3s}

nav a.LinksNuevos	{ font-weight: 400;}

#menuDesplegable                        { width: auto; right: 0; position: absolute; display:none; z-index:999 }
#menuDesplegable .treslineas            { background:url(sitio/icono-lineas-responsive2.png) no-repeat; width:50px; height:80px; padding:0 !important; }
#menuDesplegable ul, ol                 { list-style:none;    right: 0;}
#menuDesplegable .nav > li              { float:left; }
#menuDesplegable .nav li a              { text-align: right;font-family: 'Roboto Condensed', sans-serif; text-decoration: none; text-transform: uppercase; font-weight: 500; color: #fff; font-size: 14px; letter-spacing: 1.2px;padding:10px 12px; display:block; }
#menuDesplegable .nav li a:hover        { }
#menuDesplegable .nav li ul             {  display:none;  position:absolute; min-width:245px;  background:rgba(0,0,0,0.7); padding:12px; }
#menuDesplegable .nav li:hover > ul     { display:block;transition:1s }
#menuDesplegable .nav li ul li          { position:relative; border-bottom-style: solid; border-color: #A02753; border-width: 1px; }
#menuDesplegable .nav li ul li ul       { right:-140px; top:0px; }
            
/***** SECCION INTERNA *****/

.interna header                         { position: static;}
.interna .fijo                          { position: fixed; }
.interna .fijo .normal                  { display:none; }
.interna .fijo .interno                 { display:block; }
.interna .cont .logo .logoClaro         { display:none}
.interna .cont .logo .logoOscuro        { display:block}
.interna .fijo .cont .logo .logoClaro   { display:block}
.interna .fijo .cont .logo .logoOscuro  { display:none}

.interna nav a          { color: #0d2857; }
.interna nav a:hover    { color: #62676b; }

.interna .fijo nav a        { color: #62676b; }
.interna .fijo nav a:hover  { color: #A02753; }

.interna #menuDesplegable {  }
.interna #menuDesplegable .treslineas           { background:url(sitio/icono-lineas-responsive2.png) no-repeat }
.interna #menuDesplegable .nav li a             { color: #0d2857;  }
.interna #menuDesplegable .nav li ul            { background:rgba(255,255,255,0.95);}

.interna .fijo #menuDesplegable .treslineas         { background:url(sitio/icono-lineas-responsive2.png) no-repeat }
.interna .fijo #menuDesplegable .nav li a           { color: #3E3E3D;  text-align: left;font-weight: 300;  }
.interna .fijo #menuDesplegable .nav li ul          { background:rgba(255,255,255,1); }
.interna .bx-controls								{ display:none}

.scrollm{
    overflow-y: auto; 
    height: 350px;
}

#menuDesplegable .mdSubMenu {
    background-color:#A02753;
    color:white;
    font-weight: 300;
    
}
.interna .fijo #menuDesplegable .nav li .mdSubMenu a {
    color:white;
    font-weight: 300;
}

.submHidden{
    overflow-y:auto;
    display: none; 
}

/***** SLIDER *****/

.placaSlider        { width:100%; height:auto; position: absolute; z-index: 15; top:90px; text-align: center;} 
.placaSlider p      { font-family: 'Roboto Condensed'; margin:11% auto 0 auto; max-width:660px; color:#fff; font-size:51px; line-height:53px; letter-spacing:-1.5px;display:block}
.placaSlider span   { font-family: 'Roboto Condensed', sans-serif; color:#d9ff91; margin:30px auto 0 auto; display:block; max-width:550px; font-size:16px; line-height:23px; letter-spacing:1px; font-weight:500; text-transform:uppercase; display:block }

.turnos_online {
    background-color: red;
    -webkit-mask:  url(sitio/logo.svg) no-repeat 50% 50%;
    mask: url(sitio/logo.svg) no-repeat 50% 50%;
    filter: brightness(0.5) sepia(1) hue-rotate(-70deg) saturate(5);

}


/***** sucursales *****/

.detalleSucursal{
    
    background:url('../files/secciones_galeria2/fondo-sucursales.jpg') no-repeat right;
   /* 
   -webkit-background-size: auto; -moz-background-size: auto;
   -o-background-size: auto;
   background-size: auto;
   */
   height: 10%;
   width: 100% ;
   background-position: 100% 50%; 
}

.prueba{
    background-color: blue;
}
@media only screen and (max-width: 1000px) {
  .detalleSucursal{
    background-color: white;
    background: white;
  } 
.prueba{
    background-color: red;
}
}


@media only screen and (max-width: 1240px)  { 
     
}



.seccionContacto .cont { width:1150px; margin:0 auto;}

.sub_col1_tit{
    flex-wrap: nowrap;
}
.sub_col1_seccion{
    display: flex;
    flex:1;
    flex-direction: row;
    flex-wrap: wrap; 
}
.contFondoSucursal{
    display: flex;
    flex:1;
    height:890px;
    margin-top:150px
}


.sucursales {
    padding-top: 40px;
    justify-content: center;
}
.contSucursales{
    justify-content: center;
    display: flex;
    flex:1;
    flex-wrap: wrap;
}
.contSuc{
    margin: 30px;
}
.suc_h2{
    text-decoration: none;
      text-transform: uppercase;
/*    color:#3E3E3D; */
    color:#5a6871;
    font-family: 'Roboto Condensed';
    font-size: 28px;
}

.contGaleriaSuc{
    display: flex;
    justify-content: center;

}

input.dataContacto, textarea.dataContacto{
    padding-left: 10px;
}

.dataContacto{
    width: 520px;    
}

.dataContacto:not(input){
    padding-bottom: 10px;
}
textarea.dataContacto{
    padding-bottom: 0px !important; 
}


.textContacto {
    padding-top: 15px;
    width: 530px;
    height: 37px;
    background: white;
    font-size:18px;
    letter-spacing: 1px;
    font-family: 'Roboto Condensed';
    border:0px;
    resize: none;
}

.dataContacto input{
    width: 530px;
    height: 50px;
    background: white;
    font-size:19px;
    letter-spacing: 1px;
    font-family: 'Roboto Condensed';
    border:0px
}

.contFormulario button{
    border-radius: 60px 60px 60px 60px;
    -moz-border-radius: 60px 60px 60px 60px;
    -webkit-border-radius: 60px 60px 60px 60px;
    border: 0px solid #000000;
    background-color: #A02753;
    color: white;
    height: 52px;
    width: 210px;
    font-size: 16px;
    font-family: 'Roboto Condensed';

}

/***** QUIENES SOMOS *****/

.quienesSomos           { width:100%; height: 600px; background:url(sitio/quienessomos-fondo4.jpg); background-size:cover; color:#011b34}
.quienesSomos .cont     { width:1150px; margin:0 auto;}
.quienesSomos .cont h1  { margin: 90px 0 30px 0; width: 100%; height: auto; font-family: 'Roboto Condensed'; font-size: 42px; line-height: 46px; letter-spacing: -1.5px; display: block; font-weight: 100; float: left; }
.quienesSomos .cont p   { font-family: 'Roboto Condensed', sans-serif; color: #1c4655; max-width: 400px; font-size: 16px; line-height: 21px; letter-spacing: 0.5px; font-weight: 300; display: block; float: left; }
    
.quienesSomos .cont p.mrgn {margin:10px 0;}
/***** ESPECIALIDADES *****/

.tit {
    color:#A02753;
    font-size: 40px;
    font-family: 'Roboto Condensed';
}


/*.especialidades           { width:50%; height: 600px; background:url(sitio/especialidades-fondo.jpg); background-size:cover; color:#011b34}*/
.especialidades           { width:100%;background-position:50% 50%; background:url(sitio/especialidades-fondo.jpg); background-size:contain; color:#011b34}
.especialidades .cont     { width:1150px; margin:0 auto;}
/*.especialidades .cont h1  { margin: 90px 0 30px 0; width: 100%; height: auto; font-family: 'Roboto Condensed'; font-size: 42px; line-height: 46px; letter-spacing: -1.5px; display: block; font-weight: 100; float: left;     text-align: center; } */

.especialidades .cont p   { font-family: 'Roboto Condensed', sans-serif; color: #1c4655; max-width: 400px; font-size: 16px; line-height: 21px; letter-spacing: 0.5px; font-weight: 300; display: block; float: left; }

.especialidades h3               { height: 69px; position:inherit;
    width: 100%; box-sizing: border-box;
    text-transform: uppercase; display: block !important;
    padding: 25px !important; bottom: 0;
    text-decoration: none; font-family: 'Roboto Condensed';
    font-size: 15px !important; letter-spacing: 1px;
    margin: 0 !important;}
.especialidades h3.accordion1       { left:0; color: #aecbeb; background:url(sitio/flecha1.png) no-repeat #0d141f; background-position: 92% center;}
.especialidades h3.accordion1:hover { background:url(sitio/flecha1.png) no-repeat rgba(0,0,0,0.3); background-position: 92% center; }
.especialidades h3.accordion2        { left:33.33%; color: #83f3d6; background:url(sitio/flecha2.png) no-repeat rgba(0,0,0,0.15); background-position: 92% center;}
.especialidades h3.accordion2:hover  { background:url(sitio/flecha2.png) no-repeat rgba(0,0,0,0.3); background-position: 92% center; }
.especialidades h3.accordion3      { left:66.66%; color: #d1c9b3; background:url(sitio/flecha3.png) no-repeat #20062e; background-position: 92% center;}
.especialidades h3.accordion3:hover{ background:url(sitio/flecha3.png) no-repeat rgba(0,0,0,0.3) ;background-position: 92% center; }

.especialidades .cont p.mrgn {margin:10px 0;}

/***** SUCURSALES *****/
.boxSucursal { width: 33.33%; float: left;  box-sizing: border-box;}


/***** MODULOS CO *****/

.moduloDesplegable                  { position:relative;height:auto; display:block}
.moduloDesplegable h3               { top: -69px; height: 69px; position:absolute;width: 33.33%; box-sizing: border-box; text-transform: uppercase; display: block !important; padding: 25px !important; bottom: 0; text-decoration: none; font-family: 'Roboto Condensed'; font-size: 15px !important; letter-spacing: 1px; margin: 0 !important;}
.moduloDesplegable h3.accordion1       { left:0; color: #aecbeb; background:url(sitio/flecha1.png) no-repeat #0d141f; background-position: 92% center;}
.moduloDesplegable h3.accordion1:hover { background:url(sitio/flecha1.png) no-repeat rgba(0,0,0,0.3); background-position: 92% center; }
.moduloDesplegable h3.accordion2        { left:33.33%; color: #83f3d6; background:url(sitio/flecha2.png) no-repeat rgba(0,0,0,0.15); background-position: 92% center;}
.moduloDesplegable h3.accordion2:hover  { background:url(sitio/flecha2.png) no-repeat rgba(0,0,0,0.3); background-position: 92% center; }
.moduloDesplegable h3.accordion3      { left:66.66%; color: #d1c9b3; background:url(sitio/flecha3.png) no-repeat #20062e; background-position: 92% center;}
.moduloDesplegable h3.accordion3:hover{ background:url(sitio/flecha3.png) no-repeat rgba(0,0,0,0.3) ;background-position: 92% center; }

.modulosSeccion             { width:100%; height:auto;  }
.moduloCo                   { width: 33.33%; float: left; position:relative; max-height:484px; height: 32.97vw;     padding-top: 50px;}
.moduloCo img               { margin: 0 auto; display: block; margin-top: 15%;}
.moduloCo h1                { font-family: 'Roboto Condensed'; font-size: 40px; width: 100%; text-align: center; letter-spacing: -1.5px; font-weight: 100; margin-top: 4%; float: left;}
.moduloCo p                 { font-family: 'Roboto Condensed', sans-serif; width: 100%; font-size: 15px; line-height: 21px; letter-spacing: 1px; font-weight: 300; display: block; margin: 4% auto; text-align: center; float: left; padding: 0 17%; box-sizing: border-box;}
/*.moduloCo.cowork          { background:#0e1823; color: #aecbeb; }
.moduloCo.colab             { background:#0b4977; color: #83f3d6; }
.moduloCo.colearn           { background:#270737; color: #d1c9b3; }*/
.ui-accordion-content { height:616px }

.esconderResponsive         { display:none}

/***** MODULO GENERICO AMPLIADO *****/

.ampliado                   { overflow: hidden !important; width:100%; top: 69px;  box-sizing: border-box;  height:auto !important}
.ampliado .cont             { width:1150px; margin:0 auto; padding-top:10px }
.ampliado .cont h1          { margin: 0px 0 40px 0;  width:100%; height:auto; font-family: 'Roboto Condensed'; font-size:55px; line-height:46px; letter-spacing:-1.5px;display:block; font-weight: 100; float:left }
.ampliado .cont .col1       { width:45%; float:left}
.ampliado .cont .col2       { width:45%; float:right; margin-top: 90px;}
/*.ampliado .cont img         { max-width: 100%;}*/
.ampliado .cont p           { margin-bottom:35px; font-family: 'Roboto Condensed', sans-serif;  max-width: 660px; font-size: 19px; font-weight: 300; display: block; }
.ampliado .cont h2          { margin: 0 0 20px 0; width: 100%; height: auto; font-family: 'Roboto Condensed'; font-size: 23px; line-height: 23px; letter-spacing: -0.8px; display: block; float: left; }
.ampliado .cont span        { margin-bottom:35px; font-family: 'Roboto Condensed', sans-serif; max-width: 560px; font-size: 15px; line-height: 20px; letter-spacing: 0.5px; font-weight: 300; display: block; float: left;}

.interna .ampliado { padding-top:40px }

.fondoObjetivo{
    height:190px;
    max-width: 1000px;
    display: flex;
    text-align: center;
    margin: 0 auto;
}

.textoObjetivo {
    background: rgba(255, 255, 255, 0.9);
    margin-top: 300px;
    padding-top: 20px;
    padding-left: 40px;
    height: 260px;
    text-align: left;
}
.fondoObjetivo h1{
    text-align: left;
    padding-bottom: 30px;
}
.contObjetivo{
    display: flex;
    flex:1;
    height:890px;
    margin-top:150px
}

.textoObjetivo p{
    font-family: 'Roboto Condensed';
    font-size: 21px;
    font-weight: lighter;
    color: #5a6871;
}

.cabeceraSeccion{
    display: flex;
    flex:1;
    height:290px;
    margin-top:150px
}
.cabeceraSeccionTitulo{
    display: flex;
    flex:1;
    padding-top: 100px;
    padding-left: 50px;
    align-items: baseline;
    font-size: 57px;
    color: white;
    text-transform: uppercase;
    font-weight: bolder;
}

.tituloSeccion{
    padding-top: 70px;
    text-align: left;
    color:#A02753;
}

.contSeccion{ display: flex; flex-wrap: wrap-reverse ; }
.col1_seccion{ display: block; flex: 3; min-width: 280px; max-width: 960px; }
.col2_seccion{ justify-content: center; align-items:center;  align-content:center; align-self:flex-end;  text-align: center; padding-top: 130px;  flex:1; }
/*
.ampliado{ width:100%; background:url(sitio/quienessomos-fondo4.jpg) no-repeat ; background-size:cover; color:#011b34; }
 background-position: 92% center;
*/
@media only screen and (max-width: 1240px)  { 
     .col2_seccion{
        padding-top: 10px;
     }
}

.linkEsp{
    text-decoration:none;
}

.btnBuscEspecialidad{
    cursor: pointer;
    background-color:#A02753;
    color:white;
    height: 46px;
    padding-top: 24px;
    font-weight: 300;
}

.listEspecialidades{
 background-color: white;
 align-content:center;
 display: none;   
 padding-left: 10px;
}
.linea_esp{
    background:url(sitio/linea_sep_esp.png) no-repeat;
    background-position: center;
    height: 2px;
    
}
.item_espec{
    text-align: left;
    text-decoration:none;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 5px;
    margin-top: 6px;
    color: #A02753;
}

.item_espec .profesional-imagen{
    padding: 15px;
}

.item_espec .profesional-nombre{
    padding: 0px 15px;
    color: #666;
    font-size: 24px;
}

.item_pro{
    flex:1;
    min-width: 295px;
    padding: 20px;
}

.item_pro_2{
    flex:1;
    min-width: 220px;
    padding: 20px;
}

.profesional-subt{
    padding-left: 15px;
    font-weight: lighter;
    font-size: 16px;
    display: flex;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    padding-bottom: 4px;
    color: #A02753 !important;
}

.seccionResidencia{
width:100%; background:url(sitio/fondo_residencias.jpg) no-repeat 70% 0%;  color:#011b34
}

.descargar_button button{
    border-radius: 60px 60px 60px 60px;
    -moz-border-radius: 60px 60px 60px 60px;
    -webkit-border-radius: 60px 60px 60px 60px;
    border: 0px solid #000000;
    background-color: #A02753;
    color: white;
    height: 52px;
    width: 210px;
    font-size: 16px;
    font-family: 'Roboto Condensed';
    cursor: pointer;

}


.flecha_esp{
    padding-left: 10px;
    -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
}

.flecha_esp_press{
    padding-right: 10px;
    -moz-transform: rotate(-180deg);
     -o-transform: rotate(-180deg);
     -webkit-transform: rotate(-180deg);
     transform: rotate(-180deg);
}

.listEspecialidadesHeader{
 background-color: white;
 align-content:center;
 display: none ;
 margin-left: 340px;
 width: 520px;
 height: 200px;
 border-color: #C00 #F00 #600;
}

.listEspecialidadesHeaderCont{
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
}


.listSucursalesHeaderCont .item_especHeader{
 width: 160px;   
}

.listSucursalesHeader{
 background-color: white;
 align-content:center;
 display: none ;
 margin-left: 550px;
 width: 370px;
 height: 100px;
 border-color: #C00 #F00 #600;
 justify-content: space-around;
}

.listSucursalesHeaderCont{
    flex-wrap: wrap;
    display: flex;
    justify-content:center;
}

.item_especHeader{
    width: 240px;
    font-weight: lighter;
    font-size: 16px;
    display: flex;
    text-align: left;
    text-decoration:none;
    text-transform: uppercase;
    padding-bottom: 4px;
    color: #A02753 !important;
}

.conProf{
    display: flex;
    flex-wrap: wrap;
}

/**** INSTITUCIONAL (QUIENES SOMOS) ***/



/***** COWORK AMPLIADO *****/

/*.coworkAmpliado         { background:#0d141f; color:#aecbeb;}*/

/***** COLAB AMPLIADO *****/

/*.colabAmpliado          { background:#093f6a; color:#83f3d6;}*/

/***** COLEARN AMPLIADO *****/

/*.colearnAmpliado        { background:#20062e; color:#d1c9b3;}*/

/***** ESPECIALIDADES *****/
.especialidades                   { width:100%; padding-top: 40px; padding-bottom:70px; background:url(sitio/especialidades-fondo.jpg); background-size:cover; background-attachment: fixed; color:#0d141f}
.especialidades .cont             { width:1150px; margin:0 auto;}
.especialidades .cont .container .col1       { width: 50%; float: left; padding-right: 40px; box-sizing: border-box;}
.especialidades .cont .container .col1 h1    { margin: 90px 0 35px 0;  width:100%; height:auto; font-family: 'Roboto Condensed'; font-size:38px; line-height: 35px;; letter-spacing:-1.5px;display:block; font-weight: 100; float:left }
.especialidades .cont .container .col1 p     { font-family: 'Roboto Condensed', sans-serif; color: #97b1ce; max-width: 560px; font-size: 15px; line-height: 23px; letter-spacing: 1px; font-weight: 300; text-transform: uppercase; display: block; float: left;}
.especialidades .cont .container .col1 input { margin-bottom:8px; background: #b4bac5; border: 0; height: 58px; color: #3e485a; width: 100%; padding: 24px; box-sizing: border-box; font-size: 14px; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 1px;}
.especialidades .cont .container .col1 textarea  { height:128px; margin-bottom:8px;background: #b4bac5; border: 0; color: #3e485a; width: 100%; padding: 24px; box-sizing: border-box; font-size: 14px; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 1px;}
.especialidades .cont .container .col1 button  { font-weight: 600; margin-top:10px; background: #7c828a; border: 0; height: 58px; color: #cbcfd6; width: 157px; padding: 0 24px; box-sizing: border-box; font-size: 14px; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 1px;}
.especialidades .cont .container .col1 button:hover { background:#ff0000; cursor: pointer; }
.especialidades table.espere { position:absolute; left:0px; top:0px; background:rgba(255, 255, 255, 0.8); text-align:center; vertical-align:middle }
.especialidades table.espere tr { text-align:center; vertical-align:middle; width:100%; height:100% }
.especialidades table.espere td { text-align:center; vertical-align:middle; width:100%; height:100%; font-family:'Roboto Condensed', sans-serif; text-transform: uppercase; font-weight:500; }

.especialidades .cont .container .col2       { width:50%; float:left; padding-right: 50px; box-sizing: border-box;}
.especialidades .cont .container .col2 img   { max-width: 100%;}
.especialidades .cont .container .col2 h1    { margin: 90px 0 35px 0;  width:100%; height:auto; font-family: 'Roboto Condensed'; font-size:38px; line-height: 35px; letter-spacing:-1.5px;display:block; font-weight: 100; float:left }


/***** CONTACTO *****/

.contacto                   { width:100%; padding-bottom:70px; background:url(sitio/contacto-fondo2.jpg); background-size:cover;  color:#0d141f}
.contacto .cont             { width:1150px; margin:0 auto;}
.contacto .cont .col1       { width: 33.33%; float: left; padding-right: 40px; box-sizing: border-box;}
.contacto .cont .col1 h1    { margin: 90px 0 35px 0;  width:100%; height:auto; font-family: 'Roboto Condensed'; font-size:38px; line-height: 35px;; letter-spacing:-1.5px;display:block; font-weight: 100; float:left }
.contacto .cont .col1 p     { font-family: 'Roboto Condensed', sans-serif; color: #97b1ce; max-width: 560px; font-size: 15px; line-height: 23px; letter-spacing: 1px; font-weight: 300; text-transform: uppercase; display: block; float: left;}
.contacto .cont .col1 input { margin-bottom:8px; background: #b4bac5; border: 0; height: 58px; color: #3e485a; width: 100%; padding: 24px; box-sizing: border-box; font-size: 14px; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 1px;}
.contacto .cont .col1 textarea  { height:128px; margin-bottom:8px;background: #b4bac5; border: 0; color: #3e485a; width: 100%; padding: 24px; box-sizing: border-box; font-size: 14px; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 1px;}
.contacto .cont .col1 button  { font-weight: 600; margin-top:10px; background: #7c828a; border: 0; height: 58px; color: #cbcfd6; width: 157px; padding: 0 24px; box-sizing: border-box; font-size: 14px; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 1px;}
.contacto .cont .col1 button:hover { background:#3e485a; cursor: pointer; }
.contacto table.espere { position:absolute; left:0px; top:0px; background:rgba(255, 255, 255, 0.8); text-align:center; vertical-align:middle }
.contacto table.espere tr { text-align:center; vertical-align:middle; width:100%; height:100% }
.contacto table.espere td { text-align:center; vertical-align:middle; width:100%; height:100%; font-family:'Roboto Condensed', sans-serif; text-transform: uppercase; font-weight:500; }

.contacto .cont .col2       { width:38.66%; float:left; padding-right: 50px; box-sizing: border-box;}
.contacto .cont .col2 img   { max-width: 100%;}
.contacto .cont .col2 h1    { margin: 90px 0 35px 0;  width:100%; height:auto; font-family: 'Roboto Condensed'; font-size:38px; line-height: 35px; letter-spacing:-1.5px;display:block; font-weight: 100; float:left }
.contacto .cont .col2 iframe	{ height:458px}

.contacto .cont .col3       { width:28%; float:right; padding-right: 50px; box-sizing: border-box;}
.contacto .cont .col3 h1    { margin: 90px 0 35px 0;  width:100%; height:auto; font-family: 'Roboto Condensed'; font-size:38px; line-height: 35px; letter-spacing:-1.5px;display:block; font-weight: 100; float:left }
.contacto .cont .col3 p     { margin-bottom:45px; font-family: 'Roboto Condensed', sans-serif; color: #0d141f; width: 100%; font-size: 15px; line-height: 23px; letter-spacing: 1px; font-weight: 300; text-transform: uppercase; display: block; float: left;}

 .botonRedes       { width:34px; height:34px; float:left; display:block; margin-right:7px;margin-bottom:7px; opacity:0.7}
.botonRedes:hover { opacity:1}
.red1 { background:url(sitio/facebook.svg) no-repeat; }
.red2 { background:url(sitio/2.jpg) no-repeat; }
.red3 { background:url(sitio/3.jpg) no-repeat; }
.red4 { background:url(sitio/4.jpg) no-repeat; }


redesSocial a { width:34px; height:34px; float:left; display:block; margin-right:7px;margin-bottom:7px; opacity:0.7 }
.redesSocial .red1 { background:url(sitio/facebook.svg) no-repeat; }
.redesSocial .red2 { background:url(sitio/2.jpg) no-repeat; }
.redesSocial .red3 { background:url(sitio/3.jpg) no-repeat; }
.redesSocial .red4 { background:url(sitio/4.jpg) no-repeat; }



::-webkit-input-placeholder { color: #69717f; text-indent:15px; }
::-moz-placeholder          { color: #69717f; text-indent:15px; }
:-ms-input-placeholder      { color: #69717f; text-indent:15px;}
:-moz-placeholder           { color: #69717f; text-indent:15px;}


/***** FOOTER *****/


footer      { width:100%; height:215px; background-color: #5a6770; font-family: 'Roboto Condensed'; font-weight: 300; }

footer .contenedor-copyright {width: 1150px; margin: 0 auto;}
footer .cont            { width:1150px; margin:0 auto; color: #DDD; padding-top: 60px;}
footer .cont .col1      { width:33.33%; float:left; padding-right: 50px; box-sizing: border-box;}
/*footer .cont img        { float:left; }*/
footer .cont .col1 p    { margin-left:35px; font-family: 'Roboto Condensed', sans-serif; width: 150px; font-size: 13px; line-height: 20px; letter-spacing: 1px; font-weight: 300; text-transform: uppercase; display: block; float: left;}

footer .cont .col2      { width:33.33%; float:right; padding-right: 50px; box-sizing: border-box;}
footer .cont .col2 p    { margin-bottom: 10px;font-family: 'Roboto Condensed', sans-serif; width: 100%; font-size: 13px; line-height: 20px; letter-spacing: 1px; font-weight: 500; text-transform: uppercase; display: block; float: left;}

footer .cont .col3      { width:15.33%; float:right; padding-right: 50px; box-sizing: border-box;}
footer .cont .col3 p    { margin-bottom: 10px; font-family: 'Roboto Condensed', sans-serif; width: 100%; font-size: 13px; line-height: 20px; letter-spacing: 1px; font-weight: 500; text-transform: uppercase; display: block; float: left;}


/***** MÓDULO FLOTANTE REDES SOCIALES *****/
.redesSociales                      { width:34px; height:136px; position:fixed; display:block; right:0; z-index: 9999999999999999; top:40%}
.redesSociales .botonRedes          { width:34px; height:34px; float:left; display:block; opacity:0.9}
.redesSociales .botonRedes:hover    { opacity:1}
.redesSociales .red1    { background:url(sitio/01.jpg) no-repeat; }
.redesSociales .red2    { background:url(sitio/2.jpg) no-repeat; }
.redesSociales .red3    { background:url(sitio/3.jpg) no-repeat; }
.redesSociales .red4    { background:url(sitio/4.jpg) no-repeat; }


#recaptcha { width: 100%; overflow: hidden;}



/********************************************************************** RESPONSIVE *****************************************************************/


@media only screen and (max-width: 1240px)  {   
header .cont, .quienesSomos .especialidades .cont, .contacto .cont, footer .cont, .ampliado .cont, footer .contenedor-copyright    { width: 1180px;}

/***** SLIDER *****/
.placaSlider p  { font-family: 'Roboto Condensed'; margin: 7% auto 0 auto; max-width: 660px; color: #fff; font-size: 49px; line-height: 51px; letter-spacing: -1.5px; display: block;}

/***** QUIENES SOMOS *****/

.quienesSomos .cont h1      { margin: 50px 0 30px 0; font-size:37px; line-height: 38px;}
.quienesSomos               { height: auto; padding: 30px 0 80px 0;}

/***** ESPECIALIDADES *****/

.especialidades .cont h1      { margin: 15px 0 30px 0; font-size:37px; line-height: 38px;}
.especialidades               { height: auto; padding: 30px 0 80px 0;}



.especialidades .cont .col1       { width: 100%; float: left; padding-right: 40px; box-sizing: border-box;}

.especialidades .cont .col2       { width:100%; float:left; padding-right: 40px; box-sizing: border-box;}




/***** MODULOS CO *****/
.moduloCo p     { font-size: 12px; line-height: 17px; ; margin: 4% auto;  padding: 0 7%;}
.moduloCo h1    { font-size: 38px; }

/***** COWORK AMPLIADO *****/
.moduloCo .cont .col1 h1  { margin: 90px 0 40px 0;font-size:38px; line-height: 38px; padding-top:50px }
.ampliado .cont h1              { margin: 0px 0 30px 0; font-size:37px;  line-height: 38px;}
.ampliado .cont p               { margin-bottom: 30px; font-size: 14px; line-height: 21px;}
.contObjetivoMovil .textoObjetivo p { margin-bottom: 30px; font-size: 14px; line-height: 21px;}
.ampliado .cont h2              { font-size: 21px;}
.ampliado .cont span            { margin-bottom: 30px;}

.contObjetivoMovil .textoObjetivo { padding-left: 20px; }

/***** CONTACTO *****/
.contacto .cont .col1 h1, .contacto .cont .col2 h1, .contacto .cont .col3 h1    { font-size:31px; }


/***** FOOTER *****/
footer .cont .col1 img  { display:none}
footer .cont img { max-width:100%}

}

@media only screen and (max-width: 1024px)  {
/*header .cont, .quienesSomos .cont, .coworkAmpliado .cont, .colearnAmpliado .cont, .colabAmpliado .cont, .contacto .cont, footer .cont   { width: 700px;}*/
header .cont, .quienesSomos .cont, .especialidades .cont, .moduloCo .cont, .contacto .cont, footer .cont, .ampliado .cont, footer .contenedor-copyright   { width: 700px;}

/***** SLIDER *****/
.placaSlider p  { font-size: 38px; line-height: 37px;}
.placaSlider span   { margin: 20px auto 0 auto;}

/***** MODULOS CO *****/
.moduloCo           { width: 100%; height: 300px;}
.moduloCo img       { margin-top: 7vw;}
.moduloCo h1        { font-size: 33px;margin-top: 2%;}
.moduloCo p         { padding: 0 15%;}

.moduloDesplegable h3.accordion2, .moduloDesplegable h3.accordion3, .moduloDesplegable h3.accordion1 {    position: initial; }

.esconderResponsive { display:block; height: auto; padding-bottom:20px}
.moduloDesplegable  { display:none}

#menuDesplegable    { display:block}
nav                 { display:none}

footer .cont img { max-width:100%}

}

@media only screen and (max-width: 785px)  {
/*header .cont, .quienesSomos .cont, .coworkAmpliado .cont, .colearnAmpliado .cont, .colabAmpliado .cont, .contacto .cont, footer .cont   { width: 100%; padding:0 30px; box-sizing:border-box}*/
header .cont, .quienesSomos .cont, .especialidades .cont, .moduloCo .cont, .contacto .cont, footer .cont, .ampliado .cont  { width: 100%; padding:0 30px; box-sizing:border-box}



/***** SLIDER *****/
.placaSlider span   { display:none}
.placaSlider p      { margin: 3vw auto 0 auto; padding: 0 40px; font-size: 35px; line-height:35px}
.bx-controls-direction { display:none}

/***** QUIENES SOMOS *****/
.quienesSomos .cont h1  { font-size:33px; }

/***** especialidades *****/
.especialidades .cont h1  { font-size:45px; }

/***** FOOTER *****/
footer                  { padding:30px 0 0 0; height:auto}
footer .cont .col1 img  { display:block}
footer .cont .col1, footer .cont .col2, footer .cont .col3  { width: 100%; padding-right:0; box-sizing:border-box; margin-bottom:20px}

/***** CONTACTO *****/
.contacto               { padding:0 0 30px 0;}
.contacto .cont .col1, .contacto .cont .col2, .contacto .cont .col3   { width:100%; box-sizing:border-box; padding-right:0}
.contacto .cont .col1 h1, .contacto .cont .col2 h1, .contacto .cont .col3 h1    { margin: 50px 0 35px 0;}

#menuDesplegable    { right:30px}

}

@media only screen and (max-width: 550px)  {

/***** SLIDER *****/
.placaSlider p  { font-size: 4vw; line-height: 4.7vw; letter-spacing: 0; margin: 2vw auto 0 auto; }


/***** MODULOS CO *****/
.moduloCo img   {    margin-top: 13vw;}

.ampliado .cont h1  {margin: 0px 0 0px 0;  font-size: 33px;}
.ampliado .cont .col1, .ampliado .cont .col2    { width:100%; box-sizing:border-box; padding-right:0; margin-top:0}

/***** CONTACTO *****/
.contacto .cont .col2, .contacto .cont .col3    { width:100%; box-sizing:border-box; padding-right:0}

/***** FOOTER *****/
footer .cont img { max-width:100%}

}

@media only screen and (max-width: 365px)  {
/***** SLIDER *****/
.placaSlider p  { margin: 0 auto 0 auto; }
.bx-pager.bx-default-pager {    bottom: 15px;}

/***** FOOTER *****/
footer .cont .col1 p    { margin-left:0; margin-top:15px; width:100%}





}

header .logo_header{
    padding-top: 40px; 
    text-align: center; 
}

.contenedor-botonera-izquierda{
    display: block;
    width: 42%;
    min-width: 465px
}

.contenedor-botonera-derecha{
    display: block;
    width: 42%; 
    min-width: 465px;
}

@media(min-width: 769px){
    .hidden-sm{
        display: none;
    }
    
    .contObjetivoMovil{
        display: none;
    }
    
    .showFr{
        display: block;
    }

}

@media(max-width: 768px){
    
    .showFr{
        display: none;
    }
    
    .contObjetivoMovil{
        display: block;
    }
    
    .contObjetivo{
        margin-top: 0px;
    }
    .textoObjetivo{
        margin-top: 0px;
        padding-top: 0px;
    }
    
    .hide_img{
        background:url('') !important;
    }
    
    #contObjetivoInst{
      /*  display: none !important; */
      height: 100%;
      margin-top: 0px;
    }
    
    .test_imagen{
         display: none 
    }
    
    
    
    header.fijo{
        height: 98px;;
    }
    
    header .logo_header{
        padding-top: 14px;
        text-align: left;
    }
    
    .logo img{
        max-width: 240px;
    }
    
    header .cont{
        padding: 0 6px;
    }
    
    .hidden-xs{
        display: none !important;
    }
    
    .containerFooter.copyright{
        height: 82px !important;
    }
    
    footer .footerLogo{
        padding-bottom: 0px;
    }
    
    footer{
        padding-top: 20px;
    }
    
    footer .copy{
        padding-top: 20px;
        padding-bottom: 40px;
    }
    
    .dataContacto input{
        width: 100%;
    }
    
    .dataContacto{
        width: 100%;
        flex-direction: row 
    }
    
    .contFormulario{
        display: block;
        padding-left: 12px;
        padding-right: 12px;
    }
    
    .seccionContacto .cont{
        width: auto;
    }
    
    .contContacto{
        display: block;
        text-align: center;
    }
    
    .seccionContacto .botonRedes{
        float: none;
        display: inline-block;
    }
    
    .cabeceraSeccion{
        margin-top: 0px;
    }
    
    .cabeceraSeccion{
        height: auto;
    }
    
    .cabeceraSeccionTitulo{
        font-size: 32px;
        padding: 48px 50px;
    }
    
    h1.tituloSeccion{
        padding-top: 30px;
    }
    
    #main{
        margin-top: 68px;
    }
    
    .interna .ampliado{
        padding-top: 0px;
    }
    
    .contenedor-botonera-derecha,
    .contenedor-botonera-izquierda{
        width: auto;
        min-width: auto;
        float: none;
        margin-left: 0px;
        margin-right: 0px;
    }
    
    
    .container button.accordion{
        font-size: 14px;
        height: 64px;
    }
    
    .fondoObjetivo{
        display: block;
    }
    .textoObjetivo{
        height: auto;
        padding-bottom: 28px;
    }
    
}

.btn-flotante {
    font-family: 'Roboto Condensed';
    font-size: 18px; /* Cambiar el tamaño de la tipografia */
    text-transform: uppercase; /* Texto en mayusculas */
    font-weight: bold; /* Fuente en negrita o bold */
    color: #d70333; /* Color del texto */
    border-radius: 8px; /* Borde del boton */
    /*letter-spacing: 2px; /* Espacio entre letras */
    background-color: #ffffff; /* Color de fondo */
    padding: 6px 1px 6px 20px;
    position: fixed;
    top: 73%;
    right: 90px;
    width: 12%;
    transition: all 300ms ease 0ms;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    z-index: 99;
    text-decoration: none;
}
.btn-flotante:hover {
    background-color: #d70333; /* Color de fondo al pasar el cursor */
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
    transform: translateY(-7px);
    color: #ffffff;
}

@media only screen and (max-width: 375px) {
    .btn-flotante {
        font-size: 14px;
        padding: 12px 20px;
        top: 180px;
        right: 10%;
        width: 120px;
    }
} 
@media only screen and (max-width: 415px)and (min-width: 376px) {
    .btn-flotante {
        font-size: 14px;
        padding: 12px 20px;
        top: 200px;
        right: 10%;
        width: 120px;
    }
} 
@media only screen and (max-width: 812px) and (min-width: 670px){
    .btn-flotante {
        font-size: 14px;
        padding: 12px 20px;
        top: 32%;
        right: 10%;
        width: 120px;
    }
}   

@media only screen and (max-width: 1024px) and (min-width: 812px) {
    .btn-flotante {
        font-size: 14px;
        padding: 12px 20px;
        top: 32%;
        right: 10%;
        width: 120px;
    }
}  
@media only screen and (max-width: 1280px) and (min-width: 1024px){
    .btn-flotante {
        font-size: 14px;
        padding: 12px 20px;
        top: 62%;
        right: 10%;
        width: 120px;
    }
}
@media only screen and (max-width: 1440px) and (min-width: 1285px)  and (orientation: portrait){
    .btn-flotante {
        font-size: 14px;
        padding: 12px 20px;
        top: 56%;
        right: 10%;
        width: 120px;
    }
}  
@media all and (min-width:1900px){
    .btn-flotante {
        font-size: 14px;
        padding: 12px 20px;
        top: 63%;
        right: 10%;
        width: 120px;
    }
}