*{
	margin:0;
	padding:0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: linear-gradient(top, #000, #FFF);
}
body{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background:#FFF;
}

.clear{
	clear:both;
}
.sepaMenu{
	top:60px;
	height:60px;
	position:relative;
}
.home2{
			margin-bottom:100%;
		margin-bottom:0px;
		position:absolute;
	height:60%;	
}
.productos2{
	
	position:relative;
	color:#FFF;
	padding:10px;
	z-index:2;
	margin-top:45%;
	
}
.productos2{
	background:#ccc;
	position:relative;
	
}
.cabeza{
	background:#FFF;
	padding:5px;
	height:70px;
	position:fixed;
	width:100%;
	z-index:9;
	top:0;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
}
.contenido{
		position:absolute;
		width:calc(100% - 60px);
		background:#f8f9fb;
		top:745px;
		padding:30px;
}
.contenido2{
		position:absolute;
		width:calc(100% - 60px);
		background:#f8f9fb;
		top:70px;
		padding:30px;
}
.cabeza img{
	height:100%;
	width:auto;
	cursor:pointer;
}
.contenedor{
	width:80%;
	max-width:1280px;
	text-align:left;
	color:#91908d;
}
hr {border: 0; height: 0; box-shadow: 0 1px 3px 1px #c80d14;}
#nosotros hr {border: 0; height: 0; box-shadow: 0 1px 3px 1px #ddd9d9;}
.categoria{
	display:inline-block;
	width:400px;
	height:210px;
	margin:10px;
	border:1px solid #c80d14;
	position:relative;
}
.contenidoNos{
	text-align:justify;
	width:35%;
	display:inline-block;
	vertical-align:top;
	color:#FFF;
	margin:5%;
	font-size:20px;
}
.categoria img{
	width:100%;
	height:100%;
}
.categoria div{
	position:absolute;
	bottom:10px;
	background:url("../images/bgrojo.jpg");
	padding:5px;
	text-align:center;
	color:#FFF;
	width:calc(100% - 10px);
	font-size:20px;
	-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.75);
}
.bgNoso{
	background:url("../images/bgrojo.jpg");
	width:calc(100% + 60px);
	margin-left:-30px;
	
	
}
#map{
	height:300px;
	width:calc(100% + 60px);
	margin-left:-30px;
	
	
}
.btn{
	 border: none;
	 background: #3a7999;
	 color: #f2f2f2;
	 padding: 10px;
	 font-size: 18px;
	 border-radius: 5px;
	 position: relative;
	 box-sizing: border-box;
	 transition: all .5s ease;
	 cursor:pointer;
}
.aliDer{
	text-align:right;
}
.linke{
	color:#d1090e;
}
.btn:before {
  content:'';
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 0px;
 background: rgba(255,255,255,0.3);
 border-radius: 5px;
 transition: all .5s ease;
}
.btn:hover:before {
 height: 42px;

}
.contactoA{
	display:inline-block;
	width:calc(60% - 50px);
	margin:20px;
	vertical-align:top;
	color:#464545;
}
.pie{
		margin-top:5px;
		margin-bottom:-20px;
		font-size:12px;
		text-align:right;
		padding:5px;
}
.contactoB{
	display:inline-block;
	width:calc(40% - 50px);
	margin:20px;
	vertical-align:top;
	color:#464545;
}
.inputText{
	width:90%;
	background:#f9f9f9;
	border:1px solid #f99399;
	border-radius:5px;
	padding:5px;
	color:#FFF;
	 -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all 1s.5ease-in-out;
  font-weight:bold;
}
.inputText::placeholder{
		color:#000;
}
#textArea{
	height:120px;
}
.inputText:focus{
	background:#acacac;
	border:1px solid #ce0a14;
	border-radius:5px;
	padding:5px;
}
.inputText:focus::placeholder{
	color:transparent;
}
.titu{
	font-size:30px;
	color:#595856;
	font-weight:bold;
	font-size:25px;
}
.titu span{
	color:#c21110;
}
.titu2{
	font-size:30px;
	color:#ddd9d9;
	font-weight:bold;
	font-size:25px;
}
.titu2 span{
	color:#fefcfc;
}
.Justifi{
	text-align:justify;
	color:#FFF;
	font-size:18px;
	color:#eeeeee;
}
.menu{
	position:fixed;
	top:20px;
	right:20px;
	z-index:99;

}
#nosotros{
	padding-top:40px;
	padding-bottom:20px;
}
#contacto{
	padding-top:40px;
	padding-bottom:20px;
}
#Active1{
	color:#b9101b;
	text-decoration:none;
	font-size:20px;
	margin-right:10px;
	margin-left:10px;
	
}
#Active2{
	color:#4e4e4e;
	text-decoration:none;
	font-size:20px;
	margin-right:10px;
	margin-left:10px;
	
}
#Active3{
	color:#4e4e4e;
	text-decoration:none;
	font-size:20px;
	margin-right:10px;
	margin-left:10px;
	
}
#Active4{
	color:#4e4e4e;
	text-decoration:none;
	font-size:20px;
	margin-right:10px;
	margin-left:10px;
	
}
#Active1B{
	font-size:20px;
	display:none;
}
#Active2B{
	font-size:20px;
	display:none;
}
#Active3B{
	font-size:20px;
	display:none;
}
#Active4B{
	font-size:20px;
	display:none;
	
}
@media screen and (max-width: 850px) {
	
#Active1{
	font-size:20px;
	display:none;
}
#Active2{
	font-size:20px;
	display:none;
}
#Active3{
	font-size:20px;
	display:none;
}
#Active4{
	font-size:20px;
	display:none;
	
}

#Active1B{
	color:#b9101b;
	text-decoration:none;
	font-size:20px;
	margin-right:10px;
	margin-left:10px;
	display:inline;
	
}
#Active2B{
	color:#4e4e4e;
	text-decoration:none;
	font-size:20px;
	margin-right:10px;
	margin-left:10px;
	display:inline;
	
}
#Active3B{
	color:#4e4e4e;
	text-decoration:none;
	font-size:20px;
	margin-right:10px;
	margin-left:10px;
	display:inline;
	
}
#Active4B{
	color:#4e4e4e;
	text-decoration:none;
	font-size:20px;
	margin-right:10px;
	margin-left:10px;
	display:inline;
	
}
.cabeza img{
	height:70%;
	
}
}
.menuB{
		display:none;
	}
@media screen and (max-width: 700px) {
	.menu{
		display:none;
	}
	.menuB{
	position:fixed;
	top:20px;
	right:20px;
	z-index:99;
display:inline;
}
}
	.Inicia{
		position:fixed;
		width:100%;
		background:#FFF;
		z-index:999999999999999999999999999;
		top:80px;
		display:none;
	}
	.linkMovNo{
		text-decoration:none;
		font-size:22px;
		color:#000;
	}
	.menuMovLin{
		border-bottom:2px solid #000;
		padding:15px;
		text-align:center;
		width:100%;
	}
	.menuMovLin2{
		border-bottom:0px solid #000;
		padding:15px;
		text-align:center;
		width:100%;
	}
	
@media screen and (max-width: 1100px) {
	.contenedor{
	width:100%;
	
	}
	.bgNoso{
	width:100%;
	padding-left:30px;
	padding-right:30px;
	}
}
@media screen and (max-width: 800px) {
	
.contenido{
		top:545px;
		
}
}
@media screen and (max-width: 500px) {
	
.contenido{
		top:345px;
		
}
}

@media screen and (max-width: 1110px) {
	.categoria{

	width:300px;
	height:180px;
	
}
}
@media screen and (max-width: 720px) {
	.categoria{

	width:95%;
	height:260px;
	
}
}
@media screen and (max-width: 520px) {
	.categoria{

	width:95%;
	height:210px;
	
}
}
@media screen and (max-width: 350px) {
	.categoria{

	width:95%;
	height:160px;
	
}
}
@media screen and (max-width: 850px) {
	
	
.contenidoNos{

	width:80%;
	
}


.contactoA{
	
	width:90%;
	
}
.contactoB{
	width:90%;
}
}