@charset "UTF-8";
/* CSS DOCUMENTS */
/*Reset*/
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, audio, canvas, details, figcaption,
figure, footer, header, hgroup, mark, menu, meter, nav,
output, progress, section, summary, time, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/*HTML 5*/
header, section, footer, aside, nav, main, article, figure {
	display: block;
}
/*HTML*/
body {
	font-size: 16px;
	font-family: "Muli", "Verdana", "Geneva", "DejaVu Sans", sans-serif;
	background-color: #ffffff;
/*	height: 800px; */
	margin: 16px;
}
html {
}
h1 {
	font-family: "Glass Antiqua", sans-serif;
	font-weight: 100;
	font-size: 3em;
	color: #666666;
}
h2 {
	font-size: 1.1em;
	margin-top: 1.2em;
	margin-bottom: 1.2em;
}
a {
	color: #000000;
	text-decoration: underline;
}
a:visited {
	color: #000000;
	text-decoration: underline;
}
a:hover {
	color: #666666;
	text-decoration: none;
}
a:active {
	color: #ff0000;
	text-decoration: none;
}
p {
	font-size: 1em;
}
ul {
	display: block;
	list-style-type: none;
	margin-left: 1em;
}
.clear {
	clear: both;
}
.container {
	width: 100%;
	height: 100%;
}
.container-map {
	width: 100%;
	height: 800px;
}
.content {
	min-height: 640px;
}
/* Licencia CC */
.licence {
	text-align: center;
	font-size: 0.8em;
	margin-bottom: 16px;
}
.licence a:link {
	color: #000;
	text-decoration: underline;
}
.licence a:visited {
	color: #000;
	text-decoration: underline;
}
.licence a:hover {
	color: #000;
	text-decoration: none;
}
.licence a:active {
	color: #008080;
}
/* MAPA */
#map {
	width: 100%;
	height: 100%;
	position: relative; /* Tiene que ser absolute */
	cursor: crosshair;
	z-index: 5;
}
.ui-opacity {
	background: #fff;
	position: absolute;
	left: 26px; /* 10 px */
	top: 96px; /* 80 px */
	height: 200px;
	width: 30px;
	border: 2px solid rgba(0,0,0,0.3);
	border-radius: 3px;
	z-index: 1000;
}
.ui-opacity .handle {
	position: absolute;
	background-color: rgba(0,0,0,0.8);
	left: -5px;
	top: 20px;
	width: 40px;
	height: 6px;
	border-radius: 3px;
	cursor: pointer;
	cursor: ns-resize;
}
.ui-opacity .handle:hover {
	background-color: rgba(0,0,0,0.6);
}

.ui-opacity .handle:active {
	background-color: rgba(42,62,80,0.5);
}
/* Popup */
.custom-popup .leaflet-popup-content-wrapper {
	width: 362px;
		min-height: 200px;
		background: #fff;
		font-size: 1em;
		line-height: 24px;
	}
}
/* .imagen {
}
@media (max-width: 599px) {
	.custom-popup .leaflet-popup-content-wrapper {
	background: #fff;
	font-size: 1em;
	line-height: 24px;
}
	}
} */
/* Título */
.titulo {
	background: #fff;
	position: absolute;
	top: 10px;
	left: 49px;
	padding: 5px 10px;
	font-family: "Glass Antiqua", sans-serif;
	font-size: 30px;
	line-height: 36px;
	border: 2px solid rgba(0,0,0,0.3);
	border-radius: 3px;
	min-height: 51px;
	min-width: 120px;
	overflow: auto;
	z-index: 99999;
}
.titulo a {
	text-decoration: none;
}
@media (max-width: 599px) {
	.titulo {
		min-height: 51px;
		width: 100px;
		font-size: 16px;
	}
}
/* GALERIA */
.six {
	margin-top: 1em;
	margin-bottom: 2em;
}
.six h1 {
	font-family: "Glass Antiqua", sans-serif;
	font-size: 2em;
	text-align: center;
}
.content-text {
	clear: both;
	margin-top: 0px;
	padding-left: 16px;
	padding-right: 16px;
	max-width: 1200px;
	min-height: 300px;
	font-size: 1.1em;
}
.photo {
	border:solid 1px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 1px;
}
.photos {
	min-height: 300px;
}
.cookies {
	margin-top: 20px;
	margin-left: 16px;
	margin-right: 16px;
	margin-bottom: 20px;
	clear: both;
	font-size: 1em;
}
.cookies-sentence {
	font-size: 20px;
	font-family: "Muli", "Verdana", "Geneva", "DejaVu Sans", sans-serif;
	color: red;
	text-align: center;
	padding-top: 16px;
}
.return {
	font-size: 20px;
	color: #fff;
	font-family: "Muli", "Verdana", "Geneva", "DejaVu Sans", sans-serif;
	text-align: center;
}
.red {
	color: red;
}
/* SOCIAL */
@media (min-width: 1400px) {
	.share {
		width: 500px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		font-size: 2em;
	}
	.compartir {
		font-size: 0.8em;
		color: #000000;
	}
	.social-foot {
		width: 100px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
}
@media (min-width: 1240px) and (max-width: 1399px) {
	.share {
		position: fixed;
		top: 180px;
		right: 0px;
		width: 1.5em;
		height: 1.5em;
		font-size: 1.6em;
	}
	.social foot {
		visibility: hidden;
		height: 0px;
		width: 0px;
	}
	.compartir {
		visibility: hidden;
		height: 0px;
		width: 0px;
	}
}
@media (max-width: 1239px) {
	.share {
		width: 300px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		font-size: 1.1em;
	}
	.compartir {
		font-size: 0.8em;
		color: #000000;
	}
	.social-foot {
		width: 100px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
}
@media print {
	.social-foot {
		visibility: hidden;
		height: 0px;
		width: 0px;
	}
}
/* jsSocials */
.jssocials-shares {
	margin: 0.2em 0;
}
.jssocials-shares * {
	box-sizing: border-box;
}
.jssocials-share {
	display: inline-block;
	vertical-align: top;
	margin: 0.3em 0.6em 0.3em 0;
}
.jssocials-share:last-child {
	margin-right: 0;
}
.jssocials-share-logo {
	width: 1em;
	vertical-align: middle;
	font-size: 1.5em;
}
img.jssocials-share-logo {
	width: auto;
	height: 1em;
}
.jssocials-share-link {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 1;
}
.jssocials-share-link.jssocials-share-link-count {
	padding-top: .2em;
}
.jssocials-share-link.jssocials-share-link-count .jssocials-share-count {
	display: block;
	font-size: .6em;
	margin: 0 -.5em -.8em -.5em;
}
.jssocials-share-link.jssocials-share-no-count {
	padding-top: .5em;
}
.jssocials-share-link.jssocials-share-no-count .jssocials-share-count {
	height: 1em;
}
.jssocials-share-label {
	padding-left: 0.3em;
	vertical-align: middle;
}
.jssocials-share-count-box {
	display: inline-block;
	height: 1.5em;
	padding: 0 0.3em;
	line-height: 1;
	vertical-align: middle;
	cursor: default;
}
.jssocials-share-count-box.jssocials-share-no-count {
	display: none;
}
.jssocials-share-count {
  line-height: 1.5em;
  vertical-align: middle; }
/* Colores */
.jssocials-share-email .jssocials-share-link {
	color: #999;
}
.jssocials-share-email .jssocials-share-link:hover, .jssocials-share-email .jssocials-share-link:focus, .jssocials-share-email .jssocials-share-link:active {
	color: #3490F3;
}
.jssocials-share-twitter .jssocials-share-link {
	color: #999;
}
.jssocials-share-twitter .jssocials-share-link:hover, .jssocials-share-twitter .jssocials-share-link:focus, .jssocials-share-twitter .jssocials-share-link:active {
	color: #00aced;
}
.jssocials-share-facebook .jssocials-share-link {
	color: #999;
}
.jssocials-share-facebook .jssocials-share-link:hover, .jssocials-share-facebook .jssocials-share-link:focus, .jssocials-share-facebook .jssocials-share-link:active {
	color: #3b5998;
}
.jssocials-share-linkedin .jssocials-share-link {
	color: #999;
}
.jssocials-share-linkedin .jssocials-share-link:hover, .jssocials-share-linkedin .jssocials-share-link:focus, .jssocials-share-linkedin .jssocials-share-link:active {
	color: #007bb6;
}
.jssocials-share-pinterest .jssocials-share-link {
	color: #999;
}
.jssocials-share-pinterest .jssocials-share-link:hover, .jssocials-share-pinterest .jssocials-share-link:focus, .jssocials-share-pinterest .jssocials-share-link:active {
	color: #cb2027;
}
/* FOOTER */
.footer {
/*	padding: 10px 0; */
	clear: both;
/*	border-top: 1px solid #666666; */
}
.columns {
	padding-top: 1em;
	padding-bottom: 1em;
}
@media (min-width: 1200px) {
	.one { /* Galería - Camisetas */
		width: 100%;
		height: 120px;
		background-image: url(../imgs/banner-background.jpg);
	}
	.columns {
		width: 100%;
		-webkit-column-count: 3;
		-moz-column-count: 3;
		-o-column-count: 3;
		column-count: 3;
		-webkit-column-gap: 20px;
		-moz-column-gap: 20px;
		-o-column-gap: 20px;
		column-gap: 20px;
		-webkit-column-gap: 2em;
		-moz-column-gap: 2em;
		-o-column-gap: 2em;
		column-gap: 2em;
	}
	/* .pub-espejos {
		width: 600px;
		height: 300px;
		margin-left: auto;
		margin-right: auto;
	} */
}
@media (min-width: 600px) and (max-width: 1199px) {
	.one {
		width: 100%;
		height: 100%;
	}
	.banner {
		width: 100%;
		height: auto;
	}
	.columns {
		max-width: 1199px;
		-webkit-column-count: 3;
		-moz-column-count: 3;
		-o-column-count: 3;
		column-count: 3;
		-webkit-column-gap: 20px;
		-moz-column-gap: 20px;
		-o-column-gap: 20px;
		column-gap: 20px;
		-webkit-column-gap: 2em;
		-moz-column-gap: 2em;
		-o-column-gap: 2em;
		column-gap: 2em;
	}
/*	.pub-espejos {
		width: 600px;
		height: 300px;
		margin-left: auto;
		margin-right: auto;
	} */
}
@media (max-width: 599px) {
	.one {
		width: 100%;
		height: 100%;
	}
	.banner {
		width: 100%;
		height:auto;
	}
	.columns {
		max-width: 599px;
		-webkit-column-count: 1;
		-moz-column-count: 1;
		-o-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 20px;
		-moz-column-gap: 20px;
		-o-column-gap: 20px;
		column-gap: 20px;
		-webkit-column-gap: 2em;
		-moz-column-gap: 2em;
		-o-column-gap: 2em;
		column-gap: 2em;
	}
/*	.pub-espejos {
		width: 100%;
		height: auto;
	} */
	.foto-espejos {
		width: 100%;
		height: 100%;
	}
}
.columns p {
	font-size: 1em;
	font-family: "Muli", "Verdana", "Geneva", "DejaVu Sans", sans-serif;
	color: #666666;
}
.foot-box {
	max-width: 740px;
	margin-left: auto;
	margin-right: auto;
}
ul.foot {
	display: block;
	list-style-type: none;
	margin-top: 6px;
/*	margin-left: 100px;*/
}
.foot li {
	font-size: 0.8em;
	font-family: "Muli", "Verdana", "Geneva", "DejaVu Sans", sans-serif;
	position: relative;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}
.foot li a {
	color: #666;
	text-decoration: none;
}
.foot li a:visited {
	color: #666;
	text-decoration: none;
}
.foot li a:hover {
	color: #666;
	text-decoration: underline;
}
.foot li a:active {
	color: #F00;
	text-decoration: underline;
}