/*Home styles*/
@media (max-width:768px){
	.home-page-title h1{
		font-size: 26px;
		line-height: 36px;
		text-align:center;
	}
	.home-page-title h5{
		text-align:center;
	}
	.footerContactaHome h2{
		font-size: 15px;
		line-height: 17px;
		text-align:center;
	}
	.footerContactaHome, .footerContactaHome p{
		text-align:center;
	}
	.footerContactaHome .vc_btn3-container{
		padding-top:20px;
	}
	.notification-bar{
		margin-top:38px;
	}
	.notification-bar p{
		font-size:11px;
		text-align:center;
	}
	.menuDeComprasBGWhite{
		display:block !important;
	}
}
.navbar-toggle:nth-child(2), .navbar-toggle:nth-child(3){
	display:none;
}
.menuDeComprasBGWhite{
	display:none;
	width:100%;
    height:38px;
    background-color:#ffffff;
    top:0;
    position:fixed;
	z-index:1;
}
/*===========*/

#ofertasComercio{
	/*display:none;*/
	height: auto;
    background-color: white;
	box-shadow: 3px 3px 0 0 rgb(0 0 0 / 2%);
	padding:20px;
}
#ofertasComercio > h2{
	font-size:22px;
	font-weight:700;
	padding-left:15px;
	color:#101a8d;
	display:inline-block;
	width:230px;
}
#ofertasComercio > h2 a{
	color:#101a8d;
}
#ofertasComercio > span{
	font-family:"Montserrat";
	font-size: 11px;
    font-weight: 700;
	text-transform:uppercase;
	width:100%;
	display:block;
	text-align:center;
}
#ofertasComercio > span i{
	font-size:15px;
	color: #b7b7b7;
	transition:color .2s ease-in-out;
}
#ofertasComercio > span a:hover, #ofertasComercio > span a:hover i{
	color: #c404d6;
}
.galeria {
  margin: 2em auto 2em auto;
  max-width:1328px;
}

#galeria {
  list-style: none;
  padding:0;
}

#galeria li {
  height:auto;
  padding:10px 10px 30px 10px;
  border-radius:5px;
  box-sizing:border-box;
  display:inline-block;
  width:calc(100% / 4);
}
#galeria li a{
	text-decoration:none;
}
@media (min-width:978px) and (max-width:1280px){
	#galeria li {
	  width:calc(100% / 3);
	}
}
@media (min-width:650px) and (max-width:977px){
	#galeria li {
	  width:calc(100% / 2);
	}
}
@media (max-width:649px){
	#galeria li {
	  width:100%;
	}
}
.foto {
  transition: all .2s ease-in-out;
  max-height: 200px;
  height:200px;
  width:100%;
  object-fit:cover;
  border-radius:5px;
  box-sizing:border-box;
  border:solid #f1f1f1 1px;
}
.foto:hover {
  
}

.precio::after {
  content: " €";
  
}

.precio {
  color: #101a8d;
  font-size-adjust: inherit;
  vertical-align: text-top;
  text-shadow: red;
  font-family:Open Sans, sans-serif;
  font-size:21px;
  font-weight:700;
  margin:10px 0 0 0;
 }

#galeria span{
	font-family:Open Sans, sans-serif;
	font-size:14px;
	color:#333;
}

#galeria h2 {
  width: 100%;
  font-family:Open Sans, sans-serif;
  font-size:16px;
  font-weight:700;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color:#333;
  margin:5px 0 0 0;
}

#galeria h3 {
  font-family:Open Sans, sans-serif;
  font-size:14px;
  font-weight:500;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin:0;
  color:#333;
}
#galeria p {
  min-height: 5%;
  font-weight: bold;
}

.acceso_admin {
  margin-left: 75%;
}

#contTopBar{
		width:100%;
		height:50px;
		display:flex;
		max-width:1328px;
		margin:0 auto;
		position:fixed;
		top:10px;
		background-color:white;
		
	}
		@media (max-width:768px){
			#contTopBarSearch{
				width:100% !important;
			}
			#ofertasComercio > h2{
				display:block;
				width:100%;
				text-align:center;
			}
		}
		#contTopBarLogo{
			width:200px;
			background-image:url(../img/logoOfertasComercio.png);
			background-size:calc(100% - 20px) auto;
			background-position:left center;
			height:50px;
			background-repeat:no-repeat;
		}
		#contTopBarSearch{
			width:calc(100% - 235px);
			height:40px;
			margin-top:5px;
			background-color:#f6f7f8;
			border-radius:5px;
			box-sizing:border-box;
			display:inline-flex;
		}
			.form {
				width: 100%;
				margin: 0;
				display: flex;
				flex-grow: 1;
				height: 40px;
				padding-right:10px;
				box-sizing: border-box;
			}
				#contTopBarSearch .iconSearch{
					min-width: 16px;
					color: rgb(112, 113, 116);
					user-select: none;
					vertical-align: text-bottom;
					position: relative;
					max-width: 100%;
					height: 1.25em;
					fill: currentcolor;
					margin-bottom: 10px;
					margin-top: 10px;
					margin-left: 8px;
					margin-right: 8px;
					width:20px;
					cursor:pointer;
				}
				#contTopBarSearch .iconSearch:hover{
					color:#021391;
				}
				#contTopBarSearch input, #contTopBarSearch select{
					font-family:Open Sans, sans-serif;
					font-size:16px;
					background-color:transparent;
					border:none;
				}
				#contTopBarSearch input:focus, #contTopBarSearch select:focus{
					outline: none;
				}
				#contTopBarSearch input{
					width:calc(100% - 250px);
				}
				#contTopBarSearch select{
					cursor:pointer;
					width:200px;
				}