/* CSS Document */
html,body,form,label,div,p,span,dl,dt,dd,iframe,pre,table,tr,th,td,img,a,ol,ul,li,object,fieldset,blockquote {
margin:0; padding:0; border:0; outline:0; font-size:100%; font-family:inherit; vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
body {
	width:100%; 
	height:100%; 
	color:#999999;
	background:url(../img/bg-hergom.png) 0px 0px no-repeat;
	background-size:100% auto;
	font-family: 'Lato', sans-serif; font-size:13px; line-height:20px;
}
#page{
	min-width:319px
}
#salesUpForm-1 .card-header{
	display: none;
	
}
#salesUpForm-1 .col-12{
	padding: 0px;
}
.loader {
  border: 10px solid #c23234;
  border-radius: 50%;
  border-top: 10px solid #fff;
  width: 180px;
  height: 180px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  margin:15% auto;
  text-align:center;
  padding:60px 20px;
  box-sizing:border-box;
  color:#c23234;	
  font-weight:500
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
#page{display:none}

.bloque{
	margin-bottom:25px;
}
.bg-hergom{
	position:fixed;
	top:0px;
	width:100%;
	background:#fff;
	padding:15px 0px;
	z-index:1;
}
.navbar-light .navbar-nav .nav-link{
	font-family:'Lato';
	font-size:16px;
	line-height:20px;
	padding:10px 10px;
}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link{
	color:#999;
}
.navbar-light .navbar-nav .active{
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
	color:#c23234
}
.navbar-light .navbar-toggler{
	border-color:#c23234;
	margin-right:15px
}
.navbar-light .navbar-toggler-icon{
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(194, 50, 52, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.carousel-caption{
	bottom:0px;
	left:0px;
	background:url(../img/bg-slider.png) 0px 0px repeat;
	padding:20px 15px;
	font-size:15px;
	line-height:18px;
}
.carousel-caption h5{
	color: #b79e7b;
	font-size: 30px;
	line-height:36px;
	margin: 0 0 5px;
	text-transform: uppercase;
}
.r-logos li{
	padding:2px
}
.carousel-text .carousel-inner{
	background:#c00027;
	color:#fff;
	height:50px;	
} 
.carousel-text .carousel-item{
	height:50px;
	text-align: center;
	padding: 15px;
	font-size: 16px;
	color: #fff!important;
	text-decoration: none!important;
}
#historia img{
	margin:0px 10px 10px 0px;
}
#historia h2{
	color:#bf0026;
	font-size:16px;
	text-transform:uppercase;
	margin-bottom:10px;
}
#pie{
	font-size:12px;
	line-height:18px;
}
#pie a{
	color:#999999
}
#pie .container{
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #f0f0f0
}
#pie .borde-x{
	border-left:1px solid #f0f0f0;
	border-right:1px solid #f0f0f0
}
.f-gris{
	background:#f8f8f8;
	border:1px solid #f0f0f0
}
#interiores{
	margin-top:25px;
	color:#666;
	margin:130px 0px 25px 0px
}
#interiores a{
	color:#000
}
#interiores .titulo{
	background:url(../img/bg-titulo.jpg) center center repeat-x;
	color:#c00027;
	font-size:40px;
	line-height:48px;
	text-align:center;
	text-transform:uppercase;
	margin-bottom:25px;
}
#interiores .t-color{
	color:#c00027;
	font-size:30px;
	line-height:38px;
	text-transform:uppercase;
	
	margin:20px 0px 15px 0px;
}
#interiores .t-negro{
	color:#000;
	font-size:25px;
	line-height:35px
}
#interiores .titulo span{
	background:#fff;
	padding:10px 25px;
}
#interiores .titulo-s{
	text-transform:uppercase;
	color:#666666;
	font-size:13px;
	border-bottom:1px solid #efefef;
	padding:5px;
	font-weight:bold;
}
#interiores .subtitulo{
	text-align:center;
	color:#999999;
	font-size:28px;
	line-height:36px;
	margin-bottom:25px;
	text-transform:uppercase
}
.producto{
	border:1px solid #dbdbdb;
	padding:15px;
	display:block;
	font-size:13px;
	line-height:15px;
	margin:15px 0px;
}
.home-product .img-fluid{ 
	min-width:400px;
}
.producto .info-producto{
	min-height:80px;
}
.producto h2{
	color:#494949;
	border-bottom:1px solid #dbdbdb;
	font-size:20px;
	line-height:30px;
	margin-bottom:15px;
}
.producto a{
	color:#666666
}
.producto:hover *{
	color:#fff!important;
}
.producto:hover{
	background: #c00027;
	border: 1px solid #c00027;
}
.producto:hover h2{
	color:#fff;
	border-bottom:1px solid #fff
}
.producto:hover a{
	color:#fff;
	text-decoration:none
}
.top-border{
	border-top:1px solid #dbdbdb;
	padding-top:10px;		
}
.producto:hover .top-border{
	border-top:1px solid #fff	

}
.potencia{
	background:url(../img/flama.png) 0px center no-repeat;
	padding:6px 5px 6px 45px;
	margin:5px 0px 10px 0px;
	font-weight:bold;
}
.t-calor{
	background:url(../img/rayas.png) 0px center no-repeat;
	padding:6px 5px 6px 45px;
	margin:5px 0px 10px 0px;
	font-weight:bold;
}
.datos-producto{
	padding:20px 0px;
	font-size:15px;
	line-height:27px;
}
.datos-producto h2.ttitulo{
	background: #dbdbdb;
	color: #333;
	display: block;
	font-size: 13px;
	line-height: 27px;
	padding: 3px 12px;
	text-transform: uppercase;
	
}
.tblCaracteristicasDatos{
	display:table;
	width:100%;
}
.tblCaracteristicasDatos td, .tblCaracteristicasDatos th{
	border-bottom:1px solid #eaeaea;
	padding:5px;
	width:auto;
}
.tblCaracteristicasDatos .campo{
	font-size:13px;
	color: #c00027;
	padding-right: 20px;
	text-align: right;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
	color:#666666;
	font-weight:bold;
}
.nav-tabs .nav-link, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
	color:#666666;
}
.accesorios{
	margin-bottom:15px;
}
.accesorios li{
	list-style:none;
	background:url(../img/ic-accesorios.png) 0px center no-repeat;
	padding:5px 5px 5px 20px;
	font-size:13px;
	border-bottom:1px solid #efefef;
}
.informacion{
	background:#dbdbdb;
	padding:15px;
	color:#333;
	font-size:13px;
	line-height:18px;
}
.btn-black{
	background:#000;
	color:#fff;
	text-align:left;
	font-size:13px;
}
.tooltip-inner{
	/*
	background:#eee;
	border-color:#333;
	*/
	color:#fff;
}
.documentos{
	margin-bottom:25px;
}
.documentos a{
	background:#c00027 url(../img/download.png) 10px 10px no-repeat;
	padding:40px 5px 15px 10px;
	float:left;
	width:40%;
	margin-right:10%;
	font-size:13px;
	color:#fff;
	line-height:18px;
	min-height:100px;
	margin-bottom:25px;
	color:#fff !important;
}
.documentos::after{
	content:'';
	float:none;
	display:block;
	clear:both;
}
#contenedorClasificacionEnergetica > .titulo + * {
		margin: 20px 0 0 0;
	}
#contenedorClasificacionEnergetica li{
	list-style:none
}
#listadoEficienciaEnergetica > li + li {
	margin: 15px 0 0 0;
}
#contenedorClasificacionEnergetica li > a,
#contenedorClasificacionEnergetica .etiqueta {
		display: inline-block;
	}
#contenedorClasificacionEnergetica li > a {
		color: #fff;
		outline: none;
		text-decoration: none;
		font-size:12px;
	}
#contenedorClasificacionEnergetica li > a:hover > .etiqueta {
		background: #000 !important;
		border-color: #000 !important;
	}
#contenedorClasificacionEnergetica li > a:hover > .etiqueta.fondoAplusplus:after,
#contenedorClasificacionEnergetica li > a:hover > .etiqueta.fondoAplusplus:before,
#contenedorClasificacionEnergetica li > a:hover > .etiqueta.fondoAplus:after,
#contenedorClasificacionEnergetica li > a:hover > .etiqueta.fondoAplus:before,
#contenedorClasificacionEnergetica li > a:hover > .etiqueta.fondoA:after,
#contenedorClasificacionEnergetica li > a:hover > .etiqueta.fondoA:before,
#contenedorClasificacionEnergetica li > a:hover > .etiqueta.fondoB:after,
#contenedorClasificacionEnergetica li > a:hover > .etiqueta.fondoB:before,
#contenedorClasificacionEnergetica li > a:hover > .etiqueta.fondoC:after,
#contenedorClasificacionEnergetica li > a:hover > .etiqueta.fondoC:before,
#contenedorClasificacionEnergetica li > a:hover > .etiqueta.fondoD:after,
#contenedorClasificacionEnergetica li > a:hover > .etiqueta.fondoD:before,
#contenedorClasificacionEnergetica li > a:hover > .etiqueta.fondoE:after,
#contenedorClasificacionEnergetica li > a:hover > .etiqueta.fondoE:before,
#contenedorClasificacionEnergetica li > a:hover > .etiqueta.fondoF:after,
#contenedorClasificacionEnergetica li > a:hover > .etiqueta.fondoF:before,
#contenedorClasificacionEnergetica li > a:hover > .etiqueta.fondoG:after,
#contenedorClasificacionEnergetica li > a:hover > .etiqueta.fondoG:before{
		border-left: 20px solid #000;
	}
#contenedorClasificacionEnergetica .etiqueta {
		font-size: 1.6em;
		font-weight: bold;
		line-height: 30px;
		max-width: 49px;
		padding: 0 0 0 8px;
		position: relative;
		width: 49px;
	}
#contenedorClasificacionEnergetica .etiqueta.fondoAplusplus {
		background: #12903f;
		border: 1px solid #12903f;
	}
#contenedorClasificacionEnergetica .etiqueta.fondoAplus {
		background: #79aa37;
		border: 1px solid #79aa37;
	}
#contenedorClasificacionEnergetica .etiqueta.fondoA {
		background: #cbd224;
		border: 1px solid #cbd224;
	}
#contenedorClasificacionEnergetica .etiqueta.fondoB {
		background: #ffee00;
		border: 1px solid #ffee00;
	}
#contenedorClasificacionEnergetica .etiqueta.fondoC {
		background: #eaba0e;
		border: 1px solid #eaba0e;
	}
#contenedorClasificacionEnergetica .etiqueta.fondoD {
		background: #cd691e;
		border: 1px solid #cd691e;
	}
#contenedorClasificacionEnergetica .etiqueta.fondoE {
		background: #c20120;
		border: 1px solid #c20120;
	}
#contenedorClasificacionEnergetica .etiqueta.fondoF {
		background: #c20120;
		border: 1px solid #c20120;
	}
#contenedorClasificacionEnergetica .etiqueta.fondoG {
		background: #c20120;
		border: 1px solid #c20120;
	}
#contenedorClasificacionEnergetica .etiqueta:before,
#contenedorClasificacionEnergetica .etiqueta:after {
		border-bottom: 16px solid transparent;
		border-top: 16px solid transparent;
	 	content: " ";
		height: 0;
		display: block;
		position: absolute;
		top:-1px;
		width: 0;
	}
#contenedorClasificacionEnergetica .etiqueta:before {
		border-left: 20px solid #000;
		right: -20px;
		z-index: 1;
	}
#contenedorClasificacionEnergetica .etiqueta.fondoAplusplus:before{
		border-left: 20px solid #12903f;
	}
#contenedorClasificacionEnergetica .etiqueta.fondoAplus:before{
		border-left: 20px solid #79aa37;
	}
#contenedorClasificacionEnergetica .etiqueta.fondoA:before{
		border-left: 20px solid #cbd224;
	}
#contenedorClasificacionEnergetica .etiqueta.fondoB:before{
		border-left: 20px solid #ffee00;
	}
#contenedorClasificacionEnergetica .etiqueta.fondoC:before{
		border-left: 20px solid #eaba0e;
	}
#contenedorClasificacionEnergetica .etiqueta.fondoD:before{
		border-left: 20px solid #cd691e;
	}
#contenedorClasificacionEnergetica .etiqueta.fondoE:before{
		border-left: 20px solid #c20120;
	}
#contenedorClasificacionEnergetica .etiqueta.fondoF:before{
		border-left: 20px solid #c20120;
	}
#contenedorClasificacionEnergetica .etiqueta.fondoG:before{
		border-left: 20px solid #c20120;
	}
#contenedorClasificacionEnergetica .etiqueta:after {
		border-left: 20px solid #0000;
		right: -19px;
		z-index: 2;
	}
#contenedorClasificacionEnergetica .etiqueta.fondoAplusplus:after {
		border-left: 20px solid #12903f;
	}
#contenedorClasificacionEnergetica .etiqueta.fondoAplus:after {
		border-left: 20px solid #79aa37;
	}
#contenedorClasificacionEnergetica .etiqueta.fondoA:after{
		border-left: 20px solid #cbd224;
	}
#contenedorClasificacionEnergetica .etiqueta.fondoB:after{
		border-left: 20px solid #ffee00;
	}
#contenedorClasificacionEnergetica .etiqueta.fondoC:after{
		border-left: 20px solid #eaba0e;
	}
#contenedorClasificacionEnergetica .etiqueta.fondoD:after{
		border-left: 20px solid #cd691e;
	}
#contenedorClasificacionEnergetica .etiqueta.fondoE:after{
		border-left: 20px solid #c20120;
	}
#contenedorClasificacionEnergetica .etiqueta.fondoF:after{
		border-left: 20px solid #c20120;
	}
#contenedorClasificacionEnergetica .etiqueta.fondoG:after{
		border-left: 20px solid #c20120;
	}

	
@media only screen and (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .dropdown-menu{
		width:950px;
		left:-200px;
	}
	.bg-hergom .dropdown-menu{
		vertical-align:top;
	}
	.dropdown-item.active, .dropdown-item:active{
		background-position:0px -231px;
		background-color:#fff
	}
	.bg-hergom .dropdown-menu .dropdown-item{
		display:inline-block;
		width:230px;
		height:230px;
		font-size:13px;
		text-transform:uppercase;
		white-space:normal;
		position:relative;
	}
	.hergom-item-357{
		background:url(../img/menu/bg-productos.png) 0px 0px no-repeat;
		color:#fff;
	}
	.hergom-item-355{
		background:url(../img/menu/bg-compactos.png) 0px 0px no-repeat;
	}
	.hergom-item-353{
		background:url(../img/menu/bg-chimeneas.png) 0px 0px no-repeat;
		color:#fff;
	}
	.hergom-item-356{
		background:url(../img/menu/bg-estufas.png) 0px 0px no-repeat;
	}
	.hergom-item-354{
		background:url(../img/menu/bg-cocinas.png) 0px 0px no-repeat;
		color:#fff;
	}
	.hergom-item-358{
		background:url(../img/menu/bg-hornos.png) 0px 0px no-repeat;
	}
	.hergom-item-1366{
		background:url(../img/menu/bg-gas.png) 0px 0px no-repeat;
	}
	
	.hergom-item-1367{
		background:url(../img/menu/bg-calefaccion.png) 0px 0px no-repeat;
	}
	
	.hergom-item-357 span, .hergom-item-355 span, .hergom-item-353 span, .hergom-item-356 span, .hergom-item-354 span, .hergom-item-358 span, .hergom-item-1366 span, .hergom-item-1367 span{
		display:block;
		text-align:left;
		margin:145px 10px 10px 15px;
		color:#fff;
		font-weight:normal;
		position:absolute;
		left:40px;
		width:150px;
	}
	.hergom-item-357:hover, .hergom-item-355:hover, .hergom-item-353:hover, .hergom-item-356:hover, .hergom-item-354:hover, .hergom-item-358:hover, .hergom-item-1366:hover, .hergom-item-1367:hover{
		background-position:0px -231px;
	}

}
.t-productos h3, .t-productos .total{
	display:inline-block;
	margin:5px;
	vertical-align:top;
	line-height:70px;
}
.t-productos{
	padding:5px;
	text-align:center;
	margin-top:35px;
}
.l-lena h3{
	background:url(../img/modelos-lena.png) 0px center no-repeat;
	padding-left:90px
}
.l-gas h3{
	background:url(../img/modelos-gas.png) 0px center no-repeat;
	padding-left:50px
}
.l-poli h3{
	background:url(../img/modelos-policombustible.png) 0px center no-repeat;
	padding-left:90px
}
.l-pelle h3{
	background:url(../img/modelos-policombustible.png) 0px center no-repeat;
	padding-left:90px
}
.t-productos .total{
	background:#999999;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	font-size:12px;
	line-height:15px;
	padding:5px;
}
.t-productos .total span{
	display:block;
	font-size:30px;
	line-height:35px;
	text-align:center;
}
.titulo-b{
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	text-align: left;
	padding: 5px 10px;
	font-size: 18px;
	color: #c00027;
	background:#fff;  
}
.contenido-b{
	-webkit-box-shadow: 0px 0px 10px 0px rgba(209,201,209,1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(209,201,209,1);
	box-shadow: 0px 0px 10px 0px rgba(209,201,209,1);
	background:#fff;
	padding:15px 20px;
	text-align:justify;
}
.list-tab li{
	list-style:none;
}
.list-tab li > div{
	margin-left:100px;
}
.list{
	margin:10px 20px;
}
.cat-especiales a{
	float:left;
}
.cat-especiales::after{
	content:'';
	float:none;
	display:block;
	clear:both;
}

/* Benefits Container */
#benefits-container,
#benefits-container a {
	border: none!important;
}
#benefits-container a.active {
	border-bottom: 1px dotted #969ba2 !important;
}
#benefits-container a:hover {
	border-bottom: 1px dotted #c00027 !important;
}
#benefits-container a.active span.numero,
#benefits-container a:hover span.numero {
	background: #c00027!important;
}
#benefits-container a.active > span > * + *,
#benefits-container a:hover > span > * + *{
	color:#c00027!important;
}
#benefits-container span.numero {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #969ba2;
    color: #fff;
    line-height: 44px;
    min-width: 44px;
    text-align: center;
    display: inline-block;
	font-size: 1.4em;
}

#benefits-container a > span > * + * {
    vertical-align: middle;
    margin: 0 0 0 10px;
    display: inline-block;
	color: #969ba2;
}

#benefits-container span.prefijo, span.nombre {
    display: block;
}

#benefits-container span.prefijo {
	font-size: 1em;
}

#benefits-container span.nombre {
    font-size: 1.2em;
    text-transform: uppercase;
}
#features h1, #features h2, #features h3, #features h4, #features h5{
	font-size:14px;
	line-height:16px;
}
#features ul, #features ol{
	margin-left:25px;
	margin-bottom:20px;
}
#features table{
	width:100%;
	font-size:13px;
	line-height:16px;
}
#features table th, #features table td{
	padding:5px;
	border-bottom:1px solid #eaeaea;
	text-align:left;
	text-transform:uppercase;
}
#features table th{
	border-top:1px solid #eaeaea;
	padding:10px 5px;
	text-align:center;
	text-transform:uppercase;
	font-size:14px;
}