@font-face{
	font-family:MYRIADPRO-SEMIBOLD;
	src:url('https:/gestordepartes.net/css/fonts/MYRIADPRO-SEMIBOLD.OTF');
	font-family:MYRIADPRO-BOLDIT;
	src:url('css/fonts/MYRIADPRO-BOLDIT.OTF');
}


* {
	padding: 0;
	margin: 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	/*font-family: 'Roboto Slab', serif;*/
	/*font-family: 'MYRIADPRO-SEMIBOLD';*/
	/*font-family: 'Indie Flower', cursive;*/
	font-family: 'Rubik', sans-serif;
}

body {
	background: #F2F2F2;
}

a {
	text-decoration: none !important;
	color: #08344a ;
	font-weight: 600 !important;
	font-size: 17px !important;
}

a:hover
{
	color: #fff;
}

.contenedor {
	width: 100%;
	/*max-width: 1000px;*/
	margin: auto;
	/*padding-bottom: 120px;*/
}

/* ----- ----- HEADER ----- ----- */
header {
	width: 100%;
	text-align: center;
	padding: 1px 0;
	background: none;
	z-index: 3;
	position: absolute;}

	header .header-left
	{
		/*background-color: #fff;*/
		color: #8492a6;
		width:30%;
		float:left;
		/*background-color: #ff9d00;*/
	}

	header .header-img
	{
		width: 100%;
		max-width: 235px;
		margin-top: -25px;
	}

	header .header-right
	{
		/*background-color: /*rgba(260,120,0,.7)*/;
		width:70%;
		float:right;
		height: 87px;
	}

	header h1 {
		font-weight: normal;
		font-size: 40px;
		line-height: 40px;
		margin-bottom: 10px;
	}

	header h2 {
		font-weight: 300;
		font-size: 24px;
		line-height: 24px;
		color: #919191;
	}

	header nav{
		/*background: #3498db;*/
		margin-bottom: 10px;

	}


	header nav ul{
		list-style: none;
		overflow: hidden;
	}

	header nav ul li
	{
		float:left;
	}

	header nav ul li a
	{
		display: block !important;
		padding: 20px !important;
		color: #fff !important;
		font-size: 20px !important;
		text-decoration: none !important;
	}

	header .menu
	{
		-webkit-transition: all ease .5s;
		-o-transition: all ease .5s;
		transition:all ease .5s;
		overflow: hidden;
		height: 70px;
		z-index: 1;
	}

	header nav ul li a:hover{
		color:rgb(242, 94, 9);
		transform: scale(1.1);
		border-radius:10px;
	}

	header nav ul li a{
		transition: 0.5s;

	}

	.nav-ocult
	{
		display: none;
	}



	/*--------MENU PEGAJOSO-----------*/
	.menu-fixed
	{
		position: fixed;
		z-index: 1000px;
		top:0;
		width: 100%;
		/*max-width: 1000px;*/
		box-shadow: 0px 4px 3px rgba(0,0,0,.5);
		background-color: #08344a;
	}

	.menu-nofixed
	{
		width: 100%;
		/*max-width: 1000px;*/
		box-shadow: 0px 4px 3px rgba(0,0,0,.5);
		background-color: #08344a;
	}

	.menu-fixed ul li a{
		/*padding: 25px 20px;*/
		color:#ffffff;
	}

	.menu-fixed nav ul{
	}
	/*------------- ESTILO PARA SERVICIOS ---------------*/
	/*#list-services > li:hover{
		filter: grayscale(0);
		transform: scale(1.1);
		}*/
		#list-services > li {
			transition: 0.5s;
		}
		#list-services
		{
			list-style: none;
			margin: 0;
		}

		#list-services li
		{
			margin: 5px 0%;
			/* padding-bottom: 0px; */
			padding-top: 10px;
			display: inline-grid;
			border-radius: 10px;
			width: 25%;
			border: 1px solid #143847;
		}

		.quebusca-img.padentro {
			padding: 22px;
			/* box-shadow: 0 3px 20px 0px #143847; */
			/* border-width: 4px !important; */
			/* border-style: solid; */
			border: 1px solid #143847;
			background: #e3e3e3;
		}
		.quebusca-img {
			color: aliceblue;
			width: 135px;
			height: 130px;
			border-radius: 100%;
			padding: 5px;
		}

		.content-plan-paginicio
		{
			height:100px;
		}


		video{
			position: absolute;
			width: 100%;
			/* min-width: 100%; */
			/* min-height: 100%; */
			/* top: 50%; */
			/* left: 50%; */
			transform: translateX(0%) translateY(0%);
			/* z-index: -1; */
		}

		.enlamitad
		{
			max-width: 1100px;
			width:100%;
		}

		.enlamitad-2
		{
			max-width: 1220px;
			width:100%;
			overflow: -webkit-paged-y;
			/*padding-top: 20px;*/
			padding-top: 90px;
		}

		.full
		{
			width: 100%;
			/*background: #f9f1ed;*/
			text-align: -webkit-center;
		}

		.border-content-izq
		{
			float:left;
			border: 5px solid #ff7e00;
			width: 50%;
			height: 360px;
			margin-right: 5px;
			margin-bottom: 10px;
		}

		.border-content-der
		{
			float: right;
			border: 5px solid #ff7e00;
			width: 49%;
			height: 360px;
			margin-left: 5px;
			margin-bottom: 10px;
		}

		#list-services li > h2, #list-services li > p
		{
			color: #000;
			padding-left: 2px;
			padding-right: 2px;
		}

		/* ----- ----- MAIN ----- ----- */
		main {
			width: 100%;
			background: #ffffff;
		}

		main nav {
			width: 100%;
			/*display: flex;*/
			/*margin-bottom: 35px;*/
		}

		main nav .btn-menu {
			display: inline-block;
			width: 65px;
			height: 65px;
			border: 1px solid #f8f9fa;
			background: #ff8309;
			cursor: pointer;
			font-size: 28px;
			margin-right: 20px;
			margin-top:5px;
			transition: .3s ease all;
			display: none;
			border-radius: 10px;
			margin-left: 5px;
		}

		main nav .btn-menu:hover {
			border:1px solid #828282;
			color: #828282;
		}

		main nav .banner {
			display: inline-block;
			width: 100%;
			background: url(../images/banner.jpg);
			background-size: cover;
			text-align: center;
			height: 65px;
			line-height: 65px;
			font-size: 26px;
			font-weight: 300;
			color: #fff;
		}

		main .productos {
			display: flex;
			justify-content: space-between;
		}

		main .productos figure {
			max-width: 320px;	
			box-shadow:0px 3px 6px rgba(0,0,0,.16);
		}

		main .productos img {
			vertical-align: top;
			width: 100%;
		}


		.button-abajo-planes
		{
	       /* position: fixed;
	       bottom: 22px;*/
	   }

	   main .productos figure figcaption a {
	   	background: #000;
	   	display: inline-block;
	   	width: 100%;
	   	display: flex;
	   	justify-content: space-between;
	   	color: #fff;
	   	height: 60px;
	   	line-height: 60px;
	   	padding: 0 20px;
	   	font-weight: 300;
	   }
	   /*-----------------------------*/
	   /*------------FORMULARIO DE EMPRESAS-------------*/
	   .formu-empresa
	   {
	   	/*background: radial-gradient(#FFF176, #f57f17ab);*/
	   	background-color: #08344a;
	   	/*background: none;*/
	   	color: #000;
	   	height: auto;
	   	border: 2px solid #ff7e00;
	   	float:right;
	   	width: 50%;
	   	margin:0px 20px;
	   	/*padding: 30px;*/
	   	padding-bottom: 10px;
	   	text-align: center;
	   	border-radius:15px;
	   }

	   .formu-empresa input
	   {
	   	width: 100%;
	   	width: 100%;
	   	height: 50px;
	   	font-size: 18px;
	   	margin-top: 15px;
	   	border-radius: 4px;
	   	outline: 0;
	   	padding: 10px 10px;
	   	transition: background-color .2s ease;
	   }

	   input[type="text"], input[type="password"] {
	   	border-radius: 4px;
	   	border: 1px solid rgba(0,0,0,0.2);
	   	color: #58595f;
	   	box-shadow: none;
	   	height: 3rem;
	   	outline: 0;
	   }

	   input[type="submit"] {
	   	background: #ff8309;
	   }

	   input[type="submit"]:hover, input[type="button"]:hover {
	   	color: white;
	   	border: 2px solid /*rgba(255,255,255,0.1)*/ #ff7e00;
	   	border-radius: 5px;
	   	background: #ff7e00;
	   }
	   /* ---------------------------------------------- */

	   /* ------------------------- */
	   /* Pushbars: Estilos Generales */
	   /* ------------------------- */
	   .pushbar{
	   	/*background:#000;*/
	   	color: #fff;
	   	padding: 20px;
	   }

	   .pushbar .btn-cerrar.derecha{
	   	text-align:right;
	   }

	   .pushbar .btn-cerrar button{
	   	background: none;
	   	color:#808080;
	   	border: none;
	   	cursor:pointer;
	   	font-size: 20px;
	   }

	   .planes > li
	   {
	   	list-style: none;
	   	width: 32%;
	   	height:305px;
	   	padding: 10px;
	   	margin: 5px;
	   	border: 2px solid #08344a;
	   	/*display: inline-block;*/
	   	display: inline-table;
	   }

	   .title-plan
	   {
	   	/*background: radial-gradient(#FFF176, #F57F17);*/
	   	margin-bottom: 10px;
	   	background-color: #08344a;
	   }

	   .title-plan h2{
	   	color:#ffffff;
	   }
	   .content-plan p
	   {
	   	color:#ffffff;
	   	font-size: 15px;
	   }

	   .content-plan
	   {
	   	height: 470px;
	   	/* background: radial-gradient(#FFF176, #F57F17); */

	   	text-align: left;
	   	padding: 20px;
	   }

	   .space-check
	   {
	   	margin-right:10px;
	   }

	   .content-full-plan
	   {
	   	background-color: #08344a;
	   }

	   .prueba-gratis
	   {
	   	border: 3px solid #08344a;
	   	margin-bottom: 10px;
	   }

	   .enlamitad h1
	   {
	   	font-family: 'Archivo Black', sans-serif;
	   	color: #08344a;
	   }
	   .enlamitad h1 font
	   {
	   	font-weight: 700;
	   }
	   /* ----- ----- Pushbar: Menu de Navegacion ----- ----- */
	   .pushbar-menu a{
	   	display:block;
	   	color:#000;
	   	padding: 20px 0;
	   	border-bottom: 1px solid rgba(112,112,112, .90);
	   	font-weight: 300;
	   	font-size:18px;
	   	transition:.3s ease color;
	   }

	   .pushbar-menu a:hover{
	   	color: #FFF;
	   }

	   .logo-presentacion
	   {
	   	width: auto;
	   	height: auto;
	   }

	   .footer-sca
	   {    height: 370px;
	   	display: inline-block;
	   	width: 100%;
	   	/* background-color: #d08f50; */
	   	background-color: #08344a;
	   	/*margin-bottom: 10px;*/
	   	padding-top: 20px;
	   	text-align: center;
	   	padding: 25px;
	   }
	   .column-inicio
	   {
	   	border: 3px solid #ffffff;
	   	height: 100px;
	   	list-style: none;
	   	width: 26%;
	   	margin-right: 25px;
	   	display: inline-table;
	   	border-radius: 10px;
	   }
	   .column-inicio > h2{
	   	color: #fff;
	   	/*display: table-caption;*/
	   }

	   ul li .column-items
	   {
	   	background-color: rgba(255, 255, 255, 0.7);
	   	height: 35px;
	   	margin: 10px;
	   }

	   /*--------------SECCIONES DIVIDIDAD---------*/
	   .section1
	   {
	   	/*background-image: url(../images/banner-inicio.png); */
	   	/* height: -webkit-fill-available; */
	   	background-color: #ffffff;
	   	width: 100%;
	   	height: auto;
	   	/* height: 560px; */
	   	/* margin-bottom: 35px;*/
	   }
	   .section2
	   {
	   	background-color: #ffffff;
	   	width: 100%;
	   	/*height: 500px;*/ 
	   }
	   .section3
	   {
	   	/*background-color: rgba(245, 222, 179);*/
	   	background-color:#ffffff;
	   	width: 100%;
	   	height: auto;
	   	margin-top:10px;
	   }

	   .all-image
	   {
	   	/* height: 41rem; */
	   	height: auto !important;
	   	background-size: contain !important;
	   	/* background-position: center; */
	   	background-repeat: no-repeat !important;
	   	/* background-position: 0 20%; */
	   	position: relative !important;
	   }

	   .button {
	   	padding: 1.1rem 2.5rem;
	   	margin: 1rem 0;
	   	background: #00b19d;
	   	color: #f5f5f5;
	   	border-radius: 5px;
	   	border: none;
	   	font-size: 1.3rem;
	   	-webkit-transition: all .2s ease;
	   	transition: all .2s ease;
	   	border: 1px solid #00c3ad;
	   	display: inline-block;
	   	font-weight: 400;
	   	border: 2px solid #00b19d;
	   }

	   .button.large {
	   	font-size: 1.6rem;
	   	padding: 1.2rem 3rem;
	   }

	   .button.outline {
	   	color: #fff;
	   	border: 2px solid #fff;
	   	background: #ff7e00;
	   	border-radius: 10px;
	   }	

	   .footer-sca .column .column-inicio > div:hover
	   {
	   	background:rgb(242, 94, 9);
	   	transform: scale(1.06);
	   }

	   .footer-sca .column .column-inicio > div{
	   	transition: 0.5s;
	   }

	   .card-paginicio
	   {
	   	max-width: 1200px;
	   	width: 100%;
	   	text-align: center;
	   	/*margin-top: 20px;*/
	   	/*background-color: #fff;*/
	   	flex: 1 1 auto;
	   	/*padding: 1.25rem;*/
	   	padding-top: 15px;
	   	padding-bottom: 1px;
	   }

	   .card-title
	   {
	   	font-family: "Poppins", sans-serif !important;
	   	font-weight: 700;
	   	color: #ff7e00;
	   	margin-bottom: 22px;
	   	font-size: 20px;
	   	text-transform: capitalize;
	   }

	   .formulario-empresa form h1
	   {
	   	font-size: 15px;
	   	color:#fff;
	   }

	   .formulario-empresa form h1 img
	   {
	   	font-size: 15px;
	   }

	   .card-text-principal
	   {
	   	/*border: 2px solid rgba(260,120,0,.7); */
	   	/* background: radial-gradient(#FFF176, #f57f17ab); */
	   	border-radius: 10px;
	   	/*margin-top: 60px;*/
	   	background: #ff8309;
	   	/* color: #fff; */
	   }
	   .card-title-module
	   {
	   	font-size: 30px;
	   	text-align: center;
	   	color: #fff;
	   }

	   .list-module
	   {
	   	height: 100px;
	   	list-style: none;
	   	width: 24%;
	   	display: inline-table;
	   	/*border: 2px solid #000;*/
	   	width: 45%;
	   	margin: 15px;
	   }

	   .module-icon
	   {
	   	margin: 5px 15px 5px 15px;
	   	border: 1px solid #08344a;
	   	height: 100px;
	   	border-radius: 20%;
	   	width: 100px;
	   	float:left;
	   }

	   .module-content
	   {
	   	margin: 5px 0px 5px 0px;
	   	height: auto;
	   	width: 74%;
	   	box-sizing: border-box;
	   	border: 1px solid #08344a;
	   	float: right;
	   }

	   .espec-title
	   {
	   	color: #404852;
	   	margin-top: 5px;
	   	text-align: left;
	   	margin-left: 5px;
	   }
	   .module-content p
	   {
	   	font-size: 13px;
	   }

	   .btn-crearcuenta
	   {
	   	/*display:inline-flex;*/
	   	float:right;
	   	margin:17px;
	   	border-radius: 10px;
	   }

	   .btn-crearcuenta button
	   {
	   	border-radius: 10px;
	   	background-color: #267eb5;
	   	border-color: #fff;
	   	color: #fff;
	   	font-weight: 700;
	   }

	   .text-alfrente
	   {
	   	position: relative;
	   	z-index: 1;
	   }

	   .dsn-pass
	   {
	   	background-color: #ff7e00;
	   	margin-bottom: 15px;
	   	border-radius: 5px;
	   	padding: 10px;
	   	color: #fff;
	   	text-align: center;
	   }
	   .btn-olvpass
	   {
	   	background-color: #ff7e00;
	   	margin-top: 15px;
	   	border-radius: 5px;
	   	padding: 5px;
	   	color: #fff;
	   	text-align: center;
	   	width: 48%;
	   	height: 45px;
	   }

	   .btn-olvpass a, .btn-olvpass button 
	   {
	   	color:#fff;
	   	font-size: 17px;
	   }

	   .btn-olvpass:hover
	   {
	   	background-color: #fff;
	   }

	   .btn-olvpass a:hover, .btn-olvpass button:hover
	   {
	   	color:#000;
	   }


	   .btn-google
	   {
	   	border: 2px solid #CDD2D4;
	   	padding: 12px 12px;
	   	font-size: 19px;
	   	background-color: #fff;
	   	border-radius: 3px;
	   	width:40%;
	   	margin-top:10px;
	   }

	   .btn-crearcuenta button:hover
	   {
	   	background-color: #e9ecef;
	   	/*border-color:#ff7e00;*/ 
	   	color:#000;
	   }

	   .btn-crearcuenta button:active{
	   	background-color: #ff7e00 !important;
	   }

	   .btn-crearcuenta.btn-iniciarsesion button
	   {
	   	text-align: center;
	   	height: 43px !important;
	   	width: 100% !important;
	   }

	   .btn-crearcuenta.btn-iniciarsesion
	   {
	   	float:none !important;
	   	margin:0px !important;
	   }

	   /* ----- ---- Estilos del header con el video ----- -----*/
	   .header-video {
	   	height: 64rem;
	   	background-size: cover;
	   	background-position: center;
	   	background-repeat: no-repeat;
	   	background-position: 0 20%;
	   	position: relative;
	   }

	   .header-video video {
	   	min-width: 100%;
	   	min-height: 100%;
	   }

	   .header-overlay {
	   	height: 100vh;
	   	width: 100vw;
	   	position: absolute;
	   	top: 0;
	   	left: 0;
	   	background: #303952;
	   	z-index: 1;
	   	opacity: .85;
	   }

	   .header-content {
	   	z-index: 2;
	   	/*position: absolute;*/
	   	bottom:0px;
	   	text-align: center;	
	   	width: 100%;
	   }

	   .header-overlay {
	   	height: 100vh;
	   	width: 100vw;
	   	position: absolute;
	   	top: 0;
	   	left: 0;
	   	background: #303952;
	   	z-index: -1;
	   	opacity: .45;
	   }

	   .help-block p {
	   	color: #ededed;
	   	font-weight: 400;
	   	font-family: inherit;
	   	/* z-index: 9999; */
	   }

	   .btn-invideo
	   {
	   	float:none;
	   	text-align: center !important;
	   }

	   .header-content p {
	   	font-size: 15px;
	   	display: block;
	   	
	   }

	   .header-video {
	   	height: 100vh;
	   	display: flex;
	   	align-items: center;
	   	color: #fff;
	   }

	   .title-video-o
	   {
	   	padding: 10px;
	   	font-family: 'Archivo Black', sans-serif;
	   }

	   .logo_dian
	   {
	   	height: 60px;
	   }

	   /* ----- ----- Pushbar: Carrito de Compras ----- ----- */

	   /* ----- ----- Pushbar: Productos ----- ----- */

	   /* ----- ----- Pushbar: Formulario Newsletter  ----- ----- */

	   /* ------------------------- */
	   /* MEDIA QUERIES */
	   /* ------------------------- */
	   @media screen and (max-width: 1025px)
	   {
	   	.module-icon
	   	{
	   		float:none;
	   		margin:15px;
	   	}
	   	.border-content-izq
	   	{
	   		margin-top:20px;
	   		margin-bottom:20px;
	   	}
	   	.border-content-der
	   	{
	   		margin-top:20px;
	   		margin-bottom:20px;
	   	}
	   	iframe
	   	{
	   		width: 100%;
	   	}
	   	header .menu
	   	{
	   		height: 85px;
	   	}

	   	.btn-crearcuenta
	   	{
	   		float:none;
	   		margin:0px;
	   	}
	   	.section1
	   	{
	   		width: 100%;
	   		/*height: -webkit-fill-available;*/
	   	}
	   	.formu-empresa
	   	{
	   		width: 100% !important;
	   		margin: 0px;
	   	}
	   	.logo-presentacion {
	   		width: 100%;
	   	}

	   	header
	   	{
	   		margin-bottom:10px;
	   	}
	   }
	   @media screen and (max-width: 910px)
	   {
	   	.content-plan{
	   		height: auto;
	   	}
	   	.logo_dian
	   	{
	   		margin-bottom: 120px;
	   	}
	   	.header-content p {
	   	padding-bottom: 2rem;
	   }
	   	#h1vid1 {
	   		font-size: 27px !important;
	   	}

	   	.enlamitad {
	   		margin-bottom: 15px;
	   	}

	   	.btn-crearcuenta.btn-invideo
	   	{
	   		float:none;
	   	}
	   	header .menu
	   	{
	   		height: 70px;
	   	}

	   	.btn-crearcuenta
	   	{
	   		float:right;
	   		margin:17px;
	   	}
	   	#pushbar123
	   	{
	   		display: none;
	   	}
	   	header
	   	{
	   		display: block;
	   	}

	   }

	   @media screen and (max-width: 909px)
	   {
	   	
	   	.formulario-empresa form h1
	   	{
	   		margin-top: 15px;
	   	}
	   	.card-title-module
	   	{
	   		font-size: 22px;
	   	}
	   	.menu-nofixed
	   	{
	   		width: 100%;
	   		/*max-width: 1000px;*/
	   		box-shadow: none;
	   		background-color: aliceblue;
	   	}
	   	video
	   	{
	   		width:auto !important;
	   	}
	   	.full
	   	{
	   		background-image: none !important;
	   	}

	   	.wrap-login100 {
	   		width: 100% !important;
	   		/* background: #f2000000; */
	   	}
	   	main nav .btn-menu
	   	{
	   		display: block;
	   	}
	   	#pushbar123
	   	{
	   		display: block;
	   	}
	   	header
	   	{
	   		display: none;
	   	}
	   	.nav-ocult
	   	{
	   		display: flex;
	   		box-shadow: 0px 4px 3px rgba(0,0,0,.5);
	   		background-color: #08344a;
	   	}
	   	.border-content-izq {
	   		margin-top: 45px;
	   	}
	   	.enlamitad-2
	   	{
	   		padding-top: 0px;
	   	}
	   	.column-inicio
	   	{
	   		margin-bottom: 10px;
	   	}

	   	.list-module
	   	{
	   		width: 100%;
	   		margin:0 0 10px 0;
	   	}
	   	.module-content
	   	{
	   		width: 100%;
	   		margin: 0px;
	   		float: none;
	   	}
	   	ul.planes > li
	   	{
	   		width: 95%;
	   		height:auto;
	   	}
	   	.footer-sca
	   	{
	   		height: auto;
	   	}

	   	.column-inicio {
	   		width: 100%;
	   	}

	   	.border-content-der
	   	{
	   		width: 100%;
	   	}

	   	iframe
	   	{
	   		width: 100%;
	   	}
	   	.border-content-izq
	   	{
	   		width: 100%;
	   	}

	   	#list-services > li {
	   		width: 90%;
	   	}



	   	.section1 {
	   		width: 100%;
	   		height: auto;
	   		overflow: hidden;
	   	}
	   }

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

	   	header h1 {
	   		font-size: 30px;
	   		line-height: 30px;
	   	}

	   	header h2 {
	   		font-size: 16px;
	   		line-height: 16px;
	   	}

	   	main nav .banner {
	   		font-size: 14px;
	   	}

	   	main .productos {
	   		flex-direction: column;
	   		align-items: center;
	   	}

	   	main .productos figure {
	   		margin-bottom: 40px;
	   	}
	   }

