/*BARRANCA DEL ALAMO*/
/*Generales*/
body {
	font-family: 'Lato', sans-serif;font-size: 13px/120%;
}
img#logo {width: 100%;max-width:325px;}


/* Navegacion */
a.navbar-brand {
	padding: 5px 20px;
	padding-bottom: 20px;
}
a.navbar-brand img {
	height: 40px;
}
nav.navbar {background-color:#247633!important;border-color: transparent!important;}
.nav>li>a {padding:15px 8px;}
.navbar-default .navbar-nav>li>a {color: #fff; font-family: 'Volkhov', serif;font-size: 13px;}
.navbar-default .navbar-nav>li>a:hover {color:  #dee345!important;}
.navbar-default .navbar-nav>.active>a:hover {color:  #000!important;}

/*AUXILIARES*/
.hundred {width: 100%;}
.dummy {
    padding-top: 70%; /* forces 1:1 aspect ratio */
}
.green {color:#247633;}

.img-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    text-align:center; /* Align center inline elements */
    font: 0/0 a;
}

.img-container:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.img-container img {
    vertical-align: middle;
    display: inline-block;
}
.imgvideo {
	-webkit-box-shadow: 6px 6px 6px 6px rgba(0,0,0,6);
box-shadow: 6px 6px 6px 6px rgba(0,0,0,6);
}
span.prototipos {font-size: 130%;
  font-family: 'cantana one', serif;}
a.prototipo {color: #333;text-decoration: none;}
/*Fondos*/
.right {text-align: right;}
.left {text-align:left;}
.background-light {
	background: rgba(255,255,255,.85);
	-webkit-transition: background 4000ms ease-in;
-moz-transition: background 4000ms ease-in;
-ms-transition: background 4000ms ease-in;
-o-transition: background 4000ms ease-in;
transition: background 4000ms ease-in;
}
a.flecha-abajo {text-align: right;}
a.flecha-abajo img {padding-top: 10px;padding-bottom: 10px;}
.flecha-abajo img:hover {margin-top:5px;
	-webkit-transition: all 100ms ease-in;
-moz-transition: all 100ms ease-in;
-ms-transition: all 100ms ease-in;
-o-transition: all 100ms ease-in;
transition: all 100ms ease-in;}
/*Citas*/
div.blockquote-ext {margin: 0 auto;width: 295px;}
span.braces {font-size: 8em;float:left;color: #dee345;font-weight: 100;}
div.blockquote-int {float: left;position: relative;top: 55px;left: 4%;}
div.blockquote-p {font-family: 'Vollkorn', serif;font-weight: 100;font-size: 18px;color: #949494;}
span.quote-right {margin-left: 0;}
span.author {color: #dee345; font-family: 'vollkorn',serif; position: relative; top: 85px; left: 100px; font-size: 15px; letter-spacing: 1px;}

/* Parrafo Lead */
p.cita {text-align: center;font-family: 'Open Sans', sans-serif;color: rgb(36, 118, 51);font-size: 16px;font-weight: 600;background: rgba();padding: 10px;font-style: italic}
p.rutas {text-align: justify;font-family: 'Open Sans', sans-serif;color: #666;font-size: 16px;font-weight: 400;background: rgba(255, 255, 255, 0.80);padding: 12px;}
div.lead-darker, div.lead-dark-border, div.lead-light-border, div.lead-light  {}
div.texto {text-align: justify;font-family: 'Open Sans', sans-serif;color: #666;font-size: 15px;font-weight: 400;background: #fff;padding: 10px 15px 10px 5px;font-style: normal;}
div.cita-texto {text-align: center;font-family: 'Open Sans', sans-serif;color: #666;font-size: 16px;font-weight: 300;background: rgba(255, 255, 255, 0.80);padding: 10px;font-style: italic}
div.lead-light {background: transparent;color: #333;}
div.lead-darker {background: rgba(0, 0, 0, 0.85);}
div.lead-absolute {position: absolute;top:0;max-width:350px;width: 100%;}
div.lead-dark-border {border: 1px solid #dee345;}
.icon-dark {border-bottom: 1px solid #868686;margin-bottom: 5%;}
img.icon {width: 20%;margin: 5%}
img#mapa {width: 100%;}

/*Nivel Departamento*/
a.nivel {font-family: 'Cantata One', serif; text-decoration: none; color: #222;font-size: 110%;}
a.nivel:hover {color: #D8DF00;background: rgba(0,0,0,.70);padding: 2px 5px;}
a.nivel:hover:after {
	content: ' >>';
}
img.nivel-departamento {position:absolute;top:0;left:0;width: 100%;z-index:1}
img.nivel-seccion {position:absolute;top:0;left:0;width: 100%;}

/* Alineacion y Auxiliares */
.font-size {font-size: 15px;}
.padding-15 {padding: 15px;}
.padding-50 {padding: 50px;}
div.center {text-align: center;}
span.left {float: left;}
span.right {float: right;}
.clear {clear: both;}
span.verde {color: #dee345;}
.padding-5 {padding: 5px;}
.padding-10 {padding: 10px;}
.padding-35 {padding: 35px;}
.hundred {width: 100%;}
span.two-hundred {font-size: 160%;}
.fp-controlArrow {display: none;}

/*Tipografia*/
h3.encabezado {font-weight: 100; text-transform: uppercase;float:center;color: rgba(226, 226, 226);}
h3.lead-heading,
h3.lead-heading-light,
h3.lead-heading-dark
{text-align: center; font-family: 'PT San', sans-serif; color: rgb(36, 118, 51);font-size: 17px;font-weight: 500;padding: 10px;font-style: bold;}
h3.lead-heading-dark {color: #333;}
h3.lead-heading-light {color: #333;}
h2.heading
{
	line-height: 95%;
  text-align: center;
  font-family: 'PT Sans', serif;
  color: #6C6C6C;
  font-size: 40px;
  font-weight: 400;
  padding: 10px;
  font-weight: 100;
  font-style: italic;
}
span.separador {color: #dbdb38;font-weight: bold;}
span.descripcion-departamento {}
span.contacto {font-size: 180%;
font-weight: 100;}
.gris {color: rgb(36, 118, 51);}
.glyphicon {font-size: 90%;}
div.fp-tooltip.right {background: #000;color: #fff;padding: 2px 5px;}

/* Google Maps */
#googlemap { height: 100%;
  width: 100%;
  position:absolute;
  top: 0;
  left: 0;
  z-index: 0; /* Set z-index to 0 as it will be on a layer below the contact form */}
#mapruta{
 	position: relative;
  	padding-bottom: 56.25%;
  	padding-top: 30px;
  	height: 0;
  	overflow: hidden;
}

div.border {
  padding-top: 20px;
  padding-bottom: 1px;}
 div.border-dark, div.border-dark-nivel {border-top: 1px solid #888;
  border-bottom: 1px solid #888;
  padding-top: 10px;
  padding-bottom: 1px;}
 div.border-dark-nivel {
  margin-top:10%;
  font-size: 12px;
  text-align: justify;
  margin-bottom: 5%;
 }
.spacer-50	{height: 50px;}
.spacer-100	{height: 100px;}
.spacer-200 {height: 200px;}
.spacer-500 {height: 500px;}
/*Bullets*/
span.subtitulo {font-size: 15px;font-weight: bold;}
ul.instalaciones {
    list-style: none;
    padding:0;
    margin:0;
}

li.green-bullet {
	  font-size: 15px;
    padding-left: 1.2em;
    text-indent: -.7em;
}

li.green-bullet:before {
    content: "• ";
    color: rgb(36, 118, 51); /* or whatever color you prefer */
}
/* Luna */
p.luna {color: #f5f5f5;font-size: 15px;}
h2.luna {color: #f5f5f5;text-align: center;font-style: italic;}
div.luna {}

/*Overlay*/
#overlay-wrapper{
    position: fixed;
    top: 0;
    left:0;
    bottom:0;
    right: 0;
    background-color: #fff;
    z-index: 1000000000000;
    overflow: hidden;
}

#overlay-content-box{
    width:100%;
    max-width: 750px;
    margin: 0 auto;
    margin-top: 100px;
    overflow: hidden;
}
a.correo {color: rgb(36, 118, 51);}
a.correo:hover {text-decoration: none;}

	/* FIX POSITION DIV
	 * ------------------------------------- */
	.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-12,
	.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-12,
	{
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
	}
	/*  INDEX
	* --------------------------------------- */
	#section-index-0 {
		background: url(../imgs/fondos/Home-Video.jpg);/*video*/
	}

	#section-index-1 {} /*EL LUGAR*/
		#slide-index-1-1 {
			background: url(../imgs/fondos/slide-index-1-1.jpg);/*EL LUGAR SLIDE 1*/
		}
		#slide-index-1-2 {
			background: url(../imgs/fondos/slide-index-1-2.jpg);/*EL LUGAR SLIDE 3*/
		}
		#slide-index-1-3 {
			background: url(../imgs/fondos/slide-index-1-3.jpg);/*EL LUGAR SLIDE 3*/
		}
	#section-index-2 {} /*INSTALACIONES*/
		#slide-index-2-1 {
			background: url(../imgs/fondos/slide-index-2-1.jpg);/*INSTALACIONES SLIDE 1*/
		}
		#slide-index-2-2 {
			background: url(../imgs/fondos/slide-index-2-2.jpg);/*INSTALACIONES SLIDE 2*/
		}
		#slide-index-2-3 {
			background: url(../imgs/fondos/slide-index-2-3.jpg);/*INSTALACIONES SLIDE 3*/
		}
		#slide-index-2-4 {
			background: url(../imgs/fondos/slide-index-2-4.jpg);/*INSTALACIONES SLIDE 4*/
		}
		#slide-index-2-5 {
			background: url(../imgs/fondos/slide-index-2-5.jpg);/*INSTALACIONES SLIDE 5*/
		}
		#slide-index-2-6 {
			background: url(../imgs/fondos/slide-index-2-6.jpg);/*INSTALACIONES SLIDE 6*/
		}
		#slide-index-2-7 {
			background: url(../imgs/fondos/slide-index-2-7.jpg);/*INSTALACIONES SLIDE 7*/
		}
		#slide-index-2-8 {
			background: url(../imgs/fondos/slide-index-2-8.jpg);/*INSTALACIONES SLIDE 8*/
		}
		#slide-index-2-9 {
			background: url(../imgs/fondos/slide-index-2-9.jpg);/*INSTALACIONES SLIDE 9*/
		}
		#slide-index-2-10 {
			background: url(../imgs/fondos/slide-index-2-10.jpg);/*INSTALACIONES SLIDE 10*/
		}
	#section-index-3 {} /*FAUNA*/
		#slide-index-3-1 {
			/*INSTALACIONES SLIDE 1*/
		}
		#slide-index-3-2 {
		  background: url(../imgs/fondos/slide-index-3-2.jpg);	/*INSTALACIONES SLIDE 2*/
		}
		#slide-index-3-3 {
		  background: url(../imgs/fondos/slide-index-3-3.jpg); /*INSTALACIONES SLIDE 3*/
		}
	#section-index-4 {} /*FLORA*/
		#slide-index-4-1 {
		  background: url(../imgs/fondos/slide-index-4-1.jpg);/*INSTALACIONES SLIDE 1*/
		}
		#slide-index-4-2 {
		  background: url(../imgs/fondos/slide-index-4-2.jpg); /*INSTALACIONES SLIDE 2*/
		}
		#slide-index-4-3 {
		  background: url(../imgs/fondos/slide-index-4-3.jpg);/*INSTALACIONES SLIDE 3*/
		}
	#section-index-5 {} /*ACTIVIDADES*/
		#slide-index-5-1 {
			background: url(../imgs/fondos/slide-index-5-1.jpg);/*ACTIVIDADES SLIDE 1*/
		}
		#slide-index-5-2 {
			background: url(../imgs/fondos/slide-index-5-2.jpg);/*ACTIVIDADES SLIDE 2*/
		}
		#slide-index-5-3 {
			background: url(../imgs/fondos/slide-index-5-3.jpg);/*ACTIVIDADES SLIDE 3*/
		}
		#slide-index-5-4 {
			background: url(../imgs/fondos/slide-index-5-4.jpg); /*ACTIVIDADES SLIDE 4*/
		}
		#slide-index-5-5 {
			background: url(../imgs/fondos/slide-index-5-5.jpg); /*ACTIVIDADES SLIDE 5*/
		}
		#slide-index-5-6 {
			background: url(../imgs/fondos/slide-index-5-6.jpg); /*ACTIVIDADES SLIDE 6*/
		}
		#slide-index-5-7 {
			background: url(../imgs/fondos/slide-index-5-7.jpg); /*ACTIVIDADES SLIDE 6*/
		}
		#section-artesanias-0 {
			background: url(../imgs/fondos/artesanias-1.jpg); /*ARTESANIAS 1*/
		}
		#section-artesanias-1 {
			background: url(../imgs/fondos/artesanias-2.jpg); /*ARTESANIAS 1*/
		}
		#section-artesanias-2 {
			background: url(../imgs/fondos/artesanias-3.jpg); /*ARTESANIAS 1*/
		}
		#section-artesanias-3 {
			background: url(../imgs/fondos/artesanias-4.jpg); /*ARTESANIAS 1*/
		}
		#section-artesanias-4 {
			background: url(../imgs/fondos/artesanias-5.jpg); /*ARTESANIAS 1*/
		}



	/*Google Maps*/
	.scrolloff {
        pointer-events: none;
    }

/*Fix Vertical Align*/
	#section-index-0.section.fp-section.fp-table.active div.fp-tableCell,/*HOME-VIDEO*/
	#section-index-1.section.fp-section.fp-table.active div.fp-tableCell,/*EL LUGAR*/
		#slide-index-1-1.slide.fp-slide.fp-table.active div.fp-tableCell,/*EL LUGAR SLIDE 1*/
		#slide-index-1-2.slide.fp-slide.fp-table.active div.fp-tableCell,/*EL LUGAR SLIDE 2*/
		#slide-index-1-3.slide.fp-slide.fp-table.active div.fp-tableCell,/*EL LUGAR SLIDE 3*/
	#section-index-2.section.fp-section.fp-table.active div.fp-tableCell,/*INSTALACIONES*/
		#slide-index-2-1.slide.fp-slide.fp-table.active div.fp-tableCell,/*INSTALACIONES SLIDE 1*/
		#slide-index-2-2.slide.fp-slide.fp-table.active div.fp-tableCell,/*INSTALACIONES SLIDE 2*/
		#slide-index-2-3.slide.fp-slide.fp-table.active div.fp-tableCell,/*INSTALACIONES SLIDE 3*/
	#section-index-3.section.fp-section.fp-table.active div.fp-tableCell,/*FAUNA*/
	#slide-index-4-1.slide.fp-slide.fp-table.active div.fp-tableCell,/*FLORA SLIDE 1*/
	#section-index-5.section.fp-section.fp-table.active div.fp-tableCell,/*ACTIVIDADES*/
		#slide-index-5-1.slide.fp-slide.fp-table.active div.fp-tableCell,/*ACTIVIDADES SLIDE 1*/
		#slide-index-5-6.slide.fp-slide.fp-table.active div.fp-tableCell /*ACTIVIDADES SLIDE 5*/
	{
		vertical-align:top;
	}
#slide-index-3-2.slide.fp-slide.fp-table.active div.fp-tableCell,/*FAUNA SLIDE 2*/
#slide-index-4-2.slide.fp-slide.fp-table.active div.fp-tableCell,/*FLORA SLIDE 2*/
#slide-index-5-2.slide.fp-slide.fp-table.active div.fp-tableCell, /*ACTIVIDADES SLIDE 2*/
#slide-index-5-3.slide.fp-slide.fp-table.active div.fp-tableCell, /*ACTIVIDADES SLIDE 3*/
#slide-index-5-4.slide.fp-slide.fp-table.active div.fp-tableCell, /*ACTIVIDADES SLIDE 4*/
#slide-index-5-5.slide.fp-slide.fp-table.active div.fp-tableCell, /*ACTIVIDADES SLIDE 5*/
 {
	vertical-align: middle;
}
	#slide-index-3-1.slide.fp-slide.fp-table.active div.fp-tableCell,/*FAUNA SLIDE 1*/
	#slide-index-3-3.slide.fp-slide.fp-table.active div.fp-tableCell,/*FAUNA SLIDE 3*/
	#slide-index-4-3.slide.fp-slide.fp-table.active div.fp-tableCell,/*FLORA SLIDE 3*/
	#section-artesanias-1.section.fp-section.fp-table.active div.fp-tableCell, /*ARTESANIAS SECCION 1*/
	#section-artesanias-2.section.fp-section.fp-table.active div.fp-tableCell, /*ARTESANIAS SECCION 2*/
	#section-artesanias-3.section.fp-section.fp-table.active div.fp-tableCell, /*ARTESANIAS SECCION 3*/
	#section-artesanias-4.section.fp-section.fp-table.active div.fp-tableCell /*ARTESANIAS SECCION 4*/
	{
		vertical-align: bottom;
	}

	/* Backgrounds will cover all the section
	* --------------------------------------- */
	#section-index-0,/*HOME-VIDEO*/
	#section-index-1,#slide-index-1-1,#slide-index-1-2,#slide-index-1-3,		/*EL LUGAR*/
	#section-index-2,#slide-index-2-1,#slide-index-2-2,#slide-index-2-3,#slide-index-2-4,
									#slide-index-2-5,#slide-index-2-6,#slide-index-2-7,#slide-index-2-8,
									#slide-index-2-9,#slide-index-2-10,										/*INSTALACIONES*/
	#section-index-3,#slide-index-3-1,#slide-index-3-2,#slide-index-3-3,	/*FAUNA*/
	#section-index-4,#slide-index-4-1,#slide-index-4-2,#slide-index-4-3,	/*FLORA*/
	#section-index-5,#slide-index-5-1,#slide-index-5-2,#slide-index-5-3,
									#slide-index-5-4,#slide-index-5-5,#slide-index-5-6,									/*ACTIVIDADES*/
	#section-artesanias-0, #section-artesanias-1,	#section-artesanias-2, #section-artesanias-3, #section-artesanias-4, #section-artesanias-5		/*ARTESANIAS*/

	{
		background-size:cover;
	}
	.des{

		font-size: 20px;
		color: #929292;
	}

	.dos{
	color: rgb(232, 232, 100);

	}

	.margin-10{

		margin-top: 50px;
		margin-bottom: 50px;
	}

img.flecha-dark {height: 17px;top: -2px;position: relative}
/*Responsive Fixes*/
@media(max-width:767px){
	.spacer-desktop {height: 0;}
	img.nivel-departamento {position:relative;}
}
@media(min-width:768px){
	div.spacer-estacionamiento {height: 0px;}
	.spacer-desktop {height: 0;}
}
@media(min-width:992px){
	div.spacer-estacionamiento {height: 65px;}
	ul.nivel-departamento li {font-size: 115%;}
	.spacer-desktop {height:200px;}
}
@media(min-width:1200px) and (max-width:1290px) {
	#slide-index-2-2slide.fp-slide.fp-table.active div.fp-tableCell, #slide-index-2-3slide.fp-slide.fp-table.active div.fp-tableCell, #slide-index-2-4slide.fp-slide.fp-table.active div.fp-tableCell, #slide-index-2-5slide.fp-slide.fp-table.active div.fp-tableCell {
		vertical-align:top;
	}
}
@media(min-width:1200px){
	div.spacer-estacionamiento {height: 150px;}
	ul.nivel-departamento li {font-size: 115%;}
}

.vertical{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
div#estatusForm{
    background-color: #247633;
		opacity: 1;
		pointer-events: auto;
		-webkit-transition: all .25s ease;
	     -moz-transition: all .25s ease;
	      -ms-transition: all .25s ease;
	       -o-transition: all .25s ease;
	          transition: all .25s ease;
}
div#estatusForm.h{
	opacity: 0;
	pointer-events: none;
}
div#estatusForm h4{
	font-weight: 600;
	font-size: 22px;
	color: #f3f3f3;
}

/*
* { outline: 2px dotted Blue; }
* * { outline: 2px dotted Red; }
* * * { outline: 2px dotted Green; }
* * * * { outline: 2px dotted Teal; }
* * * * * { outline: 1px dotted Purple; }
* * * * * * { outline: 2px dotted Blue; }
* * * * * * * { outline: 2px dotted Red; }
* * * * * * * * { outline: 2px dotted Green; }
* * * * * * * * * { outline: 2px dotted Teal; }
* * * * * * * * * * { outline: 1px dotted Purple; }
* * * * * * * * * * * { outline: 2px dotted Blue; }
* * * * * * * * * * * * { outline: 2px dotted Red; }
* * * * * * * * * * * * * { outline: 2px dotted Green; }
* * * * * * * * * * * * * * { outline: 2px dotted Teal; }
* * * * * * * * * * * * * * * { outline: 1px dotted Purple; }
* * * * * * * * * * * * * * * * { outline: 2px dotted Blue; }
* * * * * * * * * * * * * * * * * { outline: 2px dotted Red; }
* * * * * * * * * * * * * * * * * * { outline: 2px dotted Green; }
* * * * * * * * * * * * * * * * * * * { outline: 2px dotted Teal; }
* * * * * * * * * * * * * * * * * * * * { outline: 1px dotted Purple; }
* * * * * * * * * * * * * * * * * * * * * { outline: 2px dotted Blue; }
* * * * * * * * * * * * * * * * * * * * * * { outline: 2px dotted Red; }
* * * * * * * * * * * * * * * * * * * * * * *{ outline: 2px dotted Green; }
* * * * * * * * * * * * * * * * * * * * * * * * { outline: 2px dotted Teal; }
* * * * * * * * * * * * * * * * * * * * * * * * *{ outline: 1px dotted Purple; }
*/
