body {
	font-family: 'Montserrat', sans-serif !important;
	background: url(../img-web/bg.png) fixed no-repeat !important;
	background-size: cover;
}

@font-face {
    font-family: "Josefin Sans Light";
    src: url(../fonts/JosefinSans-Light.ttf);
}

/* =========================== */
/* Menú de Navegación Superior */
/* =========================== */

/* Barra secundaria o superior */
.own-secondary-navbar {
	border-radius: 0px !important;
	border-top: none !important;
	border-right: none !important;
	border-left: none !important;
}

/* Marca de la empresa Vives de la Cortada */
.own-brand {
	color: #555555 !important;
	font-family: 'Josefin Sans Light', sans-serif !important;
	font-size: 18px !important;
	margin-right: 25px !important;
	margin-left: 10px !important;
}

.own-brand:hover {
	color: #000000 !important;
}

/* Apartadados secundarios */
.own-secondary-nav a {
	color: #555555 !important;
	font-size: 12px !important;
}

.own-secondary-nav a:hover {
	color: #000000 !important;
}

.own-active {
	background-color: #e7e7e6 !important;
}

.own-active:hover {
	background-color: #e7e7e6 !important;
}

/* Botón del campo de búsqueda */
.own-search-button {
	background-color: #e7e7e6 !important;
}

.own-search-button:hover {
	background-color: #bbbbbb !important;
	color: #ffffff !important;
}

.own-search-button:focus {
	outline: none !important;
}

input[type=text]:focus {
	border: 1px solid #cccccc !important;
	box-shadow: inset 0 2px 2px rgba(0, 0, 0, .1);
}

/* Apartados Redes Sociales */
.own-secondary-nav-social {
	background-color: #f8f8f8 !important;
}

@media (max-width: 767px) {
	.own-secondary-nav-social {
		margin-top: -5px !important;
	}

	.own-dropdown-social {
		margin-top: -10px !important;
	}
}

.own-dropdown-social {
	background-color: #f8f8f8 !important;
}

.own-dropdown-social li {
	font-size: 10px !important;
}

.own-dropdown-social li:hover {
	background-color: #e7e7e6 !important; 
}

.own-dropdown-social a {
	font-size: 12px !important;
}

.own-dropdown-social a:hover {
	background-color: #e7e7e6 !important; 
}

.own-dropdown-social img {
	margin-right: 5px !important;
	width: 18px !important;
	height: 18px !important;
	border-radius: 3px !important;
}

.dropdown-menu {
	border-color: #e7e7e6 !important;
}

.navbar-right {
	padding-left: 0px !important;
}

/* =========================== */
/*     Logotipo principal      */
/* =========================== */

/* Logotipo principal */
.own-container-logo {
	margin-top: -30px !important;
}

.own-container-logo h1 {
	font-family: 'Josefin Sans Light', sans-serif !important;
	text-align: center !important;
	font-size: 40px !important;
	padding: 10px 0px !important;
}

/* =========================== */
/*     Contenido Principal     */
/* =========================== */

/* Navegación Principal */
.own-main-nav ul {
	margin-right: -20px !important;
}

.own-main-nav a {
	color: #555555 !important;
	font-size: 13px !important;
}

.own-main-nav a:hover {
	background-color: #e7e7e6 !important;
	border-radius: 6px !important;
	color: #000000 !important;
}

.own-main-nav a:focus {
	border-radius: 6px !important;
}

.own-main-nav ul:last-child {
	margin-bottom: 10px !important;
}

/* Imagen principal */
.own-img-head {
	margin-bottom: 20px !important;
	border-radius: 6px !important;
}

/* Texto principal */
.own-text-head {
	text-align: center !important;
	margin-bottom: 20px !important;
	font-size: 14px !important;
}

.own-text-head2 {
	text-align: justify !important;
	margin-bottom: 20px !important;
	font-size: 14px !important;
}

.own-text-head a, .own-text-head2 a {
	color: #000000 !important;
}

.own-text-head a:hover, a:focus {
	text-decoration: none !important;
	color: #666666 !important;
}

.own-text-head2 a:hover, a:focus {
	text-decoration: none !important;
	color: #666666 !important;
}

/* Apartaditos principales */
.own-sections-mini h2 {
	margin-top: 0px !important;
	margin-bottom: -5px !important;
	font-size: 14px !important;
	font-weight: bold !important;
	text-align: center !important;
	color: #333333 !important;
}

.own-sections-mini a:hover {
	text-decoration: none !important;
}

.own-sections-mini p {
	text-align: justify !important;
}

/* Mini redes sociales */
.own-container-socials {
	text-align: center !important;
}

.own-container-socials li {
	list-style: none !important;
	display: inline !important;
}

.own-container-socials img {
	width: 32px !important;
	height: 32px !important;
	margin: 0px 40px 10px 0px !important;
}

@media screen and (max-width: 537px) {
	.own-container-socials img {
		margin: 0px 10px 10px 0px !important;
	}

	.own-container-socials li:first-child {
		margin-left: -30px !important;
	}
}

/* Newsletter */
.own-newsletter {
	width: 100% !important;
	background: url(../img-web/bg-footer.jpg) fixed no-repeat !important;
	background-position: center bottom !important;
	background-size: cover !important;
	text-align: center;
	padding: 60px 0px !important;
}

/* WhatsApp Icon */
.whatsapp-icon {
    display: auto !important;
    position: fixed;
    bottom: 10px;
    left: 10px;
}

.whatsapp-icon img {
    width: 48px;
    height: 48px;
}

@media (min-width: 576px) {
    .whatsapp-icon {
        bottom: 14px;
        left: 14px;
    }

    .whatsapp-icon img {
        width: 64px;
        height: 64px;
    }
}

/* Arrow to top */
.back-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
}

.back-to-top span {
	display: block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	border-radius: 50px;
	background: rgb(255,169,0);
    background: -moz-linear-gradient(top,rgba(255,169,0,1) 1%,rgba(255,103,0,1) 100%);
    background: -webkit-linear-gradient(top,rgba(255,169,0,1) 1%,rgba(255,103,0,1) 100%);
    background: linear-gradient(to bottom,rgba(255,169,0,1) 1%,rgba(255,103,0,1) 100%);
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.back-to-top:hover {
	text-decoration: none !important;
}

/* =========================== */
/*        Pie de página        */
/* =========================== */

/* Pie de página */
.own-footer {
	background-color: #202020 !important;
	text-align: center !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.own-footer ul {
	list-style: none !important;
	margin-bottom: 30px !important;
}

.own-list-title {
	margin-top: 20px !important;
	font-size: 18px !important;
	color: #ffffff !important;
}

.own-footer li {
	margin-bottom: 10px !important;
}

.own-footer a:link,
.own-footer a:visited {
	color: #888888 !important;
}

.own-footer a:hover {
	text-decoration: none !important;
	color: #ffffff !important;
}

.own-footer a:focus {
	text-decoration: none !important;
}

@media screen and (max-width: 767px) {
	.own-main-nav a {
		text-align: center !important;
		margin-right: 20px !important;
	}
	.own-footer {
		margin-left:-40px !important;
	}
}

/* ======================================================== */
/* CONTACTO.PHP */
.own-text-contact {
	text-align: center !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	font-size: 14px !important;
}

.own-text-contact h2 {
	font-size: 20px !important;
	margin-top: 10px !important;
}

.own-map-contact {
	margin-bottom: 20px !important;
	border: 1px solid #e2e2e2 !important;
}

textarea {
	max-width: 100%;
	max-height: 300px;
	min-height: 100px;
}

/* ======================================================== */
/* Apartados principales */
.own-active-apartados {
	background-color: #e7e7e6 !important;
	border-radius: 6px !important;
}

.own-img-foot {
	font-size: 12px !important;
	text-align: center !important;
	margin-top: -10px !important;
}

.own-list-minerals {
	list-style-type: square !important;
	font-size: 16px !important;
}


/* ======================================================== */
/* Apartados Minerales */
.own-text-mineral h2 {
	text-align: center !important;
	font-weight: bold !important;
	font-size: 16px !important;
	margin-top: 0px !important;
}

.own-text-mineral p {
	text-align: justify !important;
	font-size: 16px !important;
}

.own-text-mineral p:last-child {
	margin-bottom: 0px !important;
}

.own-container-mineral {
	background-color: #ffffff !important;
}

.own-text-mineral ul {
	padding-left: 0px !important;
	list-style-position: outside !important;
	list-style-type: none !important;
}

.own-text-mineral li {
	border-top: 1px solid #999999 !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	font-size: 12px !important;
}

.own-text-mineral li:last-child {
	margin-bottom: -15px !important;
}

.own-text-mobile {
	font-size: 6px !important;
}

.own-little-img-foot {
	font-size: 12px !important;
	margin-bottom: -5px !important;
}

.own-sections-mini2 {
	text-align: center !important;
}

.own-inside-link {
	font-weight: bold !important;
	color: #333333 !important;
	text-decoration: underline !important;
}

.own-inside-link:hover {
	text-decoration: none !important;
	color: #666666 !important;
}

#shop-mobile .well {
	background: rgb(255,169,0) !important;
    background: -moz-linear-gradient(top,rgba(255,169,0,1) 1%,rgba(255,103,0,1) 100%) !important;
    background: -webkit-linear-gradient(top,rgba(255,169,0,1) 1%,rgba(255,103,0,1) 100%) !important;
    background: linear-gradient(to bottom,rgba(255,169,0,1) 1%,rgba(255,103,0,1) 100%) !important;
}

#shop-mobile h2 {
	font-size: 14px !important;
	text-align: center !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	text-transform: uppercase !important;
}

#shop-mobile a {
	color: #ffffff !important;
	font-weight: bold !important;
}

#shop-mobile a:hover {
	text-decoration: none !important;
}

.glyphicon-shopping-cart {
	margin-left: 7px !important;
	color: #ffffff !important;
}

@media screen and (max-width: 767px) {
	.own-secondary-nav-social {
		margin-top: -5px !important;
	}

	#header-image {
		display: none !important;
	}
}

@media screen and (min-width: 768px) {
	.navbar-collapse {
		border-top: none !important;
	}

	.own-sections-mini h2 {
		font-size: 12px !important;
	}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.own-sections-mini h2 {
		font-size: 11px !important;
	}

	.own-main-nav a {
		font-size: 12px !important;
	}
}

@media screen and (max-width: 375px) {
	.own-container-socials img {
		width: 28px !important;
		height: 28px !important;
	}
}

@media screen and (min-width: 992px) {
	#shop-mobile h2 {
		font-size: 20px !important;
	}	
}