@charset "utf-8";
/* CSS Document */

/* home page */
.header-bn1 {
	width: 100%;
	height: 130px;
	margin-top: 20px;
	position: fixed;
	background-color: rgba(93,96,115,.60);
	z-index: 190;
}

.header-bn1-down {
	width: 100%;
	height: 130px;
	margin-top: 20px;
	position: fixed;
	background-color: rgba(93,96,115,1);
	z-index: 200;
}

.header-bn2 {
	width: 100%;
	height: 130px;
	position: fixed;
	background-color: rgba(7,176,242,.0);
	z-index: 190;
}

.header-bn2-down {
	width: 100%;
	height: 85px;
	position: fixed;
	background-color: #0084b7;
	z-index: 2000;
}

.header-bn2-down .logo{
	width: 180px;
	margin-top: -8px;
}

.header-bn2-down .menus {
	height: 90px;
}

.header-bn2-down .menu-paises{
	margin-top: 0px;
}

.header-bn2-down .menu-home{
	padding: 5px 10px;
	margin-top: 0px;
}

.header-bn3 {
	width: 100%;
	height: 130px;
	position: fixed;
	z-index: 190;
}

.header-bn3-down {
	width: 100%;
	height: 130px;
	position: fixed;
	background-color: rgba(93,96,115,1);
	z-index: 200;
}


.home-banner {
	width: 100%;
	height: 650px;
	background-color: #000000;
	background-size: cover;
	background-position: center;
	transition: all .2s ease-in-out;
	background-image: url(https://blogateb.files.wordpress.com/2022/07/colombia-recibefactura-2.gif);
	z-index: 0;
	margin-top: 0px;
	animation: home-banner 30s infinite linear;
}

/*@keyframes home-banner{
	0%{
		background-image:  url(../img/home-header0_tx.gif);
	}
	40%{
		background-image:  url(../img/home-header0_tx.gif);
	}
	41%{
		background-image:  url(../img/home-header1_tx.gif);
	}
	60%{
		background-image:  url(../img/home-header1_tx.gif);
	}
	61%{
		background-image:  url(../img/home-header2_tx.gif);
	}
	80%{
		background-image:  url(../img/home-header2_tx.gif);
	}
	81%{
		background-image:  url(../img/home-header3_tx.gif);
	}
	100%{
		background-image:  url(../img/home-header3_tx.gif);
	}
}*/

.titulos-home1 {
	z-index: 2;
	width: 500px;
	float: left;
	margin-left: 150px;
}

.titulos-home1 h1 {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	color: #ffffff;
	font-size: 55px;
	margin-top: 150px;
}

.titulos-home1 h2 {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 500; 
	color: #ffffff;
	font-size: 30px;
}

.img-home1 {
	float: right;
	margin-top: -100px;
}

.apoyo-home1 {
	width: 600px;
	margin: 20px;
	padding: 10px;
	margin-top: 150px;
	margin-left: 30px;
}

.apoyo-home1 p {
	font-family: 'Nunito', sans-serif;
	color: #5d6073;
	font-size: 18px;
}


/* menú con sus estados */
.menu-home1 {
	font-family:'Nunito', sans-serif;
	font-weight: 700;
	font-size: 13px;
	float: right !important; 
	list-style: none;
	padding: 10px;
	margin: auto;
	z-index: 99;
	margin-right: 100px;
	margin-top: 10px;
}

.menu-home1 li {
	display: block;
	float: left;
}

.menu-home1 li a {
	padding: 10px 10px;
	display: block;
	color: #ffffff;
}

.menu-home1 li a:hover {
	background: #3f4150;
}

/* submenus con sus estados */
.submenu-home1 {
	position: absolute;
}

.submenu-home1 li a {
	width: 130px;
	color: #fff;
	padding: 10px 15px;
	background: #3f4150;
}

.submenu-home1 li a:hover {
	background: #7d8092;
}

.menu-home1 li ul {
	display:none;
	position:absolute;
	min-width:130px;
}
			
.menu-home1 li:hover > ul {
	display:block;
	color: #ffffff;
	
}
			
.menu-home1 li ul li {
	position:relative;
}
			
.menu-home1 li ul li ul {
	right:-140px;
	top:0px;
}



/* página servicios */

.producto2 {
	display: inline-block;
	text-align: center;
}

.cuadro-producto {
	display: inline-block;
	vertical-align: bottom;
	width: 50%;
}

.descripcion2 {
	padding: 30px;
	margin: auto;
}

.descripcion2 h4 {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	color: #5d6073;
	font-size: 32px;
}

.descripcion2 p {
	font-family: 'Nunito', sans-serif;
	color: #5d6073;
	font-size: 18px;
}

.pro-img2 {
	margin: auto;
}

.cuadro-video2 {
	width: 40%;
	display: inline-block;
	margin: auto;
	padding: 30px;
}


/* Footer de la página */
#footer2 {
	width: 100%;
	height: 230px;
	background-color: #5d6073;
}

/* imagenes sat */
#footer-sat2 {
	width: 100px;
	margin: auto;
}

/* redes sociales en footer */
#redes2 {
	width: 200px;
	text-align: center;
	float: right;
	padding-top: 20px;
}

#redes2 li {
	padding: 10px;
	display: inline-block;
}

#redes2 img {
	width: 20px;
}

/* aviso de privacidad */
#aviso-privacidad2 {
	width: 250px;
	font-family: 'Nunito', sans-serif;
	color: #ffffff;
	font-size: 13px;
	padding: 0px 5px;
	text-align: left;
	float: left;
	padding-top: 30px;
}

#aviso-privacidad2 a {
	font-size: 13px;
	color: #ffffff;
}

/* Footer de la página */

/* imagenes sat */
#footer-sat3 {
	width: 100px;
	float: right;
	margin-top: -50px;
	margin-right: 70px;
}

/* redes sociales en footer */
#redes3 {
	width: 300px;
	height: 60px;
	text-align: center;
	margin: auto;
}

#redes3 li {
	padding: 10px;
	display: inline-block;
}

#redes3 img {
	width: 35px;
}

@media (max-width:1000px){
	.home-banner {
		height: 450px;
	}
	
	.header-bn2-down {
		height: 80px;
	}

	.header-bn2-down .logo{
		width: 150px;
	}
	
	.img-home1 {
		text-align: center;
		float: none;
		width: 70%;
		margin: auto;
		margin-top: 50px;
	}
	
	.img-home1 img {
		width: 300px;
	}
	
	.apoyo-home1 {
		display: block; 
		text-align: center;
		width: 90%;
		padding: 20px;
		margin-top: 350px;
		margin: auto;
	}

	.apoyo-home1 p {
		font-size: 16px;
	}
	
	#footer2 {
	height: 350px;
	}
	
	#aviso-privacidad2 {
		width: 100%;
		text-align: center;
		float: none;
		padding-top: 0px;
	}
	
	#redes3 {
		width: 100%;
	}

	#redes3 img {
		width: 30px;
	}
	
	#footer-sat3 {
	width: 100%;
	float: none;
	margin-top: 40px;
	text-align: center;
	}
}


