.bannerexpo .titulos {width: 75%;}

/*directorio de empresas VR*/
.bl_directorio .exposingle::after {display: none;}
.bl_directorio .head_exposingle .wrap-img { height: 400px!important;}
.bl_directorio .head_exposingle .wrap-textos { height: 362px;}
.bl_directorio .wrap-img span {  background: #747474 url(../images/directorio/banner_empresas.jpg) no-repeat center center; background-size: auto 100%; width: 100%; height: 400px; display: block;}
.bl_directorio .barra-lat  { margin-bottom: 20px;   line-height: 1; padding-top: 0px; padding-left: 0px; width: 440px; float: left;}

.bl_directorio .barra-lat .filtro_empresas {position:relative; margin-bottom:1px; background:#000; padding:20px 20px 20px 70px; color: #fff; font-size: 16px; text-transform: uppercase; }
.bl_directorio .barra-lat .filtro_empresas .c-hamburger_filtro {  position: absolute; top: 5px;  left: 15px;  right: auto;}
.bl_directorio .barra-lat  .logotipo {}
.bl_directorio .barra-lat  .logotipo img {width: 100%;}
.bl_directorio .datos_empresa {  display: block;  font-size: 20px; line-height: 1.4;
    font-family: telefonica_light; padding-left: 0px; margin-bottom: 10px;
    float: right; margin-top: 1px; float: right; width: -webkit-calc(100% - 440px); width: -moz-calc(100% - 440px); width: calc(100% - 440px);
}

.bl_directorio .datos_gris {padding: 40px; background-color:#f1f1f1;}
.bl_directorio .datos {padding:0 0 0 40px;}
.bl_directorio .dato { font-size: 20px; border-bottom: 1px solid #dcdcdc; padding-bottom: 20px; margin-bottom:20px; }
.bl_directorio .dato:last-child {border:0px;}
.bl_directorio .dato .col {display: inline-block; width: 45%;}
.bl_directorio  h1 {font-size: 40px; margin:0px 0px 20px; padding: 0px; text-transform: uppercase; font-weight: 600;}
.bl_directorio .dato h3 {font-size: 25px;  margin:20px 0px 10px; padding: 0px;  text-transform: uppercase; font-weight: 600; }

.bl_directorio .email, .bl_directorio .telefono, .bl_directorio .movil, .bl_directorio .web {display: block; padding:10px 45px; }

.bl_directorio .dato.lista a {background: #f1f1f1; line-height: 1; text-decoration:none; text-transform: uppercase; font-size: 17px;  display: inline-block;  border-radius:30px; padding: 8px 20px; margin:0 2px 6px 0px;  }
.bl_directorio .dato.lista a:hover {color: #fff; background:#77ccdb; }

.bl_directorio .email {color:#6cc8d8; background: transparent url(../images/directorio/mail.svg) no-repeat 0 center;  background-size:32px auto ;}
.bl_directorio .telefono {color: #000; background: transparent url(../images/directorio/telefono.svg) no-repeat 0 center ;  background-size:32px auto ;}
.bl_directorio .movil {padding-right:0px; color: #000; background: transparent url(../images/directorio/telefono.svg) no-repeat 0 18px ;  background-size:32px auto ;}
.bl_directorio .web {padding-right:0px; color:#6cc8d8; background: transparent url(../images/directorio/web.svg) no-repeat 0 center ;  background-size:32px auto ;}

.bl_directorio .nota {display: block; padding-top: 10px; color:#777;}
.bl_directorio .areas br {display: none;}
.bl_directorio .areas .nota {padding-top: 0px; padding-bottom: 20px;}
.bl_directorio .proyectos h3 {border-bottom: 1px solid #dcdcdc; padding-bottom: 20px; margin-bottom:20px;}
.bl_directorio .proyectos .dato {border: 0px;}
.bl_directorio .proyecto {display: block; font-size: 18px; padding:10px 45px; background: transparent url(../images/directorio/proyecto.svg) no-repeat 0 center;  background-size:24px auto ; }
.bl_directorio .proyecto span {display: block;}
.bl_directorio .proyecto a {color:#777;}
.bl_directorio .proyecto a:hover {color: #77ccdb;}

.dato_video {margin:20px 0px 30px;position: relative;padding-bottom: 56.25%; /* 16/9 ratio */padding-top: 30px; /* IE6 workaround*/height: 0;overflow: hidden;}
.dato_video iframe,
.dato_video object,
.dato_videoe embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


/*banner directorio alta*/
.alta_empresas {border:1px solid #d5d5d5; border-width: 1px 0px; padding:50px 0; text-align: center;     clear: both;}
.alta_empresas div {text-align: left; margin: 0 auto; display: inline-block; padding-left: 100px; background: transparent url(../images/directorio/grid.svg) no-repeat 0 5px ;  background-size:70px auto ;}
.alta_empresas h2 {font-size: 30px; color: #333; padding: 0; margin: 0px 0px 0px;}
.alta_empresas span {font-size: 20px; display: block; padding-bottom: 20px;}
.alta_empresas a { background: #77ccdb; color: #fff; display: inline-block;  border-radius:30px; padding: 10px 30px; font-size: 2em; text-decoration: none;} 
.alta_empresas a:hover {background: #222;}

.enlace_post +  .alta_empresas {border-top:0px;}

/*post*/
.enlace_post {    border-radius: 30px; text-align: center; background-color:#eeeeee;  padding:40px; }
.enlace_post .bl {display: inline-block; text-align: left; }
.enlace_post .img { float: left; width:150px; padding:0 20px; }
.enlace_post .txt {float: left; width: calc(100% - 150px); }
.enlace_post h2 {font-size: 30px; color: #333; padding: 0; margin: 0px 0px 0px;}
.enlace_post .cat {color: #64C5D6;}

/*empresas_destacadas*/
.empresas_destacadas {clear: both; padding: 40px 0;}
.empresas_destacadas .img {padding-bottom: 20px;  }
.empresas_destacadas img {border: 1px solid #dcdcdc;}
.empresas_destacadas span {font-size: 16px; text-transform: uppercase; color: #77ccdb; display: block;  line-height: 1;}
.empresas_destacadas h3 {font-size: 24px; margin: 0; padding: 0px;}

.empresas_destacadas .owl-carousel .owl-nav.disabled    {}
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {text-indent: -4000px; width:40px; height: 40px; position: absolute; top:115px; display: block;}
.owl-carousel .owl-nav .owl-next {right:-50px;  background:transparent url(../images/directorio/next.svg) no-repeat 0 center;  background-size:auto 35px ;}
.owl-carousel .owl-nav .owl-prev {left:-50px; background:transparent url(../images/directorio/prev.svg) no-repeat 0 center;  background-size:auto 35px ;}

/*filtro directorio*/
.fondo_gris {background:#eeeeee; padding-bottom: 40px; margin-bottom: 60px;  }
.lista_filtro  {clear: both;}
.lista_filtro .rec_post  a {display: block; width: 25%; float: left;}
.lista_filtro .rec_post  a .logotipo {padding: 10px; }
.lista_filtro .rec_post  a .logotipo .bl {position: relative; overflow: hidden;}
.lista_filtro .rec_post  a .logotipo img {border: 1px solid #dcdcdc; background: #fff; display: inherit;}

.lista_filtro .rec_post  a .logotipo span {font-size: 16px; text-transform: uppercase; color: #000; display: block;  line-height: 1;}
.lista_filtro .rec_post  a .logotipo h3 {font-size: 20px; line-height: 1.1; margin: 0; padding: 10px 0px 0px 0px;}

.lista_filtro .rec_post  a .logotipo .txt {display:none; opacity: 0;  padding: 40px; position: absolute; left: 0px; top:0px; z-index: 1; width: 100%; height: 100%; background:rgba(100, 197, 214, 0.9); color: #fff; }
.lista_filtro .rec_post  a:hover .logotipo .txt {display: block; opacity: 1;}



.bloque_desplegables {text-align: center;}
.bloque_desplegables .radio-container  {text-align: left; vertical-align: top; display: inline-block; margin:0px 10px 30px; position: relative; z-index: 1; }
.noresults {text-align: center; font-size: 18px; padding: 20px 20px 40px;}


.buscar_empresas .tag {
    display: block;
    float: left;
    border-radius: 20px;
    background-color: #E8E8E8;
    font-size: 1.8em;
    padding: 4px 20px;

    
}

/*--------------------------------------------------------------
# SEARCH EMPRSAS
--------------------------------------------------------------*/
.buscar_empresas {position: relative; float: left; min-height:56px; padding:10px 40px; border-bottom: 1px solid #dcdcdc; width: -webkit-calc(100% - 440px); width: -moz-calc(100% - 440px); width: calc(100% - 440px);}
.buscar_empresas .btnssocial{position: absolute; right: 20px; top:8px;}
.buscar_empresas .search-submit  {
  box-sizing: border-box; display: block; position: relative; overflow: hidden; margin: 0px!important;/*---margin cuadro----*/ padding: 0; width: 40px;/*---ancho cuadro----*/height: 36px;/*---alto cuadro----*/
  font-size: 0; text-indent: -9999px;
  -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: none;-webkit-border-radius: 0; -moz-border-radius: 0;-ms-border-radius: 0;  -o-border-radius: 0;border-radius: 0;  border: none;
  cursor: pointer;-webkit-transition: background 0.3s; transition: background 0.3s;
  background: url(../images/lupa_s.png) no-repeat #262626;background-position: center;  float: left;
}
.buscar_empresas .search-submit:hover, .buscar_empresas .search-submit:enabled{-webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: none; border: none;}
.buscar_empresas .search-submit:focus { outline: none;}
.buscar_empresas  label { float: left;}
.buscar_empresas input[type="search"]{ box-sizing:border-box; width: 300px; height: 36px; }

.busca-container  {   display: inline-block; vertical-align: top;    margin: 0px 10px 30px;}
.busca-container .search-submit  {
  box-sizing: border-box; display: block; position: relative; overflow: hidden; margin: 0px!important;/*---margin cuadro----*/ padding: 0; width: 60px;/*---ancho cuadro----*/height: 45px;/*---alto cuadro----*/
  font-size: 0; text-indent: -9999px;
  -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: none;-webkit-border-radius: 0; -moz-border-radius: 0;-ms-border-radius: 0;  -o-border-radius: 0;border-radius: 0;  border: none;
  cursor: pointer;-webkit-transition: background 0.3s; transition: background 0.3s;
  background: url(../images/lupa_s.png) no-repeat #262626;background-position: center;  float: left;
  border-radius:0px  30px  30px 0px!important;
}
.busca-container .search-submit:hover, .buscar_empresas .search-submit:enabled{-webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: none; border: none;}
.busca-container .search-submit:focus { outline: none;}
.busca-container  label { float: left;}
.busca-container input[type="search"]{ box-sizing:border-box;  width: 270px; height: 45px; background-color:#f9f9f9; border-radius:30px 0px 0px 30px;}


.bl_directorio .nav_filtro { position: relative; display: none;}
.bl_directorio .nav_filtro.mostrar {display: block;}
.bl_directorio .nav_filtro div.negro {position: fixed; width: 100%; height:  100%; z-index: 2;}
.bl_directorio .nav_filtro ul {padding: 0px 0px; margin:0px; position: absolute; width: 100%; z-index: 3; }
.bl_directorio .nav_filtro ul li {border-bottom: 1px solid #E4E4E4;  margin:0px; list-style: none; padding: 0px 0px 0px 50px; background-color: #262626;}
.bl_directorio .nav_filtro ul li:last-child {border:0px;}
.bl_directorio .nav_filtro ul li.tit {}
.bl_directorio .nav_filtro ul li a {font-size: 1.7em; padding:20px; color: #fff; display: block; text-transform: uppercase;  }
.bl_directorio .nav_filtro ul li strong {font-size: 1.7em; padding:20px; color:#77ccdb; display: block; text-transform: uppercase;  }


/*form alta empresa*/

.contenido_form_directorio {clear: both; padding-top: 40px;}
.contenido_form_directorio h2 {font-size:40px; padding-left: 40px; padding-bottom: 0px; margin:0px;  line-height: 1.1; }
.contenido_form_directorio p {font-size:22px;  padding-left: 40px;  line-height: 1.1;} 

.form_empresa {font-size: 16px;}
.form_empresa label {font-size:20px; font-weight: 600; display: block; padding-bottom: 10px;}
.form_empresa input[type="text"],
.form_empresa input[type="email"],
.form_empresa input[type="number"],
.form_empresa input[type="tel"],
.form_empresa textarea,
.form_empresa input[type="text"] {background: #e4e4e4; padding:10px 20px; border: 0px; width: 100%; margin-bottom:20px;}

.wpcf7-checkbox {display: block; padding:10px 0px 20px;}
.wpcf7-checkbox .wpcf7-list-item {display: inline-block; font-size: 16px; padding-right: 10px;}
.wpcf7-checkbox input[type="checkbox"] {display: inline-block; padding-right: 5px; }

.form_empresa .datos_form_empresa {background:#f1f1f1;}
.form_empresa .datos_form_empresa input[type="text"],
.form_empresa .datos_form_empresa input[type="email"],
.form_empresa .datos_form_empresa input[type="number"],
.form_empresa .datos_form_empresa input[type="tel"],
.form_empresa .datos_form_empresa textarea,
.form_empresa .datos_form_empresa input[type="text"] {background: #ffffff;}
.bl_directorio .form_empresa .email, 
.bl_directorio .form_empresa .telefono, 
.bl_directorio .form_empresa .web {background-position:0px 15px }

.form_empresa .datos_form_empresa {float: left; width: 100%; padding: 40px;}
.form_empresa .datos_form {float: left; width: 100%; padding: 0px 40px;}
.form_empresa h3 {padding: 20px 40px; margin-bottom: 20px; color: #77cddb; font-size: 24px; font-weight: 600; border-bottom: 1px solid #cdcdcd; }
.form_empresa h3.noborde {border: 0px; margin:0px;}
.form_empresa .col {width: 33.3333%; float: left; padding-right: 10px; }
.form_empresa .col.grande {width: 100%;}

.form_empresa .list_pro {padding-right: 0px;}
.datos_form_proyecto .wpcf7-form-control-wrap {display:block; float: left; width:50%; padding-right: 10px;}
.form_empresa .col.grande.enviar {width: 100%; padding-right: 30px; padding-top: 20px; margin-top: 20px; border-top: 1px solid #cdcdcd; text-align: right;}
.form_empresa .col.grande.enviar  input[type="submit"] {padding: 20px 80px; font-size:20px; background: #77cddb; color: #fff; border: 0px; border-radius: 30px;}


/*responsive empresas*/
.proyectos.movil {display: none;}


@media screen and (max-width: 1024px){ 
	.bl_directorio .bannerexpo {display: none!important;}
	.bl_directorio .head_exposingle .wrap-img { height: auto!important;}
	.bl_directorio .wrap-img span {height: 250px;}
	.bl_directorio .head_exposingle .wrap-textos { height: auto;}
	.bl_directorio .barra-lat {margin-bottom:0px;}
	.bl_directorio .barra-lat,
	.bl_directorio .barra-lat .filtro_empresas,
	.buscar_empresas {width: 100%; }
	.buscar_empresas {padding-left: 22px;}
	.buscar_empresas label { float: left; display: block; width:90%;}
	.buscar_empresas input[type="search"] {width: 100%;}

	.lista_filtro {padding: 0 20px;}
	.lista_filtro .rec_post  a {width: 50%;}
	.lista_filtro .rec_post  a .logotipo {}

	.empresas_destacadas {padding: 40px;}
	.bl_directorio .owl-carousel .owl-nav .owl-next, .bl_directorio .owl-carousel .owl-nav .owl-prev  {display: none;}

	.bloque_desplegables .radio-container {width: 100%; margin:5px 0px;  text-align: center;}
	.bloque_desplegables .radio-container > div {text-align: left;}
	.wrapper-dropdown-1 {width: 85%}
	.bloque_desplegables {padding-bottom: 40px;}

	.alta_empresas {padding: 40px;}
	.alta_empresas h2 {line-height: 1.1; padding-bottom: 10px;}

	/*ficha*/
	.bl_directorio .barra-lat  .logotipo  {padding: 20px 40px;}
	.bl_directorio .barra-lat .proyectos  {display:none; padding: 20px 40px;}
	.single .buscar_empresas {display: none;}
	.bl_directorio .datos_empresa {width: 100%; padding: 0 40px;}
	.bl_directorio .dato .col {width: 100%;}
	.bl_directorio .datos {padding-left: 0px;}

	.proyectos.movil {display: block;}

	/*form*/
	.form_empresa .col  {width: 100%;}
	.datos_form_proyecto .wpcf7-form-control-wrap {width: 100%; }

	.busca-container {padding-top: 20px;}

	/*post*/
	.enlace_post {background-color:transparent;  padding:10px 0; }
	.enlace_post h2 {font-size: 25px;}
	.enlace_post + .alta_empresas {  margin-top:20px;  border-top: 1px solid #d5d5d5;}
	
}