:root {
  --page-header-bgColor: #242e42;
  --page-header-bgColor-hover: #1d2636;
  --page-header-txtColor: #dde9f8;
  --page-header-headingColor: #7889a4;
  --page-header-width: 220px;
  --page-content-bgColor: #f0f1f6;
  --page-content-txtColor: #171616;
  --page-content-blockColor: #fff;
  --white: #fff;
  --black: #333;
  --blue: #00b9eb;
  --red: #ec1848;
  --border-radius: 10px;
  --border-color: #284467;
    --color-fondo: #f7f6f2;
    --color-azul-logo: #1d7d99;
    --color-azul: #78aabd;
    --color-amarillo: #e5d430;
    --color-azul-oscuro: #1f4454;
    --box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.20);
}

html, body {font-size:15px; font-family: 'KoHo', sans-serif; margin:0px; padding:0px; color:#4e5359; font-weight: 300; background-color: var(--color-fondo)}
a {color:var(--color-azul);text-decoration: none;}
a:hover {text-decoration: underline;}
h1, h2, h3, h4, h5, h6 {margin: 0;font-family: inherit;font-weight: 300; color:inherit; text-rendering: optimizelegibility;}
strong{font-weight:600}
p{margin:0px; margin-bottom:4px;}
ul{margin:0px; }
hr{margin-top:10px; margin-bottom:10px; padding:0px; height:1px; border:0px; background-color:#cccccc}
img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
.img-circle{border-radius:50%; height:inherit}
BODY#tinymce{margin:12px !important;}
.clearfix{clear:both}
.hide{display:none !important}
.pc{display:table-cell;}
.movil{display:none !important;}
.pull-right{float:right}
.pull-left{float:left}
.align-left{text-align:left !important;}
.align-center{text-align:center !important;}
.align-right{text-align:right !important;}
.align-justify{text-align:justify !important;}
.cursiva{font-style:italic;}
.serifa{font-family: 'Cormorant', serif;}
.h1seo{text-indent:-600px; font-size:0px !important; text-align:left; margin:0 !important;}
.padding_80{padding:80px;}
.padding_40{padding:40px;}
.padding_20{padding:20px;}
.padding_10{padding:10px;}
.margin-l-10{margin-left:10px;} .margin-r-10{margin-right:10px;}
.margin-l-20{margin-left:20px;} .margin-r-20{margin-right:20px;}
.margin_20{margin:20px; position: relative}
.max_1000{max-width: 1000px; margin: auto}
.max_900{max-width: 900px; margin: auto}
.max_700{max-width: 700px; margin: auto}
.inline{display: inline !important}
.lazyload,.lazyloading {opacity: 0;}
.lazyloaded {opacity: 1;transition: opacity 300ms;}
img.lazyload:not([src]) {visibility: hidden;}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.card{ box-shadow: 0 0px 10px 0 rgba(0,0,0,0.11); transition: 0.3s; overflow: visible; background: #fff}
.card:hover {  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);}
.card .container, .card.container { padding: 2px 16px;}
.grid-fluid{
    margin:1rem auto;
    max-width: 100%;
    display: grid;
    grid-template-columns:repeat(3,1fr);
}
.card .card-nohover:hover {  box-shadow:none !important;}
.grid-fluid.resumen{grid-template-columns: repeat( 3, minmax(250px, 1fr) );}

.caja {
    background: var(--page-content-blockColor);
    border-radius: var(--border-radius);
}

.hamburger{padding:10px;display:inline-block;cursor:pointer;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.8}.hamburger-box{width:30px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:30px;height:2px;background-color:#000;border-radius:2px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-duration:.15s;transition-delay:.15s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse .hamburger-inner::after{top:-20px;transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear}.hamburger--collapse .hamburger-inner::before{transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(-45deg);transition-delay:.32s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--collapse.is-active .hamburger-inner::after{top:0;opacity:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .27s linear}.hamburger--collapse.is-active .hamburger-inner::before{top:0;-ms-transform:rotate(-90deg);transform:rotate(-90deg);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1)}.hamburger--arrow.is-active .hamburger-inner::before{transform:translate3d(-8px,0,0) rotate(-45deg) scale(.7,1)}.hamburger--arrow.is-active .hamburger-inner::after{transform:translate3d(-8px,0,0) rotate(45deg) scale(.7,1)}.hamburger--arrow-r.is-active .hamburger-inner::before{transform:translate3d(8px,0,0) rotate(45deg) scale(.7,1)}.hamburger--arrow-r.is-active .hamburger-inner::after{transform:translate3d(8px,0,0) rotate(-45deg) scale(.7,1)}

.smaller .hamburger-inner, .smaller .hamburger-inner::after, .smaller .hamburger-inner::before{background-color: #000;}
.hamburger{padding: 5px;}

.interior .hamburger-inner,.interior .hamburger-inner::after, .interior .hamburger-inner::before{background-color:#FFFFFFF}

.section-full { min-height: 100vh; display: flex; align-items: center; flex-direction: row; justify-content: space-between; position: relative;}
.flex-center{display: flex; flex-direction: row; justify-content: center; align-items: center}

/* GENERAL */
.cuerpo{max-width:1352px; margin:auto; clear:both; overflow:visible;}
	.cuerpo H1{margin-top:0px; margin-top:5px;}
.fijo{position:fixed; width:100%; top:0px; z-index:200;}

HEADER{	overflow:visible;  /*background-color:rgba(0,0,0,0.1);*/ position:relative; /*background-color:#ffffff;*/ /*-webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.16); box-shadow: 0 1px 20px rgba(0, 0, 0, 0.16);*/ padding-top: 20px; padding-bottom: 4px; width:100%; top:0px; z-index:444; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none;}
HEADER::-webkit-scrollbar {display: none;}
.interior HEADER{ position: relative; /*background-color:rgba(0,0,0,0.8); margin-bottom: 20px*/	background: transparent;}
.interior.full HEADER{ position: absolute; /*background-color:rgba(0,0,0,0.8); margin-bottom: 20px*/	background: transparent;}
BODY.login{background-color: #fff}
    
HEADER .cesta{color:#000;  min-width:30px;  font-size: 9px;  height: 26px;  background-position: center;  display: inline-block;  text-align: center; position: relative; vertical-align: bottom;}
	HEADER .cesta I{font-size: 18px;}
	HEADER .cesta-unidades{background-color:#000; border-radius:120px; color: #ffffff; width: 20px;  height: 20px; text-align: center; display: block; line-height: 20px; position: absolute; right: -10px;  top: -10px;}

/** BANDA MENU **/

.logo{margin:0px; text-align:center; /*float:left; margin-top:10px; display:block*/} .logo IMG{vertical-align:middle; }
.logo-movil{position: absolute; width: 100%; text-align: center; margin-top: 70px;}
.logo-movil IMG{width:90px}
.logoAyto{margin-top:15px;}

.logo .nosmaller, .logo .nointerior{display: block}
.logo .sismaller, .logo .interior{display: none}

.interior .logo .nointerior{display: none !important}
.interior .logo .interior{display: block !important}


.banda_menu{z-index:3; display: flex; align-items: center; flex-direction: row; justify-content: space-between; }
#mostrarmenu{text-align:center; clear:both; padding:0px; display:none; font-size:28px; font-weight:bold; } /*#mostrarmenu A{color:#ffffff;}*/
.accesos{padding-right: 20px; float: right;     margin-top: 20px;}
    .accesos A{margin-right:10px !important }


.submenu{display: flex; smin-height: 100vh; width:250px; border-right: 1px solid #eee; flex-direction:column; overflow: auto; flex: none}
    .submenu UL{ list-style-type:none; padding:0; width:100%}
        .submenu LI{border-bottom: 1px solid #eee; color: #7aaaa5;
                transition: background ease-in-out 0.2s; -webkit-transition: background ease-in-out 0.2s; -moz-transition: background ease-in-out 0.2s; -ms-transition: background ease-in-out 0.2s; -o-transition: background ease-in-out 0.2s;}
            .submenu LI:hover, .menu-segundo LI:focus { background: #7aaaa5 !important; color: #ffffff !important;cursor: pointer; text-decoration: none}
            .submenu LI.activo A{color:#333333; font-weight: bold}
        .submenu A{display:block; padding:12px 18px; }
            .submenu LI:hover A{color: #ffffff; text-decoration:none}

	.submenu LI.alcance SPAN{display: block;padding: 12px 18px; color:#f3963c; font-weight: bold; border-left: 4px solid #f3963c}
		.submenu LI.alcance:hover{ background-color:transparent!important; color: #000000 !important; cursor:default; text-decoration: none}
        
.atras{margin-right:15px; color: #666}

.content{display: flex; smin-height: 100vh; flex: auto; padding:40px; flex-direction:column; overflow: scroll;position: relative; /*padding-top: 80px*/}
    .content H2{font-size:35px;color: #7aaaa5;margin-bottom: 10px; /*position: absolute; top: 0;
    left: 0;
    background-color: #7aaaa5;
    color: #fff;    padding: 20px 40px 20px 20px;
    font-size: 18px;
    border-bottom-right-radius: 40px;*/ }
    .content H3{font-size:25px;color: #7aaaa5; margin-bottom: 10px}

.migas{margin-top: 10px}

H1.seccion{flex-direction: row; display: flex; align-items: center;}
	H1.seccion IMG{margin-right: 10px}
	H1.seccion .fa-pencil{margin-left: 10px}

label{font-size:12px; margin-bottom: 4px; display: block; color: #666666}
label.error, label.help-inline{color: #f00}

.listado .item{ /*padding: 15px;*/ background: #f7f7f7; border-radius:10px; margin-bottom: 15px; transition: background ease-in-out 0.2s; -webkit-transition: background ease-in-out 0.2s; -moz-transition: background ease-in-out 0.2s; -ms-transition: background ease-in-out 0.2s; -o-transition: background ease-in-out 0.2s; display: flex; flex-direction: row; justify-content: space-between; padding: 15px; min-height: 30px; align-items: center;}
	.item-contenido{display: flex; flex-direction: row; justify-content: space-between; width: calc(100% - 80px); align-items: center}
		.item-descripcion {width: calc(100% - 260px); }
		.item-descripcion > *{vertical-align: middle;}
			.item-descripcion img{margin:0 10px;}
    
		.item-numeros{width: 260px; display: flex}
		.item-tCO2 {width: 100px;}
		.item-relativo {width: 80px;}
		.item-absoluto {width: 80px;}

div.listado > div:nth-of-type(odd) { background: #f7f7f7; }

.listado .item:hover{background-color:#7aaaa5 !important; color:#fff !important}
	.listado .item:hover .txt-verde{color:#fff !important}
.listado A{display: inline-block; color:#333333} .listado DIV:hover A{color: #ffffff !important; text-decoration: none}
    .listado .enlace{display: block;  width: 100%; padding:10px 15px; }
    .listado .borrarCalculo{margin-right: 15px}


#sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
  #sortable divXXX { margin: 0 5px 5px 5px; padding: 9px; font-size: 1.2em; height: 2em; }
	.ui-state-highlight { border: 1px dashed #fff; background-color: #4e5359 !important; height: 70px; margin: 20px auto; border-radius:10px;}
    .ui-sortable-helper{  border: 1px dashed #97CEF0 !important;  height: 80px; }
    #sortable TR{background-color:#fff; position: relative; width: 100%}
    .drag { border-radius:2px;  padding:5px;  color:#fff; font-size: 10px; margin: 20px auto;}

.boton-calculadora-km {position: fixed; height: 100px; right: 0px; bottom: 100px; width: 100px; display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 50px; border-radius: 50px 0px 0px 50px; background-color:#7aaaa5; border: 0px; color: rgb(255, 255, 255); box-shadow: 0 0px 10px 0 rgb(0 0 0 / 20%); transition: background ease-in-out 0.2s; -webkit-transition: background ease-in-out 0.2s; -moz-transition: background ease-in-out 0.2s; -ms-transition: background ease-in-out 0.2s; -o-transition: background ease-in-out 0.2s;}
    .boton-calculadora-km:hover{background-color:#4e5359}

.frase{text-align:center; font-size:16px; font-weight:100; padding:70px; /*margin-bottom:38px;*/ clear:both; position: relative }
	.frase .tit1{ text-align:center; font-size:25px; line-height:35px; letter-spacing:1px;  min-width:100px; padding-bottom:6px; font-weight:500}
	.frase .tit2{margin:auto;font-size:20px; text-align:center; line-height:24px; letter-spacing:1px; color:#a0a0a0; font-weight:100;}
	.frase .tit3{font-size:16px; line-height:24px; letter-spacing:1px; /*font-style:italic; */font-weight:400; }
	.frase .linea{width:50%; margin:auto; background-color:#b23188; height:5px; margin-bottom:10px; margin-top:10px;}
	.frase P{ margin:auto; margin-top:15px;}
	
.cookies { display: block;  padding-top: 0px;  padding-bottom: 0px;  position: fixed;  bottom: 4px;  right: 4px;  z-index: 9999;  background-color: rgba(33,40,44, 0.84);  color: #FFFFFF;  text-align: center;  font-size:14px;  width: 550px; border-radius: 24px;}
	.cookies .seccion{font-size:19px; border:none !important; padding:0px !important; margin-bottom:10px !important}
	.cookies A{color:#fff}

.separacion {margin-top: 10px;margin-bottom: 10px; clear:both; padding-top:1px}
.separacion-gris {border-top: 1px solid #cccccc; clear:both}

.imagen-hover{background-color:#e1999a; cursor:pointer; z-index:100; /*-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 30px;*/}

	
.smaller{ position:fixed; width:100%; z-index:99999; background-color:#000}
	.home HEADER.smaller { background-color:rgba(0,0,0,0.65) !important;}
	
    	
	.smaller .banda_menu{ -webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.16); box-shadow: 0 1px 20px rgba(0, 0, 0, 0.16); /*padding-top:30px;*/}
.smaller .logo {margin:5px;}
	.smaller .logo-normal{/*display:none*/ width:90px;}
		.logo-smaller{display:none}
		.logo-normal{display:inline-block}
	.smaller .logo-smaller{display:inline-block}
	.interior HEADER.smaller{border: none;}
	

/* HOME */

.home H1{font-size:56px}
.home H2{font-size:26px}
.home H1, .home H2, .home P{text-align: center}
.home .hamburger-inner, .home .hamburger-inner::after, .home .hamburger-inner::before{background-color: #ffffff;}
.home-tool{font-size:30px; text-align: center}
    .home-tool i{display: block; font-size:120px; color: #fff; margin-bottom: 20px}
.home-tool A{background-color: #BBBBBB; display: inline-block; padding: 40px 80px; border-radius: 40px; color: #fff;
     transition: background ease-in-out 0.2s; -webkit-transition: background ease-in-out 0.2s; -moz-transition: background ease-in-out 0.2s; -ms-transition: background ease-in-out 0.2s; -o-transition: background ease-in-out 0.2s;}
    .home-tool A:hover{text-decoration: none; background:#7aaaa5;}


.analisis-listado{    margin: auto; text-align: center}
	.analisis-anno{margin: 20px; font-size:30px; text-align: center; display: inline-block}
	.analisis-anno A{background-color: #BBBBBB; display: inline-block; padding: 40px 80px; border-radius: 40px; color: #fff;
     transition: background ease-in-out 0.2s; -webkit-transition: background ease-in-out 0.2s; -moz-transition: background ease-in-out 0.2s; -ms-transition: background ease-in-out 0.2s; -o-transition: background ease-in-out 0.2s;}
    .analisis-anno A:hover{text-decoration: none; background:#7aaaa5;}
	.analisis-anno i{display: block; font-size:120px; color: #fff; margin-bottom: 20px}


.analisis-resultado{width: 100%; display: flex; flex-direction: row; /*border:2px solid #f0f0f0; spadding: 5px*/}
	.analisis-resultado .bloque{padding:20px; margin:10px; width: 100%}
.analisis-resultado .columna_50{ display: flex;}

			
.contacto .frase{text-align:left}
	.contacto .frase .tit1{line-height:25px; letter-spacing:1px;  min-width:100px; padding-bottom:6px; font-weight:500}
	.contacto .frase .tit2{margin:auto;font-size:30px; text-align:left; line-height:36px; letter-spacing:1px; color:#333; font-style:normal; font-weight:100; }
		.contacto .frase .tit2 STRONG{font-weight:900; font-size:1.1em}

.pagina-login{/*position: absolute; display: flex; top: 0; bottom: 0px; width: 100%; flex-grow: 1; min-height: 100vh; flex-direction: row*/}
    .pagina-login .login-foto{background: url('/images/home.png') no-repeat; background-size: contain; display: flex}
.pagina-login .login-formulario{display: flex; flex-direction: column; align-items: flex-start; justify-content: center}
    .login-formulario .bloque{padding: 80px;}
    .pagina-login input[type="text"]{margin-bottom: 5px}
    


/*** INTERIORES ***/
.uploadifyContenedor{width: 100% !important;}
.breadcrumbs {padding: 0; line-height: 1.25em; left: 0px; position: relative; font-size: 15px;   font-weight: 200;  margin: 0;  color: #989898; float: left; margin-top: 10px;}
.breadcrumbs li { display: inline; list-style: none;}
.frase-superior{max-width:1150px; margin:auto; overflow:auto;}

.destacado{background-color:#4ec1e5; font-size:28px; line-height:38px; color: #fff;
    float: right;   margin:10px 30px; padding:35px;   max-width:350px; text-align: left;}
.checks, .checks UL { margin: 0px; list-style: none; padding:0px; color:#444340}
	.checks li {  margin-bottom: 5px;  padding-left: 35px;  padding-top: 2px;  background-image: url(/images/ticks.png); background-repeat: no-repeat; background-position: 0px 3px;}


/****** CARRITO *******/
.carrito{padding-bottom: 30px; margin:10px auto !important; min-height:400px;}
.carrito .frase{padding-top:0px;}
    .carrito H2{    font-size: 23px; font-weight: 100 !important;}
.pasos-compra{list-style:none; text-align:center; margin:0px auto; padding:0px; width:560px; font-size:25px;  overflow:auto;}
	.pasos-compra ul{ overflow:auto; margin:0px auto;}
	.pasos-compra li{ margin:0px; color:#b3b3b3; font-size:15px;  background-image:url(/images/pasos-compra-off.png); background-repeat:no-repeat; background-position:center; padding-top:50px; float:left; background-size:contain; width:140px;}
		.pasos-compra li.activo{background-image:url(/images/pasos-compra-on.png); color:#776e73;}

.panelCarrito{	height: 100%; width: 0; position: fixed; z-index: 200; top: 0; right: 0; color:#ffffff; background-color:var(--color-azul-logo); overflow-x: hidden; padding-top:10px; transition: 0.5s; box-shadow: 0 0 15px rgba(0,0,0,.5); z-index:99999;}
	.panelCarrito A{color:#ffffff;}
	.panelCarrito .margen{padding:20px; }
	.panelCarrito .cerrar{text-align:right; font-size:30px;}
		.panelCarrito .cerrar I{font-size:30px;}
	.panelCarrito H1{font-size:25px;}
	.panelCarrito  H2{    font-size:15px !important; margin-top:0px; margin-bottom:4px; display: inline-block;}
	.panelCarrito .btn-large, .panelCarrito .boton.sm{padding: 11px 15px; font-size: 14px} 

.carrito-resumen{overflow:auto; padding:20px; margin-left:40px;}
.carrito .label{text-shadow:none; font-weight: 100; font-size: 13px}
.btn-cupon{display:block}
	.btn-cupon.deshabilitado{opacity:0.1}
.sticky {position: fixed; top: 20px;}
.carrito-opciones .bloque{padding: 30px;}


/***** dashboard *****/

.tabla_filtros_buscar{ display: flex; justify-content: end; align-items: center;    gap: 16px;}

/* consumos */

.ayuda{padding:4px 10px; vertical-align: middle; width: 44px; height: 44px; text-align: center; border-radius: 180px;     display: inline-flex; flex-direction: column; justify-content: center; margin: 0 10px; background-color: #f3963c; color: #ffffff; transition: background ease-in-out 0.2s; -webkit-transition: background ease-in-out 0.2s; -moz-transition: background ease-in-out 0.2s; -ms-transition: background ease-in-out 0.2s; -o-transition:background ease-in-out 0.2s;}
.ayuda:hover{text-decoration: none; background-color: #000000; cursor: help}

.editar-consumo, .editar-item{padding:20px; position: relative; margin: 10px auto}
    .editar-consumo .loading, .editar-item .loading{padding:40px;font-size:30px; color:#7aaaa5}
    .editar-consumo .cancelar, .editar-item .cancelar{position: absolute; top:20px; right: 20px;}
    .editar-consumo .flex, .editar-item .flex, .swal2-html-container .flex{display: flex; flex-direction: row; align-items: center; }
	.swal2-html-container {text-align: left !important}
		.swal2-modal .swal2-title{color:#333 !important; /*padding-top: 50px !important;*/ font-size: 22px !important; padding-bottom:20px !important;}
		.swal2-html-container H4{margin-top: 20px; font-size: 22px;}
	.swal2-popup.swal2-toast{background-color:#4e5359 !important;  }
		.swal2-bottom-end .swal2-title{color: #fff !important;}

    .swal2-close:focus {outline: 0; box-shadow:none !important;}

.listadoItems .card{smin-width: 350px; min-height: 220px; margin: 10px; display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center;; border-radius: 10px;}
.boton-mas{display: inline-flex; width: 50px; margin: 0 auto; height: 50px; text-align: center !important; padding: 10px; align-items: center; justify-content: center; border-radius: 120px; transition: 0.3s;}
	.listadoItems .card:hover{text-decoration: none; cursor: pointer; background-color: #4e5359; color: #fff !important;}
.listadoItems .card:hover .boton-mas{width: 70px; height: 70px; color: #4e5359 !important; background-color: aliceblue}

.borra-consumo, .borra-item{place-self: center;}

.listadoItems .itemsLeyenda{display: flex; width: 100%}

.nota{font-size: 13px;}

/**** publico ****/

.public .bandaResumen {height:auto; opacity: 1}
    .public .bandaResumen.oculta{height: 0; opacity: 0; display: none}
    .public .bandaAnno{display: flex; align-items: center; justify-content: space-around; min-width: 280px; height:auto; opacity: 1}
        .public .bandaAnno.oculta{height: 0; opacity: 0}
    .public .intro{display: inherit;}
        .public .intro.oculta{display: none;}


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

time{font-size:0.9em; color:#ccc;}
.compartir { font-size: 1.8em; position: absolute; margin-left:-55px; margin-top: 15px;  padding: 2px; text-align:center; z-index: 2;}
.compartir A { display: block; padding: 5px; padding-left:6px;}
.compartir-wa { display: none !important;}

.listados, .listados UL{
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: left;
    margin-top:10px;
}
.listados li {
    line-height:18px;
    padding:5px 0px 5px 5px;
    color: #666;
}
.listados li A{color:#8c8c8c;}
.listados li.activo {font-weight:bold; border-radius:6px;} .listados li.activo A{color:#333; font-weight:bold;}

/*** GALERIA ***/
.galeria{padding-bottom:40px}
.galeria figure {  margin: 0px;}
.galeria-overlay { opacity: 0; background-color: #243545; position: absolute; top: 0; bottom: 0; right: 0; left: 0; -webkit-transition: opacity 0.4s,-webkit-transform 0.4s; transition: opacity 0.4s,transform 0.4s; text-align:center; background-repeat:no-repeat; background-position:center 80px; z-index:1;}
	.galeria A:hover .galeria-overlay {opacity: 0.7;}
	.galeria H4{display:none; position:absolute; bottom:0px; color:#fff; width:100%; margin:0px; z-index:999; font-size:1.5em; padding:25px}
		.galeria A:hover H4{display:block}
	.galeria .lupa{position: absolute;    z-index: 999;    width: 100%;    bottom: 0;    right: 0px;    text-align: center;    height: 100%;    padding-top: Calc(50% - 60px); display:none;}
		.galeria A:hover .lupa{display:block}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.cargando{background-image:url(/images/cargando.gif); background-position:center; background-repeat:no-repeat;}


/*** CONTACTO ***/

.contacto{margin-bottom:20px; padding-bottom:60px; text-align:left;}
	.contacto FORM{padding-top:10px; }
	.contacto .textos H2{font-size:20px; margin-top:20px;}
	.contacto .textos P{font-size:24px}
	.contacto .textos .direccion{clear:both; margin-bottom:10px; overflow:hidden}
	.contacto .textos .icono{float:left; width:30px; text-align:center; font-size:16px; color:#666666}
	.contacto .textos .descripcion{float:left; font-size:16px; color:#666666}
		.interior-columna-2{padding-left:10px;}
		.interior-columna-1{padding-right:10px;}
	
	.contacto .formulario{margin-top:40px}
		.contacto .formulario P{font-size:18px;}
	
	.contacto .contacto-icono {
		text-align: center;    font-size: 38px;    font-weight: 200;    color: #ffffff;    margin-left: 4px;
    	height: 70px;  width: 70px;
    	display: inline-block;
    	padding: 12px;
    	border-radius: 90px;    border: 3px solid;
	}
#map-canvas {margin: auto; min-height: 350px;}
	#map-canvas P{margin:0px; margin-bottom:10px; height: inherit;}

/* PIE */
.chat{position:fixed; bottom:70px; right:0px; padding:8px; color:#FFF; background-color:#51615c; border-radius:20px 0px 0px 20px; z-index:2010;}
	.chat A{margin:8px; /*display:block*/}
	
.pie{width: 100%; padding:0 0 15px 0 ; /*border-top: 1px solid #7aaaa5;*/ display: flex; flex-direction: row; justify-content: space-between; font-size: 13px; color:#fff; align-items: center; /*background:#7aaaa5;*/}
/*.pie{    position: relative;  bottom: 0; background: white; width: 100%; left: 0; right: 0; text-align: center; z-index: 9999; padding-top: 13px; justify-content: center;}*/
.pie UL{margin: 0}
.pie UL LI{display: inline-block}

/*----- Accordion -----*/
.accordion, .accordion * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box;     box-sizing:border-box; }
.accordion { overflow:hidden; }
 
/*----- Section Titles -----*/
.accordion-section-title {
    width:100%;
    padding:10px;
    display:inline-block;
    border-bottom:1px solid #4ec1e5;
    background-color: transparent;
    transition:all linear 0.15s;
	color:#183b50;
    font-size:1.200em;
	background-image:url(/images/ico-acordeon-2.png); background-position:center right 5px; background-repeat:no-repeat;
}
.accordion-section-title.active, .accordion-section-title:hover { background:#4ec1e5; border-bottom:1px solid #4ec1e5 ;text-decoration:none; color:#fff; background-image:url(/images/ico-acordeon-1.png); background-position:center right 15px; background-repeat:no-repeat;}
/*.accordion-section:last-child .accordion-section-title { border-bottom:none;}*/
.accordion-section-content {padding:35px; display:none; text-align:justify; color:#183b50; font-weight:100; }



/*** MODAL ***/
.popover {position:fixed; max-height:auto; min-width: 400px; max-width:550px; width:600px; -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.2); z-index: 999999; clear:both; left: 50%; top:50%; margin-left:-275px; margin-top:-250px; display: none;}
.popover-login{width:430px;margin-left:-215px;  } .popover-login .i-checks{margin-bottom:15px}
	.popover .wrap { background: #ffffff; border: 3px solid #ffffff; }
		.popover-login .wrap{ border: none; font-size: 20px; line-height: normal}
		.popover-login H2{margin-bottom: 20px}
	.popover .content {	padding: 0px; margin: 0px;	max-height: auto; overflow:auto; line-height: 1.3em;	font-size: 0.8em; text-align:left; text-align:center}
		.popover-login .content {	padding: 20px;}
	.popover H1{margin-bottom:15px; font-size:32px; font-weight:100; color:#61492e; line-height:28px; }
	.modal-backdrop {position: fixed;top:0;	right:0; bottom: 0;	left:0; z-index:1040;	background-color: #333;	opacity: 0.9; filter: alpha(opacity=90); display: none;}
	.popover-cerrar{text-align:right; margin:10px; font-size:30px; position:absolute; right:0px;} 
	.popover-contenido{overflow:hidden; padding:20px; padding-bottom:10px;}
	.popover input{margin-bottom:5px;}
	/*.popover INPUT{-webkit-appearance: none !important;     -moz-appearance: none !important; border-radius:0;}*/
    .popover-borrar H2{font-size:26px; line-height:30px; margin-bottom:15px;}
    .popover-borrar H3{font-size:22px; line-height:24px; margin-bottom:40px;}
    .popover-borrar .popover-contenido{padding:70px; }

/*** TOOLTIP ***/
.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:12px;filter:alpha(opacity=0);opacity:0; }.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}


/*** ***/
.veridika{text-align:right; padding-bottom:30px; padding-right:5px;padding-top:20px;}


.btn-large {padding: 11px 30px;}
.redondeado{-webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; border-radius: 10px !important; }
.redondeado-2{-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.redondeado-3{-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; }
.transparente{background-color:rgba(256,256,256, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8cFFFFFF', endColorstr='#8cFFFFFF')}
.transparente2{background-color:rgba(44,44,44, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8c444444', endColorstr='#8c444444')}
.desenfocado{-webkit-filter: blur(5px) grayscale(50%);  /*-webkit-transform: scale(0.9);*/}
.borde{border:1px solid #7aaaa5}

.boton{text-align:center !important; line-height: 30px; border-width: 2px; margin: 0px; padding: 8px 40px; letter-spacing: 0px; font-weight: 500; font-size: 16px; background: transparent;
            color: #000000; display: inline-block; width: auto; user-select: none; white-space: nowrap; vertical-align: middle; border: 2px solid #000000; transition: background ease-in-out 0.2s; -webkit-transition: background ease-in-out 0.2s; -moz-transition: background ease-in-out 0.2s; -ms-transition: background ease-in-out 0.2s; -o-transition:background ease-in-out 0.2s;}
    .boton:hover, .cabecera-textos-boton:focus { background: #000000 !important; color: #ffffff !important;cursor: pointer; text-decoration: none}

.boton.boton-blanco{color: #ffffff; border-radius: 50px; width: auto; user-select: none; white-space: nowrap; vertical-align: middle; border: 2px solid #ffffff; margin-top: 20px;
                transition: ease-in-out 0.2s; -webkit-transition: ease-in-out 0.2s; -moz-transition: ease-in-out 0.2s; -ms-transition: ease-in-out 0.2s; -o-transition: ease-in-out 0.2s;}
    .boton.boton-blanco:hover, .boton.boton-blanco:focus { background: #ffffff !important; color: #585858 !important;cursor: pointer; text-decoration: none}

.boton.boton-verde{border:1px solid #7aaaa5; margin-top: 5px; background-color: #7aaaa5; color: #fff; vertical-align: bottom}
    .boton.boton-verde:hover, .boton.boton-verde:focus { background: #4e5359 !important; border: 1px solid #4e5359}

.boton.boton-azul{border:1px solid #49a0d3; margin-top: 5px; background-color: #49a0d3; color: #fff; vertical-align: bottom}
    .boton.boton-azul:hover, .boton.boton-azul:focus { background: #4e5359 !important; border: 1px solid #4e5359}

.boton.boton-medianoche{border:1px solid #4e5359; background-color: #4e5359; color: #fff; vertical-align: bottom}
    .boton.boton-medianoche:hover, .boton.boton-medianoche:focus { background: #ffffff !important; border: 1px solid #7aaaa5; color:#4e5359 !important}

.boton.boton-naranja{border:1px solid #f3963c; background-color: #f3963c; color: #fff; vertical-align: bottom}
    .boton.boton-naranja:hover, .boton.boton-naranja:focus { background: #000000 !important; border: 1px solid #000000}

.boton.boton-traslucido{background-color: rgba(255,255,255,0.40); border: none; color: #ffffff; margin-top:0px; line-height:20px; border-width: 2px; margin: 0px; padding:4px 20px; letter-spacing: 0px; font-weight: 500; font-size: 12px;}
.boton.sm{line-height:15px; border-width: 2px; margin: 0px; padding: 8px 20px; letter-spacing: 0px; font-weight: 500; font-size: 16px}
.boton.disabled{opacity: 0.3; cursor: auto; } .boton.disabled:hover{background-color: inherit !important; color: inherit !important; opacity: 0.3;}
.boton.boton-small{line-height:20px; border-width: 1px; margin: 0px; padding: 2px 10px; width: max-content; vertical-align: middle;font-weight:200; font-size:10.2px;}
.boton.boton-mini{line-height:20px; border-width: 1px; margin: 0px; padding: 2px 6px; vertical-align: middle;font-weight:200; font-size:14px;}
.boton.boton-xl{line-height:20px; border-width: 1px; margin: 0px; padding: 24px 50px; vertical-align: middle;font-weight:200; font-size:18px;}
.boton.boton-inline{display: inline-block;     }


.tabla{border-collapse:collapse;font-size:10.6667px;color:#666666;font-family:arial,verdana;text-align: left;  }
	.tabla TH{font-weight: 600; text-align: center !important; }
	.tabla TD, .tabla TH{padding:15px;text-align:center; font-size: 16px; scolor:#333; line-height:20px; vertical-align: middle;}
	.tabla tr:nth-child(odd) { background: #f0f0f0; }
    .tabla .celda{font-size: 15px !important; line-height:17px !important}
    .tabla .col-producto{min-width: 250px}
	.tabla .col-ventajas{min-width: 350px}
	.tabla .col-funcionalidad{min-width: 300px}
    

.leyenda { color: #666666; margin-top:25px}
.leyenda ul li{list-style:none;}
.leyenda ul li span{ width:50px; height:15px;display:inline-block; margin-right:5px; }

.switch { position: relative;  display: inline-block;  width: 60px;  height: 34px;}
.switch input {  opacity: 0; width: 0; height: 0;}
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; border-radius: 34px;}
.slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%;}
input:checked + .slider { background-color: #2196F3;}
input:focus + .slider { box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}

input:disabled, input:-moz-read-only{ background: #ccc;}
.typeahead__container .typeahead__field input, .typeahead__container [type=submit], .typeahead__container button{
    background-color: #F5F8FA;
    border-color: #F5F8FA;
    color: #5E6278;     font-size: 1.1rem;
    transition: color 0.2s ease, background-color 0.2s ease;
    padding: 0.75rem 1rem;
}
.typeahead__container .typeahead__field input{border-radius: 2.5rem 0rem 0rem 2.5rem; }
.typeahead__container [type=submit], .typeahead__container button{border-radius: 0rem 2.5rem 2.5rem 0rem; }
.typeahead__cancel-button{line-height: 2.15 !important;}

.columna_100{width:100%; float:left}
.columna_90{width:90%; float:left}
.columna_80{width:80%; float:left}
.columna_70{width:70%; float:left}
.columna_60{width:60%; float:left}
.columna_50{width:50%; float:left}
.columna_48{width:48%; float:left}
.columna_40{width:40%; float:left}
.columna_33{width:33.333%; float:left}
.columna_30{width:30%; float:left}
.columna_25{width:25%; float:left}
.columna_20{width:20%; float:left}
.columna_16{width:16.666%; float:left}
.columna_15{width:15%; float:left}
.columna_10{width:10%; float:left}
.columna_4{width:4%; float:left}

* { box-sizing: border-box; }



.fecha{font-size:14px; color:#aaaaaa; line-height:30px;}
/*.icono{padding-top:4px; padding-bottom:4px; color:#FFFFFF; font-size:13px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width:22px; text-align:center; margin-right:6px;} */


/*** VARIOS ***/

.txt-verde{color:#7aaaa5 !important;}
.txt-naranja{color:#f3963c !important;}
.txt-azul{color:var(--color-azul) !important;}
.txt-azul-oscuro{color:#344966}
.txt-gris{color:#3b3b3b !important}
.txt-gris-claro{color:#a5a5a5;}
.txt-gris-oscuro{color:#666;}
.txt-negro{color:#000000 !important;}
.txt-blanco{color:#ffffff !important;}
.txt{color:#333333}
.txt-punteado{text-decoration:none; border-bottom: 1px dotted;} A.txt-punteado:hover{text-decoration:none} 

.bg-verde{background-color: #7aaaa5;}
.bg-verde2{background-color: #14464e;}
.bg-naranja{background-color: #f3963c !important;}
.bg-medianoche{background-color: #4e5359 !important;}
.bg-naranja2{background-color: #d3a43e;}
.bg-azul{background-color: #49a0d3 !important;}
.bg-azul-claro{background-color: #4ec1e5 !important;}
.bg-azul-oscuro{background-color:#344966 !important;}
.bg-rosa{background-color: #E83E63;}
.bg-blanco{background-color: #ffffff !important;}
.bg-gris{background-color: #272727;}
.bg-gris-claro{background-color: #f0f0f0;}
.bg-gris2{background-color: #d0d0d0}
.bg-negro{background-color: #000000 !important;}
.bg-transparente{background-color:transparent !important;}
.degradado{
/*background: rgba(73,160,211,1);
background: -moz-linear-gradient(top, rgba(73,160,211,1) 0%, rgba(58,130,171,1) 88%, rgba(43,99,130,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,160,211,1)), color-stop(88%, rgba(58,130,171,1)), color-stop(100%, rgba(43,99,130,1)));
background: -webkit-linear-gradient(top, rgba(73,160,211,1) 0%, rgba(58,130,171,1) 88%, rgba(43,99,130,1) 100%);
background: -o-linear-gradient(top, rgba(73,160,211,1) 0%, rgba(58,130,171,1) 88%, rgba(43,99,130,1) 100%);
background: -ms-linear-gradient(top, rgba(73,160,211,1) 0%, rgba(58,130,171,1) 88%, rgba(43,99,130,1) 100%);
background: linear-gradient(to bottom, rgba(73,160,211,1) 0%, rgba(58,130,171,1) 88%, rgba(43,99,130,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49a0d3', endColorstr='#2b6382', GradientType=0 );*/
    background: rgb(218,218,218);
background: linear-gradient(180deg, rgba(218,218,218,1) 0%, rgba(231,230,230,1) 35%, rgba(244,242,242,1) 100%);
}

/*https://codepen.io/sosuke/pen/Pjoqqp*/
.svg-blanco{filter: invert(100%) sepia(94%) saturate(2%) hue-rotate(106deg) brightness(105%) contrast(101%);}
.svg-verde{filter: invert(65%) sepia(38%) saturate(235%) hue-rotate(124deg) brightness(91%) contrast(90%);}

.txt-2-5{font-size:2.5em !important}
.txt-2{font-size:2em !important}
.txt-1-8{font-size:1.8em !important}
.txt-1-5{font-size:1.5em !important}
.txt-1-4{font-size:1.4em !important}
.txt-1-2{font-size:1.2em !important}
.txt-1-1{font-size:1.1em !important}
.txt-1{font-size:1em !important}
.txt-09{font-size:0.9em !important}
.txt-08{font-size:0.8em !important}
.txt-07{font-size:0.7em !important}
.txt-0{font-size:0px !important}

a img{border:none; -webkit-transition: opacity 0.3s; opacity: 1;}
a img:hover {filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}


@font-face {
  font-family: 'decalogo';
  src: url('/fonts/decalogo.eot?11444762');
  src: url('/fonts/decalogo.eot?11444762#iefix') format('embedded-opentype'),
       url('/fonts/decalogo.woff2?11444762') format('woff2'),
       url('/fonts/decalogo.woff?11444762') format('woff'),
       url('/fonts/decalogo.ttf?11444762') format('truetype'),
       url('/fonts/decalogo.svg?11444762#decalogo') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
 [class^="ic-"]:before, [class*=" ic-"]:before {
  font-family: "decalogo";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.ic-energia:before { content: '\21'; } /* '!' */
.ic-agua:before { content: '\61'; } /* 'a' */
.ic-proveedores:before { content: '\e800'; } /* '' */
.ic-entorno:before { content: '\e801'; } /* '' */
.ic-equipamientos:before { content: '\e802'; } /* '' */
.ic-ruido:before { content: '\e804'; } /* '' */
.ic-residuos:before { content: '\e805'; } /* '' */
.ic-emisiones:before { content: '\e806'; } /* '' */
.ic-concienciacion:before { content: '\e807'; } /* '' */
.ic-movilidad:before { content: '\e809'; } /* '' */


@media (max-width: 1380px){
    .cuerpo{max-width:1285px; }
}
@media (min-width:1285px) and (max-width: 1350px){
    .cuerpo{width:1250px; }
}
@media (min-width:1151px) and (max-width: 1284px){
	.cuerpo{width:1100px; margin:auto}
	.cabecera-interior .cabecera-textos {margin-top:180px;}
	.interior .cabecera-textos-1{font-size:50px; line-height:50px; width:80%; text-align:left !important; margin-top:10px !important;}
	.cabecera-textos-2{font-size:50px; line-height:50px; }
}

@media(min-width:769px) and (max-width: 1150px){
	.cuerpo{width:968px; margin:auto}
	.cabecera-interior .cabecera-textos-2 {font-size:40px; line-height:50px;}
	.cabecera-interior .cabecera-textos-3 { font-size:30px; line-height:38px;}
	
    .home-decalogo-iconos .bloque{font-size: 14px; padding: 25px; min-height: 160px; }
}

@media (max-width: 1000px){
	.cuerpo{width:766px; margin:auto}
	
	.popover-contenido {max-width: 100%;  position: relative; vertical-align: middle; margin-top: 100px; display: block; text-align: center;}
	.popover .wrap{   position: absolute;  left: 20px; right: 20px;}
	.popover:before { display:inline-block;}
    .home-decalogo-iconos .bloque{padding: 20px; min-height: 150px; }
}
@media (max-width:769px){
	html, body {margin-top:0px;}
	.pc{display:none !important}
	.movil{display:block}
	
	.cuerpo{width:90%; margin:auto}
	.frase{padding:20px; }
	
	
		
	.logo {text-align:center; position:relative}
	.logo IMG{width:40px; }
	
	#mostrarmenu{display:block; }
	.header-info{display: none;}
	
    .home-decalogo .frase{padding-top:60px;}
	
	.slide {height:530px;}
	.carrusel_textos {margin-top:20px;}
		.carrusel_textos-1{font-size:28px; line-height:30px; margin-top: 20px;}
		.carrusel_textos-2{font-size:22px; line-height:25px; }
		.cabecera-textos H1{text-align:center; font-size:27px; margin-top:40px; letter-spacing:1px}
     .carrusel_slide .icono{width: 200px}
    
    .parallax-window{background-attachment: initial; height: 250px; }
    
	.migas{display:none;}
    .columna-detalle{padding:0px;}
	
	.timeline {  letter-spacing: 0.5px;  padding:30px;  list-style: none;  text-align: left;  font-weight: 100;  max-width:90%;  margin:10px 0 30px 70px;}
		.timeline .event:before{left:-170px;  font-size:15px;}
		.timeline .event:after {left: -38px;}
    
    .compartir {margin-left:0px;padding: 2px; left: 0px;  position:relative; margin-top:0px; text-align: left; background-color:transparent;}
        .compartir-wa { display: block !important;}
	   .compartir A{ display: inline !important; color: #2e9989;}
	   
	   
	.columna_20{float:none; width:100%}
	.columna_33{float:none; width:100%}
	.columna_30{width:100%; float:none}
	.columna_40{width:100%; float:none}
	.columna_50{width:100%; float:none}
	.columna_60{width:100%; float:none}
	.columna_70{width:100%; float:none}
	.columna_80{width:100%; float:none}
	.columna_90{width:100%; float:none}
	.separacion{margin-bottom:10px; margin-top: 10px;}
	
	.contacto .interior-columna-1, .formulario .interior-columna-1{padding-right:0px;}
	.contacto .interior-columna-2, .formulario .interior-columna-2{padding-left:0px;}
}

@media (max-width:666px){
	.cuerpo{width:90%; margin:auto}
	Header{padding-bottom:10px;}
    .pagina-login .login-foto{display: none !important}
    .login-formulario .bloque{padding: 30px}
    .body-tool{ flex-direction: column;    height: auto; overflow: auto;}
	.banda_menu{flex-direction: column}
	
    .simbolo{position: absolute; top: 0; left: 20px; width: 20px;}
	H1.seccion {font-size: 16px}
    
    .banda-login{position:absolute; top: 0; width: 100%; text-align: center; left: 0}
    
    .submenu {width: 100%; overflow: visible;}
        .submenu li A{padding: 10px 15px;}
    .content{padding: 20px; overflow: visible; }
    .content H2 {font-size:25px;}
    
    .editar-consumo .flex{display: block}
    
	.logo{margin:5px auto;}
	.btn-banda{position: fixed; bottom:40px;  top:auto;}
    
    .home H1{font-size:30px}
    .home H2{font-size:20px}
    .home .flex-center{display: block}
    
    H1.seccion{display: block}
    .public .bandaAnno{ justify-content: center;}
        .public .bandaAnno .boton{ margin-left: 15px}
    .public .intro SELECT{width: 100% !important}
    .public SELECT {-webkit-appearance: menulist;}
    
	.resumen.grid-fluid{display: block}
	.resumen .card{min-width:100%; }
	
	.listadoItems .grid-fluid{display: flex; flex-direction: row; width: 100;}
	.listadoItems .card, .resumen .card{min-height:auto;  margin:20px auto !important; padding: 20px 0;}
	.listadoItems .card{min-width:auto; padding: 20px;}
		.listadoItems .card IMG, .resumen .card IMG{width:40px}
		.listadoItems .card STRONG{display: none}
	.boton-mas{ height: 40px;    width: 40px;}
	
	.listadoItems .itemsLeyenda{position: sticky; top: 0; background: #fff; padding:10px 20px !important; font-size: 0.9em}
		.listadoItems .itemsLeyenda .item-descripcion{display: none !important}
	.item-contenido{ display: grid; grid-template-columns: repeat(3,1fr); grid-auto-rows: minmax(100px, auto); width: calc(100% - 40px); grid-auto-rows: max-content;}
	.item-descripcion {grid-column-start: 1;  grid-column-end: 4; width: 100%; margin-bottom: 10px;}
	.item-tCO2, .item-relativo, .item-absoluto{width: 33.33%}
	.botones-edicion{width: 40px;}
		.botones-edicion A {margin:2px auto !important}
    
    .edita-item:hover{cursor: pointer !important;}

    .swal2-html-container H4{    margin-top: 10px; font-size: 20px;}
	.swal2-html-container .flex { display: block;}
    .swal2-html-container .flex .control-group{padding-left:0 !important; padding-right: 0 !important}
    
	
	.resumen .card{margin:10px auto !important;}
    
	.pie-logos A{display: block; }
		.pie-logos IMG{margin: auto !important}
	
	.home-header { height: 300px;}
	.listados, .listados UL{margin-bottom:20px;}
	.analisis-resultado{flex-direction: column}	
		.analisis-resultado .bloque {  padding: 10px;  margin: 0px; margin-bottom: 15px }
	
	
	#map-canvas { min-height: 250px;}
	.pie{  padding-top: 20px;}
		.pie H3{font-weight:600;}
		.pie UL{margin-bottom:10px;}
		.pie A{/*display:block*/}
	
	.cookies { width: Calc(100% - 8px); font-size: 0.8em; left: 4px;}
	.cookies .privacidad-1 .boton{margin-bottom:6px;}

    .popover{
        margin:0; left:5px; top:5px; right: 5px; bottom: 5px; width: Calc(100% - 10px); height: Calc(100% - 10px); min-width:Calc(100% - 10px);}
        .popover .wrap {left:0px; right:0px; top:0px; bottom: 0px;}
        .popover .content{height: 100%;}
    
	.header-info{font-size:12px; text-align:center}
	#mostrarmenu{margin-bottom:0px;}
	
	.columna_90{width:100%; float:none}
	.columna_80{width:100%; float:none}
	.columna_70{width:100%; float:none}
	.columna_40{width:100%; float:none}
	.columna_33{width:100%; float:none}
	.columna_30{width:100%; float:none}
	.columna_25{width:100%; float:none}
	.columna_20{width:100%; float:none}
	.columna_15{width:100%; float:none}
	.columna_10{width:100%; float:none}
}

@media (max-width:499px){	
	.cuerpo{width:90%; margin:auto}
	input {
          font-size: 15px !important;
     }
}
/****   PAGINACION   ****/

.pagination {
  margin-bottom: 30px; margin-left: 10px; text-align:center;
}
.pagination ul { display: inline-block; *display: inline; /* IE7 inline-block hack */ padding:0px; *zoom: 1; margin-left: 0; margin-bottom: 0;}
.pagination ul > li { display: inline;}
.pagination ul > li > a,
.pagination ul > li > span {  float: left; padding: 4px 12px; line-height: 20px; text-decoration: none; color:#f3963c}
.pagination ul > .active > a,
.pagination ul > .active > span { color: #fff; cursor: default; border-radius: 50%; height:32px; width:32px;  background-color:#f3963c; line-height:32px; padding:0px;}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover { color: #21282c; background-color: transparent; cursor: default;}
.pagination-centered {  text-align: center;}
.pagination-right { text-align: right;}
.pagination-large ul > li > a,
.pagination-large ul > li > span { padding: 11px 19px; font-size: 15;}
.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
  -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px;}
.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span { -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px;}
.pagination-mini ul > li:first-child > a,
.pagination-small ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > span { -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px;}
.pagination-mini ul > li:last-child > a,
.pagination-small ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > span { -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px;}
.pagination-small ul > li > a,
.pagination-small ul > li > span {
  padding: 2px 10px;
  font-size: 10.2;
}
.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
  padding: 1px 6px;
  font-size: 9;
}



.head-nav ul { margin-top: 1.85rem; margin-right: 0;  margin-bottom: 0;  margin-left: 0; padding: 0; list-style: none;}
.head-nav li { position: relative; clear: both;  /*width: 100%;*/ padding: 0; transition: background 400ms; margin: 8px; border-radius: 10px;}
.head-nav li a { display: flex;  padding-top: 2vh;  padding-bottom: 2vh; justify-content: center; }
    .head-nav li.activo{background-color: #e0ddd0}
.head-nav a { align-items: center; width: 100%; color: #666;  text-decoration: none; transition: color 400ms;}
.head-nav a span { position: relative; display: block;  z-index: 0; font-family: Roboto; text-indent: -20em;  white-space: nowrap; transition: text-indent 400ms ease-in-out;}
.head-nav i {width: 80px; text-align: center; font-size: 20px; position: relative; max-width: 80px; max-height: 30px; z-index: 1; fill: #fefefe; transition: 400ms;}
.main-head {position: fixed; bottom: 0; width: 83px; height: 100%; z-index: 1; background: #ffffff; transition: width 400ms;}
.head-nav ul li ul { display: none; margin-top:0; margin-left:70px; padding-bottom: 10px; }
    .head-nav ul li ul li { background-color: transparent;}
    .head-nav ul li ul li.activo{font-weight: bold; background-color: transparent;}
    .head-nav ul li ul li a{padding-top: 1vh;  padding-bottom: 1vh; }
    .head-nav ul li ul li:hover { background-color: transparent;}


.head-nav li:hover { background-color: var(--color-azul);}
/*.head-nav li:hover:before { background-color: var(--color-azul-logo);}
.head-nav li:hover i { background: var(--color-azul-logo);}*/
.head-nav li:hover a, .head-nav li:hover i { color: #fff;}
.head-nav li:before {position: absolute; left: -0.925rem; top: 0; width: 0.925rem; height: 100%; content: ""; z-index: 1; transition: background 400ms;}
.main-head:hover { width: 280px; /*box-shadow: 0px 1px 13px 5px rgb(0 0 0 / 10%);*/}
.main-head:hover + .contenido { transform: translateX(200px); max-width: 100%; opacity: 0.4; }
.main-head:hover .head-nav li a {   justify-content: left;}
.main-head:hover .head-nav span { text-indent: 0;}
.main-head:hover  ul li.activo ul { display: block}
/*.main-head:hover .head-nav li:nth-of-type(1) span { transition-delay: 50ms;}
.main-head:hover .head-nav li:nth-of-type(2) span { transition-delay: 100ms;}
.main-head:hover .head-nav li:nth-of-type(3) span { transition-delay: 150ms;}
.main-head:hover .head-nav li:nth-of-type(4) span { transition-delay: 200ms;}*/

.main-head .boton-nuevo{display: none !important; position: absolute; right: 10px;}
.main-head:hover .boton-nuevo{display: flex !important;}


.contenido { XXXmin-height: 100%; height: 100%; padding-left:90px; margin-top: 0; transition: transform 400ms, opacity 400ms; overflow: auto;}

@media screen and (max: 768px) {
  .main-head { width: 70px; padding: 0 0.925rem; }
  .main-head .head-nav { padding-left: 7px; }
  .main-head:hover .head-nav span { text-indent: 1em; }
  .head-nav ul { margin-top: 0.23125rem; }
  .head-nav svg { max-width: 20px; }
}
@media screen and (max: 480px) {
  .contenido { padding-left: 70px; }
}

.breadcrumb { display: flex; align-items: center; background-color: transparent; padding: 0; margin: 0;}
.breadcrumb .breadcrumb-item { display: flex; align-items: center; padding-left: 0; padding-right: 0.5rem;}
.breadcrumb .breadcrumb-item:last-child { padding-right: 0;}
.breadcrumb .breadcrumb-item:after { content: "/"; padding-left: 0.5rem;}
.breadcrumb .breadcrumb-item:before { display: none;}
.breadcrumb .breadcrumb-item:last-child:after { display: none;}
.breadcrumb-line .breadcrumb-item:after { content: "-";}
.breadcrumb-dot .breadcrumb-item:after { content: "•";}
.breadcrumb-separatorless .breadcrumb-item:after { display: none;}