: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: #213c70;
  --red: #ec1848;
  --border-radius: 10px;
  --box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.075);
	
  --color-azul: #213c70;
  --color-azul2: #9babc9;
  --color-turquesa: #5fffdf;
  --color-verde: #28856E;
	
  --color-gris: #666666;
  --color-gris-claro: #ECF0F3;
  --color-blanco:#ffffff;
  --color-fondo: #ecf0f3;
}

/* reset */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.clearfix:after,.clearfix:before{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}

html, body {font-size:15px; font-family: 'KoHo', sans-serif; margin:0px; padding:0px; color:#4e5359; font-weight: 300; background-color: #f7f7f7}
a {color:#213c70;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:inline}
.movil{display:none !important;}
.sombra{-webkit-box-shadow: 0 1px 90px rgba(0, 0, 0, 0.08);  box-shadow: 0 1px 90px rgba(0, 0, 0, 0.08); }
.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;}
.flexbreak{flex-basis: 100%;height: 0;}
.display-inline{display:inline !important; width: auto;}
.display-block{display:block !important;}
.display-flex{display:flex !important;}
.display-inline-flex{display:inline-flex!important;}
.justify-content-start { justify-content: flex-start !important;}
.justify-content-end { justify-content: flex-end !important;}
.justify-content-center { justify-content: center !important;}
.justify-content-between { justify-content: space-between !important;}
.justify-content-around { justify-content: space-around !important;}
.justify-content-evenly { justify-content: space-evenly !important;}
.align-items-start { align-items: flex-start !important;}
.align-items-end { align-items: flex-end !important;}
.align-items-center { align-items: center !important;}
.flex-auto{flex:auto;}
.flex-none{flex:none;}
.flex1{flex:1 !important;}
.flex-direction-column{flex-direction:column;}
.gap-8  { gap:  8px !important;}
.gap-12 { gap: 12px !important;}
.gap-16 { gap: 16px !important;}
.gap-24 { gap: 24px !important;}
.gap-32 { gap: 32px !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;}
.py-4 { padding-top: 4px !important; padding-bottom: 4px !important;}
.pt-5{padding-top: 5px;}
.pt-20{padding-top: 20px;}
.pt-40{padding-top: 40px;}
.pb-20{padding-bottom: 20px !important;}
.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px !important;}
.mt-20{margin-top: 20px;}
.mt-40{margin-top: 40px;}
.mb-0{margin-bottom: 0px !important;}
.mb-5{margin-bottom: 5px !important;}
.mb-10{margin-bottom: 10px !important;}
.mb-20{margin-bottom: 20px !important;}
.mb-30{margin-bottom: 30px !important;}
.mb-40{margin-bottom: 40px !important;}
.mx-10{margin-left: 10px; margin-right: 10px;}
.mx-20{margin-left: 20px; margin-right: 20px;}
.my-10{margin-top: 10px; margin-bottom: 10px;}
.my-20{margin-top: 20px; margin-bottom: 20px;}
.ml-5{margin-left: 5px;}
.ml-10{margin-left: 10px;}
.ml-20{margin-left: 20px;}
.mr-10{margin-right: 10px;}
.mr-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}
.width-100{width:100% !important; }
.width-auto{width:auto !important; }
.bodycopy-L {font-size: 24px;font-weight: 400;line-height: 32px;}
.bodycopy-M{font-size: 18px !important;font-weight: 400 !important;line-height: 28px !important;}
.bodycopy-M-bold{font-size: 18px !important;font-weight: 700 !important;line-height: 28px !important;}
.bodycopy-S{font-size: 16px !important;font-weight: 400 !important;line-height: 26px !important;}
.bodycopy-S-bold{font-size: 16px;font-weight: 700;line-height: 26px;}
.heading-XXS{font-size: 16px;font-style: normal;font-weight: 900;line-height: 18px;}
.heading-XS{font-size: 20px;font-style: normal;font-weight: 900;line-height: 20px;}
.heading-S{font-size: 24px;font-weight: 900;line-height: 24px;}
.heading-M{font-size: 40px;font-style: normal;font-weight: 900;line-height: 40px;}
.heading-L{font-size: 64px;font-style: normal;font-weight: 900;line-height: 60px;}
.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);
}
.grid-fluid.resumen{grid-template-columns: repeat( 3, minmax(250px, 1fr) );}
article {
    background: var(--page-content-blockColor);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
	padding: 20px;
}

.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: 10px; padding-bottom: 1px; width:100%; top:0px; z-index:200; }
.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;}

/** 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 }


.nav{text-align:center; overflow:auto; margin-bottom:10px; /*float: left*/ padding:20px 15px 15px 15px; margin-top: 4px;}
	.nav ul{list-style: none; padding:0px; margin-left:5px; font-size:0px; text-align:right; display: flex;    align-items: center;}
	.nav li{display:inline-block; font-size:15px; margin-left:5px; letter-spacing:0.8px; font-weight: 600}
		.nav li:first-child{margin-left:0px;} 
    	
	.nav li A{display: inline-block; color:var(--color-azul); padding:0 8px; transition: .1s background-color; -webkit-transition: background-color ease-in 0.2s; -moz-transition: opacity ease-in 0.25s; -o-transition: opacity ease-in 0.25s; overflow:hidden; }
        .nav li:Hover{ text-decoration:none;} 
    
	.nav li:hover a{/*background-color:#ffffff; color:#a78369;*/ text-decoration:none;}
	.nav li A:not(.user, .noHover ):after {content: ""; display: block; width: 0%; padding-top:5px; border-bottom: 1px solid var(--color-azul); transition: .5s; margin: auto;}
	.nav li.activo A:after {width: 40px;}

    .nav li A:hover:after { width: 40px; }
	.nav li.logo{display:none;padding:0px; margin-right:20px;}
		.nav li.logo A{padding:0px} .nav li.logo:hover{background-color:transparent}
	

	.nav  A{ padding:0 8px; }

.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}


/****** USUARIO NAV *******/

.avatar .badge{ position: absolute; right: -12px;}
	.banda_menu .user{display: flex; flex-direction: row; align-items: center; gap:12px;overflow: visible;}
		.banda_menu .user .foto{position: relative; border-radius: 90px; background-color:var(--color-verde); width:40px; height: 40px;margin: auto; display: flex; align-items: center; justify-content: center;}
		.banda_menu .user .foto IMG{border-radius: 90px; width: 36px; height: 36px; object-fit: cover; filter: invert(100%) ;}
		.banda_menu .user .foto-nombre{ font-size: 15px; line-height: 15px; font-family: 'CodeProBlack'; color: #8689DF; margin-top: 5px;}
		.banda_menu .user .foto .alerta{width:12px; height:12px; background:#25C318; position: absolute; right:-8px; top:-8px; border-radius: 50px;}
		.banda_menu .name{font-weight: 700;font-size: 16px;line-height: 28px; max-width: 136px; text-overflow: ellipsis;    white-space: nowrap;    overflow: hidden;}

.banda_menu .profile{position: absolute; box-shadow: 4px -2px 12px rgba(0, 0, 0, 0.08); right: 0;top:80px;display: flex;/* display:none; */flex-direction: column;font-size: 16px;line-height:16px; border-radius: 16px; min-width: 300px; background-color: var(--bs-card-bg);}
.banda_menu .profile-menu ul{flex-direction: column; text-align: left;}
	.banda_menu .profile-menu ul A:not(.boton){color:var(--color-azul); font-size: 15px;}
		.banda_menu .profile-menu ul A.boton{font-size: 15px; padding: 4px 8px;}
		.banda_menu .profile .data{text-align: center; /*border-bottom: 1px solid #CCCFCF;*/ padding:24px 24px 0px 24px; display: flex; flex-direction: column;justify-content: center;}
		.banda_menu .profile .foto{border-radius: 90px; background-color:var(--color-azul); width:96px; height:96px;margin:0 auto; display: flex; align-items: center; justify-content: center;margin-bottom: 8px;}
		.banda_menu .profile .foto IMG{border-radius: 90px; width:96px; height:96px; object-fit: cover;}
		.banda_menu .profile .foto-nombre{ font-size: 40px; line-height: 40px;   font-family: 'CodeProBlack';    color: #8689DF;   margin-top: 10px;}
		.banda_menu .profile .name{font-size:18px;line-height:28px; max-width: none; white-space: normal; min-width: 180px;}
		.banda_menu .profile .profile-menu, .drawer_menu .profile-menu{padding: 0 24px 24px 24px;}
		.banda_menu .profile li, .drawer_menu .profile-menu LI{ margin:9px 0px; vertical-align: middle; display: flex; min-width: 190px; position: relative; width: 100%;}
		.banda_menu .profile A{ display: block;} .banda_menu .profile A:hover{ color: var(--color-azul); }
		.banda_menu .profile li IMG{margin-right: 18px}
		.banda_menu .profile li.separacion-gris {margin:15px 0;}
		.banda_menu .profile li A:hover { color: var(--color-azul); }
			.banda_menu .profile li SVG {vertical-align: middle; margin-right: 18px}
			.banda_menu .profile li:hover SVG{fill:var(--color-fondo) !important; }
			.banda_menu .profile li:hover IMG{ filter: invert(16%) brightness(140%) contrast(100%);}

        
.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}

.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:36px; clear:both; position: relative }
	.frase .tit1{ text-align:center; font-size:25px; line-height:30px; letter-spacing:1px;  min-width:100px; padding-bottom:6px; font-weight:500}
	.frase .tit2{margin:auto;font-size:20px; text-align:center; line-height:22px; letter-spacing:1px; color:#a0a0a0; font-weight:100;}
	.frase .tit3{font-size:16px; line-height:20px; 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:4px;}
	
.cookies { display: block;  padding-top: 0px;  padding-bottom: 0px;  position: fixed;  bottom: 4px;  right: 4px;  z-index: 9999;  background-color: #014756f0;  color: #FFFFFF;  text-align: left;  font-size:14px;  width: 550px; border-radius: 24px;}
	.cookies .seccion{font-size:19px; border:none !important; padding:0px !important; margin-bottom:10px !important}
	.cookies P{margin-bottom: 0; line-height: normal;}
	.cookies A{color:#fff}
	.cerrarCookies{ position: absolute; top: 8px; right: 8px; background: #ffffff55; border-radius: 90px; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center}


.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 .nav{margin-top:10px;}
	.smaller .nav li{/*margin: 0px; */color:#000;}
		.smaller .nav li A{color:#fff; text-shadow:none; font-size:0.9em; padding:10px;} .smaller .nav li A:hover{color:#7aaaa5}
		.smaller .nav li.activo A{color:#7aaaa5; }	.smaller .nav li.activo A:hover{color:#7aaaa5; } .smaller .nav li.empresas.activo A{color:#fff; }
		.smaller .nav li:not(:first-child):before {color:#000}
		
	.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:50px}
.home H2{font-size:24px}
.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;}
.breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-font-size: 0.875rem;
    --bs-breadcrumb-divider-color: var(--color-verde);
    --bs-breadcrumb-item-padding-x: 0.5rem;
    --bs-breadcrumb-item-active-color: var(--color-verde);
    display: flex; flex-wrap: wrap; padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); margin-bottom: var(--bs-breadcrumb-margin-bottom); font-size: var(--bs-breadcrumb-font-size); list-style: none; background-color: var(--bs-breadcrumb-bg); border-radius: var(--bs-breadcrumb-border-radius)
}
	.breadcrumb-title{font-size: 20px;}
	.breadcrumb-title STRONG{font-weight: 600;}
	.breadcrumb-item+.breadcrumb-item { padding-left: 0.5rem; display: flex; align-items: center;}
	.breadcrumb-item+.breadcrumb-item::before { float: left; padding-right:0.5rem; color: var(--color-azul); content: '\f054';}
	.breadcrumb-item.active { color: var(--bs-breadcrumb-item-active-color)}
	.theme-breadcrumb .breadcrumb-item+.breadcrumb-item { padding: 0}
	.theme-breadcrumb .breadcrumb-item+.breadcrumb-item::before { font-family: 'FontAwesome' !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; ___transform: rotate(270deg); font-size: 16px; line-height: 16px;	margin-left: 4px;}
.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;}



/* 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-show{border-radius: 32px !important; padding: 20px;}
	.swal2-actions{gap:8px;}
		.swal2-modal .swal2-title{color:var(--blue) !important; padding-top: 50px !important;font-size: 22px !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;}
	div:where(.swal2-container) div:where(.swal2-popup){border-radius:24px !important; }
	div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm, div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel{border-radius:24px !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: flex-end; min-width: 280px; height:auto; opacity: 1}
        .public .bandaAnno.oculta{height: 0; opacity: 0}
    .public .intro{display: inherit;}
        .public .intro.oculta{display: none;}

/**** calculadora km ****/

.calculadora-km .contenido{background-image: url(/images/plano.png); background-position:right bottom; background-repeat:no-repeat;}
.calculadora-km .bloque{display: flex; flex-direction: column; justify-content: center}

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

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: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;*/ line-height: 16px; align-items: flex-start}
.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; margin:0px auto;}
.accordion-section{Xmargin-bottom: 10px; border-bottom:1px solid #FFF; overflow: hidden} 
/*----- Section Titles -----*/
.accordion-section-title { width:100%; padding:14px; display:inline-block;  sbackground:#ffffff; transition:all linear 0.15s; color:#000; font-size:24px;	background-image:url(/images/ico-acordeon-2.svg); background-position:8px 18px;  background-repeat:no-repeat; font-weight:600; text-align: left; padding-left: 40px; background-size: 30px; color:var(--color-azul);}
.accordion-section-title.active, .accordion-section-title:hover { text-decoration:none; color:#fff; background-image:url(/images/ico-acordeon-1.svg); background-position:8px 11px; background-repeat:no-repeat; background-size: 30px; background-color: var(--color-azul);}
.accordion-section:last-child  { border-bottom:none;}
.accordion-section-content{padding:0 15px 15px 15px; display:none; text-align:justify; color:#333; }
    .accordion-section-content P {text-align:justify; color:#333; font-weight:400; font-size:16px !important; line-height: 22px; padding: 12px;}
	.accordion-section-content.open{background-color: var(--color-azul);}
		.accordion-section-content.open P{color: #fff;}



/*** 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; -moz-border-radius: 10px; border-radius: 10px; }
.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; line-height: 28px; border-width: 2px; border-radius:16px; margin: 0px; letter-spacing: 0px; font-weight: 500; font-size: 15px;
    background: transparent;    color: #0F0F0F; width: auto; user-select: none;    white-space: nowrap;    vertical-align: middle; border: 2px solid #0e263b; display: inline-flex;
    flex-direction: row; justify-content: center; align-items: center; padding: 8px 20px;    gap: 8px;    flex: none; order: 1; flex-grow: 0; text-decoration: none !important; 
	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:hover { background: var(--color-azul) !important; border-color: var(--color-azul) !important; color: #ffffff !important;cursor: pointer; text-decoration: none}

.boton.boton-blanco{color: var(--color-azul); border: 2px solid #ffffff;  background: #ffffff !important;}
    .boton.boton-blanco:hover, .boton.boton-blanco:focus { background: var(--color-azul) !important; border-color: var(--color-blanco) !important; color: #ffffff !important;cursor: pointer; text-decoration: none}

.boton.boton-azul{color: #fff; border: 2px solid var(--color-azul); background-color:var(--color-azul); }
    .boton.boton-azul:hover { background: #fff !important; color: var(--color-azul) !important;cursor: pointer; text-decoration: none; border-color: var(--color-azul) !important;}

.boton.boton-azul2 { border: 1px solid var(--color-azul2); background-color: var(--color-azul2); color: #fff; vertical-align: bottom;}
	.boton.boton-azul2:hover, .boton.boton-azul2:focus { background: var(--color-azul) !important; border: 1px solid var(--color-azul);}

.boton.boton-verde{color: #fff; border: 2px solid var(--color-verde); background-color:var(--color-verde); }
    .boton.boton-verde:hover { background: var(--color-blanco) !important; color: var(--color-verde) !important;cursor: pointer; text-decoration: none; border-color:var(--color-verde) !important;}


.boton.boton-gris{color: var(--color-azul) !important; border: 2px solid var(--color-gris-claro); background-color:var(--color-gris-claro); }
    .boton.boton-gris:hover { background: var(--color-azul) !important; color: var(--color-blanco) !important;cursor: pointer; text-decoration: none; border-color:var(--color-azul) !important;}

.boton.boton-naranja{color: #fff; border: 2px solid var(--color-naranja); background-color:var(--color-naranja); }
    .boton.boton-naranja:hover { background: var(--color-blanco) !important; color: var(--color-naranja) !important;cursor: pointer; text-decoration: none; border-color:var(--color-naranja) !important;}

.boton.boton-nude-borde{color: var(--color-nude); border: 2px solid var(--color-nude); background-color:transparent; }
    .boton.boton-nude-borde:hover { background: var(--color-nude) !important; color: #fff !important;cursor: pointer; text-decoration: none; border-color:var(--color-nude) !important; }

.boton.boton-blanco-borde{color:#ffffff; border: 2px solid #ffffff; background-color:transparent; }
    .boton.boton-blanco-borde:hover { background: #ffffff !important; color:var(--color-nude) !important;cursor: pointer; text-decoration: none; border-color:#ffffff !important; }


.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.boton-xl{line-height:20px; border-width: 3px; margin: 0px; padding: 24px 50px; vertical-align: middle;font-weight:500; font-size:20px; border-radius: 60px;}
.boton.disabled{opacity: 0.3; cursor: auto; } .boton.disabled:hover{background-color: inherit !important; color: inherit !important; opacity: 0.3;}
.boton.boton-cuadrado{border-radius: 0}
.boton-redondo{height: 70px; width: 70px; border-radius: 90px; background: #ffffff; display: inline-flex; justify-content: center; align-items: center;}
.boton.boton-xs { display: inline-flex; padding: 4px 10px; justify-content: center; align-items: center; gap: 8px; font-size: 14px; line-height: 28px; margin: 2px;}
.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-icon { display: inline-flex; align-items: center; justify-content: center; padding: 0; height: calc(1em + 1rem + 2px); width: calc(1em + 1rem + 2px);}
.boton-block { display: block;}
.boton-inline { display: inline-block;}



input[type="text"], input[type="number"], input[type="date"],  input[type="month"], input[type="password"], textarea, select{ 
		border: 1px solid #CCCFCF;border-radius: 16px; color: inherit; background: transparent; outline: none; width: 100%; font-family: inherit; font-size: 15px; 
    padding: 20px 16px; margin: 0px; line-height: normal;
}


.form-inline input[type="text"], .form-inline input[type="number"], .form-inline textarea, .form-inline select {width: auto; display: inline-block}


.form-inline input[type="text"], .form-inline input[type="number"], .form-inline textarea, .form-inline select {width: auto; display: inline-block}


.form-control {	display: block;	width: 100%; padding: 10px 16px; font-size: 16px; font-weight: 500; color: #5E6278; background-color: #fff; background-clip: padding-box; border: 1px solid #CCCFCF; appearance: none; border-radius: 16px; box-shadow: false; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
	.form-control:focus { color: var(#5E6278); background-color: #ffffff;border-width: 2px; border-color: var(--color-azul); outline: 0; box-shadow: false, 0 0 0 0.25rem rgba(var(--color-azul), 0.25); }
	.form-control::-webkit-date-and-time-value { height: 1.5em;	}
	.form-control::-webkit-datetime-edit { display: block; padding: 0;}
	.form-control::placeholder { color: #A1A5B7; opacity: 1;}
	.form-control:disabled { color: #A1A5B7; background-color: #F4F4F4; border-color: #E1E3EA; opacity: 1;}
	.form-floating { position: relative;}
	.form-floating::before:not(.form-control:disabled) { position: absolute; top: 1px; left: 1px; width: calc(100% - (calc(calc(0.375em + 0.3875rem) + calc(0.75em + 0.775rem)))); height: 1.875em; content: ""; background-color:#fff; border-radius: 16px;}
	.form-floating > .form-control,
	.form-floating > .form-control-plaintext,
	.form-floating > .form-select {  line-height: 1.25;}
	.form-floating > label { position: absolute; top: 0;  left: 0;  width: 100%;  height: 100%;  padding: 20px 16px;  overflow: hidden;  text-align: start;  text-overflow: ellipsis;  white-space: nowrap;  pointer-events: none;  border: 1px solid transparent;  transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;}
	
	@media (prefers-reduced-motion: reduce) { .form-floating > label { transition: none; }}
	.form-floating > .form-control,.form-floating > .form-control-plaintext { padding: 20px 16px;}
	.form-floating > .form-control::placeholder,.form-floating > .form-control-plaintext::placeholder { color: transparent;}
	.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
	.form-floating > .form-control-plaintext:focus,.form-floating > .form-control-plaintext:not(:placeholder-shown) { padding: 20px 16px;}
	.form-floating > .form-control:-webkit-autofill,.form-floating > .form-control-plaintext:-webkit-autofill { padding: 20px 16px; -webkit-box-shadow: 0 0 0 30px white inset !important; box-shadow: 0 0 0 30px white inset !important; border-color: cadetblue;}
	.form-floating > .form-select { padding: 20px 16px;}
	.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control-plaintext ~ label,	.form-floating > .form-select ~ label { 
		transform: scale(0.85) translateY(-1.5rem) translateX(0.55rem); background: #fff; width: auto; padding: 0 10px; height: auto; top: 10px;}
	.form-floating > .form-control:-webkit-autofill ~ label {  XXXopacity: 0.65;  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); top:0}
	.form-floating > .form-control-plaintext ~ label {  border-width: 1px 0;}
	.form-floating > .form-control:disabled ~ label {  color: #7E8299;}
	.form-floating .form-select { padding: 20px 16px;}

	.input-group {  position: relative; display: flex;  flex-wrap: wrap;  align-items: stretch;  width: 100%;}
	.input-group > .form-control,
	.input-group > .form-select,
	.input-group > .form-floating {  position: relative;  flex: 1 1 auto;  width: 1%;  min-width: 0;}
	.input-group > .form-control:focus,
	.input-group > .form-select:focus,
	.input-group > .form-floating:focus-within { z-index: 5;}
	
	textarea.form-control{height: auto !important;}
	.form-select {
	--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 11'%3e%3cpath fill='black' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M2.00015 0.585815L10.0002 8.58582L18.0002 0.585815L19.4144 2.00003L10.7073 10.7071C10.3167 11.0977 9.68357 11.0977 9.29304 10.7071L0.585938 2.00003L2.00015 0.585815Z'/%3e%3c/svg%3e");
	display: block; width: 100%; padding: 16px; -moz-padding-start: calc(1rem - 3px); font-size: 16px; font-weight: 500; color: #5E6278; background-color: #ffffff; background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); background-repeat: no-repeat; background-position: right 1rem center; background-size: 16px 12px; border: 1px solid #CCCFCF; border-radius: 16px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none;}
	@media (prefers-reduced-motion: reduce) { .form-select {transition: none; }}
	.form-select:focus { border-color: var(#B5B5C3); outline: 0; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(#009ef7, 0.25);}
	.form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 1rem; background-image: none;}
	.form-select:disabled { color: #A1A5B7; background-color: #F4F4F4; border-color: #E1E3EA;}
	.form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #5E6278;}

	
	.form-check:not(.form-switch) .form-check-input[type=checkbox] {background-size: 60% 60%;}
	.form-check { display: block; min-height: 1.5rem; padding-left: 2.25rem; margin-bottom: 0.125rem;}
	.form-check .form-check-input { float: left; margin-left: -2.25rem;}
	.form-check-reverse { padding-right: 2.25rem; padding-left: 0; text-align: right;}
	.form-check-reverse .form-check-input { float: right; margin-right: -2.25rem; margin-left: 0;}
		.form-check-input { --bs-form-check-bg: transparent;  width: 20px; height: 20px; margin-top: -0.125rem; vertical-align: top; background-color: var(--bs-form-check-bg); background-image: var(--bs-form-check-bg-image); background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid #E1E3EA; appearance: none; print-color-adjust: exact;}
	.form-check-input[type=checkbox] { border-radius: 4px;}
	.form-check-input[type=radio] { border-radius: 50%;}
	.form-check-input:active { filter: brightness(90%);}
	.form-check-input:focus { border-color: #B5B5C3; outline: 0; box-shadow: none;}
	.form-check-input:checked { background-color: #3748F5; border-color: #3748F5;}
	.form-check-input:checked[type=checkbox] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23ffffff'/%3e%3c/svg%3e");}
	.form-check-input:checked[type=radio] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e");}
	.form-check-input[type=checkbox]:indeterminate { background-color: var(--bs-component-checked-bg); border-color: var(--bs-component-checked-bg); --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='var%28--bs-component-checked-color%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");}
	.form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5;}
	.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { cursor: default; opacity: 0.5;}
	.form-check-label { color: #000;}

	.form-check-input:checked ~ label{font-weight: bold;}

.boton .form-check-input{margin: 0}

.required:after {
    content: "*";
    position: relative;
    font-size: inherit;
    color: #F1416C;
    padding-left: 0.25rem;
    font-weight: bold;
}

label.help-inline {position: relative !important; color: red; padding: 10px; display: block;}


.table{  width:100%; text-align:left; border-collapse:collapse;}
	.table tr th{ sbackground-color:var(--color-azul); color:var(--color-azul); height:30px; text-align: center; font-size: 15px; border-bottom: 2px solid #f1f1f4;text-align:center; border-color:var(--color-azul) !important;}
	.table th, .table td {  padding:8px; vertical-align:middle}
	.table td{padding:12px;font-size:15px; border-bottom: 1px solid #f1f1f4;text-align:center; border-color:#f1f1f4 !important; }
	.table{border-collapse:collapse;color:rgb(76,76,76);font-family:arial,verdana; text-align: left}
	/*.table TR:first-child TD {padding-top: 0}*/
	.table TR:last-child TD {padding-bottom: 0; border-bottom: 0}
	.table TD:first-child {padding-left: 0}
	.table A{color: var(--color-azul);}
		.table A:hover{color: var(--bs-primary);}

    

.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);}

.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:#213c70 !important;}
.txt-verde{color:var(--color-verde) !important;}
.txt-azul-oscuro{color:#344966  !important;}
.txt-gris{color:#3b3b3b !important}
.txt-gris-claro{color:#777777;}
.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: #213c70;}
.bg-azul-claro{background-color: #4ec1e5;}
.bg-azul-oscuro{background-color:#344966;}
.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{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;}
	
	.nav li:not(:first-child):before {content:"";}
    .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 {float:left; text-align:center; position:relative}
	.logo IMG{width:100px; }
	
	#mostrarmenu{display:block; }
	.header-info{display: none;}
	.menu {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;}
	.nav{margin-top: 10px; width: 100%;}
		.nav ul { padding-bottom: 0}
		.nav li {display: inline; font-size: 14px;}
	
		.nav li A {display:inline-block; margin:0; padding: 0 5px;}
		.nav li A:Hover {color: #ffffff;text-decoration: none;}
        .nav li.activo A{/*-webkit-box-shadow: inset -0px -33px 24px -37px rgba(0,0,0,0.75); 
                -moz-box-shadow: inset -0px -33px 24px -37px rgba(0,0,0,0.75);
                box-shadow: inset 0px -33px 24px -37px rgba(0,0,0,0.75);*/ -webkit-box-shadow:none; moz-box-shadow:none; box-shadow: none;
        }
	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}
    
    .nav .menuLogin{text-align: center}
	.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{font-size: 14px;}
    .public .bandaAnno{ justify-content: center; min-width: auto;}
        .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;}
    
    .calculadora-km .padding_40{padding: 0px !important;}
    .calculadora-km .margin-r-20{margin: auto}
    .calculadora-km .contenido{padding: 25px !important;}
    .calculadora-km .bloque{margin-bottom: 20px;}
    .calculadora-km .grid-fluid{display: block}
    .calculadora-km H3, .calculadora-km P{text-align: left}    
    .calculadora-km H2{font-size: 17px;}
	
	.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: 100%; font-size: 0.8em;}

    .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;
}