@font-face {
    font-family: 'futura_bk_btbook';
    src: url('../fuentes/tt0140m_-webfont.woff2') format('woff2'),
         url('../fuentes/tt0140m_-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'futura_md_btbold';
    src: url('../fuentes/tt0144m_-webfont.woff2') format('woff2'),
         url('../fuentes/tt0144m_-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'humnst777_blk_btblack';
    src: url('../fuentes/tt0861m_-webfont.woff2') format('woff2'),
         url('../fuentes/tt0861m_-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}
	

body{margin:0; padding:0;}

h1{ font-family:futura_md_btbold; font-size:1rem; color:#000;}
h2{ font-family:engraversgothic_btregular; font-size:1.7rem; color:#000;}
h3{ font-family:futura_bk_btbook; font-size:1.7rem; color:#000; text-align:justify;}
h4{ font-family:futura_bk_btbook; font-size:.9rem; color:#000; text-align:justify;}
h5{ font-family:futura_md_btbold; font-size:.7rem; color:#fff;}
h6{ font-family:futura_md_btbold; font-size:1.1rem; color:#fff; padding:5px 10px; margin:0;}
h7{ font-family:futura_md_btbold; font-size:.8rem; color:#000;}

h8{ font-family:futura_md_btbold; font-size:2rem; color:#000;}
h9{ font-family:futura_md_btbold; font-size:1.3rem; color: #F00;}

img{max-width:100%; }

a{ text-decoration:none;}

a img:hover {
    opacity: 0.3;
	transition: all .2s ease; }
	
.div-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.div-img.hidden {
  overflow: hidden;
}
.div-img .img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
}
.div-img:hover .img {
  transform: scale(2);
  -ms-transform: scale(2);
  -moz-transform: scale(2);
  -webkit-transform: scale(2);
  -o-transform: scale(2);
}

.text{ z-index:800;}
.caja{
	height:100vh;
	width:100vw;
	max-width:100%;}
.caja1{
	height:100vh;
	width:100vw;
	max-width:100%;
	background:#fff;
	-webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.75);}

.caja2{
	height:100vh;
	width:100vw;
	max-width:100%;}
	
.contenedor{
	width:1024px;
	height:100vh;
	margin:auto;
	border:#000;
	position: relative;
	z-index:800;}	
.contenedor_nosotros{
	width:1024px;
	margin:auto;
	border:#000;
	position: relative;
	z-index:800;}	
	
.header{width:100%; height:20%; background:#FFF; border-bottom:2px solid #999; position:fixed; top:0; z-index:900; -webkit-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.75);
box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.75);}

.header2{width:100%; height:20%; background:#FFF; border-bottom:2px solid #999; position:fixed; top:0; z-index:900; -webkit-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.75);
box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.75);}

.logo{ position:fixed; margin-left:15%; margin-top:0; z-index:1000;}

#logo-div {
    position: fixed;
    top: 15px;}

a{color:#000; text-decoraton:none;}
a:hover{ color:red;}

.imgportada{}
.imgportada2{ display:none;}
.imgnoso{}
.imgnoso2{ display:none;}

.menu{
	display:inline-block;
	margin:auto;
	width:500px;
	margin-right:25%;}
.menu ul{
	display:block;
	list-style:none;
	text-align:right;}
.menu li{
	font-family:humnst777_blk_btblack;
	display:inline-block;
	font-size:1.2rem;
	color:#000;
	margin:0 10px;}
	
.boton{
	text-decoration:none;
	display:block;
	padding:0;
	text-align:center;}
	
.section{
	position: relative;
	padding-top:27%;
	width:100%;
	height:auto;
	display:box;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;}
.section__contact{
	position: relative;
	padding-top:2%;
	width:100%;
	height:auto;
	display:box;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;}
.section__produc{
	padding-top:20%;}
	
.article{
	width:95%;
	margin:0;}
.article__contac{
	width:49%;
	margin:0;
	float:left;}
.article__product{
	margin-bottom:15px;
	width:30%;
	float:left;
	-webkit-box-shadow: -11px 0px 8px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: -11px 0px 8px -6px rgba(0,0,0,0.75);
	box-shadow: -11px 0px 8px -6px rgba(0,0,0,0.75);}
.article__servicios{
	width:90%;
	margin:0;
	float:left;}
figcaption{ background: #999;}
figure{ padding:0; margin:0; }

.top_img{position: absolute; top:10px;}

	@media screen and (max-width: 719px) {
		
		img{height:100%;}
		.imgportada{ display:none;}
		.imgportada2{ display:block;}
		.imgnoso{display:none;}
		.imgnoso2{display:block;}
		.logo{display:block; width:200px; height:140px; margin-left:20%; margin-top:80%;}
		.log{ display:none;}
		.header{display:none;}
 		.contenedor_nosotros{width:100%;}
		h3{font-size:1rem; text-align:justify;}
		.section{padding-top:0;}
		.article{width:90%;}
		.article__contac{width:90%; float: none;}
		.productos{ display:block;}
		.article__product{width:90%; margin-top:6%; float:none;}
		.padd{ padding-top:30%;}
		.article__servicios{width:90%; margin:0; float:none;}
		}

/* Type */
		@media screen and (max-width: 1680px) {

			body, input, select, textarea {
				font-size: 14pt;
			}}

		@media screen and (max-width: 1280px) {

			body, input, select, textarea {
				font-size: 12pt;
			}}

		@media screen and (max-width: 360px) {

			body, input, select, textarea {
				font-size: 11pt;
			}}
/* Footer */

	#footer .copyright {
		font-size: 0.8em;
		list-style: none;
		padding-left: 0;}

		#footer .copyright li {
			border-left: solid 1px rgba(212, 212, 255, 0.1);
			color:#000;);
			display: inline-block;
			line-height: 1;
			margin-left: 1em;
			padding-left: 1em;}

			#footer .copyright li:first-child {
				border-left: 0;
				margin-left: 0;
				padding-left: 0;}

	@media screen and (max-width: 480px) {

		#footer .copyright li {
			display: block;
			border-left: 0;
			margin-left: 0;
			padding-left: 0;
			line-height: inherit;}}
	
/*formulario*/
.placeholder{
	font-family:futura_bk_btbook; font-size:17px; z-index:2000; margin-bottom:7px;}

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		background-color: transparent;
		border: 1px solid #999;
		border-radius: 0;
		box-shadow: inset 0 0 0 2px # 000;
		color: #000;
		cursor: pointer;
		display: inline-block;
		font-size: 0.8em;
		font-weight: 600;
		height: 3.5em;
		letter-spacing: 0.25em;
		line-height: 3.5em;
		padding: 0 1.75em;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		white-space: nowrap;}

		input[type="submit"]:hover, input[type="submit"]:active,
		input[type="reset"]:hover,
		input[type="reset"]:active,
		input[type="button"]:hover,
		input[type="button"]:active,
		button:hover,
		button:active,
		.button:hover,
		.button:active {
			box-shadow: inset 0 0 0 2px #fff;
			color: #999;}

		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		button:active,
		.button:active {
			background-color: #999 .1; 
			box-shadow: inset 0 0 0 2px #999;
			color: #999;}

		input[type="submit"].icon:before,
		input[type="reset"].icon:before,
		input[type="button"].icon:before,
		button.icon:before,
		.button.icon:before {
			margin-right: 0.5em;}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		button.fit,
		.button.fit {
			display: block;
			margin: 0 0 1em 0;
			width: 90%;}

		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		button.small,
		.button.small {
			font-size: 0.6em;}

		input[type="submit"].big,
		input[type="reset"].big,
		input[type="button"].big,
		button.big,
		.button.big {
			font-size: 1.25em;
			height: 3em;
			line-height: 3em;}

		input[type="submit"].next,
		input[type="reset"].next,
		input[type="button"].next,
		button.next,
		.button.next {
			padding-right: 4.5em;
			position: relative;}

			input[type="submit"].next:before, input[type="submit"].next:after,
			input[type="reset"].next:before,
			input[type="reset"].next:after,
			input[type="button"].next:before,
			input[type="button"].next:after,
			button.next:before,
			button.next:after,
			.button.next:before,
			.button.next:after {
				-moz-transition: opacity 0.2s ease-in-out;
				-webkit-transition: opacity 0.2s ease-in-out;
				-ms-transition: opacity 0.2s ease-in-out;
				transition: opacity 0.2s ease-in-out;
				background-position: center right;
				background-repeat: no-repeat;
				background-size: 36px 24px;
				content: '';
				display: block;
				height: 100%;
				position: absolute;
				right: 1.5em;
				top: 0;
				vertical-align: middle;
				width: 36px;}

			input[type="submit"].next:before,
			input[type="reset"].next:before,
			input[type="button"].next:before,
			button.next:before,
			.button.next:before {
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='36px' height='24px' viewBox='0 0 36 24' zoomAndPan='disable'%3E%3Cstyle%3Eline %7B stroke: %23ffffff%3B stroke-width: 2px%3B %7D%3C/style%3E%3Cline x1='0' y1='12' x2='34' y2='12' /%3E%3Cline x1='25' y1='4' x2='34' y2='12.5' /%3E%3Cline x1='25' y1='20' x2='34' y2='11.5' /%3E%3C/svg%3E");}

			

			@media screen and (max-width: 719px) {
				.placeholder{font-size:.7rem; margin-bottom:4px; margin-top:10px;}
			
				input[type="submit"].next,
				input[type="reset"].next,
				input[type="button"].next,
				button.next,
				.button.next {
					padding-right: 2em;	}

		input[type="submit"].special,
		input[type="reset"].special,
		input[type="button"].special,
		button.special,
		.button.special {
			background-color: #ffffff;
			box-shadow: none;
			color: #242943;}

			input[type="submit"].special:hover, input[type="submit"].special:active,
			input[type="reset"].special:hover,
			input[type="reset"].special:active,
			input[type="button"].special:hover,
			input[type="button"].special:active,
			button.special:hover,
			button.special:active,
			.button.special:hover,
			.button.special:active {
				background-color: #9bf1ff;
				color: #242943 !important;}

			input[type="submit"].special:active,
			input[type="reset"].special:active,
			input[type="button"].special:active,
			button.special:active,
			.button.special:active {
				background-color: #999;}

		input[type="submit"].disabled, input[type="submit"]:disabled,
		input[type="reset"].disabled,
		input[type="reset"]:disabled,
		input[type="button"].disabled,
		input[type="button"]:disabled,
		button.disabled,
		button:disabled,
		.button.disabled,
		.button:disabled {
			-moz-pointer-events: none;
			-webkit-pointer-events: none;
			-ms-pointer-events: none;
			pointer-events: none;
			cursor: default;
			opacity: 0.25;}}



@media screen and (max-width: 1366px) {
h3{ font-family:futura_bk_btbook; font-size:1.1rem; color:#000; text-align:justify;}

.article__servicios{
	width:45%;
	margin:0;
	float:left;}
	
.section{
	position: relative;
	padding-top:21%;
	width:100%;
	height:auto;
	display:box;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;}
	
.header{width:100%; height:27%; background:#FFF; border-bottom:2px solid #999; position:fixed; top:0; z-index:900;}}