html {
  scroll-behavior: smooth;
}
body {
	font-family: "Zen Kaku Gothic New", serif;
	font-size: 14px;
	line-height: 14px;
	overflow: auto;
	color: #666666;
	background-color: #fff;
	margin: 0px;
}

.fondo {
	background: linear-gradient(-45deg, #259ED3, #23677E, #99261F, #CA433D);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	height:100vh;
	padding-top:40vh;
}
.fondo1 {

}
.fondo2 {
	background-color:#FFF;
	transition-duration:0.5s;
	animation-name: none;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
@keyframes cambiaFondo {
  0% {background-color: #e85704;}
  40% {background-color: #e85704;}
  75% {background-color: #f66605;}
  80% {background-color: #333;}
  85% {background-color: #f66605;}
  90% {background-color: #e85704;}
  93% {background-color: #333;}
  95% {background-color: #e85704;}
  98% {background-color: #333;}
  100% {background-color: #f66605;}
}
.flex-container {
  display: flex;
  flex-flow: row wrap;
/*  max-width:950px;*/
}
.cuadroLogoPie {
	width:fit-content;
	height: 80px;
	float:left;
	background-color:#FFF;
	padding:20px;
}
.botosTop {
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
	font-family: "Zen Kaku Gothic New", serif;
	font-size: 22px;
	line-height: 20px;
	font-weight: normal;
	color: #666;
	transition-duration: 0.3s;
}
.botosTop:Hover {
	color: #259ED3;
	text-decoration: none;
}
.botosDestacados {
	font-family: "Zen Kaku Gothic New", serif;
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
	color: #666;
	transition-duration: 0.3s;
	border-radius: 18px;
	padding: 6px 12px;
	border: 1px solid #666;
}
.botosDestacados:Hover {
	color: #fff;
	text-decoration: none;
	border: 1px solid #333;
	background-color: #f66605;
	border-radius: 4px;
}
.botosDestacadosRecto {
	font-family: "Zen Kaku Gothic New", serif;
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
	color: #666;
	transition-duration: 0.3s;
	border-radius: 4px;
	padding: 6px 12px;
	border: 1px solid #666;
}
.botosDestacadosRecto:Hover {
	color: #fff;
	text-decoration: none;
	border: 1px solid #333;
	background-color: #f66605;
	border-radius: 8px;
}
.botosDestacadosBlanco {
	font-family: "Zen Kaku Gothic New", serif;
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
	color: #fff;
	transition-duration: 0.3s;
	border-radius: 18px;
	padding: 6px 12px;
	border: 1px solid #fff;
}
.botosDestacadosBlanco:Hover {
	color: #333;
	text-decoration: none;
	border: 1px solid #333;
	background-color: #fff;
	border-radius: 4px;
}
.itemsPerfil {
	float:left;
	padding:50px;
	width:80%;
}
.itemsPerfil p {
	font-size: 20px;
	line-height: 40px;
}
.itemsSoluciones {
	float:left;
	padding:50px;
	width:100%;
}
.itemsSoluciones p {
	font-size: 22px;
	line-height: 30px;
}
.fondoSoluciones {
	background-image: linear-gradient(to bottom right, #ebebeb, #bbb, #ebebeb, #fafafa);
}
.fondoGrilla {
	background-image: url(imagenes/perfil.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size:30%;
}
.cuadroNaranja {
	
}
.cuadroCliente {
	float:left;
	width:24%;
	padding:20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cuadroCliente img {
	max-height: 100%;
	max-width: 100%;
}
.item {
	float:left;
	width:34px;
}
.material-symbols-outlined {
  font-size: 34px;
  line-height: 34px;
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' -25,
  'opsz' 24
}
.cuadroLogo {
	float:left;
	width:40%;
	padding:10px;
}
.logo {
	max-height:90px;
	transition-duration:0.2s;
}
.logoMini {
	max-height:40px;
}
.botonera {
	float:right;
	width:59%;
	padding-top:58px;
	transition-duration:0.2s;
}
.botoneraMini {
	padding-top:4px;
}
p {
	color: #333333;
	font-size: 16px;
	line-height: 22px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	font-family: "Zen Kaku Gothic New", serif;
}
.botonform {
	COLOR: #333;
	height: 40px;
	font-family: "Zen Kaku Gothic New", serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	background-color: #ebebeb;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	text-decoration:none;
	border-radius: 4px;
	border:solid #044cb0 1px;
}
.botonform:hover {
	background-color: #fff;
	text-decoration:none;
}
h1 {
	color: #333333;
	font-family: "Zen Kaku Gothic New", serif;
	font-size: 60px;
	line-height: 80px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.separaTop {
	clear:both;
	float:none;
	height:100px;
}
a {
	color: #333333;
	text-decoration: none;
}
a:Hover {
	text-decoration: underline;
}
A.botos {
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	font-weight: normal;
	font-size: 22px;
	font-family: "Zen Kaku Gothic New", serif;
}
A.botos:Hover {
	color: #EA632E;
	text-decoration: none;
	border-radius: 6px;
}
h3 {
	color: #666666;
	margin-top: 2px;
	margin-bottom: 2px;
	font-family: "Zen Kaku Gothic New", serif;
	font-size: 20px;
	line-height: 30px;
}
h5 {
	color: #333333;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Tahoma;
	font-size: 12px;
	line-height: 12px;
	font-weight: lighter;
	margin-right: 0px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	font-weight: bolder;
	color: #333333;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
A.botosdestacados {
	font-family: "Zen Kaku Gothic New", serif;
	font-size: 30px;
	line-height: 40px;
	font-weight: bold;
	color: #E86632;
	text-decoration: none;
}
A.botosdestacados:Hover {
	text-decoration: underline;
}
h6 {
	font-family: Muli;
	font-size: 2px;
	margin: 0px;
	line-height: 4px;
}
textarea {
	color: #333333;
	border: 1px solid #333333;
	padding: 2px;
	font-family: "Zen Kaku Gothic New", serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	width: 96%;
}
select {
	color: #333333;
	background-color: #F3F3F3;
	border: 1px solid #999999;
	padding: 2px;
	height: 26px;
	font-family: "Zen Kaku Gothic New", serif;
	font-size: 14px;
	font-weight: lighter;
	line-height: 16px;
}
input {
	color: #333333;
	border: 1px solid #333333;
	height: 30px;
	font-family: "Zen Kaku Gothic New", serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
	margin: 0px;
}
.tablaPie {
	background-color:#333;
}
h2 {
	color: #CA433D;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: 30px;
	line-height: 40px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-transform: uppercase;
}
.tablaTop {
	background-color: #fff;
	padding-bottom: 10px;
	padding-top: 10px;
}
a.VerMas {
	font-family: "Zen Kaku Gothic New", serif;
	font-size: 16px;
	line-height: 22px;
	color: #FFFFFF;
	font-weight: bold;
	border-radius: 4px;
	text-decoration: none;
	background-color: #ea632ea3;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
}
a.VerMas:Hover {
	text-decoration: none;
	color: #EBEBEB;
	border-radius: 0px;
}
.break {
	float:none;
	clear:both;
}
.breakMovil {
	float:left;
	clear:none;
}
.pantallaCompleta {
	height:100vh;
	padding-top:10%;
	/*background-image: linear-gradient(to bottom right, #ebebeb, #fff, #ebebeb, #fafafa);*/
}	
.logoPie {
	max-height:44px;
}
.cuadroTextoPie {
	float:right;
	padding-top:10px;
}
.textoPie {
	text-align:right;
}
.dataFiscalPie {
	height:80px;
}
@media screen and (max-width: 1100px) {
	h1 {
	font-size: 30px;
	line-height: 40px;
}
.cuadroLogoPie {
	height: 62px;
}
.dataFiscalPie {
	height:62px;
}
.cuadroTextoPie {
	float:left;
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
}
.textoPie {
	text-align:left;
}
.pantallaCompleta {
	height:100vh;
	padding-top:30%;
}
h2 {
	font-size: 18px;
	line-height: 24px;
}
h4 {
	font-size: 14px;
	line-height: 24px;
}
.breakMovil {
	float:none;
	clear:both;
}
.botonform {
	COLOR: #333;
	height: 30px;
	font-family: "Zen Kaku Gothic New", serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	background-color: #ebebeb;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	text-decoration:none;
	border-radius: 4px;
	border:solid #e12440 1px;
}
.botonform:hover {
	background-color: #fff;
	text-decoration:none;
}
	.padding-separa {
		padding:0px;
	}
	.w3-content {
		width:100%;
		padding-left:10px;
		padding-right:10px;
	}
.separaTop {
	height:72px;
}
.cuadroLogo {
	float:left;
	width:10%;
	padding-left:0px;
	padding-top:16px;
}
.botonera {
	float:right;
	width:85%;
	padding-top: 24px;
}
.tablaTop {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	background-color:#fff;
}
.logo {
	max-height:40px;
}
.logoPie {
	max-height:26px;
}
.logoMini {
	max-height:30px;
	transition-duration:1s;
}
.fondoGrilla {
	background-size:25%;
}
.cuadroCliente {
	float:left;
	width:33%;
	padding:10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cuadroCliente img {
	max-height: 100%;
	max-width: 100%;
}
.itemsPerfil {
	float:left;
	padding:0px;
	width:100%;
}
.itemsPerfil p {
	font-size: 18px;
	line-height: 30px;
}
.itemsSoluciones {
	float:left;
	padding:0px;
	width:100%;
}
.itemsSoluciones p {
	font-size: 20px;
	line-height: 30px;
}
.botosTop {
	margin-top: 10px;
	margin-left: 6px;
	margin-right: 6px;
	float: unset;
	font-size: 16px;
}
}