@font-face {
	font-family: 'dincondensed';
	src: url('../fonts/dincon.eot');
	src: url('./fonts/dincon.eot?#iefix') format('embedded-opentype'),url('../fonts/dincon.woff2') format('woff2'),url('../fonts/dincon.woff') format('woff'),url('../fonts/dincon.ttf') format('truetype');
	}
body{
	margin:0;
	padding:0;
}
*{
	font-family: 'Libre Franklin', sans-serif;
}
h1{
	font-family: 'dincondensed';
}
#contenedor{
	position:relative;
	float:left;
	width:100%;
}
.in{
	position:relative;
	float:left;
	width:90%;
	left:5%;
}
#header{
	position:fixed;
	-webkit-transition: all 420ms ease-in-out;
    -moz-transition: all 420ms ease-in-out;
    -o-transition: all 420ms ease-in-out;
    transition: all 420ms ease-in-out;
	z-index:999;
}
.log{
	display:none;
}
.men{
	position:relative;
	float:left;
	width:100%;
	background-color:white;
}
.menuresp{
	position:relative;
	float:left;
	width:100%;
	background-color:white;
}
#content {
    position: relative;
    top: 0px;
    display: none;
    /*background-color: #f9f9f9;*/
	z-index:99;
}
#content li{
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	cursor:pointer;
	padding-left:10px;
	text-transform:uppercase;
	font-size:12px;
}
#content li:hover{
	background-color:#ed1c24;
	color:white;
}
.fake{
	position:relative;
	float:left;
	width:100%;
	height:60px;
}
.seccion{
	position:relative;
	float:left;
	width:100%;
}
.inseccion{
	position:relative;
	width:100%;
	margin:0 auto;
	max-width:1800px;
}
.redes{
	text-align:right;
	margin-top:10px;
}
.red{
	margin-left:10px;
	font-size:30px;
	color:gray;
}
.logo{
	text-align:center;
	margin-bottom:20px;
}
.logo img{
	max-width:100%;
}
.marg20{
	margin-top:10px;
	margin-bottom:25px;
}
.cuadro{
	position:relative;
	float:left;
	width:50%;
	visibility:hidden;
		overflow: hidden; 

}
.cuadro img{
	max-width:100%;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.cuadro img:hover{
	  -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);
}
.completo{
	position:relative;
	float:left;
	width:100%;
	overflow: hidden;
}
.completo img{
	max-width:100%;
}
.mask{
	position:absolute;
	background-color:rgba(40, 40, 40, 0.66);
	top:0%;
	width:100%;
	height:100%;
	z-index:99;
	    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5 s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.inmask{
	position:absolute;
	bottom:50%;
	text-align:center;
	color:white;
	width:100%;
}
.inmask h1{
	margin:0;
	font-family: 'dincondensed';
   
}
.mask:hover{
	background-color:rgba(237, 28, 36, 0.69);
}
.lamina{
	position:relative;
	float:left;
	width:50%;
}
.lamina img{
	max-width:100%;
}
.formulario{
	position:relative;
	float:left;
	width:50%;
}
.inp {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
      margin-top: 5px;
    margin-bottom: 5px;
}
.tbl {
    width: 100%;
    max-width: 550px;
}
.send{
	background-color:#ff0000;
	color:white;
	border:none;
	width:100px;
	height:30px;
}
.mar20{
	margin-top:20px;
}
.mart20{
	margin-top:20px;
	margin-bottom:20px;
}
.col15{
	position:relative;
	float:left;
	width:15%;
}
.col15 img{
	max-width:100%;
}
.col65{
	position:relative;
	float:left;
	width:65%;
	font-weight:bold;
}
.col20{
	position:relative;
	float:left;
	width:20%;
}
.red2{
	margin-left:10px;
	font-size:30px;
	color:#ff0000;
}
.cnt{
	text-align:Center;
}
.mail{
	color:black;
	text-decoration:none;
	font-weight:bold;
	    font-size: 19px;
}
.rd{
	color:red;
}
.footer{
	margin-top:90px;
}
/***********nosotros************/
.logosec{
	position:relative;
	float:left;
	width:20%;
}
.logosec img{
	max-width:100%;
	width:200px;
}
.men2{
	position:relative;
	float:left;
	width:80%;
	margin-top: 10px;
}
.fake2{
	position:relative;
	float:left;
	width:100%;
	height:90px;
}
.col50{
	position:relative;
	float:left;
	width:50%;
}
.mart20{
	margin-top:20px;
	margin-bottom:20px;
}
.just{
	text-align:justify;
}
.gai{
	background-color:gainsboro;
}
.ray{
	border:1px solid red;
	width:50px; 
	float:left;
}
.ray2{
	border:1px solid red;
	width:50px; 
}
.cnt{
	text-align:center;
}
.col33{
	position:relative;
	float:left;
	width:33.33%;
}
.col33 h2{
	font-family: 'dincondensed';
}
.icon-container {
    width: 100px;
    height: 100px;
    display: table;
    margin: 0 auto 20px;
    background-color: #fcfcfc;
    border: 2px solid #ddd;
    border-radius: 50%;
    /* -webkit-border-radius: 50%; */
    -moz-border-radius: 50%;
}
.big{
	font-size:45px !important;
	display: table-cell !important;
    vertical-align: middle;
}
.reed{
	background-color:#dd3333;
	color:white;
}
.boton{
	background-color:white;
	border:none;
	width: 170px;
    height: 50px;
	font-weight:bold;
}
.boton:hover{
	color:#dd3333;
}
.col33{
	position:relative;
	float:left;
	width:33.33%;
}
.falso{
	position:relative;
	float:left;
	width:16.66%;
}
.mini{
	width:100%;
	min-height:150px;
	border:0;
}
/**************Servicios*******************/
.banresp{
	width: 100%;
    height: 235px;
	position: Relative;
    float: left;
	background-image:url('../imagenes/paneles.png');
	background-size:cover;
}
.encabezado{
	width: 100%;
	height:100%;
    background-color: rgba(0, 0, 0, 0.54);
    position: Relative;
    float: left;
    z-index: 99;
}
.inencabezado{
	position:absolute;
	bottom:50%;
	width:100%;
	text-align:center;
	color:white;
}
.titu{
	text-transform:uppercase;
	font-family: 'dincondensed';
	margin-top:0px;
	margin-bottom:0px;
}
.servi{
	text-decoration:none;
	color:black;
}
.servi:hover{
	color:red;
}
/**************Productos*******************/
.banproductos{
	width: 100%;
    height: 235px;
	position: relative;
    float: left;
	background-image:url('../imagenes/productos.jpg');
	background-size:cover;
	background-position: center;
}
.tabl2{
	display:none;
}
.col25{
	width: 25%;
	position: relative;
    float: left;
}
.rojo{
	background: #dd3333;
    color: white;
    text-decoration: none;
    padding: 8px;
}
.rojo:hover{
	background:#303030;
}
.quickpro{
	width:30%;
	position:relative;
	float:left;
}
.quickpro img{
	max-width:100%;
}
.quicktxt{
	width:70%;
	position:relative;
	float:left;
}
.proy{
	color:black;
}
@media screen and (max-width: 1090px){
	.col50{
		width:100%;
	}
	.col25{
		width:50%;
	}
}
@media screen and (max-width: 980px){
	.col65{
		font-size:14px;
	}
	
}
@media screen and (max-width: 930px){
	.quickpro{
		width:100%;
	}
	.quicktxt{
		width:100%;
	}
}
@media screen and (max-width: 885px){
	.cuadro{
		width:100%;
	}
	.lamina{
		width:100%;
		display:none;
	}
	.formulario{
		width:100%;
		text-align:center;
	}
	.tbl{
		position:relative;
		margin:0 auto;
	}
	.col15{
		width:100%;
		text-align:Center;
	}
	.col65{
		width:100%;
		margin-bottom:25px;
	}
	.col20{
		width:100%;
		margin-bottom:25px;
	}
}
@media screen and (max-width: 667px){
	.col33{
		width:100%;
	}
	.logosec{
		width:100%;
		text-align:center;
	}
	.men2{
		width:100%;
		background-color:white;
	}
	.menuresp{
		background-color:white;
		width:100%;
		float:left;
	}
	.fake2{
		height:145px;
	}
	.tabl{
		display:none;
	}
	.tabl2{
		display:block;
	}
}
@media screen and (max-width: 595px){
	.col25{
		width:100%;
	}
}
@media screen and (max-width: 415px){
	.banresp{
		background-position:center;
	}
	.titu{
		font-size:20px;
	}
}