@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'moolboran';
  src: url('../fonts/moolboran.eot');
  src: url('../fonts/moolboran.woff') format('woff');
  src: url('../fonts/moolboran.woff2') format('woff2'),
       url('../fonts/moolboran.ttf') format('truetype'),
       url('../fonts/moolboran.svg#moolboran') format('svg'),
       url('../fonts/moolboran.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	padding:0;
	margin:0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*----*/

html {
	position:relative;
	height:100%;
}

body {
	position:relative;
	min-height:100%;
}

.pagina {
	margin:auto;
	min-height:100%;
	position:relative;
	z-index:1;
	padding-top:110px;
	transition:all 0.5s ease;
}

.cont {
	max-width:1200px;
	margin:auto;
}

.half-cont {
	overflow:hidden;
}

.half {
	width:50%;
	float:left;
	display:block;
	box-sizing:border-box;
}

.half:first-child {
	padding-right:20px;
}

.half:last-child {
	padding-left:20px;
}

.third {
	width:33.3%;
	float:left;
	display:block;
	box-sizing:border-box;
}

.w-quinto {
	width:20%;
	float:left;
	display:block;
	box-sizing:border-box;
}

.clear {
	clear:both;
}

/*----GENERALES----*/


body {
	font: 0.9em 'Montserrat', sans-serif;
	color:#000;
	background-color:#f0f0f0;
}

p {
	text-align:justify;
	margin-bottom:20px;
	line-height:1.4em;
}

a {
	color:#0687F8;
}

strong {
	font-weight:bold;
}

h1 { font-size:1.6em; margin-bottom:20px; }
h2 { font-size:1.4em; margin-bottom:20px; }
h3 { font-size:1.2em; margin-bottom:20px; }
h4 { font-size:1.1em; margin-bottom:20px; }
h5 { font-size:1em; margin-bottom:20px; }

ol {
	padding-left:20px;
	list-style:decimal;
}

ol li {
	margin-bottom:15px;
}

dt {
	font-weight:bold;
}

.button {
	display:inline-block;
	background-color: #535353;
	box-sizing:content-box;
	color:#fff;
	padding:5px 10px;
	text-decoration:none;
	border:none;
	cursor:pointer;
	transition: all 0.2s ease;
}

.button:hover {
	box-shadow:0 0 3px #000;
	background-color:#000;
}

.full {
	display:block;
	width:100%;
	height:100%;
	z-index:2;
	position:absolute;
	left:0;
	top:0;
}

img { max-width:100%; vertical-align:middle; }

/*.social-i {
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:35px;
	display:inline-block;
	color:#484848;
	cursor:pointer;
	transition:all 0.2s ease;
}

.social-i i {
	transition:all 0.2s ease;
}

.social-i:hover i {
	transform:rotate(360deg);
}

.social-fb:hover { background-color:#3b5998; color:#fff; }
.social-tw:hover { background-color:#55acee; color:#fff; }
.social-gp:hover { background-color:#dd4b39; color:#fff; }
.social-ins:hover { background-color:#3f729b; color:#fff; }
.social-pin:hover { background-color:#cc2127; color:#fff; }
.social-you:hover { background-color:#b31217; color:#fff; }
.social-lin:hover { background-color:#0077b5; color:#fff; }
*/

.social {
	padding:20px;
}

.social .tiendas {
	float:right;
	text-align:right;
}

.social p {
	margin-bottom:5px;
}

.social-i {
	display:inline-block;
	height:35px;
	vertical-align:middle;
	line-height:35px;
	margin:0 3px;
}

.social-i i {
	display:inline-block;
	vertical-align:middle;
}

.social-i i img {
	max-height:25px;
	max-width:70px;
}

.desp-parent {
	position:relative;
}

.desp-parent a.desplega {
	display:block;
	text-decoration:none;
	color:#000;
	cursor:pointer;
}

.desp-parent a.desplega img {
	display:inline-block;
	margin-right:5px;
	vertical-align:middle;
}

.desplegable {
	position:absolute;
	top:100%;
	left:0;
	background-color: #009FE3;
	display:none;
	box-shadow:0 0 2px #999;
}

.desplegable a {
	display:block;
	text-decoration:none;
	padding:5px 10px;
	color:#fff;
}

.desplegable a:hover {
	background:rgba(0,0,0,0.2);
	color:#fff;
}

/*---*/

header {
	padding:20px;
	transition:all 0.2s ease;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:110px;
	box-sizing:border-box;
	z-index:99;
}

#logo {
	text-align:center;
	float:left;
	opacity:1;
	position:relative;
	margin:0 !important;
	max-height:70px;
	transition:all 0.2s ease;
}

#logo img {
	max-width:200px;
	max-height:70px;
	transition: all 0.2s ease;
}

.header-contact {
	float:right;
	font-size:0.8em;
	text-align:right;
}

.header-contact p {
	margin:0;
	line-height:50px;
}

.header-contact a {
	color:#535353;
	text-decoration:none;
	display:inline-block;
	padding:0 10px;
}

nav {
	text-transform:uppercase;
}

#menu {
	position: relative;
	text-align: center;
	z-index: 1;
	padding-top:40px;
	transition: all 0.2s ease;
}

.scrolled #menu {
	padding-top:10px;
}

#menu li {
	display:inline-block;
	position:relative;
	vertical-align:middle;
	line-height:30px;
	transition: all 0.2s ease;
}

#menu > li {
}

#menu a,
#menu span {
	display:block;
	vertical-align:middle;
	color:#000;
	text-transform:uppercase;
	transition: all 0.2s ease;
	text-decoration:none;
	padding:0 15px;
	border-top:2px solid transparent;
	border-bottom:2px solid transparent;
	line-height:26px;
}

#menu a:hover,
#menu span:hover {
	border-bottom:2px solid #999;
}



header .social {
	float:left;
	padding:0;
}

header.scrolled {
	padding:10px 20px;
	background-color:#fff;
	box-shadow:0 0 3px #999;
	height:auto;
}

header.scrolled #logo {
	max-height:50px;
}

header.scrolled #logo img {
	max-height:50px;
}

footer {
	z-index:2;
	width:100%;
	box-sizing:border-box;
	background-color:#535353;
	color:#fff;
	padding:20px;
	font-size:0.8em;
}

footer a {
	color:#fff;
	text-decoration:none;
}

.foot-logo {
	width:300px;
	max-width:100%;
}

.foot-cont {
	display:table;
	table-layout:fixed;
	width:100%;
}

.foot-sec {
	display:table-cell;
	vertical-align:top;
}

.footer-contact p {
	line-height:2.4em;
}

.footer-contact i {
	width:25px;
	height:25px;
	line-height:25px;
	vertical-align:middle;
	text-align:center;
	background-color:#fff;
	color:#535353;
	margin-right:15px;
	border-radius:25px;
}

footer li {
	line-height:2em;
}

/*---index---*/

#content > section {
	position:relative;
	z-index:1;
	background-color:#f0f0f0;
	overflow:hidden;
	padding:20px 20px 40px;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

.sec-top-img {
	margin:-20px -20px 0;
}

.sec-tit {
	font-size:2.4em;
	padding:40px 0;
	margin-bottom:0;
	position:relative;
	text-transform:uppercase;
}

.page-text {
	max-width:1000px;
	margin:0 auto 50px;
}

u {
	text-decoration:none;
	font-size:1.4em;
}

.dark {
	background-color:#535353 !important;
	color:#fff;
}

.dark .button {
	background-color:#fff;
	color:#000;
}

/*---*/

#main-slider {
	box-shadow:0 0 5px #ccc;
	border-top:10px solid #535353;
	border-bottom:10px solid #535353;
}

#main-slider .slide > img {
	width:100%;
}

.prev-arrow,
.next-arrow {
	display:block;
	position:absolute;
	top:45%;
	text-align:center;
	cursor:pointer;
	width:40px;
	height:40px;
	color:#000;
	line-height:40px;
	font-size:40px;
	transition: all 0.2s ease;
}

.prev-arrow {
	left:20px;
}

.next-arrow {
	right:20px;
}


/*--contacto--*/
#gmap {
	width:100%;
	height:300px;
	margin-bottom:20px;
}

.msg-error p {
	padding:5px;
	margin:20px 0;
	border-style:solid;
	border-width:1px;
	font-size:0.8em;
	background-color:#fbd3b1;
	color:#ce2700 !important;
	border-color:#f5c69a;
	display:none;
}

.msg-ok p {
	padding:5px;
	margin:20px 0;
	border-style:solid;
	border-width:1px;
	font-size:0.8em;
	background-color:#e0f2cb;
	color:#6da827 !important;
	border-color:#6da827;
	display:none;
}

label {
	display:block;
	font-size:0.8em;
}

label span {
	color:#0065B1;
	font-size:1em;
	position:relative;
	top:5px;
}

input[type=text],
input[type=password],
input[type=email] {
	display:block;
	border:none;
	height:2em;
	background-color:#fff;
	margin-bottom:20px;
	padding:10px;
	width:90%;
	box-sizing:border-box;
	font:1em Arial, Helvetica, sans-serif;
	transition:all 0.2s ease;
}

select {
	display:block;
	border:none;
	background-color:#fff;
	margin-bottom:10px;
	padding:10px;
	width:100%;
	box-sizing:border-box;
	font:1em Arial, Helvetica, sans-serif;
	transition:all 0.2s ease;
}

textarea {
	display:block;
	border:none;
	background-color:#fff;
	margin-bottom:10px;
	padding:10px;
	width:100%;
	box-sizing:border-box;
	height:150px;
	font:1em Arial, Helvetica, sans-serif;
	transition:all 0.2s ease;
}

input[type=number] {
	display:block;
	border: 1px solid #eaeaea;
	background-color:#fff;
	margin-bottom:10px;
	padding:10px;
	width:80px;
	box-sizing:border-box;
	font:0.8em Arial, Helvetica, sans-serif;
	transition:all 0.2s ease;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
select:focus,
textarea:focus {
	box-shadow: 0 0 1px #999;
}

input[type=text]:read-only,
input[type=password]:read-only,
input[type=number]:read-only,
textarea:read-only {
	border-color:transparent !important;
	box-shadow:none !important;
}

input[type=text]:-moz-read-only,
input[type=password]:-moz-read-only,
input[type=number]:-moz-read-only,
textarea:-moz-read-only {
	border-color:transparent !important;
	box-shadow:none !important;
}

.contact-cont {
	max-width:1000px;
	margin:auto;
}

.contact-form input[type=text],
.contact-form textarea {
	background-color:#fff;
	transition:all 0.2s ease;
}

#thanks {
	display:none;
	padding:20px;
	width:60%;
	text-align:center;
	margin:auto;
}

#thanks h2 {
	font-size:1.6em;
}

#thanks p {
	text-align:center;
}

.contact-tit {
	font-size: 3em;
    font-weight: 300;
    margin-bottom: 20px;
}

.address {
}

.contact-data {
	overflow:hidden;
	margin-bottom:20px;
}

.contact-data dt {
	float:left;
	font-weight:normal;
	width:115px;
	color:#999;
	clear:left;
}

.contact-data dd {
	float:left;
	font-weight:normal;
	color:#999;
}

/*---movil---*/


.mob { display: none; }

#menu-fixed {
	text-align:center;
	width:100%;
	background:#333;
	margin:0;
	position:fixed;
	top:0;
	left:0;
	z-index:21;
	box-shadow:0 0 5px #000;
	display:none;
	height:53px;
	color:#fff;
	font-family:"Numans", sans-serif;
}

#menu-fixed:before {
	content:' ';
	display:block;
	width:100vw;
	height:100vh;
	background-color:#000;
	opacity:0;
	position:fixed;
	left:0;
	top:0;
	z-index:1;
	display:none;
	transition:all 0.2s ease;
}

#menu-fixed.opened:before {
	opacity:0.5;
	display:block;
}

.top-menu-logo {
	position:absolute;
	right:15px;
	top:15px;
	max-height:23px;
	z-index:4;
}

.menu-logo {
	max-height:70px;
	display:block;
	margin:20px auto 20px;
	text-align:center;
}

.menu-logo img {
	width:auto;
}

#menu-fixed nav {
	padding: 0 !important;
	background:#fff;
	border-radius:0 !important;
	width:70% !important;
	height:100vh;
	position:absolute;
	z-index:4;
	top:0;
	left:-100%;
	text-align:left;
	transition:all 0.2s ease;
}

#menu-fixed.opened nav {
	left:0;
}

#menu-fixed li {
	display:block !important;
	margin:0 0 20px !important;
	padding: 0 0 0 30px !important;
	opacity:0.5;
	transition: all 0.2s ease;
}

#menu-fixed li.selected,
#menu-fixed li:hover {
	opacity:1;
}

#menu-fixed a {
	color:#000 !important;
	text-transform:uppercase;
	display:block;
	line-height:30px;
	text-decoration:none;
	padding:0;
	margin:0 !important;
	margin-top:5px;
	transition:all 0.2s ease;
	text-shadow:none !important;
}

.select-menu {
	position:absolute;
	left:5px;
	top:7px;
	width:40px;
	height:40px;
	z-index:3;
}

.select-menu a {
	display:block;
	width:40px;
	height:40px;
	vertical-align:middle;
	text-align:center;
}

.select-menu i {
	line-height:40px;
	font-size:20px;
	color:#fff;
	vertical-align:middle;
	text-align:center;
	transition:all 0.2s ease;
	opacity:0;
}

.select-menu i.open-icon {
	opacity:1;
}

.opened .select-menu i.close-icon {
	opacity:1;
}

.opened .select-menu i.open-icon {
	opacity:0;
}

#menu-tit {
	height:53px;
	display:block;
	color:#fff;
	
	background: #535353;
	
	line-height:53px;
	text-align:center;
	transition: all 0.2s ease;
	font-weight:bold;
	font-size:1em;
	line-height:53px;
	position:relative;
	z-index:3;
}

.opened #menu-tit {
	color:#fff;
	background-color:#333;
}


@media only screen and (max-width: 1450px) {
	.header-contact a {
		display:block;
		padding:0;
		line-height:25px;
	}
	
	.header-contact span {
		display:none;
	}
}

@media only screen and (max-width: 960px) {
	.mob { display:block; }
	.cont { width:100% !important; }
	#menu { display:none !important; }
	header { position:static; padding:0; height:auto; }
	header > * { display:none; }
	header > #menu-fixed { display: block !important; }
	
	.pagina { padding:53px 0 0; }
	
	.foot-cont { display:block; }
	.foot-sec { display:block; text-align: center; padding:10px 0; }
	
	.half { float:none; width:auto; padding:0 0 20px !important; }
	
}