.efecto:hover{
-webkit-transform:scale(1.1);transform:scale(1.1);
z-index: 10;
}


#imagen img{
	max-height: 200px;
	min-height: 200px;

}
#galeria img{
	max-height: 300px;
	min-height: 300px;
}
.logo{
	margin-top: 0%;
	width: 40%;
	margin-left: 30%;
}
.tabla{
	background-color: red;	opacity: 0.8;
	color: white;
}
.dato{
	background-color: white;
	
}
#mainNav{
		background-color:white;
		height: 50px;
		margin-top: 5px;
	    font-weight: bold;
	    color: red;
	}

.titulo{
	text-align: center;
	color: white;

	border-radius: 15px;

}
.titulo:hover{
	
	color: #000000  ;
}
.texto{
background-color: #FF9403  ;

margin-left: -15px;
text-align: center;
justify-content: center;
}
.fondo{
	 background-image: url("../img/2.jpg");
	 background-repeat: no-repeat;
	 background-size: 100%;
}
footer {
  bottom: 0px;
  width: 100%;
  height: 40px;
  color: white;
  text-align: center;
}

.total{
color: white;

color: black;
background-color: green;
}

.total:hover{
   background-color: black;
   color: green;
}

.fondo1{
	 background-image: url("../img/fondo1.jpg");
	 background-repeat: no-repeat;
	 background-size: 100%;
}
.boton:hover{
	background-color: #EF5700;
	color: #000000;
}
.contacto{
	text-align: center; 
	animation-name: contacto;
	animation-direction: initial;
    animation-duration: 2s;
    border-radius: 15px;
    animation-iteration-count: infinite;
    margin-left: 7px;
    text-decoration: none;
  
}
.contacto h1{
	background-color: green;
	color: white;
    font-size: 20px;
    border-radius: 15px;
}
.contacto h1:hover{
	background-color: #000000;
	color: green;
}

.formulario form{
	background-color: white;
	
	box-shadow: 5px 5px 5px 5px #686868;
	border-radius: 10px;
	text-align: center;
	border: 10px;

	
}
.precio{
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: black;
	color: white;
	border-radius: 15px;
}
/*#precio{
	display: none;
}*/



.formulario label{
	margin:10px;
}

@keyframes contacto {
  0%{margin-bottom: 0px;}
  50%{margin-bottom: 10px;}
}

.potex{
 position: relative;

 margin-left: 60px;
color: red;
font-weight: bold;
}

.fondo{

	background-size: 100%;

}

@media(max-width: 600px){
	#mainNav{
		background-color: #028CFF;
		
	}
	#navbarResponsive li{
		background-color: #028CFF;
		border-radius: 15px;
		width: 40%;
		margin-top: 1px;
		text-align: center;
	}
	#navbarResponsive li a{
		color: white;
	}
	#navbarResponsive li a:hover{
		color: #028CFF;
		background-color: white;
	}
	#logo img{
		background-color: white  ;
		border-radius: 15px;
		width: 20%;
		position: fixed;
		margin-left: 33%;
		margin-top: -10px;

		animation-name: logo;
		animation-direction: alternate;
	    animation-duration: 2s;
	    animation-iteration-count: 1;
	}
	.contacto{
		background-color: green;
	}
	
}

#logo img{
	animation-name: logo;
	animation-direction: alternate;
    animation-duration: 5s;
    animation-iteration-count: 1;
}

@keyframes logo {
  0%{margin-left: -200px;}
  100%{margin-left: 1000px;}
}
.quienes{
	text-align: center;
	-webkit-box-shadow: -9px 8px 5px 0px rgba(13,44,166,1);
	-moz-box-shadow: -9px 8px 5px 0px rgba(13,44,166,1);
	box-shadow: -9px 8px 5px 0px rgba(13,44,166,1);
	color: rgba(13,44,166,1);
}