@charset "utf-8";

/* VARIABLES */
/* Las recogeresmos mediante color: var(--color-primario) */
:root{
	--color-primario: #FFC236;
	--color-secundario: #6D6D6D;
	--fondo-primario: #FFC236;
	--fondo-secundario: #6D6D6D;
}

h3 {font-size: 25px;}

/* ESPACIOS */
.clear   {display:block; clear:both; height:1px; width:100%;}
.clear5  {display:block; clear:both; height:5px; width:100%;}
.clear10 {display:block; clear:both; height:10px; width:100%;}
.clear15 {display:block; clear:both; height:15px; width:100%;}
.clear20 {display:block; clear:both; height:20px; width:100%;}
.clear25 {display:block; clear:both; height:25px; width:100%;}
.clear30 {display:block; clear:both; height:30px; width:100%;}
.clear35 {display:block; clear:both; height:35px; width:100%;}
.clear40 {display:block; clear:both; height:40px; width:100%;}

.clearSoloMov   {display:block; clear:both; height:1px; width:100%;}
.clear5SoloMov  {display:block; clear:both; height:5px; width:100%;}
.clear10SoloMov {display:block; clear:both; height:10px; width:100%;}
.clear15SoloMov {display:block; clear:both; height:15px; width:100%;}
.clear20SoloMov {display:block; clear:both; height:20px; width:100%;}
.clear25SoloMov {display:block; clear:both; height:25px; width:100%;}
.clear30SoloMov {display:block; clear:both; height:30px; width:100%;}
.clear35SoloMov {display:block; clear:both; height:35px; width:100%;}
.clear40SoloMov {display:block; clear:both; height:40px; width:100%;}

.clearMov   {display:none; clear:none; height:1px; width:100%;}
.clear5Mov  {display:none; clear:none; height:1px; width:100%;}
.clear10Mov {display:none; clear:none; height:1px; width:100%;}
.clear15Mov {display:none; clear:none; height:1px; width:100%;}
.clear20Mov {display:none; clear:none; height:1px; width:100%;}
.clear25Mov {display:none; clear:none; height:1px; width:100%;}
.clear30Mov {display:none; clear:none; height:1px; width:100%;}
.clear35Mov {display:none; clear:none; height:1px; width:100%;}
.clear40Mov {display:none; clear:none; height:1px; width:100%;}

.marginBotom5SoloMov  {margin-bottom: 0px;}
.marginBotom10SoloMov {margin-bottom: 0px;}
.marginBotom15SoloMov {margin-bottom: 0px;}

/* MEDIDAS */
.maxWidth100 {max-width:90px !important;}
.maxWidth200 {max-width:200px !important;}
.maxWidth300 {max-width:300px !important;}

.minWidth100 {max-width:100px !important;}
.minWidth200 {max-width:200px !important;}
.minWidth300 {max-width:300px !important;}

.width33por100 {width:33% !important;}
.width34por100 {width:34% !important;}

.marginTop0  {margin-top:0px !important;}
.marginTop5  {margin-top:5px !important;}
.marginTop10 {margin-top:10px !important;}
.marginTop15 {margin-top:15px !important;}

.marginBottom5  {margin-bottom:5px;}
.marginBottom10 {margin-bottom:10px;}
.marginBottom15 {margin-bottom:15px;}
.marginBottom20 {margin-bottom:20px;}

.marginRight5  {margin-right:5px !important;}
.marginRight10 {margin-right:10px !important;}
.marginRight15 {margin-right:15px !important;}

.marginBoton5M  {margin-bottom:-5px;}
.marginBoton10M {margin-bottom:-10px;}
.marginBoton15M {margin-bottom:-15px;}

.paddingLeft5  {padding-left:5px !important;}
.paddingLeft10 {padding-left:10px !important;}
.paddingLeft15 {padding-left:15px !important;}

.paddingRight5  {padding-right: 5px !important;}
.paddingRight10 {padding-right: 10px !important;}
.paddingRight15 {padding-right: 15px !important;}

.paddingTop5  {padding-top: 5px !important;}
.paddingTop10 {padding-top: 10px !important;}
.paddingTop15 {padding-top: 15px !important;}
.paddingTop20 {padding-top: 20px !important;}
.paddingTop25 {padding-top: 25px !important;}

.paddingTop30Mov {padding-top:0px !important;}
.paddingTop50Mov {padding-top:0px !important;}

.paddingBottom30Mov {padding-bottom: 0;}

.paddingBottom5 {padding-bottom: 5px !important;}
.paddingBottom10 {padding-bottom: 10px !important;}
.paddingBottom15 {padding-bottom: 15px !important;}
.paddingBottom20 {padding-bottom: 20px !important;}

.noPaddingNoMargin {margin: 0; padding: 0;}

.bordesRedondos15 {border-radius: 15px;}

/* MAPA */
#mapa {
	padding: 15px;
	min-height: 55vh;
    width: 100%;
	border: 2px solid #BCBCBC;
	border-radius: 7px;
	margin-bottom: 15px;
    margin-top: 25px;
}

.markers {
  align-items: center;
  background-color: #B53928;/* Fondo del marker */
  border-radius: 50%;
  color: #263238;
  display: flex;
  font-size: 14px;
  gap: 15px;
  height: 30px;
  justify-content: center;
  padding: 4px;
  position: relative;
  position: relative;
  transition: all 0.3s ease-out;
  width: 30px;
}


.markers::after {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #B53928; /* El pico de abajo del marker */
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  top: 95%;
  transform: translate(-50%, 0);
  transition: all 0.3s ease-out;
  width: 0;
  z-index: 1;
}


.markers .icon {
  align-items: center;
  display: flex;
  justify-content: center;
  color: #FFFFFF; /* Color del icono casa */
    margin-right: -14px !important;
}

.markers .logoTiendasBFS {width: 75px; height: auto; display:none;}
.markers .enlaceTiendasBFS {display:inline-block; cursor: pointer; width:80px; height: 25px; line-height: 18px; text-align: center; color: #000; background-color:#FFC236;  margin: 7px auto; border-radius: 4px;}
.markers .botonCerrarVentanaBFS {display:inline-block; width:80px; cursor:pointer; height: 25px; line-height: 25px; text-align: center; color: #FFF; background-color:#838383;  margin: 13px auto; border-radius: 4px; border: 0; }

.markers .icon svg {
  height: 20px;
  width: auto;
}

.markers .details {
  display: none;
  flex-direction: column;
  flex: 1;
}

.markers .address {
  color: #9E9E9E;
  font-size: 10px;
  margin-bottom: 10px;
  margin-top: 5px;
}

.markers .features {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.markers .features > div {
  align-items: center;
 /* background: #F5F5F5;
  border-radius: 5px;
  border: 1px solid #ccc;
  display: flex;
  font-size: 10px;
  gap: 5px;*/
  padding: 5px;
}

/*
 * Property styles in highlighted state.
 */
.markers.highlight {
  background-color: #FFFFFF;
  border-radius: 8px;
  box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.2);
  height: 130px;
  padding: 8px 15px;
  width: auto;
    max-width: 95%
}

.markers.highlight::after {
  border-top: 9px solid #FFFFFF;
}

.markers.highlight .details {
  display: flex;
}

.markers.highlight .icon svg {
  width: 50px;
  height: 50px;
}

.markers.highlight .logoTiendasBFS {display: block;} 

/*
 * House icon colors.
 */
.markers.highlight:has(.fa-house) .icon {
  color: #F696E6;
}

.markers:not(.highlight):has(.fa-house) {
  background-color: #F696E6;
}

.markers:not(.highlight):has(.fa-house)::after {
  border-top: 9px solid #F696E6;
}

/*
 * Building icon colors.
 */
.markers.highlight:has(.fa-building) .icon {
  color: #F696E6;
}

.markers:not(.highlight):has(.fa-building) {
  background-color: #F696E6;
}

.markers:not(.highlight):has(.fa-building)::after {
  border-top: 9px solid #F696E6;
}

/*
 * Warehouse icon colors.
 */
.markers.highlight:has(.fa-warehouse) .icon {
  color: #F696E6;
}

.markers:not(.highlight):has(.fa-warehouse) {
  background-color: #F696E6;
}

.markers:not(.highlight):has(.fa-warehouse)::after {
  border-top: 9px solid #F696E6;
}


/* COLORES */
.color-primario {color: var(--color-primario) !important;}
.color-secundario {color: var(--color-secundario) !important;}
.fondo-primario {background-color: var(--fondo-primario) !important;}
.fondo-secundario {background-color: var(--fondo-secundario) !important;}

.rojo   {color:red !important;}
.blanco {color:#FFF !important;}
.azul   {color:#00BEFF !important;}
.verde  {color:#71FF5A !important;}
.negro  {color:#000 !important;}
.ambar  {color:#C7B100 !important;}

.verdeOscuro  {color:#22AA0C !important;}

.selectAmarillo {background-color:#FBFFBC !important; color: #000 !important; border-color:#FBFFBC !important;}
.selectAzul 	{background-color:#A9DBFF !important; color: #000 !important; border-color:#A9DBFF !important;}
.selectVerde    {background-color:#C6FBB7 !important; color: #000 !important; border-color:#C6FBB7 !important;}
.selectRojo     {background-color:#FFCCCC !important; color: #000 !important; border-color:#FFCCCC !important;}
.selectMorado   {background-color:#D8ACEA !important; color: #000 !important; border-color:#D8ACEA !important;}
.selectNaranja  {background-color:#FDB250 !important; color: #000 !important; border-color:#FDB250 !important;}
.selectRosa     {background-color:#F5A3DF !important; color: #000 !important; border-color:#F5A3DF !important;}
.selectMarron   {background-color:#A28989 !important; color: #000 !important; border-color:#A28989 !important;}

.fondoHueso  {background-color:#f4f4f4 !important;;}
.fondoVerde  {background-color:#0C0 !important;}
.fondoVerde2  {background-color:#8DE58D !important;}
.fondoAzul   {background-color:#09F !important;}
.fondoBlanco {background-color:#FFFFFF !important;}
.fondoNegro  {background-color:#000000 !important;}
.fondoRojo  {background-color:#F00 !important;}
.fondoRojo2  {background-color:#E07878 !important;}

.fondoVerdeChart {background-color: #00a65a; color:#fff;}
.fondoRojoChart {background-color: #f56954; color:#fff;}
.fondoGananciasChart {background-color: #4149C6; color:#fff;}

.fondoRojoBoton {background-color:#dd4b39 !important;}
.fondoVerdeBoton {background-color:#00a65a !important;}

.colorEnlaces {cursor:pointer; color:cornflowerblue !important; margin-bottom: 8px !important; }
.colorEnlaces:hover {color:#9ABDFC !important;}

.responsiveCentrada {width:100%; height: auto; vertical-align: middle !important;}

/* FORMATO TEXTO */
.textoTachadoAlertas {text-decoration:line-through !important;}
.textoMedio {vertical-align: middle !important;}
.textoMayusculas {text-transform: uppercase !important;}
.active {font-weight:bolder !important; color:darkred; background: #ffc236; border-radius: 25px; padding-left:10px !important; box-sizing: border-box;}

/* CABECERAS */
.cabecera {
	margin: auto;
	display: table;
}

.cabecera h1 {
	position: absolute;
	color: #fff;
	margin-left: 40px;
	margin-top: 20px;
	max-width: 800px;
   /* border-right: .15em solid white;*/
    white-space: nowrap;
    overflow: hidden;
}

.h1Parte1 {
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-style:normal !important;
	font-size: 103px;
	color:#fff;
}

.h1Parte2 {
	font-size: 70px;
	text-transform: uppercase;
	font-style:normal !important;
	font-weight: 400;
	color:#fff;
}

.cabecera h1:nth-child(1) {
    width: 37em;
    -webkit-animation: type 5s steps(40, end), blink .5s step-end infinite alternate;
    animation: type 5s steps(40, end), blink .5s step-end infinite alternate;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.cabecera img {
	display: block;
	width:100%;
	height: auto;
}

@keyframes type {
  0% {
    width: 0;
  }
  1% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes type {
  0% {
    width: 0;
  }
  1% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blink {
  50% {
    border-color: transparent;
  }
}
@-webkit-keyframes blink {
  50% {
    border-color: transparent;
  }
}

/* PÁGINA API */
#descripcionEmpresaMeetOurBeer {font-size:15px !important;}
#descripcionCervezaEnListado p, #descripcionCervezaEnListado strong, #descripcionCervezaEnListado span, #descripcionCervezaEnListado {font-size:15px !important;}

.imagenListado, .imagenListado img {display: block !important; margin: auto !important; text-align: center !important;}

.texto15 {font-size:15px !important;}

.imgEmpresas {display:block; margin: 0 auto 15px; max-width:100%;}

.powered {
	display:block;
	float: right;
	text-align: right;
	margin-top: 50px;
}

.altoMaximoCerveza {max-height: 300px;}

.colorGranate {color:darkred;}

.listadoWebs {display:inline-block;}
.listadoWebs li {
	display: inline-block;
	float: left;
	margin-right:7px;
}

.aboutH2Api {
	font-size: 15px;
	/*font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";*/
	font-weight: bold;
	color: darkred;
}


.filaCerveceros {
	display:block;
	width:100%;
	height: auto;
	padding: 5px;
	box-sizing: border-box;
	border-bottom: 2px dotted #FFC236;
	padding-bottom: 10px; 
	box-sizing: border-box;
}

.filaCerveceros p {font-size:15px;}

.filaCerveceros img {
	width:100%;
	height: auto;
	max-width: 150px;
	padding-right: 20px;
}

.filaCerveceros a {
	display: inline-block;
	float: left;
}

/*.filaCerveceros a {
	color:darkred;
	font-weight:bold;
	text-decoration: underline;
}

.filaCerveceros a:hover {
	color: #FFC236;
}
*/
.filaCerveceros span {
	display: block;
	width: 140px;
	text-align: center;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	color:darkred;
	margin: 10px auto;
}

.encabezadoMenu {
	display: block;
	clear: both;
	width:100%;
	height: 60px;
	line-height: 60px;
	color: #fff;
	/*border-radius: 9px;*/
	text-align: left;
	padding-left: 15px;
	background-color:#FFC236; 
}

.tagMenu {
	display: inline-block;
	width: auto;
	min-height: 22px;
	line-height: 17px;
	border: 1px solid darkred;
	color: darkred;
	padding: 2px 4px;
	box-sizing: border-box;
	float: left;
	margin-right: 4px;
	text-align: center;
	border-radius: 6px;
	font-size: 12px;
	margin-bottom: 4px;
	cursor: pointer;
}
.tagMenu:hover{
	background-color: #ffc236;
	/*font-weight: bold;*/
	text-decoration: none;
	color: darkred;
}

.tagMenuMas {
	cursor: pointer;
	display: inline-block;
	width: auto;
	min-height: 22px;
	line-height: 17px;
	border: 1px solid darkred;
	color: darkred;
	padding: 2px 4px;
	box-sizing: border-box;
	float: left;
	margin-right: 4px;
	text-align: center;
	border-radius: 6px;
	font-size: 12px;
	margin-bottom: 4px;
	background-color: #ffc236;
	color: darkred;
}

.tagMenuMas:hover{
	background-color: #ffc236;
	/*font-weight: bold;*/
	text-decoration: none;
	color: #fff;
}

#estilosMenu, #marcasMenu {
	display: block;
	width:100%;
	height: auto;
	/*height: 185px;*/
	/*max-height: 185px;*/
	word-break: break-all;
	overflow: hidden;
}

#estilosIcon, #marcasIcon {font-size:15px; float:right; margin-right: 15px; margin-top: 22px;}

#estilosMenu .primeros15estilos{
	display: block;
	width:100%;
	height: auto;
	/*max-height:242px !important;*/
	word-break: break-all;
    overflow: hidden;
}

#estilosMenu .restoEstilos {display:none;}
#marcasMenu .restoMarcas  {display:none;}


#marcasMenu .primeras15marcas {
	display: block;
	width:100%;
	height: auto;
	/*max-height: 200px;
	max-height:242px !important;*/
	word-break: break-all;
    overflow: hidden;
}

.filaCervezas {
	display:block;
	width:100%;
	height: auto;
	padding: 15px;
	box-sizing: border-box;
	border-bottom: 2px dotted #FFC236;
}

.filaCervezas p {font-size:15px;}

.filaCervezas img {
	display: block;
    width: auto;
    height: 100%;
    max-height: 90px;
    padding-right: 20px;
    max-width: 140px;
    margin: auto;
}

/* Estrellas */
.checked {
  color: orange;
}
.unchecked {
  color: #BEBEBE;
}

/* PÁGINA ABOUT */
.cajaCervezaSecciones h1,.cajaCervezaSecciones h2{
	display: block;
	position: absolute;
	font-size: 37px;
	text-align: center;
	padding-right: 12px;
	top: 24%;
	color: #fff;
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	z-index: 100;
}

.aboutH2 {
	font-size: 25px;
	font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	font-weight: bold;
	color: darkred;
}

.imgCervezaCabecera {width:100%; height: auto;}

.listadoIconos, .listadoIconosAbout2 {
	display: block;
	width: 100%;
	height: auto;
}

.listadoIconos > .bordeEnvolvente {
	display: inline-block;
	width: 90%;
	float: right;
	padding: 9px;
	border-top: 3px solid #fdbd50;
	border-bottom: 3px solid #fdbd50;
	border-right: 3px solid #fdbd50;
	border-top-right-radius: 18px;
	border-bottom-right-radius: 18px;
	font-size: 15px;
}

.listadoIconosAbout2 > .parrafo {
	display: inline-block;
	width: 80%;
	float: right;
	padding: 9px;
	border-top: 1px;
	border-bottom: 1px;
	font-size: 15px;
}

.listadoIconos > img {
	display: inline-block;
	max-width: 50px;
}

.listadoIconosAbout2 > img {
	display: inline-block;
	max-width: 90px;
	margin-top: 3%;
}

/* BEER */
.beers{
	background-image: url("../images/estructura/beer-fondo.jpg");
  	background-position:top right;
  	background-repeat: no-repeat;
  	background-attachment:scroll;
  	background-size: 50%;
  	background-color: #fff;
}

.tamanoBeer {max-width:200px;}
.tituloBeer {margin-left: 60px; margin-top: -35px;}
.listadoIconosBeer,  .listadoIconosBeer2, .listadoIconosSector{
	display: block;
	width: 100%;
	height: auto;
}
.listadoIconosBeer > .parrafo {
	display: inline-block;
	width: 85%;
	float: right;
	padding: 16px 0px 9px 7px;
	border-top: 3px ;
	border-bottom: 3px ;
	border-right: 3px;
	font-size: 15px;
}

.listadoIconosBeer2 > .bordeEnvolvente {
	display: inline-block;
	width: 85%;
	float: right;
	padding: 9px;
	border-top: 3px solid #fdbd50;
	border-bottom: 3px solid #fdbd50;
	border-right: 3px solid #fdbd50;
	border-top-right-radius: 18px;
	border-bottom-right-radius: 18px;
	font-size: 15px;
}

.listadoIconosBeer2 > .parrafo {
	display: inline-block;
	width: 85%;
	float: right;
	padding: 7px;
	border-top: 3px ;
	border-bottom: 3px ;
	border-right: 3px;
	font-size: 15px;
}

.listadoIconosBeer2 > .parrafo2 {
	display: inline-block;
	width: 85%;
	float: right;
	padding: 4px;
	border-top: 1px ;
	border-bottom: 1px ;
	border-right: 1px;
	font-size: 15px;
}


.listadoIconosBeer > img {
	display: inline-block;
	max-width: 90px;
}

.listadoIconosBeer2 > img {
	display: inline-block;
	max-width: 70px;
}


/* THE SECTOR */
.tituloSector, .tituloSector2 {
	margin-top: 40px;
	margin-left: 15px;
	text-align: center;
}

.fondoChica > img {
	display:block;
	width:100%;
	height: auto;
}

.listadoIconosSector > .bordeEnvolvente {
	display: inline-block;
	width: 70%;
	float: right;
	padding: 9px;
	border-top: 3px solid #fdbd50;
	border-bottom: 3px solid #fdbd50;
	border-right: 3px solid #fdbd50;
	border-top-right-radius: 18px;
	border-bottom-right-radius: 18px;
	font-size: 15px;
}

.listadoIconosSector > img {
	display: inline-block;
	max-width: 95px;
}

.titulosEstadisticas {
	font-size: 20px;
	font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	font-weight: bold;
	color: darkred;
}

.commitedH2 {
	display: block;
	font-size: 30px;
	font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	font-weight: bold;
	color: darkred;
	text-align: center !important;
}

.commitedP {
	display: block;
	font-size: 20px;
	text-align: center !important;
}

.cajasNaranjas {
	display: block;
	background-color: #FFB328;
	border-radius: 50px;
	padding: 30px;
	font-size: 20px;
}

.posicionCebada {
	padding-bottom: -60px !important;
}

#iconosProyect img {
	display: block;
	width: 150px;
	height: 150px;
	margin: 0 auto;
}

#iconosProyect p strong {
	font-size: 40px;
	display: block;
	text-align: center;
}

#iconosProyect p {
	font-size: 20px;
	display: block;
	text-align: center;
}

/* CHARTS */
.titularChart {text-align:center; }
.chartIngresosGastos {display: block; float: left;  height: 300px; width: 100%;}
.etiquetasChartIngresosGastos {
    display:block; 
    clear: both; 
    margin-bottom: 10px; 
    width:70%; margin-left: 15%; 
    margin-right: 15%;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

/* ESTRUCTURA */
.bloque           {display:block;}
.cursorPointer    {cursor:pointer;}
.bloqueEnLinea    {display:inline-block;}
.borraImagen span {cursor:pointer;}
.hrDotted         { border:1px dotted #cdcdcd !important;}
.fontLabels 	  {font-size:15px !important;}
.fontLabelsMed    {font-size:12px !important;}
.fontLabelsBig    {font-size:20px !important;}
.preloader        {max-width:60px; height: auto;}
.cruzCerrar       {display:block; background-color:var(--color-primario); color:#fff; border-radius:50%; height: 40px; width:40px; line-height: 40px; font-size: 20px;}

/* FOOTER */
.footer 		  {background-color: #222222; color:#BBBBBB; padding: 30px; box-sizing: border-box;}
.footer h5		  {text-transform: uppercase; text-decoration: underline; margin-bottom: 18px; line-height: 20px;}
.footer ul 	      {list-style-type: none; padding: 0; margin: 0;}
.footer ul li a   {color: #BBBBBB;}


.ocultaMovil {}
.menuLateralMovil{}
.filtrosMovil{display: none;}
.cierraMenuLateral{display: none;}

.nadaSeccion {
	padding:10px 0px 0px 0px;
}

.encabezados {
	display:block;
	width:100%;
	min-height:50px;
	line-height:50px;
	padding-left:10px;
	box-sizing:border-box;
	font-weight:600;
	background-color:#C6E3F2 !important;
	border-radius:4px;
}

.encabezadosGrisOscuro {
	display:block;
	width:100%;
	height:50px;
	line-height:50px;
	padding-left:10px;
	box-sizing:border-box;
	font-weight:600;
	color:#FFF !important;
	background-color:#222D32 !important;
	border-radius:4px;
}

#msgAcciones {
	display:block;
	width:100%;
	height:auto;
	/*min-height:50px;*/
	text-align:center;
}


.anchoTotal {
	display:block;
	width:100% !important;
}

.altoAuto {
	display:block;
	height:auto !important;
	max-width:900px !important;
	margin-left:auto !important;
	margin-right:auto !important;
	word-wrap:break-word !important;
}

.cabeceraTablas {
	background-color:#222D32;
	color:#CCC;
}

.cabeceraTablasGris {
    background-color:#E2DEDE;
	color:#000;
}

.crudContenedor {
	display:block;
	width:100%;
	min-height:50px;
	line-height:50px;
}

.koInput {
	background-color:#F00;
	color:#000 !important;
    border-color: red !important;
}

.okInput {
	background-color:#0C0;
	color:#000 !important;
    border-color: #0C0;
}

.normalInput {
	background-color:#FFF;
	color:#000 !important;	
    border-color: #d2d6de;
}

.msgModal {
	display:block;
	width:100%;
	height:auto;
	min-height:50px;
	margin-top:30px;
}

.cajaImg {
	display: inline-block !important;
    max-width: 240px;
    margin-right: 20px;
	margin-top:10px;
	margin-bottom:30px;
	border-radius:6px !important;
	-moz-border-radius:6px !important;
	-o-border-radius:6px !important;
	-ms-border-radius:6px !important;
	-webkit-border-radius:6px !important
}
.cajaImg img {
	max-width:240px !important;
}
.cajaImg .eliminar {
	display:block !important;
	height:30px !important;
	line-height:30px !important;
	background-color:#D00 !important;
	color:white !important;
	cursor:pointer !important;
	text-align:center !important;
}
.cajaImg .accionesFoto {
	background-color:#7A7A7A !important;
	color:white !important;
	padding-left:20px;
	box-sizing:border-box;
}

.cajaImg input[type="radio"]{
	display:inline-block !important;
	/*color:white !important;*/
	margin-top:15px !important;
	margin-left:14px;
}
.cajaImg input[type="number"]{
	display:inline-block !important;
	color:#000 !important;
	margin-top:15px !important;
	margin-left:14px;
}

.circuloEnlace {
	display:block;
	width:130px;
	height:130px;
	line-height:20px;
	padding-top:50px;
	margin:40px auto;
	text-align:center;
	background-color:#00ABFF;
	color:#FFF;
	font-size:18px;
	word-wrap:break-word;
	border-radius:50%;
	-moz-border-radius:50%;	
	-o-border-radius:50%;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
}

.circuloEnlace:hover {
	background-color:#FFFFFF;
	color:#000;
}

.cajaAdjuntoGastoMostrar {}
.cajaAdjuntoGastoMostrar .borrarAdjunto {background-color: red; color:white; text-align: center; height: 30px; line-height: 30px;}
.cajaAdjuntoGastoMostrar .adjuntoMostrar img {width:100%; height: auto;}
.cajaAdjuntoGastoMostrar .adjuntoMostrar .imagenFacturaGastos {width:100%; height: auto;}

/* FORMULARIOS */
.cajasForms {
    background-color: #DEDEDE;
    padding: 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
    border: 5px solid #CCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
}
.infoCajaTexto {
	color:#222;
	background-color:#F4F4F4;
	padding:10px;
	border: 2px solid #F07D38;
	box-sizing:border-box;
}
.input2en1 {
	display:inline-block !important;
	height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    /*border-radius: 4px;*/
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.formularios {
	border:3px solid #CBCBCB;
	background-color:#F4F4F4;
	border-radius:7px;
	padding:20px;
	box-sizing:border-box;	
	margin-bottom:20px;
}

.dosInputs {
	display:block;
  	width:100%;
}
.inputsMios {
	display:inline-block !important;
  	width:auto;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
   /* background-color: #fff;*/
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

/* Caja datos facturas rectificativas */
.cajaDatosFacturaOriginal {
	display: block;
	width:100%;
	height: auto;
	min-height: 200px;
	background-color: #dedede;
	border: 3px solid #aaa;
	border-radius:7px;
	padding: 20px;
	box-sizing: border-box;
}


/* QUERYS */

/* MÓVILES VERTICAL */
@media (max-width: 480px) {
	
	.menuLateralMovil{
		position: fixed;
		display: none;
		top:0;
		background-color: white;
		height: 100%;
		overflow: scroll;
		z-index: 99999;
		left:0;
	}
	.filtrosMovil{
		position: fixed;
		display: block;
		width:80px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		background-color: #FFC236;
		color:#fff;
		right: 43%;
		bottom: 50px;
		z-index: 9999;
		border-radius: 10px;
		font-size: 15px !important;
	}
	
	body > div:nth-child(1) > section.container-fluid.noPaddingNoMargin.cabecera > h1 > i.h1Parte1 {font-size: 30px;} 
	body > div:nth-child(1) > section.container-fluid.noPaddingNoMargin.cabecera > h1 > i.h1Parte2 {font-size: 30px;}
    
    .maxWidth100 {max-width:100% !important;}
    
	.ocultaMovil {display:none;}
	
	.clearMov   {display:block; clear:both; height:1px; width:100%;}
	.clear5Mov  {display:block; clear:both; height:5px; width:100%;}
	.clear10Mov {display:block; clear:both; height:10px; width:100%;}
	.clear15Mov {display:block; clear:both; height:15px; width:100%;}
	.clear20Mov {display:block; clear:both; height:20px; width:100%;}
	.clear25Mov {display:block; clear:both; height:25px; width:100%;}
	.clear30Mov {display:block; clear:both; height:30px; width:100%;}
	.clear35Mov {display:block; clear:both; height:35px; width:100%;}
	.clear40Mov {display:block; clear:both; height:40px; width:100%;}
	
	.clearSoloMov   {display:block; clear:both; height:1px; width:100%;}
	.clear5SoloMov  {display:block; clear:both; height:1px; width:100%;}
	.clear10SoloMov {display:block; clear:both; height:1px; width:100%;}
	.clear15SoloMov {display:block; clear:both; height:1px; width:100%;}
	.clear20SoloMov {display:block; clear:both; height:1px; width:100%;}
	.clear25SoloMov {display:block; clear:both; height:1px; width:100%;}
	.clear30SoloMov {display:block; clear:both; height:1px; width:100%;}
	.clear35SoloMov {display:block; clear:both; height:1px; width:100%;}
	.clear40SoloMov {display:block; clear:both; height:1px; width:100%;}
    
    .marginBotom5SoloMov  {margin-bottom: 5px;}
    .marginBotom10SoloMov {margin-bottom: 10px;}
    .marginBotom15SoloMov {margin-bottom: 15px;}
	
	.paddingTop30Mov {padding-top:30px !important;}
	.paddingBottom30Mov {padding-bottom:30px !important;}
	.paddingTop50Mov {padding-top:50px !important;}
	
	.cabecera h1 {
		position: absolute;
		color: #fff;
		margin-left: 10px;
		margin-top: 20px;
		max-width: 470px;
	   /* border-right: .15em solid white;*/
		white-space: nowrap;
		overflow: hidden;
	}

	.h1Parte1 {
		font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
		font-style:normal !important;
		font-size: 35px;
		color:#fff;
	}

	.h1Parte2 {
		font-size: 30px;
		text-transform: uppercase;
		font-style:normal !important;
		font-weight: 400;
		color:#fff;
	}

	.cabecera h1:nth-child(1) {
		width: 37em;
		max-width: 95%;
		-webkit-animation: type 5s steps(40, end), blink .5s step-end infinite alternate;
		animation: type 5s steps(40, end), blink .5s step-end infinite alternate;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}
	

	
	/*body > div:nth-child(1) > section.container-fluid.noPaddingNoMargin.cabecera > h1 > i.h1Parte1 {font-size: 35px !important;} 
	body > div:nth-child(1) > section.container-fluid.noPaddingNoMargin.cabecera > h1 > i.h1Parte2 {font-size: 35px !important;} */
	
	.imgCervezaCabecera {
		display:block !important; 
		width:50% !important; 
		margin-left:25% !important; 
		margin-right: 25% !important;
		margin-bottom: 30px;
	}
	.cajaCervezaSecciones h2 {
		display: block;
		position: absolute;
		font-size: 22px;
		text-align: center;
		padding-right: 12px;
		top: 34%;
		left: 33%;
		color: #fff;
		font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
		z-index: 100;
		margin-bottom: 20px;
	}
	
	.listadoIconos, .listadoIconosAbout2 {
		display: block;
		width: 100%;
		height: auto;
	}

	.listadoIconos > .bordeEnvolvente {
		display: inline-block;
		width: 80%;
		float: right;
		min-height:50px;
		padding: 9px;
		border-top: 3px solid #fdbd50;
		border-bottom: 3px solid #fdbd50;
		border-right: 3px solid #fdbd50;
		border-top-right-radius: 18px;
		border-bottom-right-radius: 18px;
		font-size: 15px;
	}

	.listadoIconosAbout2 > .parrafo {
		display: block;
		width: 70%;
		float: right;
		padding: 9px;
		border-top: 1px;
		border-bottom: 1px;
		font-size: 15px;
	}

	.listadoIconos > img {
		display: inline-block;
		max-width: 50px;
		margin-top: 2.5%
	}

	.listadoIconosAbout2 > img {
		display: block;
		max-width: 25%;
		float: left;
		margin-top: 5%;
	}
	.tituloBeer {margin-left: 35%; margin-top: -30%;}
	.tituloSector2 {font-size:24px;}
	
	.beers{
		background-image: url("../images/estructura/beer-fondo.jpg");
		background-position:top right;
		background-repeat: no-repeat;
		background-attachment:scroll;
		background-size: 0%;
		background-color: #fff;
	}
	
	.listadoIconosBeer > .parrafo {
		display: contents;
		width: 75%;
		float: right;
		padding: 16px 0px 9px 7px;
		border-top: 3px ;
		border-bottom: 3px ;
		border-right: 3px;
		font-size: 15px;
	}

	.listadoIconosBeer2 > .bordeEnvolvente {
		display: contents;
		width: 75%;
		float: right;
		padding: 9px;
		border-top: 3px solid #fdbd50;
		border-bottom: 3px solid #fdbd50;
		border-right: 3px solid #fdbd50;
		border-top-right-radius: 18px;
		border-bottom-right-radius: 18px;
		font-size: 15px;
	}

	.listadoIconosBeer2 > .parrafo {
		display: contents;
		width: 75%;
		float: right;
		padding: 7px;
		border-top: 3px ;
		border-bottom: 3px ;
		border-right: 3px;
		font-size: 15px;
	}

	.listadoIconosBeer2 > .parrafo2 {
		display: contents;
		width: 75%;
		float: right;
		padding: 4px;
		border-top: 1px ;
		border-bottom: 1px ;
		border-right: 1px;
		font-size: 15px;
	}


	.listadoIconosBeer > img {
		display: block;
		max-width: 24%;
		float: left;
	}

	.listadoIconosBeer2 > img {
		display: block;
		width: 24%;
		float: left;
	}
	
	.listadoIconosSector > img {
		display: block;
		width: 25%;
		float: left;
	}
	
	.cookiealert {
		max-width:481px;
	}

	.cierraMenuLateral {
		display: block;
		width:100%;
		background-color: #FFC236;
		height: 40px;
		line-height: 40px;
		text-align: center;
		color:#fff;
		margin-bottom: 10px;
	}

	.imagenListado img {max-width:100%;}
	.imgEmpresas {max-width:100% !important; height: auto !important;}
}

@media only screen and (min-width: 481px) and (max-width: 991px) {
	.paddingTop30Mov {padding-top:30px !important;}
	.paddingTop50Mov {padding-top:50px !important;}
	
	.cabecera h1 {
		position: absolute;
		color: #fff;
		margin-left: 10px;
		margin-top: 20px;
		max-width: 470px;
	   /* border-right: .15em solid white;*/
		white-space: nowrap;
		overflow: hidden;
	}

	.h1Parte1 {
		font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
		font-style:normal !important;
		font-size: 35px;
		color:#fff;
	}

	.h1Parte2 {
		font-size: 30px;
		text-transform: uppercase;
		font-style:normal !important;
		font-weight: 400;
		color:#fff;
	}

	.cabecera h1:nth-child(1) {
		width: 37em;
		max-width: 90%;
		-webkit-animation: type 5s steps(40, end), blink .5s step-end infinite alternate;
		animation: type 5s steps(40, end), blink .5s step-end infinite alternate;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}

	
	
	.imgCervezaCabecera {
		display:block !important; 
		width:60% !important; 
		margin-left:20% !important; 
		margin-right: 20% !important;
		margin-bottom: 30px;
	}
	.cajaCervezaSecciones h2 {
		display: block;
		position: absolute;
		font-size: 27px;
		text-align: center;
		padding-right: 12px;
		top: 34%;
		left: 33%;
		color: #fff;
		font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
		z-index: 100;
		margin-bottom: 20px;
	}
	
	.listadoIconos, .listadoIconosAbout2 {
		display: block;
		width: 100%;
		height: auto;
	}

	.listadoIconos > .bordeEnvolvente {
		display: inline-block;
		width: 85%;
		float: right;
		min-height:50px;
		padding: 9px;
		border-top: 3px solid #fdbd50;
		border-bottom: 3px solid #fdbd50;
		border-right: 3px solid #fdbd50;
		border-top-right-radius: 18px;
		border-bottom-right-radius: 18px;
		font-size: 15px;
	}

	.listadoIconosAbout2 > .parrafo {
		display: inline-block;
		width: 70%;
		float: right;
		padding: 9px;
		border-top: 1px;
		border-bottom: 1px;
		font-size: 15px;
	}

	.listadoIconos > img {
		display: inline-block;
		max-width: 50px;
		margin-top: 2.5%
	}

	.listadoIconosAbout2 > img {
		display: inline-block;
		max-width: 75px;
		margin-top: 3%;
	}
	
	.tituloBeer {margin-left: 35%; margin-top: -42%;}
	
	.beers{
		
	}
	.cierraMenuLateral {
		display: block;
		width:100%;
		background-color: #FFC236;
		height: 40px;
		line-height: 40px;
		text-align: center;
		color:#fff;
		margin-bottom: 10px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	body > div:nth-child(1) > section.container-fluid.noPaddingNoMargin.cabecera > h1 > i.h1Parte1 {font-size: 45px;} 
	body > div:nth-child(1) > section.container-fluid.noPaddingNoMargin.cabecera > h1 > i.h1Parte2 {font-size: 45px;} 
	body > div:nth-child(1) > section.about > div > div > div.col-xs-12.col-md-2 > div > h2 {font-size:30px; top:14%;}
}

@media only screen and (min-width: 1200px) and (max-width: 1894px) {
     
}


/* Cookies */
.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
	min-height:60px;
	vertical-align:middle;
	line-height:60px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:18px;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    border-radius: 0;
    background: #212327 url("../images/estructura/cubes.png");
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #ecf0f1;
}

.cookiealert.show {
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 1000ms;
}

.cookiealert a {
    text-decoration: underline
}

.cookiealert .acceptcookies {
    margin-left: 10px;
    vertical-align: baseline;
	background-color:#0073FC;
	color:#FFF;
	border:none;
	padding:10px;
	box-sizing:border-box;
	cursor:pointer;
}