@charset "utf-8";

/* CSS Document */

/* Última implementación: unifica pestaña areas */

/*Body*/

body.energia .header-container {background-image: url(imagenes/fn-energia.png);}
body.telecomunicaciones .header-container {background-image: url(imagenes/fn-teleco.png);}
body.turismo .header-container {background-image: url(imagenes/fn-turismo.png);}
body.industria .header-container {background-image: url(imagenes/fn-industria.png);}
body.comercio .header-container {background-image: url(imagenes/fn-comercio.png);}

body.energia .titulo-area:before
{background: #9a22af;}
body.energia .section-titulo {border-color: #9a22af;}

body.telecomunicaciones .titulo-area:before
{background: #b3200d;}
body.telecomunicaciones .section-titulo {border-color: #b3200d;}

body.turismo .titulo-area:before
{background: #0097a9;}
body.turismo .section-titulo {border-color: #0097a9;}

body.industria .titulo-area:before
{background: #3cb977;}
body.industria .section-titulo {border-color: #3cb977;}

body.comercio .titulo-area:before
{background: #ff6600;}
body.comercio .section-titulo {border-color: #ff6600;}


/*Cabecera*/
.header-container {background-position-y: 0;}
.header-container h1 a {font-size: 2.55rem; color: #000; font-family: 'lorabold_italic';}

header.feder .logo-feder {position: absolute; right: 3%; margin-top: 10px;}
header.feder .buscador {right: 180px;}

/*Layout*/
h1 {margin-top:  0.65em; margin-bottom: 0;}
h2 {color: #000;}
.section-container h1:after {content: none;}
.col-contenido, .section-container.margen {padding-top: 2em;}
.section-titulo {padding-left: 5%; padding-right: 5%; border-bottom: 3px solid; position: relative;} /* unifica pestaña areas */
.titulo-area {color: #000; font-family: 'lorabold_italic'; font-size: 2.25rem; line-height: 1.25; padding-bottom: 0.55em; width: calc(100% - 230px);}
.titulo-area:before {content: ""; height: 6px; width: 50px; display: block; margin: 0.25em 0;}
.breadcrumb li a, .titulo-area a {color: #000;}

.areas-interes {margin-top: -32px; /*width: 95%;*/} /* unifica pestaña areas */
.section-titulo .areas-interes {margin-top:0;}

.imagen-subsitio {position: absolute; right: 10%; bottom: 0; text-align: right;} /* unifica pestaña areas */

.submenu h2 {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}


/*Cobertura Banda Ancha*/

.banda-ancha {margin: 1.55em 0; position: relative;  border: 4px solid #e8e8e8; padding: 1em 2em; }
.banda-ancha #divMapaContainer {background: #e8e8e8; border-top: 1px solid #efefef; padding: 1em 2em; padding-left: 120px; text-align: center; position: relative;}
.banda-ancha .mapa { width: 500px; margin: 0 auto;}

.colores-rango {border: 1px solid #efefef; background: #fff; padding: 3px 0 3px 1em; width: 500px; margin: 0 auto; margin-bottom: 1em; font-size: 0.75em; font-family: "Open Sans", sans-serif;}
.colores-rango span {padding:  0 1em;}
.colores-rango span:before {content: ""; width: 20px; height: 12px; display: inline-block; margin-right: 5px;}
.colores-rango span.rango-1:before  {background:#2e6a96;}
.colores-rango span.rango-2:before  {background:#628eaf;}
.colores-rango span.rango-3:before  {background:#94b2c8;}
.colores-rango span.rango-4:before  {background:#c7d6e2;}

.buscador-banda-ancha,
.buscador-instaladores
{overflow: hidden; margin: 0 auto; margin-top: 1em;}

.buscador-instaladores {background: #f7f7f7;padding: 1em 2em;}
.banda-ancha .tecnologia, .buscador-banda-ancha fieldset, .banda-ancha .periodo,
.buscador-instaladores .provincias, .buscador-instaladores fieldset
{float: left;}

.buscador-banda-ancha label, .buscador-banda-ancha legend, .sombra-separacion label,
.buscador-instaladores label, .buscador-instaladores legend
{padding-bottom: 0.15em; margin-bottom: 0.55em; display: block; border-bottom: 1px solid #e7e7e7; color: #000; font-family: 'open_sansextrabold'; font-size: 1em; text-transform: uppercase;}

.banda-ancha .tecnologia, .banda-ancha .periodo { width: calc(25% - 2em); margin: 0 1em;}
.buscador-banda-ancha fieldset {width: 50%; text-align: center}

.buscador-instaladores .provincias { width: 25%; }
.buscador-instaladores fieldset {width: 75%; padding-top: 0.55em;}

.buscador-instaladores fieldset input[type="text"] {width: 35%;}
.buscador-instaladores .provincias select  {width: 95%;}

.buscador-banda-ancha legend, 
.buscador-instaladores legend {width: 100%; margin: 0 1em;}

.buscador-banda-ancha fieldset > span {padding-top: 0.65em; display: block;}
.buscador-banda-ancha fieldset label,
.buscador-instaladores fieldset label
{text-transform: none; color: #000; font-family: 'lorabold';}
.buscador-banda-ancha fieldset label, .sombra-separacion label,
.buscador-instaladores fieldset label
{display: inline; border-bottom: 0; margin-right: 1em;}

.banda-ancha input[type="radio"], .banda-ancha input[type="checkbox"], 
.buscador-instaladores input[type="radio"] {border:0; margin: 0.55em 0.25em; margin-left: 1em;}

.banda-ancha input[type="submit"],
.buscador-instaladores input[type="submit"],
input[type="button"].boton-aceptar
{background: #000; border: 0; color: #fff; padding: 0.35em 2em; cursor: pointer; margin: 1em 0;}

.banda-ancha input[type="text"]
.buscador-instaladores input[type="text"]
{width: 260px;}

.sombra-separacion:before {content: ""; display: table; width: 100%; }
.sombra-separacion {text-align: center;}
body.telecomunicaciones .sombra-separacion h2 {border-top: 2px solid #e8e8e8; padding: 0.55em 0; margin-top: 1em; color: #b3200d;}
.sombra-separacion h2 span {font-family: 'Lora', serif; color: #000;}

.sombra-separacion  .cobertura, .sombra-separacion p {border-bottom: 2px solid #e8e8e8; padding-bottom: 1em; display: block;}
.sombra-separacion h2, .sombra-separacion .cobertura, .sombra-separacion p {width: 80%; margin: 0 auto;}

.aviso-mapa { width: 100px; font-size: 1em; position: absolute; top: 30%; left: 50%; right: 50%;  z-index: 99; text-align: center;}
.map.maphilighted { margin: 0 auto;}

.sombra-separacion input[type="button"] {background: url(imagenes/bt-lupa.png) no-repeat center 0;border: 0; cursor: pointer; margin-left: 0.15em; overflow: hidden; padding: 2px 0; text-indent: -9999px; width: 40px; height: 40px;}

input[type=submit]#btnMostrarCobertura
{ background: #000; color: #fff; border:  0; display: inline-block; width: 250px; margin: 0; padding: 0.45em 0; line-height: 1.25; float: right; margin-right: 40%;}
input[type=submit]#btnMostrarCobertura:hover { background:#b3200d;}

/*TreeView*/

.treeContainer a { display: inline;}
.treeContainer li a { background: none; padding: 0; color: #b3200d !important; text-decoration: underline; cursor: pointer;}
.treeContainer li a:hover { text-decoration: none;}
.treeContainer {margin: 1em auto; padding-right: 1em;overflow-x: hidden !important; overflow-y: auto !important; width: 600px; height: 230px; }
.rootList {text-transform: uppercase;}
.treeContainer ul { margin-left: 2em;}
.treeContainer ul ul{ margin-left: 2em;}
.treeContainer ul li { padding-bottom: 0;}
.treeContainer ul li li {padding-bottom: 0;}

.treeContainer input[type="checkbox"]  {margin-left: 0; margin-right: 5px;}
input.boton-aceptar[type="button"] { float: right; border-radius: 5px; padding: 5px 2.25em;}
a.volver-mapa { text-decoration: underline; padding-left: 1.55em; /*background: url(../SiteCollectionImages/images/fn-flecha-volver.png) no-repeat scroll left 3px;*/}
a.volver-mapa:hover { text-decoration: none;}

/*Tabla Modal*/
/*.banda-modal .tabladatos{ width: auto;}
.banda-modal .tabladatos caption{ font-size: 1.25em; color: #b3200d; text-align: left; padding-bottom: 1em; font-weight: normal; background: none; border: 0; display: block;}
.banda-modal .tabladatos {border: 1px solid #ccc; border-collapse: collapse;}
.banda-modal .tabladatos th, .banda-modal .tabladatos td {padding: 1em 2em; border-left: 1px solid #ccc;}
.banda-modal .tabladatos td {white-space:nowrap;}
.banda-modal .tabladatos th{ font-size: 1em; width: 150px; vertical-align: middle; text-align: left; cursor: pointer;}
.banda-modal .tabladatos th {border-bottom: 4px solid #b3200d;}
.banda-modal .tabladatos td {border-bottom: 0; padding: 0.55em 2em;}*/

.tabladatos.dataTable caption {font-size: 1.25em; color: #b3200d; text-align: left; padding-bottom: 1.55em; font-weight: normal; background: none; border: 0; height: auto; margin: 0; position: relative; width: 100%;}
.tabladatos.dataTable th {cursor: pointer;}
.tabladatos.dataTable th:hover {text-decoration: underline;}

.paginado, .dataTables_paginate {float: right; margin-bottom: 0.25em; padding-bottom: 1em; display: block; padding-right: 0.55em;}
.dataTables_paginate a.paginate_button, .dataTables_paginate a.paginate_active {padding: 0.25em 0.65em; border: 1px solid #ccc; color: #000; margin-right: 0.25em; cursor: pointer;}

.dataTables_paginate a.paginate_active { background: #b3200d; color: #fff; border: 1px solid #b3200d;}
.dataTables_paginate a.paginate_button_disabled { display: none !important;}

.dataTables_paginate a.prev, .dataTables_paginate a.next {background: none; width: auto; height: auto; display: inline; position: relative; top: 0;}

.dataTables_paginate a.next {right: 0;}
.dataTables_wrapper a.next:before {content: none;}

p.relacion-doc {border-top: 1px dotted #666; padding-top: 15px; clear: both; margin-top: 2em;}
.simplemodal-container p.relacion-doc { margin-top: 0;}

.relacion-doc input, .relacion-doc a {display: inline; margin-left: 0.65em; padding-left: 1.95em; padding-right: 1em; background-repeat: no-repeat !important; border: 0; text-decoration: underline; background-color: transparent !important; cursor: pointer; color: #000 !important; padding-bottom: 0.55em;}

.relacion-doc input:hover, .relacion-doc a:hover {text-decoration: none;}
.relacion-doc input.xls, .relacion-doc a.xls, .relacion-doc a#aXlsx{ border-right: 1px solid #b2b2b2;}
/*#aXlsx {background-image: url(../SiteCollectionImages/css/files/xls.gif)!important;}
#aCsv{background-image: url(../SiteCollectionImages/css/files/ic-csv.png)!important;}*/

.banda-ancha input.grafico-barras { border: 1px solid #b2b2b2; /*background: url(../SiteCollectionImages/images/fn-grafico-barras.png) no-repeat !important; */color: #555; padding: 0.35em 2em; padding-left: 3em; float: right; margin-bottom: 1em;  margin-right: 1em;}
.banda-ancha input.grafico-barras:hover { color: #000;}


/*Registro Instaladores*/

.mapa-instaladores { padding-top: 2em; background: #e8e8e8; border: 1px solid #fefefe; text-align: center; margin: 0;}

.listado-instaladores {border: 1px solid #ddd; margin: 0;}
.listado-instaladores li {border-top: 1px solid #ddd; padding: 0.65em 1.95em; overflow: hidden; position: relative;}
.listado-instaladores li:first-child {border-top: 0;}

.section-container .listado-instaladores li:before{width:  0; height:  0; background: none; margin:  0; display: inline; content: none;}
.listado-instaladores dl,
.simplemodal-data dl.ficha
{display: flex; flex-flow: row; flex-wrap:wrap;
display:-ms-flexbox; -ms-flex-direction:row; -ms-flex-wrap: wrap;}

.listado-instaladores dt, .listado-instaladores dd,
.simplemodal-data .ficha dt, .simplemodal-data .ficha dd
{flex-grow: 0; -ms-flex-positive:0; padding-top: 0.25em;}

.listado-instaladores dt,
.simplemodal-data .ficha dt
{width: 280px; font-family: 'lorabold'; color: #000;}
.listado-instaladores dd,
.simplemodal-data .ficha dd
{width: calc(100% - 280px);}

body.telecomunicaciones .listado-instaladores dd a,
body.telecomunicaciones  .resultado-instaladores a 
{font-family: 'lorabold'; color: #b3200d; text-decoration: underline;}

body.telecomunicaciones  .resultado-instaladores a:hover,
body.telecomunicaciones .listado-instaladores dd a:hover {text-decoration: none;}

.resultado-instaladores > p {font-family: 'lorabold_italic'; font-size: 1.35em; padding: 0; padding-bottom: 1em; text-align: right;}
.resultado-instaladores a.bt-volver {margin-top: 1em; display: inline-block;}
.resultado-instaladores a.bt-volver:before {content: "\f104"; font-family: 'FontAwesome';}

p.instaladores-doc a.file {position: relative; display: inline-block; margin-left: 3em;}
p.instaladores-doc a.file:before {/*margin-left: -24px;*/}

.mensaje-error {color: #ff0000;  margin-top: -15px; text-align: center;}

.simplemodal-data dl.ficha {margin-top: 2em;}
.simplemodal-data .ficha dt, .simplemodal-data .ficha dd { margin-top: 0.35em; border-top: 1px solid #f1f1f1;}



/*Sandbox*/

img.sandbox-img {
	padding: 2em 0;
}
.sandbox-firstmargin {margin-top: 2em;}
details.sandbox-acordeon {
	border: 1px solid #e5e5e5;
	background: #fff;
	box-shadow: 0 5px 14px 0 rgba(8, 15, 52, 0.04);
    padding: 1em 2em;
    margin: 1em 0;
    border-radius: 10px;
}
details.sandbox-acordeon summary {
	font-family: "Open Sans";
	font-weight: 600;
	 font-size: 1.25em;
	color: #404040;
 cursor: pointer;
 list-style: none;
 display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
details.sandbox-acordeon summary:hover {
color: #264c80;
}
.sandbox-description {padding: 1em 0;}
details.sandbox-accordeon--sub {
	padding: 1em 2em;
    margin: 1em 0;
	background: #f9f9f9;
	border-radius: 10px;
}
details.sandbox-accordeon--sub summary {
	font-size: 1.125em;
	color: #264c80;
	text-transform: uppercase;
}

dl.sandbox-eventos {
	display: flex;
	flex-flow: row wrap;
	gap: 1em 3em;
	margin-top: 1em;
	
}

dl.sandbox-eventos dt {
	width: 100px;
	font-weight: 600;
    /*text-align: right;*/
}

dl.sandbox-eventos  dd{
	width: calc(100% - 140px - 3em);
}

/* sigh, Safari again */

.sandbox-acordeon summary::-webkit-details-marker {
  display: none;
}

.sandbox-acordeon summary span {width: calc(100% - 3rem);}
.sandbox-accordeon--sub summary span { width: calc(100% - 2.25rem);;}

.sandbox-acordeon summary::after {
  	display: inline-block;
    vertical-align: middle;
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    mask-size: contain;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	background-color: #a3a3a3;
	-webkit-mask-image: url("imagenes/circle-chevron-down-solid.svg");
    mask-image: url("imagenes/circle-chevron-down-solid.svg");
	margin-top: 0.25em;
}

.sandbox-acordeon summary:hover::after {background-color: #264c80;}
 
details.sandbox-acordeon[open] > summary {
  color: #264c80;
}
details.sandbox-acordeon[open] > summary::after {
    background-color: #264c80;
	-webkit-mask-image: url("imagenes/circle-chevron-up-solid.svg");
    mask-image: url("imagenes/circle-chevron-up-solid.svg");
}

.sandbox-accordeon--sub summary::before {
  	display: inline-block;
    vertical-align: middle;
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    mask-size: contain;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	background-color: #264c80;
	-webkit-mask-image: url("imagenes/circle-plus-solid.svg");
    mask-image: url("imagenes/circle-plus-solid.svg");
	margin-top: 0.25em;
}
.sandbox-accordeon--sub summary::after {content: none;}


 details.sandbox-accordeon--sub[open] > summary {
  color: #404040;
}
 details.sandbox-accordeon--sub[open] > summary::before {
    background-color: #737373;
	-webkit-mask-image: url("imagenes/circle-minus-solid.svg");
    mask-image: url("imagenes/circle-minus-solid.svg");
}

.sandbox-tt {
	font-family: "Open Sans";
	font-weight: 600;
	text-transform: uppercase;
	font-size: 1.125em;
	display: block;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	color: #264c80;
	border-bottom: 1px solid #e5e5e5;
	padding-top: 1em;
}
.sandbox-row {
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	gap: 1em;
	margin-bottom: 1em;
}

.sandbox-row ul {margin-bottom: 0.65em;}
.sandbox-row img {
	margin-right: 1em;
	margin-top: 0.65em;
}
.sandbox-row div {
	width: calc(100% - 90px - 2em);
	/*padding-bottom: 1.5em;*/
}

.sandbox-list--imagen > li::before {content: none !important;}

.sand-box-fecha {
	background: #f9f9f9;
    display: inline-block;
    padding: 0.125em 0.5em;
    margin: 1em 0;
    color: #000;
    font-family: 'Open Sans';
    font-weight: 600;
}
.sandbox-description__principal {
    display: flex;
    flex-flow: row wrap;
    gap: 3em;
    flex-direction: row;
    align-items: center;
}

.sandbox-description__espacio {
	margin-top: 4em;
	padding-top: 2em;

}

.sandbox-description__principal  .sandbox-description__container {
	width: calc(100% - 200px - 3em);
}

.sandbox-description__principal img {
	width: 200px;
	height: 100%;
}
.sandbox-description__secundaria h4 {color: #000; font-size: 1.125rem;}
.sandbox-description__secundaria {
	margin-top: 2em;
	padding-top: 1em;

}
.sandbox-description__secundaria .sandbox-description__container {
	display: flex;
	flex-flow: row wrap;
	gap: 1em;
	align-items: center;
	margin: 1em 0;
}

.sandbox-description__secundaria img {
	max-width: calc(25% - 1em);
    width: 180px;
    height: 100%;
}


@media only screen and (max-width: 640px) {
details.sandbox-acordeon summary,
details.sandbox-accordeon--sub summary {font-size: 1em;}
	
details.sandbox-acordeon,
details.sandbox-accordeon--sub {padding: 1em;}

.sandbox-acordeon summary::after,
.sandbox-accordeon--sub summary::before {
	width: 1.25rem;
    height: 1.25rem;
}
.sandbox-acordeon summary span,
.sandbox-accordeon--sub summary span {
    width: calc(100% - 2rem);
}
	
.sandbox-row {flex-direction: column;}
.sandbox-row div {width: 100%;}
	
.sandbox-description__principal {
	flex-direction: column;
	align-items: flex-start;
	gap: 0.5em;
}

.sandbox-description__principal  .sandbox-description__container {
	width: 100%;
}
.sandbox-description__principal img {
	width: 200px;
	height: 100%;
}
	
.sandbox-description__secundaria img {
	max-width: calc(50% - 1em);
}

}


@media only screen and (max-width: 1680px) {
.header-container h1 {left: 770px;}
.buscador-instaladores fieldset input[type="text"] {width: 25%;}
}

@media only screen and (max-width: 1366px) {
.header-container h1 {left: 600px;}
.header-container header.feder h1 {left: 450px;}
.header-container {background-position: right 35px;}
.buscador-instaladores .provincias {width: 18%;}
.buscador-instaladores fieldset {width: 80%;}
.buscador-banda-ancha fieldset label, .buscador-instaladores fieldset label {font-size: 0.90em;}
}

@media only screen and (max-width: 1280px) {
.header-container h1 {left: 460px;}
.header-container {background-image: none;}
.imagen-subsitio {right: 40px;}

.section-titulo {margin-top: 2rem;} /* unifica pestaña areas */
	
.buscador-banda-ancha fieldset label, .buscador-instaladores fieldset label,
.buscador-banda-ancha input[type=text], .buscador-banda-ancha select	
{font-size: 0.85em;}
}

@media only screen and (max-width: 1024px) {
.titulo-area {font-size: 1.25rem; padding-top: 1em;}
header.feder .logo-feder {right: 120px;}
.logo-feder img { height: 70px;}
header.feder .buscador {right: 0;}
	
}

@media only screen and (max-width: 768px) {
.imagen-subsitio { display: none;}
	.titulo-area {width: 100%;}
.buscador-instaladores .provincias, .buscador-instaladores fieldset {float: none;}
.buscador-instaladores fieldset {width: 100%;}
.buscador-instaladores .provincias {width: 50%;}

.header-container header.feder h1 {width: 180px; left: 350px;}
	
.banda-ancha .tecnologia, .banda-ancha .periodo, .buscador-banda-ancha fieldset,
.banda-ancha .periodos
{ width: 100%; margin: 1em 0; text-align: left; overflow: hidden;}

.buscador-banda-ancha legend { margin: 0;}
.buscador-banda-ancha  select { width: 100%;}
	
.buscador-banda-ancha fieldset label, .buscador-banda-ancha input[type=text], .buscador-banda-ancha select {font-size: 1em;}
	
.simplemodal-container.large {width: 95% !important; height: 80% !important;}
	
}

@media only screen and (max-width: 640px) {
.buscador-instaladores .provincias, .buscador-instaladores fieldset input[type="text"] {width: 100%;}
.buscador-instaladores fieldset label {margin-right: 0.25em; font-size: 0.75em;}
.buscador-banda-ancha legend, .buscador-instaladores legend {margin: 0; padding-top: 1em;}
	
.banda-ancha input[type="radio"], .banda-ancha input[type="checkbox"], .buscador-instaladores input[type="radio"] {margin-left: 0.25em;}
.map.maphilighted {width: 100%; height: auto;}
	
p.instaladores-doc a.file {display: block; width: 100px;margin: 1em 3em;}
footer .logo img {height: auto;}

body.telecomunicaciones .resultado-instaladores a{margin: 2em 0;}
.listado-instaladores ul {margin: 1em;}
.listado-instaladores li {padding: 0.65em 0.55em;}
.listado-instaladores dt, .simplemodal-data .ficha dt {width: 250px;}
.listado-instaladores dd, .simplemodal-data .ficha dd {width: calc(100% - 250px);}
.simplemodal-container.medium, 
.simplemodal-container.large {width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important;}
#simplemodal-container a.modalCloseImg {top: 10px; right: 10px;}
}
@media only screen and (max-width: 640px){
header.feder .logo-feder {margin-top: 12px;}
header.feder .logo-feder img {height: 60px;}
}
@media only screen and (max-width: 600px){
.header-container header.feder h1.tagline.sticky{width: 100%; left: 0;}
}
@media only screen and (max-width: 480px){
header.feder .logo-feder img {height: 35px;}
header.feder .logo-feder {right: 70px;}
}