@charset "UTF-8";
/* CSS Document */
@keyframes fadeIn { 
  from { opacity: 0; } 
}
img{
	border:none; 
}
a{
	text-decoration:none;
}
body{
	margin:0;
	background:#f9f9f9;
	background-attachment:fixed;
	background-size:cover;
	font:300 17px 'Open sans condensed', sans-serif;
	color:#000;
}
.margen{
	width:100%;
	max-width:1200px;
	display:block;
	margin:auto;
}
header{
	background: #f2f2f2; 
}
.pleca{
	font:400 18px 'Montserrat', sans-serif;
	background:#1F3342;
	color:#FFF;
	text-align:right;
	padding:10px 0;
}
.logo{
	width:100%;
	max-width:360px;
	display:block;
	vertical-align:bottom;
	text-align:center;
	padding:0;
}
.logo img{
	width:100%;
	max-width:360px;
	height:auto;
}
nav{
	width:100%;
	display:block;
	vertical-align:bottom;
	margin:0;
	position:relative;
	z-index:100;
}
.col2{width:48%;display:inline-block;vertical-align: top;margin:auto;padding:0.5%;}
.banner{
	width:100%;
	height:auto;
	padding:40px 0;
	background: url("../images/bgSlider.jpg") center top no-repeat;
	background-size: cover;
}
.titleAma{
	font:700 24px 'Open Sans Condensed', sans-serif;
	color:#0d578d;
	padding:0;
	text-transform:uppercase;
}
.ata01{
	width:29%;
	padding:1.5%;
	display:inline-block;
	border-radius:4px;
	background:rgba(255,255,255,0.1);
	margin:1.5% 0;
	text-align:justify;
	vertical-align:top;
}
footer{
	text-align:center;
	font-size:18px;
	background:#1F3342;
	color:#FFF;
	padding:10px 0; 
	font-weight:300;
	text-transform:uppercase;
}
h1{
	font-size:60px;
	margin:0.5em 0;
	line-height:1em;
	font-weight:300;
	text-transform:uppercase;
}
.hh1title{
	vertical-align:bottom;
	padding:110px 0 0 0;
}
.hh2title{
	vertical-align:bottom;
	padding:30px 0 0 0;
}
.img1200{
	width:100%;
	max-width:1200px;
}
.backTitle{
	width:100%;
	height:auto;
	display:block;
	padding:10px 0;
	min-height:237px;
}
.nosotros{
	background:url(../images/nosotros.png) left bottom no-repeat;
}
.productos{
	background:url(../images/productos.png) left bottom no-repeat;
}
.servicios{
	background:url(../images/servicios.png) left bottom no-repeat;
}
.contacto{
	background:url(../images/contacto.png) left bottom no-repeat;
}
.colorA{
	color:#333;
	text-decoration:none;
}
.col50{
	width:44.5%;
	padding:1.5%;
	margin:1.5% 1%;
	border-radius:4px;
	display:inline-block;
	vertical-align:top;
	text-align:justify;
}
.col57{
	width:57%;
	padding:1.5%;
	margin:1.5% 1%;
	background:rgba(255,255,255,0.1);
	border-radius:4px;
	display:inline-block;
	vertical-align:top;
	text-align:justify;
}
.col32{
	width:32%;
	padding:1.5%;
	margin:1.5% 1%;
	background:rgba(255,255,255,0.1);
	border-radius:4px;
	display:inline-block;
	vertical-align:top;
	text-align:justify;
}
.img32{
	width:35%;
	margin:1.5% 1%;
	display:inline-block;
	vertical-align:top;
}
.m1{
	margin:1.5%;
}
.bco{
	color:#333;
	text-decoration:none;
}
.ama{
	color:#0d578d;
	text-decoration:none;
}
.ama:hover{
	color:#555;
}
.col90{
	width:95%;
	padding:1.5%;
	display:block;
	margin:1.5% auto;
	background:rgba(255,255,255,0.1);
	text-align:justify;
	border-radius:4px;
}
h1 img{
	vertical-align:bottom;
	width:auto;
	height:57px;
}
.btnGen{
	width:47%;
	margin:1.5%;
	display:inline-block;
	max-width:258px;
	height:auto;
}
.fade01{
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

   .fade01:hover {
      opacity: 0.5;
      }
	  .col80{
		  width:80%;
		  display:inline-block;
		  vertical-align:top;
	  }
	  .img20{
		  width:20%;
		  max-width:150px;
		  height:auto;
		  display:inline-block;
		  padding:30px 0 0 0;
		  vertical-align:top;
	  }
	  .img20 img{
		  width:100%;
		  max-width:150px;
		  height:auto;
	  }
	  .campo1{
	width:90%;
	max-width:512px;
	background-color:rgba(225, 225, 225, 0.3);
	color:#333;
	font-size:14px;
	border:1px solid #666;
	padding:1%;
	margin:0.5% 0 1.5%;
}
.campo2{
	width:90%;
	max-width:512px;
	background-color:rgba(225, 225, 225, 0.9);
	color:#333;
	font-size:14px;
	border:1px solid #666;
	padding:1%;
	margin:0.5% 0 1.5%;
}
h3{
	font-size:1.875em;
	margin:0.875em 0;
	font-weight:400;
}
.txtInfo{
	font-size:12px;
	text-align:center;
}
.centro{
	text-align:center;
}
.btn2{
	cursor: pointer; 
	padding: 5px 10px; 
	background: #36a9e0; 
	color: #fff; 
	display: inline-block; 
	border: none; 
	font:400 18px 'Montserrat', sans-serif;
}
.img27{
	width:27%;
	height:auto;
	display:inline-block;
	vertical-align:top;
}
.col70{
	width:70%;
	display:inline-block;
	vertical-align:top;
	margin:0 1% 0 0;
}
.img50{
	width:100%;
	max-width:700px;
	height:auto;
}
.tel{width:auto;display:inline-block;padding:7px 1.5%;font:700 21px 'Open Sans Condensed';color:#FFF;background:#22225f;border-radius:100px;float:right;margin:2px;}
.tel:hover{background:#0d578d;}
.bgTitle{background:#22225f;padding:5px 10px;color:#FFF;}
.bg01{width:97%;padding:30px 1.5%;display:block;background:url("../images/bgAdhesion.jpg") center center no-repeat;background-size:cover;}
.txtBco{color:#FFF;}
.gris{color:#FFF;}
.txt45{font-size:45px;}
.bgGris{background:rgba(88,88,87,0.1);}
.der{text-align:right;
	
}
@media screen and (max-width:603px){
	.logo{
		width:100%;
		display:block;
		padding:5px 0;
		margin:auto;
	}
	.pleca{
		text-align:center;
	}
	nav{
		width:100%;
		display:block;
		margin:auto;
	}
	.ata01,.col32,.col57,.col50,.img32{
		width:95%;
		display:block;
		margin:1.5% auto;
	}
	.m1{
		margin:1.5% auto;
	}
	h1{
		font-size:33px;
		text-align: center;
	}
	.bgTitle{display:block;}
	.hh1title,.hh2title{
		padding:0;
	}
	.backTitle{
		margin:10px 0 0 0;
		min-height:0;
	}
	.nosotros,.servicios,.contacto,.productos{
		background-size:contain;
		background-position:left top;
	}
	h1 img{
		display:none;
	}
	.img20{
		display:none;
	}
	.col80{
		width:100%;
	}
	.tel{float:none;margin:auto;}
	header{text-align: center;}
}
@media (min-width:604px) and (max-width:900px){
	.logo{
		width:40%;
	}
	nav{
		width:58%;
	}
	.nosotros,.productos,.servicios,.contacto{
		background-size:contain;
	}
	.hh1title{
		padding:30px 0 0 0;
	}
	.backTitle{
		min-height:0;
	}
}
@media (min-width:1000px) and (max-width:1024px){
	.logo{
		width:30%;
		display:block;
		margin:2% auto 1%;
	}
	nav{
		width:100%;
		max-width:875px;
		display:block;
		margin:auto;
	}
	.nosotros,.productos,.servicios,.contacto{
		background-size:contain;
	}
}