body, html{
	margin:0;
	overflow-x:hidden;
	background: #F7F4F0 !important;
	color: #3B4935 !important;
	font-family: 'DIN';
}

.centra{
	width:100%;
	height:100vh;
	display: table;
	position:relative;
	z-index:100;
}

.centrado{
	width:100%;
	height:100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.txtComo{
	margin-top:80px;
}



.logoHome{
	max-width:400px;
	width:80%;
}


ul.lista1 {
	list-style-image: url('../img/bullet.png');
}

.txtBullet{
	padding-left: 16px;
	text-align: justify;
}

.headHome{
	position: absolute;
	width:100%;
	top:30px;
	text-align: right;
	color:#FFFFFF;
	font-size: 14px !important;
	font-family: 'DINBold';
	z-index:101;
}

.headHome a{
	text-decoration: none !important;
	color: #FFFFFF;
	font-family: 'DINBold';
	font-size:14px !important;
}

.headHome a:hover{
	text-decoration: none !important;
	color: #FFFFFF;
	font-family: 'DINBold';
	font-size:14px !important;
	border-bottom: 1px solid #E43A3A;
	padding-bottom:3px;
}

.container{
	position: relative;
}

.diagonal{
	padding-left:15px;
	padding-right: 15px;
}

.head{
	position:fixed;
	z-index:99;
	top:0px;
	padding-top:20px;
	left:0;
	width:100%;
	background: #F7F4F0 !important;
}

.logo{
	width:180px;
	height:60px;
}

.nav{
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-7px;
	color: #3B4935;
	font-family: 'DINBold';
	font-size:14px;
}

.nav a{
	text-decoration: none !important;
	color: #3B4935;
	font-family: 'DINBold';
	font-size:14px;
}

.nav a:hover{
	text-decoration: none !important;
	color: #3B4935;
	font-family: 'DINBold';
	font-size:14px;
	border-bottom: 1px solid #E43A3A;
	padding-bottom:3px;
}

.actv{
	border-bottom: 1px solid #E43A3A;
	padding-bottom:3px;
}

.btnNosotros, .btnFunciona, .btnServicios, .btnContacto{
	padding-bottom:3px;
}

.seccion{
	padding-top:150px;
	padding-left:80px;
	padding-right: 80px;
	padding-bottom:120px;
}

#contacto{
	padding-bottom:120px
}

.titulo{
	 font-family: 'DINBold';
	 color: #3B4935;
	 font-size:22px;
	 max-width:300px;
	 width:100%;
}

.titulo1{
	 font-family: 'DINBold';
	 color: #3B4935;
	 font-size:22px;
	 max-width:320px;
	 width:100%;
}

.txt{
	margin-top:30px;
	text-align: justify;
}

hr{
	margin-top:60px !important;
	margin-bottom:60px !important;
	border-top:2px solid #3B4935 !important;
	border: 0 none #3B4935;
	display: block;
	clear: both;
	opacity: 1;
}

.derecha{
	padding-left:20%;
	padding-right:20%;
}

.circuloOfrecemos{
	width:200px;
	height:200px;
	margin-top:30px;
}

.mas{
	width:20px;
	height:19px;
	margin-top:30px;
}

.headHome, .headHome a{
	text-align: left;
	font-size:12px;
}

.esquema{
	width:70%;
}



#columnas{
	margin-top:100px;
}

#columnasSmall{
	display:none;
}

.txtValor{
	width:80%;
	margin-top:40px;
	margin-left:auto;
	margin-right: auto;
	text-align: center;
}

.icono{
	width:90px;
}



hr.rojo{
	margin-top:20px !important;
	margin-bottom:20px !important;
	border-top:2px solid #E53838 !important;
	border: 0 none #E53838;
	display: block;
	clear: both;
	opacity: 1;
}

#colAlianzas{
	margin-top:60px;
}

.txtBulletS{
	padding-right: 20px;
	padding-left: 10px;
}

#col-a{
	border-right:solid 1px #3B4935;
	padding-top:3px;
	padding-bottom:3px;
}

#col-a1{
	border-right:solid 0px #3B4935;
	padding-top:3px;
	padding-bottom:3px;
}

#colServ{
	margin-top:60px;
}

#colServSmall{
	display:none;
}

.txtServ{
	width:90%;
	margin-left:auto;
	margin-right: auto;
	font-size:14px;
}

.circuloServicos-1, .circuloServicos-2, .circuloServicos-3, .circuloServicos-4, .circuloServicos-5{
	width:160px;
	margin-bottom:40px;
	cursor:pointer;
	margin-top:60px;
}

.txtServicios-1, .txtServicios-2, .txtServicios-3, .txtServicios-4, .txtServicios-5{
	display:none;
}


.formulario{
	max-width: 800px;
	width:100%;
	height:630px;
	margin-left: auto;
	margin-right: auto;
	margin-top:50px;
}





@media (max-width: 768px){

	.esquema{
		width:100%;
	}

	.nav{
		position:relative;
		right:auto;
		top:auto;
		margin-top:10px;
		font-size:12px;
	}

	.nav a, .nav a:hover{
		font-size:12px;
	}

	.diagonal{
		padding-left: 5px;
		padding-right: 5px;
	}

	.seccion{
		padding:0;
		padding-bottom:100px;
		padding-top:160px;
	}

	.txtBullet{
		padding-right: 20px;
	}



	.derecha{
		margin-top:30px;
		padding:0;
	}


	#columnas{
		display:none;
	}

	#columnasSmall{
		margin-top:100px;
		display:block;
	}

	.txtValor{
		width:100%;
		margin-top:100px;
		margin-bottom:100px;
		text-align: center;
	}

	#col-a{
		border-right:solid 0px #3B4935;
		padding-top:3px;
		padding-bottom:3px;
	}

	#colServ{
		display:none;
	}

	#colServSmall{
		display:block;
		margin-top:20px;
	}

	.txtServ{
		width:100%;
		margin-top:40px;
		margin-bottom:40px;
	}

	.circuloServicos-1, .circuloServicos-2, .circuloServicos-3, .circuloServicos-4, .circuloServicos-5{
		width:160px;
		margin-bottom:30px;
		cursor:pointer;
		margin-top:20px;
	}



}













@font-face {
  font-family: 'DIN';
  src: url('../fonts/DIN.eot');
  src: url('../fonts/DIN.eot?#iefix') format('embedded-opentype'),
       url('../fonts/DIN.svg#DIN') format('svg'),
       url('../fonts/DIN.ttf') format('truetype'),
       url('../fonts/DIN.woff') format('woff'),
       url('../fonts/DIN.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DINBold';
  src: url('../fonts/DINBold.eot');
  src: url('../fonts/DINBold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/DINBold.woff2') format('woff2'),
  	   url('../fonts/DINBold.svg#DINBold') format('svg'),
       url('../fonts/DINBold.ttf') format('truetype'),
       url('../fonts/DINBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}