*{
font-family: "Bebas Neue";
}
html { height: 100%} 
body{
 height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  background: url("../img/bg.jpg");
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size:cover;
min-height: 100%;
}
#izquierda{
width:10%;
margin-top:1%;
position:absolute;
float:left;
}
#cuerpo{
width:80%;	
float:right;
margin-left:20%;
margin-top:15%;
}
#contenedor{
width:65%;
margin-left:17.5%;
margin-top:1%;
}
#logo img{	
width:140px;
}
.slicknav_menu {
	display:none;
}
#menu{
	padding: 0;
}
#menu li{
	list-style-type:none;
	text-transform:uppercase;
	font-size:22px;
	text-shadow: 2px 2px 1px black;
	line-height: 22px;
}
@media screen and (max-width: 40em) {
	/* #menu is the original menu */
	#menu {
		display:none;
	}
	
	.slicknav_menu {
		display:block;
	}
}
a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}
a {
  color:white;
  -o-transition:color .2s ease-out, background 1s ease-in;
  -ms-transition:color .2s ease-out, background 1s ease-in;
  -moz-transition:color .2s ease-out, background 1s ease-in;
  -webkit-transition:color .2s ease-out, background 1s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .2s ease-out, background 1s ease-in;
}
a:hover { color:#e8b57d !important; }
.esta{
 color:#febd77 !important; }
#pie{
position: fixed;
width: 100%;
height: 25px;
background-color: rgba(0, 0, 0, 0.79);
padding: 5px;
box-shadow: 0px -7px 35px 0px black;
bottom: -1px;
width: 100%;
z-index:11;
}

    .wrap {
       overflow: visible;
       margin: 10%;
	   margin-bottom: 0%;
    }
    .box {
       float: left;
       position: relative;
       width: 25%;
       padding-bottom: 18%;
	 -webkit-transition: all .2s ease-in-out;
	 
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
	z-index:1
    }
	.transition {
    -webkit-transform: scale(1.2); 
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
	z-index:9;
}
    .boxInner {
       position: absolute;
       bottom: 10px;
       overflow: hidden;
	   border:1px solid black;

	}
    .boxInner img {
       width: 100%;

    }
    .boxInner .titleBox {
       position: absolute;
       bottom: 0;
       left: 0;
       right: 0;
       margin-bottom: -50px;
       background: #000;
       background: rgba(0, 0, 0, 0.5);
       color: #FFF;
       padding: 10px;
       text-align: center;
       -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
       transition: all 0.3s ease-out;
    }
    body.no-touch .boxInner:hover .titleBox, body.touch .boxInner.touchFocus .titleBox {
       margin-bottom: 0;
    }
    @media only screen and (max-width : 480px) {
       /* Smartphone view: 1 tile */
       .box {
          width: 100%;
          padding-bottom: 100%;
       }
	   .mapa {
	   display:none;
	   }
	   .formulario{
	   width:100% !important;
	   }
    }
    @media only screen and (max-width : 650px) and (min-width : 481px) {
       /* Tablet view: 2 tiles */
       .box {
          width: 50%;
          padding-bottom: 50%;
       }
	   .mapa {
	   display:none;
	   }
	   	   .formulario{
	   width:100% !important;
	   }

    }

    @media only screen and (max-width : 1050px) and (min-width : 651px) {
       /* Small desktop / ipad view: 3 tiles */
       .box {
          width: 33.3%;
          padding-bottom: 33.3%;
       }
	   	   .mapa {
	   display:none;
	   }
	   	   .formulario{
	   width:100% !important;
	   }

	}
    @media only screen and (max-width : 1290px) and (min-width : 1051px) {
       /* Medium desktop: 4 tiles */
       .box {
          width: 25%;
       }

    }
.boton:hover {
border: 1px solid white !important;
background: black !important;
color: white !important;
 -webkit-transform: scale(1.2); 
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.boton {
color:#d77104;
background:rgba(0, 0, 0, 0.77);
border:none;
width:150px;
height:35px;
float:right;	
 -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
	}