@charset "utf-8";
.opacity0 {
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}



.opacity100 {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

@media screen and (min-width: 993px) {
   
.pic {
	height: 250px;
	width: 250px;
	overflow: hidden;
	border-radius: 50%;

}}


@media screen and (max-width: 992px) {
   
.pic {
	height: 200px;
	width: 200px;
	overflow: hidden;
	border-radius: 50%;

}



   
    
		  
		  
}





/*GROW*/
.grow img {
  height: 100%;
  width: 100%;
  
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow img:hover {
  width: 120%;
  height: 120%;
  
  
  
}
.blancoynegro img {
	filter: url('#grayscale');
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: Gray();
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.blancoynegro img:hover {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none;

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.parallax1 {
	background-attachment: fixed;
	height: 800px;
	background-image: url(../imagenes/parallax1.jpg);
	text-align: right;
	background-repeat: no-repeat;
}
.parallax2 {
	background-attachment: fixed;
	height: 400px;
	background-image: url(../imagenes/parallax2.jpg);
	background-repeat: no-repeat;
}
.top50 {
	vertical-align: middle;
	padding-top: 320px;

}

.parallax3 {
	background-attachment: fixed;
	height: 400px;
	background-image: url(../imagenes/parallax3.jpg);
	background-repeat: no-repeat;
}

.parallax4 {
	background-attachment: fixed;
	height: 400px;
	background-image: url(../imagenes/parallax4.jpg);
	text-align: right;
	background-repeat: no-repeat;
}

.parallax5 {
	background-attachment: fixed;
	height: 400px;
	background-image: url(../imagenes/parallax5.jpg);
	text-align: right;
	background-repeat: no-repeat;
}


.parallax6 {
	background-attachment: fixed;
	height: 400px;
	background-image: url(../imagenes/parallax6.jpg);
	text-align: right;
	background-repeat: no-repeat;
}


.parallax7 {
	background-attachment: fixed;
	height: 400px;
	background-image: url(../imagenes/parallax7.jpg);
	text-align: right;
	background-repeat: no-repeat;
}


.parallax8 {
	background-attachment: fixed;
	height: 400px;
	background-image: url(../imagenes/parallax8.jpg);
	text-align: right;
	background-repeat: no-repeat;
}


.parallax9 {
	background-attachment: fixed;
	height: 400px;
	background-image: url(../imagenes/parallax9.jpg);
	text-align: right;
	background-repeat: no-repeat;
}

.parallax10 {
	background-attachment: fixed;
	height: 400px;
	background-image: url(../imagenes/parallax10.jpg);
	text-align: right;
	background-repeat: no-repeat;
}

.parallax11 {
	background-attachment: fixed;
	height: 400px;
	background-image: url(../imagenes/parallax11.jpg);
	text-align: right;
	background-repeat: no-repeat;
}

.centrar {
	text-align: center;
	float: left;
	position: relative;
}
.margen10 {
	margin: 1%;
	padding: 1%;
	border: 10% solid #FB8400;
}

.blanco {
	background-color: #FFF;
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter: alpha(opacity=90);
}

.canelafondo {
	background-color: #f0efe7
}


.active {
	background-color: #f0efe7
}




@media screen and (min-width: 768px) {
   
.navbar .nav li {
    width: 100px; /* or whatever width you want for items */
    display: inline-block;
    float: none;
}
.navbar .nav {
    float: none;
    text-align: center;
}

}
.nopadding {
	margin: 0px;
	padding: 0px;
}

.redondear{
	border-radius: 2%;
	
	}
	
.maxheight {
	max-height: 50 px;
	
}

.width48  {
	
	width: 48%;
}

.my-sticky-element.stuck {
	position: fixed;
	top: 0;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
	width: 100%;
	padding-top: 0%;
	border-bottom-width: 20px;
	border-bottom-style: solid;
	border-bottom-color: #272119;
	z-index: 10000;
		}
.bordecolor {
	border: 10px solid #272119;
}

.bordesombra{
	border: 10px none #999999;
	box-shadow: 0 15px 10px rgba(0, 0, 0, .3);
}

.centrar2 { margin:0 auto 0 auto; width:150px; }

.fondo {
	background-image: url(../imagenes/mosaico.png);
	background-repeat: repeat;
 }
 
 .letragris {
	color: #f0efe7;	
 }
 
 
 .width110{
	width: 110px;
	text-align: center;
	
	
 }
 
 .fondomarron{
	background-color: #272119
	
	
 }
 
 .byn {
	filter: url('#grayscale');
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: Gray();

}

@font-face
{
font-family: "Gotham Book";
src: url('../fonts/Gotham-Book.ttf'); /* todos los navegadores*/
}

@font-face
{
font-family: "Gotham Book IE";
src: url('../fonts/Gotham-Book.eot'); /* IE */
}

.tipo {
font-family: "Gotham Book", "Gotham Book IE", Helvetica, Times, serif;
}