@charset "utf-8";
/* by padrecito */

header,main{ padding:0}

.dropdown-content li>a,.dropdown-content li>span{font-size:14px;color:#26a69a;display:block;line-height:22px;padding:14px 16px}



.trans {
	
    background: rgba(0, 0, 0, 0.3);
   
  

}


.parallax-container{position:relative;overflow:hidden;min-height:300px;}
.parallax-servicio{position:relative;overflow:hidden;min-height:300px;}
.parallax-slider { position: relative; overflow: hidden; height: 600px;}

.caption h3 { font-weight:800; font-size:60px;}
#Merida h1, #barrio h1 { font-size:53px; font-weight:800; color:#FF4040;}
#Merida h2 { font-size:35px; font-weight:400;}
#barrio h2 { font-size:50px;}
.articulo { padding: 65px 20px 20px}
.thumb-article { padding: 40px 20px}

#servicios h3 {font-weight:400; font-size:35px; color:rgba(255,255,255,1); padding:20px 0}
/*#servicios li { border:rgba(255,255,255,1) solid 1px; margin:25px; padding:10px; max-width:120px; max-height:120px; min-width:100px; min-height:100px; border-radius:50%;}*/
#servicios ul { text-align:center;}
#servicios li { text-align:center; margin:20px 0;}
.thumb-round { border:rgba(255,255,255,1) solid 1px; margin:15px auto 0; padding: 20px 0 0; border-radius:50%; width:100px; height:100px;}
.thumb-capital { color:rgba(255,255,255,1); font-weight:800; margin-top:20px; display: block; position:absolute; margin: 0px auto; width: 180px;}
.img-list li { width:33.3333%; margin:0 0 -6px; padding:0 !important; overflow:hidden}

#noble { background: rgba(0,0,0,.40)}
#noble h5 { font-size:35px; color:rgba(255,255,255,1); font-weight:400; border: #FFF solid 1px; padding:30px 10px;}
#noble span { font-weight:800;}

#atracciones-del-centro-historico h3 { font-weight:800; font-size:36; color:#FF4040;}
.logo-ofic { max-width:230px; padding-top:30px}
.redes { display:block; overflow:hidden; width:210px; margin-top: 40px;}
.redes li { float: left; margin:0 10px; border: 1px solid white; border-radius:50%; width:50px; height:50px; padding:5px;}
footer { margin-top:-22px !important; z-index:100; position:relative;}
.footer-copyright { line-height:20px !important;}
.mapa { padding: 0px !important; margin-bottom:-3px;}
#contacto h4 { font-size:25px}
.full { max-width:1400px; margin:0 auto; overflow:hidden; position:relative; height:120vh}
.full-img { padding:0 !important; height:100%; width:100%; overflow:hidden; position:relative;}
.full-img img { position: absolute; top: -100%; bottom: -100%; left: -100%; right: -100%; margin: auto; height: auto; width: 900px;}

.font-medium { font-size:40px;}

.barrio-img { height:100%; width:100%; overflow:hidden; position:relative;  z-index:50;}
.barrio-img img { top: -100%; bottom: -100%; left: -100%; right: -100%; margin: auto; height: auto; width: 900px;}

.migas { background-color: transparent;color: #000;box-shadow: none;margin-bottom: -20px;width: 100%;height: 56px;line-height: 20px;padding-top: 20px;}
.breadcrumb  { color:rgba(51,51,51,1) !important; font-size:14px !important;}
.breadcrumb:last-child { color:rgba(153,153,153,1) !important}
.breadcrumb:before { color:rgba(51,51,51,1) !important}

.migas span { color:rgba(0,0,0,1)}
.breadcrumb span { color:rgba(51,51,51,1) !important; font-size:14px !important;}

#bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}
#bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}
.barrios { background-color:rgba(255,255,255,.90); margin: 50px 0 0; padding:0 30px 20px; }


/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin:0;
	width: 33.3333%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	max-width: 100%;
	opacity: 0.8;
	
}

.grid figure figcaption {
	
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
	font-size:18px !important;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/*---------------*/
/***** Honey *****/
/*---------------*/

figure.effect-honey {
	background: #4a3753;
}

figure.effect-honey img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-honey:hover img {
	opacity: 0.5;
}

figure.effect-honey figcaption::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: #fff;
	content: '';
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}

figure.effect-honey h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 1em 1.5em;
	width: 100%;
	text-align: left;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-honey h2 i {
	font-style: normal;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-honey figcaption::before,
figure.effect-honey h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-honey:hover figcaption::before,
figure.effect-honey:hover h2,
figure.effect-honey:hover h2 i {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
code[class*="language-"],
pre[class*="language-"] {
	color: black;
/*	text-shadow: 0 1px white;*/
	font-family: 'Inconsolata', Monaco, Consolas, 'Andale Mono', monospace;
	direction: ltr;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	line-height: 1.4;

	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;

	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
	text-shadow: none;
	background: #b3d4fc;
}

pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
	text-shadow: none;
	background: #b3d4fc;
}

@media print {
	code[class*="language-"],
	pre[class*="language-"] {
		text-shadow: none;
	}
}

/* Code blocks */
pre[class*="language-"] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #f5f2f0;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: slategray;
}

.token.punctuation {
	color: #999;
}

.namespace {
	opacity: .7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
	color: #905;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
	color: #690;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
	color: #a67f59;
	background: hsla(0, 0%, 100%, .5);
}

.token.atrule,
.token.attr-value,
.token.keyword {
	color: #07a;
}

.token.function {
	color: #DD4A68;
}

.token.regex,
.token.important,
.token.variable {
	color: #e90;
}

.token.important {
	font-weight: bold;
}

.token.entity {
	cursor: help;
}


/* devices */
@media (max-width: 480px) { 
	#Merida h1 { font-size:43px;}
	.caption h3 { font-size:40px;}
	.thumb-capital { position:absolute; margin: 0px auto; width: 100px;}
	.img-list li { width:100%; }
	.grid figure {width: 100%;}
	.full { height:100% !important}
	.dropdown-content li>a,.dropdown-content li>span{font-size:17px;}
	.parallax-slider { position: relative; overflow: hidden; height: 400px;}
	.parallax-servicio{min-height:700px;}
	
}

@media (min-width: 768px) { 
	.thumb-capital { position:absolute; margin: 0px auto; width: 100px;}
	.grid figure {width: 33.3333%;}
	.dropdown-content li>a,.dropdown-content li>span{font-size:16px;}
	.parallax-slider { position: relative; overflow: hidden; height: 600px;}
	.parallax-servicio{min-height:550px;}
	
}

@media (min-width: 992px) { 
	#Merida h1, #barrio h1  { font-size:53px;}
	.caption h3 { font-size:60px;}
	.thumb-capital { position:absolute; margin: 0px auto; width: 180px;}
	.img-list li { width:33.3333%; margin:0 0 -6px; padding:0 !important;}
	.grid figure {width: 33.3333%;}
	.barrios { margin: 50px 0 40px;}
	.dropdown-content li>a,.dropdown-content li>span{font-size:14px;}
	.parallax-slider { position: relative; overflow: hidden; height: 600px;}
	.parallax-servicio{;min-height:300px;}
	
}

@media (min-width: 1200px { 
	#Merida h1, #barrio h1  { font-size:53px;}
	.thumb-capital { color:rgba(255,255,255,1); font-weight:800; margin-top:20px; display: block; position:absolute; margin: 0px auto; width: 180px;}
	.grid figure {width: 33.3333%;}
	.barrios { margin: 180px 0 ;}
	.full { height:100vh;}
	.dropdown-content li>a,.dropdown-content li>span{font-size:14px;}
	.parallax-slider { position: relative; overflow: hidden; height: 600px;}
	.parallax-servicio{;min-height:300px;}
}