@font-face {
	font-family: 'Futura';
	src: url('../fonts/futura.eot');
	src: url('./fonts/futura.eot?#iefix') format('embedded-opentype'),url('../fonts/futura.woff2') format('woff2'),url('../fonts/futura.woff') format('woff'),url('../fonts/futura.ttf') format('truetype');
	}
@font-face {
	font-family: 'Futura Bold';
	src: url('../fonts/futura_bold.eot');
	src: url('./fonts/futura_bold.eot?#iefix') format('embedded-opentype'),url('../fonts/futura_bold.woff2') format('woff2'),url('../fonts/futura_bold.woff') format('woff'),url('../fonts/futura_bold.ttf') format('truetype');
	}

@font-face {
	font-family: 'lovelo';
	src: url('../fonts/LoveloBlack.eot');
	src: url('./fonts/LoveloBlack.eot?#iefix') format('embedded-opentype'),url('../fonts/LoveloBlack.woff2') format('woff2'),url('../fonts/LoveloBlack.woff') format('woff'),url('../fonts/LoveloBlack.ttf') format('truetype');
	}
body{
	margin:0;
	padding:0;
	font-family: 'Futura';
	overflow-x:hidden;
}
.mar10{
	margin-top:10px;
	margin-bottom:10px;
}
.mar20{
	margin-top:20px;
	margin-bottom:20px;
}
#contenedor{
	width:100%;
	position:relative;
	float:left;
}
#header{
	width:100%;
	position:relative;
	float:left;
	margin-top:20px;
}
.in{
	width:90%;
	position:relative;
	float:left;
	left:5%;
}
.logo{
	width:20%;
	position:relative;
	float:left;
	text-align:center;
}
.logo img{
	max-width:90%;
	margin-bottom:20px;
}
.menu{
	width:40%;
	position:relative;
	float:left;
}
.informacion{
	width:40%;
	position:relative;
	float:left;
}
.correo{
	width:90%;
	position:relative;
	float:left;
}
.correo a{
	font-size: 14px;
	color:black;
	text-decoration:none;
}
.correo a:hover{
	color:#3dc321;
}
.redes{
	width:10%;
	position:relative;
	float:left;
}
.redes a{
	color:black;
	text-decoration:none;
}
.redes a:hover{
	color:#3dc321;
}

#slider{
	width:100%;
	position:relative;
	float:left;
}
#cuerpo{
	width:100%;
	position:relative;
	float:left;
	background-image:url('../imagenes/body.jpg');
	background-size:cover;
}
#contenido{
	width:100%;
	position:relative;
	float:left;
}
.texto{
	width:45%;
	position:relative;
	float:left;
	color:white;
}
.texto h1{
	font-family: 'Futura Bold';
	color:white;
	margin-bottom:0px;
}
.texto h2{
	color:black;
	margin-top:10px;
}
.martxt{
    margin-top: 65px;
	    font-size: 13pt;
}
.fotodescripcion{
	width:55%;
	position:relative;
	float:left;
	text-align: right;
}
.fotodescripcion img{  
	max-width:75%; 
	margin-top: 30px;
	margin-bottom: 30px;
}
.servicio{
	width:25%;
	position:relative;
	float:left;
	/*min-height: 435px;*/
	color:white;
}
.minh{
	min-height: 225px;
	text-align:Center;
	display:none;
}
.bttm{
	position:absolute;
	bottom:0px;
}
/* Sweep To Right */
.hvr-sweep-to-right {
   text-decoration:none;
   padding: 8px;
   background-color:black;
    color: white;
    font-weight: bolder;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  margin-top: 12px;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(56, 142, 37);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
#black{
	width:100%;
	position:relative;
	float:left;
	background-color:#181818;
	color:white;
}
#black h1{
	font-family: 'Futura Bold';
}
.descripcion{
	width:60%;
	position:relative;
	float:left;
}
.foto{
	width:40%;
	position:relative;
	float:left;
}
.foto img{
	max-width:78%;
    border-radius: 50%;
    border: 10px solid #02c705;
    margin-bottom: 10px
}
#footer{
	width:100%;
	position:relative;
	float:left;
	background-color:#45bc2a;
}
#mapa{
	width:65%;
	position:relative;
	float:left;
}
.abs {
    position: absolute;
    right: 0px;
}
#tblresp{
	display:none;
}
#formulario{
	width:35%;
	position:relative;
	float:left;
	color:black;
}
#formulario table{
	color:black;
}
#tblresp{
	display:none;
}
#parallax1{
	background: url('../imagenes/body.jpg') 50% 0 no-repeat fixed;
	min-height: 250px;
	width: 100%;
	position: relative;
	float:left;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.ubicacion{
	width:100%;
	position:relative;
	float:left;
}
.tl{
	color:black;
	text-decoration:none;
}
.tl:hover{
	color:green;
}
.inp{
	width:90%;
	padding-top:5px;
	padding-bottom:5px;
}
.col-50{
	width:50%;
	position:relative;
	float:left;
}
.contenedor{
	width:25%;
	position:relative;
	float:left;
	text-align:center;
	margin-bottom:20px;
}
.contenedor img{
	max-width:90%;
	 -webkit-border-radius:50%;
	 -moz-border-radius:50%;
	 -o-border-radius:50%;
	 border-radius:50%;
}
.half{
	width:50%;
	position:relative;
	float:left;
	color:white;
	text-align:center;
	    font-size: 15pt;
}
.third{
	width:33.33%;
	position:relative;
	float:left;
	text-align:center;
}
.third a{
	color:white;
	text-decoration:none;
}
.third a:hover{
	color:#45bc2a;
}
.medidasresp{
	display:none;
}
.col50{
	width:50%;
	position:relative;
	float:left;
}
.in{
	width:90%;
	position:relative;
	float:left;
	left:5%;
}
.mar20{
	margin-top:20px;
	margin-bottom:20px;
}
.imag{
	max-width:100%;
}
.producto{
	width:25%;
	position:relative;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
}
.producto img{
	max-width:90%;
	border-radius:50%;
}
.conten{
	width:25%;
	position:relative;
	float:left;
	text-align:center;
	margin-bottom:20px;
}
.conten img{
	max-width:90%;
	border-radius:50%;
}
@media screen and (max-width: 1322px){
	.logo{
		width:30%;
	}
	.logo img{
		width: 200px;
	}
	.menu{
		width:70%;
	}
	.informacion{
		width:100%;
	}
	.correo{
		width:100%;
		margin-bottom:20px;
	}
	.redes{
		width:100%;
		margin-bottom:20px;
	}
}
@media screen and (max-width: 1240px){
	.col-50{
		width:100%;
	}
	.inp{
		width:100%;
	}
}
@media screen and (max-width: 1160px){
	.servicio{
		/*min-height: 485px;*/
	}
	.minh {
		min-height: 280px;
	}
}
@media screen and (max-width: 950px){
	.servicio{
		width:50%;
		/*min-height: 465px;*/
	}
	.minh {
		min-height: 260px;
	}
	.texto{
		width:100%;
	}
	.martxt{
		left:5%;
		margin-top:0px;
	}
	.fotodescripcion{
		width:100%;
		text-align:right;
	}
	.descripcion{
		width:100%;
	}
	.foto{
		width:100%;
		text-align:center;
	}
	.foto img{
		margin-top:0px;
		width:400px;
		max-width:100%;
	}
	#mapa{
		width:100%;
		padding-bottom:20px;
	}
	#formulario{
		width:100%;
		background-color:black;
	}
	#formulario table{
		color:white;
	}
	#formulario h2{
		color:white;
	}
}
@media screen and (max-width: 900px){
	.third a{
		font-size:12px;
	}
}

@media screen and (max-width: 670px){
	.half{
		width:100%;
	}
	.third{
		width:100%;
	}
	.third a{
		font-size:14px;
	}
	.col50{
		width:100%;
	}
}
@media screen and (max-width: 667px){
	.logo{
		width:30%;
	}
	.menu{
		width:70%;
	}
	.informacion{
		width:100%;
	}
	.correo{
		width:100%;
		margin-bottom:20px;
	}
	.redes{
		width:100%;
		margin-bottom:20px;
	}
	.servicio{
		width:50%;
	}
	.texto{
		width:100%;
	}
	.martxt{
		left:5%;
		margin-top:0px;
	}
	.fotodescripcion{
		width:100%;
	}
	.descripcion{
		width:100%;
	}
	.foto{
		width:100%;
		text-align:center;
	}
	.foto img{
		margin-top:0px;
		width:400px;
		max-width:100%;
	}
	.abs{
		display:none;
	}
	.producto{
		width:50%;
	}
	.conten{
		width:50%;
	}
	
}
@media screen and (max-width: 540px){
	.logo{
		width:100%;
	}
	.menu{
		width:100%;
	
	}
	.servicio{
		width:100%;
		min-height:auto;
		margin-bottom:20px;
	}
	.minh {
		min-height: 245px;
	}
}
@media screen and (max-width: 480px){
	.medidas{
		display:none;
	}
	.medidasresp{
		display:block;
	}
}
@media screen and (max-width: 445px){
	#tbl{
		display:none;
	}
	#tblresp{
		display:block;
	}
}