/* Cache file:2534_ja-JP_20250218002010.css*/
body {
margin:0px;
}

html.popup-visible, html.uc-popup-visible {
overflow:hidden;
}
html.popup-visible.popup-ios body, html.uc-popup-visible.uc-popup-ios body {
position:fixed;
width:100vw;
}
html.popup-visible.popup-ios .popup-mask, html.uc-popup-visible.uc-popup-ios .uc-popup-mask {
-webkit-overflow-scrolling:touch;
}
html {
}
.I23297 {
display:flex;
flex-direction:column;
position:relative;
min-height:100vh;

	
}
.I23297:hover {
}

.I23298 {
display:flex;

order:4;

}
.I23298:hover {
}

.I23299 {
display:flex;
position:var(--I23299-position-static-computed, static);
flex-direction:column;
align-items:flex-start;

order:1;
width:100%;

}
.I23299:hover {
}


.I23300 {
display:flex;
position:var(--I23300-position-static-computed, static);
flex-direction:column;
align-items:flex-start;

order:1;
flex:auto;

}
.I23300:hover {
}


.I23301 {
display:flex;
position:var(--I23301-position-static-computed, static);
flex-direction:column;
align-items:flex-start;

order:8;
width:100%;
height:326px;
margin-bottom:20px;
padding-bottom:20px;
padding-top:20px;
background-color:rgb(230,230,230);

align-items:center;


}
.I23301:hover {
}


.I23302 {
display:flex;
position:var(--I23302-position-static-computed, static);
flex-direction:column;
align-items:flex-start;

order:2;
}
.I23302:hover {
}


.I23303 {
display:flex;
position:var(--I23303-position-static-computed, static);
flex-direction:column;
align-items:flex-start;

order:6;
width:100%;
padding-bottom:15vh;
padding-top:15vh;
background-image:url('https://www.genexus.com/media/images/fdo_sd_caracteristicas.jpg?timestamp=20171211190947');

align-items:center;
justify-content:center;


}
.I23303:hover {
}

@media (max-width:640px) {
.I23303 {

width:80%;
height:auto;
padding-bottom:8vh;
padding-left:10%;
padding-right:10%;
padding-top:4vh;
background-clip:padding-box;
background-repeat:no-repeat;
background-size:cover;
background-position:center bottom;

flex-direction:column;

flex-wrap:wrap;
}
.I23303:hover {
}
.I23303 {
--I23303-position-static-computed:static;
}
.I23303 > .sector, .I23303 > .group-sectors {
position:relative;
}
}

.I23337 {
display:flex;
position:var(--I23337-position-static-computed, static);
flex-direction:column;
align-items:flex-start;

order:7;
}
.I23337:hover {
}


.I25048 {
display:flex;
position:var(--I25048-position-static-computed, static);
flex-direction:column;
align-items:flex-start;

order:2;
}
.I25048:hover {
}


.I26607 {
display:flex;
position:var(--I26607-position-static-computed, static);
flex-direction:column;
align-items:flex-start;

order:9;
}
.I26607:hover {
}


.I23307 {
display:flex;
align-items:flex-start;
position:relative;

order:1;
width:100vw;
height:70vh;
max-height:500px;
padding-top:180px;
background-image:linear-gradient(270deg, rgb(231,244,255),rgb(255,247,245));
box-sizing:border-box;



flex-direction:column;
justify-content:flex-end;

	
}
.I23307:hover {
}

@media (max-width:640px) {
.I23307 {

height:30vh;



	
}
.I23307:hover {
}

}

.I23312 {
display:flex;
align-items:flex-start;
position:relative;

order:2;
max-width:1100px;
margin-top:10vh;
padding-bottom:10vh;
padding-left:5%;
padding-right:5%;
padding-top:10vh;
box-sizing:border-box;



justify-content:center;

	
}
.I23312:hover {
}
.I23312 > .sector {
position:relative;
}
@media (max-width:640px) {
.I23312 {



flex-direction:column;

	
}
.I23312:hover {
}

}

.I23321 {
display:flex;
align-items:flex-start;
position:relative;

order:5;
width:100%;



justify-content:center;

	
}
.I23321:hover {
}

@media (max-width:640px) {
.I23321 {

flex:auto;



flex-direction:column;
align-items:center;

	
}
.I23321:hover {
}
.I23321 > .sector {
position:relative;
}
}

.I23346 {
display:flex;
align-items:flex-start;
position:relative;

order:4;
flex:1 1 auto;
padding-bottom:10vh;
padding-left:15%;
padding-right:15%;
padding-top:0vh;
background-color:rgb(250,250,250);



justify-content:center;
align-content:space-between;
flex-wrap:wrap;	
}
.I23346:hover {
}

@media (max-width:640px) {
.I23346 {

flex:auto;
width:70%;



flex-direction:column;
align-items:center;

	
}
.I23346:hover {
}
.I23346 > .sector {
position:relative;
}
}

.I23423 {
display:flex;
align-items:flex-start;
position:relative;

order:4;
width:100%;
max-width:1440px;
padding-top:15px;



justify-content:center;

	
}
.I23423:hover {
}


h1.I23306, .I23306 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

.I23306 {
display:flex;
flex-direction:column;
align-items:flex-start;
position:relative;

order:1;
width:100%;
max-width:1440px;
background-image:linear-gradient(270deg, rgb(231,244,255),rgb(255,247,245));
background-repeat:no-repeat;


}
.I23306:hover {
}
.I23306 > .viewport {
display:flex;
align-items:flex-start;
flex:auto;
align-self:stretch;

justify-content:center;
align-items:flex-start;


}
.I23306 > .viewport:hover {
}


h1.I23309, .I23309 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

.I23309 {
display:flex;
flex-direction:column;
align-items:flex-start;
position:relative;

order:2;
width:100%;


}
.I23309:hover {
}
.I23309 > .viewport {
display:flex;
align-items:flex-start;
flex:auto;
align-self:stretch;



}
.I23309 > .viewport:hover {
}


h1.I23311, .I23311 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

.I23311 {
display:flex;
flex-direction:column;
align-items:flex-start;
position:relative;

order:1;
max-width:980px;
padding-right:5%;
background-color:rgb(255,255,255);
background-clip:padding-box;


}
.I23311:hover {
}
.I23311 > .viewport {
display:flex;
align-items:flex-start;
flex:auto;
align-self:stretch;

justify-content:center;
align-items:center;


}
.I23311 > .viewport:hover {
}


h1.I23314, .I23314 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

.I23314 {
display:flex;
flex-direction:column;
align-items:flex-start;
position:relative;

order:2;

}
.I23314:hover {
}
.I23314 > .viewport {
display:flex;
align-items:flex-start;
flex:auto;
align-self:stretch;



}
.I23314 > .viewport:hover {
}

@media (max-width:640px) {
.I23314 {

width:100%;


}
.I23314:hover {
}
.I23314 > .viewport {

justify-content:center;


}
.I23314 > .viewport:hover {
}

}

h1.I23316, .I23316 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

.I23316 {
display:flex;
flex-direction:column;
align-items:flex-start;
position:relative;

order:3;
width:100%;
height:170px;
background-color:rgb(149,185,203);
background-repeat:repeat;


}
.I23316:hover {
}
.I23316 > .viewport {
display:flex;
align-items:flex-start;
flex:auto;
align-self:stretch;

justify-content:center;
align-items:center;


}
.I23316 > .viewport:hover {
}

@media (max-width:640px) {
.I23316 {

width:80%;
padding-bottom:10vh;
padding-left:10%;
padding-right:10%;
padding-top:10vh;


}
.I23316:hover {
}
.I23316 > .viewport {



}
.I23316 > .viewport:hover {
}

}

h1.I23318, .I23318 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

.I23318 {
display:flex;
flex-direction:column;
align-items:flex-start;
position:relative;

order:4;
width:100%;
padding-bottom:5vh;
padding-top:15vh;


}
.I23318:hover {
}
.I23318 > .viewport {
display:flex;
align-items:flex-start;
flex:auto;
align-self:stretch;

justify-content:center;


}
.I23318 > .viewport:hover {
}


h1.I23320, .I23320 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

.I23320 {
display:flex;
flex-direction:column;
align-items:flex-start;
position:relative;

display:flex;
order:2;
width:304px;
height:304px;
background-image:url('https://www.genexus.com/media/images/sd_paso1.png?timestamp=20171211190945');
background-repeat:no-repeat;


}
.I23320:hover {
}
.I23320 > .viewport {
display:flex;
align-items:flex-start;
flex:auto;
align-self:stretch;

justify-content:center;


}
.I23320 > .viewport:hover {
}
.I23320 > .sector-title, .I23320 > .sector-title.i-collapsible-title {
display:flex;
justify-content:center;
font-family:"Meiryo UI";
font-size:15pt;
text-align:center;
text-transform:uppercase;

width:300px;
margin-top:165px;
padding-bottom:5px;

}
.I23320 > .sector-title:hover, .I23320 > .sector-title.i-collapsible-title:hover {
}
.I23320 > .sector-title, .I23320 > .sector-title.i-collapsible-title {
}
.I23320 > .sector-title .text, .I23320 > .sector-title.i-collapsible-title .text {
}


h1.I23323, .I23323 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

.I23323 {
display:flex;
flex-direction:column;
align-items:flex-start;
position:relative;

display:flex;
order:3;
width:304px;
height:304px;
padding-left:30px;
padding-right:30px;
background-image:url('https://www.genexus.com/media/images/sd_paso2.png?timestamp=20171211190945');
background-repeat:no-repeat;
background-origin:content-box;


}
.I23323:hover {
}
.I23323 > .viewport {
display:flex;
align-items:flex-start;
flex:auto;
align-self:stretch;

justify-content:center;


}
.I23323 > .viewport:hover {
}
.I23323 > .sector-title, .I23323 > .sector-title.i-collapsible-title {
display:flex;
justify-content:center;
font-family:"Meiryo UI";
font-size:15pt;
text-align:center;

width:300px;
margin-top:165px;
padding-bottom:5px;

}
.I23323 > .sector-title:hover, .I23323 > .sector-title.i-collapsible-title:hover {
}
.I23323 > .sector-title, .I23323 > .sector-title.i-collapsible-title {
}
.I23323 > .sector-title .text, .I23323 > .sector-title.i-collapsible-title .text {
}


h1.I23325, .I23325 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

.I23325 {
display:flex;
flex-direction:column;
align-items:flex-start;
position:relative;

display:flex;
order:4;
width:304px;
height:304px;
background-image:url('https://www.genexus.com/media/images/sd_paso3.png?timestamp=20171211190945');
background-repeat:no-repeat;


}
.I23325:hover {
}
.I23325 > .viewport {
display:flex;
align-items:flex-start;
flex:auto;
align-self:stretch;

justify-content:center;


}
.I23325 > .viewport:hover {
}
.I23325 > .sector-title, .I23325 > .sector-title.i-collapsible-title {
display:flex;
justify-content:center;
font-family:"Meiryo UI";
font-size:15pt;
text-align:center;
text-transform:uppercase;

width:300px;
margin-top:165px;
padding-bottom:5px;

}
.I23325 > .sector-title:hover, .I23325 > .sector-title.i-collapsible-title:hover {
}
.I23325 > .sector-title, .I23325 > .sector-title.i-collapsible-title {
}
.I23325 > .sector-title .text, .I23325 > .sector-title.i-collapsible-title .text {
}


h1.I23327, .I23327 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

.I23327 {
display:flex;
flex-direction:column;
align-items:flex-start;
position:relative;

order:6;
width:100%;


}
.I23327:hover {
}
.I23327 > .viewport {
display:flex;
align-items:flex-start;
flex:auto;
align-self:stretch;

justify-content:center;


}
.I23327 > .viewport:hover {
}


h1.I23329, .I23329 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

.I23329 {
display:flex;
flex-direction:column;
align-items:flex-start;
position:relative;

order:7;
width:100%;


}
.I23329:hover {
}
.I23329 > .viewport {
display:flex;
align-items:flex-start;
flex:auto;
align-self:stretch;

justify-content:center;


}
.I23329 > .viewport:hover {
}


h1.I23331, .I23331 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

.I23331 {
display:flex;
flex-direction:column;
align-items:flex-start;
position:relative;

order:8;
width:100%;
margin-bottom:10vh;
margin-top:4vh;


}
.I23331:hover {
}
.I23331 > .viewport {
display:flex;
align-items:flex-start;
flex:auto;
align-self:stretch;

justify-content:center;


}
.I23331 > .viewport:hover {
}


h1.I23335, .I23335 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

.I23335 {
display:flex;
flex-direction:column;
align-items:flex-start;
position:relative;

order:3;
width:100%;
margin-top:30px;
background-repeat:repeat;


}
.I23335:hover {
}
.I23335 > .viewport {
display:flex;
align-items:flex-start;
flex:auto;
align-self:stretch;

justify-content:center;


}
.I23335 > .viewport:hover {
}


h1.I23339, .I23339 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

.I23339 {
display:flex;
flex-direction:column;
align-items:flex-start;
position:relative;

order:1;
width:100%;
margin-bottom:8vh;
margin-top:8vh;


}
.I23339:hover {
}
.I23339 > .viewport {
display:flex;
align-items:flex-start;
flex:auto;
align-self:stretch;

justify-content:center;


}
.I23339 > .viewport:hover {
}
.I23339 > .sector-title, .I23339 > .sector-title.i-collapsible-title {
display:flex;
justify-content:center;
font-family:"Meiryo UI";
font-size:30pt;
font-weight:300;
text-align:center;

width:100%;
padding-bottom:2vh;

}
.I23339 > .sector-title:hover, .I23339 > .sector-title.i-collapsible-title:hover {
}
.I23339 > .sector-title, .I23339 > .sector-title.i-collapsible-title {
}
.I23339 > .sector-title .text, .I23339 > .sector-title.i-collapsible-title .text {
}

@media (max-width:640px) {
.I23339 {

width:90%;


}
.I23339:hover {
}
.I23339 > .viewport {



}
.I23339 > .viewport:hover {
}
.I23339 > .sector-title, .I23339 > .sector-title.i-collapsible-title {
}
.I23339 > .sector-title:hover, .I23339 > .sector-title.i-collapsible-title:hover {
}
.I23339 > .sector-title, .I23339 > .sector-title.i-collapsible-title {
}
.I23339 > .sector-title .text, .I23339 > .sector-title.i-collapsible-title .text {
}

}

h1.I23341, .I23341 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

.I23341 {
display:flex;
flex-direction:column;
align-items:flex-start;
position:relative;

order:2;
width:100%;


}
.I23341:hover {
}
.I23341 > .viewport {
display:flex;
align-items:flex-start;
flex:auto;
align-self:stretch;

justify-content:center;


}
.I23341 > .viewport:hover {
}

@media (max-width:640px) {
.I23341 {

display:none;
max-width:400px;


}
.I23341:hover {
}
.I23341 > .viewport {



}
.I23341 > .viewport:hover {
}

}

h1.I23343, .I23343 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

.I23343 {
display:flex;
flex-direction:column;
align-items:flex-start;
position:relative;

order:3;
width:100%;
margin-bottom:10vh;
margin-top:3vh;


}
.I23343:hover {
}
.I23343 > .viewport {
display:flex;
align-items:flex-start;
flex:auto;
align-self:stretch;

justify-content:center;


}
.I23343 > .viewport:hover {
}


h1.I23345, .I23345 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

.I23345 {
display:flex;
flex-direction:column;
align-items:flex-start;
position:relative;

order:1;
width:100%;
padding-bottom:10vh;
padding-top:15vh;


}
.I23345:hover {
}
.I23345 > .viewport {
display:flex;
align-items:flex-start;
flex:auto;
align-self:stretch;

justify-content:center;


}
.I23345 > .viewport:hover {
}


h1.I23348, .I23348 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

.I23348 {
display:flex;
flex-direction:column;
align-items:flex-start;
position:relative;

display:flex;
order:2;
width:40%;
max-width:400px;


}
.I23348:hover {
}
.I23348 > .viewport {
display:flex;
align-items:flex-start;
flex:auto;
align-self:stretch;

justify-content:flex-start;
align-items:flex-start;


}
.I23348 > .viewport:hover {
}

@media (max-width:640px) {
.I23348 {

width:100%;
max-width:300px;


}
.I23348:hover {
}
.I23348 > .viewport {

justify-content:center;


}
.I23348 > .viewport:hover {
}

}

h1.I23386, .I23386 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

.I23386 {
display:flex;
flex-direction:column;
align-items:flex-start;
position:relative;

display:flex;
order:2;
background-repeat:repeat;


flex-direction:column;
}
.I23386:hover {
}
.I23386 > .viewport {
display:flex;
align-items:flex-start;
flex:auto;
align-self:stretch;

justify-content:center;


}
.I23386 > .viewport:hover {
}
.I23386 > .sector-title, .I23386 > .sector-title.i-collapsible-title {
display:flex;
font-family:"Meiryo UI";
font-size:30pt;
font-style:normal;
font-weight:300;
text-decoration:none;
color:rgb(255,255,255);
text-transform:uppercase;

margin-bottom:10px;

align-self:center;
}
.I23386 > .sector-title:hover, .I23386 > .sector-title.i-collapsible-title:hover {
}
.I23386 > .sector-title, .I23386 > .sector-title.i-collapsible-title {
display:flex;
}
.I23386 > .sector-title .text, .I23386 > .sector-title.i-collapsible-title .text {
}

@media (max-width:992px) {
.I23386 {


flex-direction:column;
}
.I23386:hover {
}
.I23386 > .viewport {



}
.I23386 > .viewport:hover {
}
.I23386 > .sector-title, .I23386 > .sector-title.i-collapsible-title {
align-self:center;
}
.I23386 > .sector-title:hover, .I23386 > .sector-title.i-collapsible-title:hover {
}
.I23386 > .sector-title, .I23386 > .sector-title.i-collapsible-title {
}
.I23386 > .sector-title .text, .I23386 > .sector-title.i-collapsible-title .text {
}

}
@media (max-width:640px) {
.I23386 {


flex-direction:column;
}
.I23386:hover {
}
.I23386 > .viewport {



}
.I23386 > .viewport:hover {
}
.I23386 > .sector-title, .I23386 > .sector-title.i-collapsible-title {
display:flex;
justify-content:center;
text-align:center;


align-self:center;
}
.I23386 > .sector-title:hover, .I23386 > .sector-title.i-collapsible-title:hover {
}
.I23386 > .sector-title, .I23386 > .sector-title.i-collapsible-title {
}
.I23386 > .sector-title .text, .I23386 > .sector-title.i-collapsible-title .text {
}

}
@media (min-width:1440px) {
.I23386 {


flex-direction:column;
}
.I23386:hover {
}
.I23386 > .viewport {



}
.I23386 > .viewport:hover {
}
.I23386 > .sector-title, .I23386 > .sector-title.i-collapsible-title {
align-self:center;
}
.I23386 > .sector-title:hover, .I23386 > .sector-title.i-collapsible-title:hover {
}
.I23386 > .sector-title, .I23386 > .sector-title.i-collapsible-title {
}
.I23386 > .sector-title .text, .I23386 > .sector-title.i-collapsible-title .text {
}

}
h1.I23394, .I23394 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

.I23394 {
display:flex;
flex-direction:column;
align-items:flex-start;
position:relative;

order:5;
width:55%;
max-width:600px;
padding-left:5%;


}
.I23394:hover {
}
.I23394 > .viewport {
display:flex;
align-items:flex-start;
flex:auto;
align-self:stretch;



}
.I23394 > .viewport:hover {
}

@media (max-width:640px) {
.I23394 {

width:100%;


}
.I23394:hover {
}
.I23394 > .viewport {



}
.I23394 > .viewport:hover {
}

}

h1.I23412, .I23412 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

.I23412 {
display:flex;
flex-direction:column;
align-items:flex-start;
position:relative;

order:8;
width:100%;


}
.I23412:hover {
}
.I23412 > .viewport {
display:flex;
align-items:flex-start;
flex:auto;
align-self:stretch;



}
.I23412 > .viewport:hover {
}


h1.I23416, .I23416 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

.I23416 {
display:flex;
flex-direction:column;
align-items:flex-start;
position:relative;

order:1;
width:25%;
margin-left:10px;
margin-right:10px;
box-sizing:border-box;


}
.I23416:hover {
}
.I23416 > .viewport {
display:flex;
align-items:flex-start;
flex:auto;
align-self:stretch;



}
.I23416 > .viewport:hover {
}


h1.I23418, .I23418 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

.I23418 {
display:flex;
flex-direction:column;
align-items:flex-start;
position:relative;

order:2;
width:25%;
margin-left:10px;
margin-right:10px;
box-sizing:border-box;


}
.I23418:hover {
}
.I23418 > .viewport {
display:flex;
align-items:flex-start;
flex:auto;
align-self:stretch;



}
.I23418 > .viewport:hover {
}


h1.I23420, .I23420 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

.I23420 {
display:flex;
flex-direction:column;
align-items:flex-start;
position:relative;

order:3;
width:25%;
margin-left:10px;
margin-right:10px;


}
.I23420:hover {
}
.I23420 > .viewport {
display:flex;
align-items:flex-start;
flex:auto;
align-self:stretch;



}
.I23420 > .viewport:hover {
}


h1.I23422, .I23422 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

.I23422 {
display:flex;
flex-direction:column;
align-items:flex-start;
position:relative;

order:4;
width:25%;
margin-left:10px;
margin-right:10px;


}
.I23422:hover {
}
.I23422 > .viewport {
display:flex;
align-items:flex-start;
flex:auto;
align-self:stretch;



}
.I23422 > .viewport:hover {
}


.I23305, a.I23305 {
display:flex;
font-family:"Meiryo UI";
font-size:30pt;
font-weight:300;
color:rgb(17,17,17);

width:100%;
padding-left:10px;
padding-right:10px;
box-sizing:border-box;

}
.I23305:hover, a.I23305:hover {
}
@media (max-width:640px) {
.I23305, a.I23305 {
display:flex;
justify-content:center;
font-size:24pt;
text-align:center;

padding-left:10%;
padding-right:10%;

}
.I23305:hover, a.I23305:hover {
}
}

.I23308 .image, .I23308.image {
vertical-align:top;
width:100%;

object-fit:cover;

}
.I23308 .image:hover, .I23308.image:hover {
}
@media (max-width:640px) {
.I23308 .image, .I23308.image {
width:100%;
height:auto;

}
.I23308 .image:hover, .I23308.image:hover {
}
}

h1.I23310, .I23310 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

ul.I23310, .I23310 ul {
margin:0px;
padding:0px;
list-style-type:none;
}

p.I23310, .I23310 p {
margin:0px;
}

figure.I23310, .I23310 figure {
margin:0px;
}

a.I23310, .I23310 a {
text-decoration:inherit;
color:inherit;
}

.I23310 header {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.I23310 article, article.I23310 {
width:100%;
max-width:1200px;

flex-direction:column;	
}
.I23310 article:hover, article.I23310:hover {
}
.I23310 article.active, article.I23310.active {
}
.I23310 .title {
display:flex;
justify-content:flex-start;
font-family:"Source Sans Pro";
font-size:30pt;
font-weight:300;
text-align:left;
color:rgb(42,46,58);

width:100%;
padding-bottom:5vh;

}
.I23310 .title:hover {
}
.I23310 article.active .title {
}

.I23310 .title {order:2;}
.I23310 .abstract {
order:3;
}
.I23310 .abstract:hover {
}
.I23310 .abstract {
display:block;
padding-bottom:5vh;

font-family:"Source Sans Pro";
font-size:14pt;
color:rgb(95,106,125);
line-height:21pt;
white-space:normal;
word-break:normal;

}

.I23310 .body {
}
.I23310 .body:hover {
	
}
.I23310 .body img {
}
.I23310 .body img:hover {
}



@media (max-width:992px) {
.I23310 header {
}
.I23310 article, article.I23310 {
	
}
.I23310 article:hover, article.I23310:hover {
}
.I23310 article.active, article.I23310.active {
}
.I23310 .title {
}
.I23310 .title:hover {
}
.I23310 article.active .title {
}


.I23310 .abstract {
order:;
}
.I23310 .abstract:hover {
}

.I23310 .body {
}
.I23310 .body:hover {
	
}



}
@media (max-width:640px) {
.I23310 header {
}
.I23310 article, article.I23310 {
	
}
.I23310 article:hover, article.I23310:hover {
}
.I23310 article.active, article.I23310.active {
}
.I23310 .title {
display:flex;
font-size:24pt;


}
.I23310 .title:hover {
}
.I23310 article.active .title {
}


.I23310 .abstract {
order:;
}
.I23310 .abstract:hover {
}

.I23310 .body {
}
.I23310 .body:hover {
	
}



}

.I23313 .image, .I23313.image {
vertical-align:top;
}
.I23313 .image:hover, .I23313.image:hover {
}

.I23315, a.I23315 {
display:flex;
justify-content:center;
font-family:"Meiryo UI";
font-size:23pt;
font-weight:400;
text-align:center;
color:rgb(255,255,255);
line-height:32pt;

width:100%;
padding-left:10px;
padding-right:10px;
box-sizing:border-box;

}
.I23315:hover, a.I23315:hover {
}
@media (max-width:640px) {
.I23315, a.I23315 {
display:flex;
font-size:20pt;
font-weight:400;


}
.I23315:hover, a.I23315:hover {
}
}

.I23317, a.I23317 {
display:flex;
font-family:"Meiryo UI";
font-size:30pt;
font-weight:300;

width:100%;
padding-left:10px;
padding-right:10px;
box-sizing:border-box;

}
.I23317:hover, a.I23317:hover {
}
@media (max-width:640px) {
.I23317, a.I23317 {
display:flex;
font-size:25pt;


}
.I23317:hover, a.I23317:hover {
}
}

.I23319, a.I23319 {
display:flex;
justify-content:center;
font-family:"Meiryo UI";
font-size:10pt;
text-align:center;
color:rgb(95,106,125);

width:250px;
padding-left:10px;
padding-right:10px;
box-sizing:border-box;

}
.I23319:hover, a.I23319:hover {
}

.I23322, a.I23322 {
display:flex;
justify-content:center;
font-family:"Meiryo UI";
font-size:10pt;
text-align:center;
color:rgb(95,106,125);

width:250px;
padding-left:10px;
padding-right:10px;
box-sizing:border-box;

}
.I23322:hover, a.I23322:hover {
}

.I23324, a.I23324 {
display:flex;
justify-content:center;
font-family:"Meiryo UI";
font-size:10pt;
text-align:center;
color:rgb(95,106,125);

width:250px;
padding-left:10px;
padding-right:10px;
box-sizing:border-box;

}
.I23324:hover, a.I23324:hover {
}

.I23326, a.I23326 {
display:flex;
justify-content:center;
font-family:"Meiryo UI";
font-size:14pt;
font-weight:400;
text-align:center;
color:rgb(95,106,125);

width:100%;
padding-bottom:3vh;
padding-left:10px;
padding-right:10px;
padding-top:8vh;
box-sizing:border-box;

}
.I23326:hover, a.I23326:hover {
}
@media (max-width:640px) {
.I23326, a.I23326 {
display:flex;
width:90%;

}
.I23326:hover, a.I23326:hover {
}
}

.I23328 .image, .I23328.image {
vertical-align:top;
}
.I23328 .image:hover, .I23328.image:hover {
}

.I23330 .button, .I23330.button {
display:flex;
justify-content:center;
align-items:center;
text-decoration:none;
color:black;
width:60vh;
height:6vh;
background-color:rgb(24,112,202);

}
.I23330 button.button, button.I23330.button {
cursor:pointer;
}
.I23330 .button .text, .I23330.button .text {
font-family:"Meiryo UI";
font-size:14pt;
color:rgb(255,255,255);
text-transform:uppercase;

}
.I23330 .button .icon, .I23330.button .icon {
flex:none;
background-size:100% 100%;
}
.I23330 .button:hover, .I23330.button:hover {
}
.I23330 .button:hover .text, .I23330.button:hover .text {
text-decoration:underline;

}
.I23330 .button:hover .icon, .I23330.button:hover .icon {
background-size:100% 100%;
}

.I23334 {
display:flex;
flex-direction:column;
width:100%;
max-width:1440px;
box-sizing:border-box;

}
.I23334:hover {
}
h1.I23334, .I23334 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

ul.I23334, .I23334 ul {
margin:0px;
padding:0px;
list-style-type:none;
}

p.I23334, .I23334 p {
margin:0px;
}

figure.I23334, .I23334 figure {
margin:0px;
}

a.I23334, .I23334 a {
text-decoration:inherit;
color:inherit;
}

.I23334 header {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.I23334 article, article.I23334 {
width:25%;
margin-top:30px;

flex-direction:column;	
}
.I23334 article:hover, article.I23334:hover {
}
.I23334 article.active, article.I23334.active {
}
.I23334 .title {
display:flex;
justify-content:center;
font-family:SourceSansPro-Light;
font-size:14pt;
font-style:normal;
font-weight:normal;
text-decoration:none;
text-align:center;
color:rgb(255,255,255);
line-height:21pt;

width:100%;
margin-bottom:15px;
padding-top:15px;

}
.I23334 .title:hover {
}
.I23334 article.active .title {
}

.I23334 .title {order:1;}
.I23334 .abstract {
order:;
}
.I23334 .abstract:hover {
}
.I23334 .abstract {
display:block;
height:2px;
background-color:rgb(255,255,255);

font-family:SourceSansPro-Regular;
font-size:12pt;
font-style:normal;
font-weight:normal;
text-decoration:underline;
text-align:center;

}

.I23334 .body {
}
.I23334 .body:hover {
	
}
.I23334 .body {
display:block;
font-family:SourceSansPro-Regular;
font-size:11pt;
font-style:normal;
font-weight:normal;
text-decoration:none;
text-align:center;
color:rgb(255,255,255);
line-height:16pt;

}
.I23334 .body img {
}
.I23334 .body ul, .I23334 .body ol {
}
.I23334 .body img:hover {
}



.I23334 .articles {
display:flex;
flex:1;
flex-direction:row;
width:100%;

	
}
.I23334 .articles:hover {
}
.I23334 .article-container::after {
content:'';
display:flex;
align-items:center;
align-self:center;
}
.I23334 .article-container:last-child::after {
content:none;	
}
.I23334:hover .article-container::after {
}

@media (max-width:640px) {
.I23334 {
}
.I23334:hover {
}
.I23334 header {
}
.I23334 article, article.I23334 {
padding-bottom:10vh;
padding-left:0px;

	
}
.I23334 article:hover, article.I23334:hover {
}
.I23334 article.active, article.I23334.active {
}
.I23334 .title {
}
.I23334 .title:hover {
}
.I23334 article.active .title {
}


.I23334 .abstract {
order:;
}
.I23334 .abstract:hover {
}

.I23334 .body {
}
.I23334 .body:hover {
	
}



.I23334 .articles {
flex-direction:column;
flex-wrap:wrap;	
}
.I23334 .articles:hover {
}
.I23334 .article-container::after {
content:'';
display:flex;
height:4vh;

}
.I23334 .article-container:last-child::after {
	
}
.I23334:hover .article-container::after {
}

}

.I23338, a.I23338 {
display:flex;
font-family:"Meiryo UI";
font-size:1rem;
color:rgb(198,12,70);

width:100%;
padding-left:10px;
padding-right:10px;
box-sizing:border-box;

}
.I23338:hover, a.I23338:hover {
}
@media (max-width:640px) {
.I23338, a.I23338 {
display:flex;
justify-content:center;
text-align:center;


}
.I23338:hover, a.I23338:hover {
}
}

.I23340 {
}
.I23340:hover {
}
.I23340 {
}
.I23340:hover {
}


.I23342 .button, .I23342.button {
display:flex;
justify-content:center;
align-items:center;
text-decoration:none;
color:black;
flex-direction:row;
}
.I23342 button.button, button.I23342.button {
cursor:pointer;
}
.I23342 .button .text, .I23342.button .text {
font-family:"Meiryo UI";
font-size:14pt;
text-align:center;
color:rgb(198,12,70);

}
.I23342 .button .icon, .I23342.button .icon {
flex:none;
background-size:100% 100%;
width:0px;
height:0px;
background-image:url('https://www.genexus.com/media/images/ico_play-1.svg?timestamp=20180313180602');
width:30px !important;
height:30px !important;
margin-right:10px;margin-top:0px;margin-bottom:0px;margin-left:0px;
display:block;
}
.I23342 .button:hover, .I23342.button:hover {
}
.I23342 .button:hover .text, .I23342.button:hover .text {
text-decoration:underline;

}
.I23342 .button:hover .icon, .I23342.button:hover .icon {
background-size:100% 100%;
}
@media (max-width:992px) {
.I23342 .button, .I23342.button {
flex-direction:row;
}
.I23342 button.button, button.I23342.button {
}
.I23342 .button .text, .I23342.button .text {
}
.I23342 .button .icon, .I23342.button .icon {
background-size:100% 100%;
margin-right:10px;margin-top:0px;margin-bottom:0px;margin-left:0px;
}
.I23342 .button:hover, .I23342.button:hover {
}
.I23342 .button:hover .text, .I23342.button:hover .text {
}
.I23342 .button:hover .icon, .I23342.button:hover .icon {
background-size:100% 100%;
}
}
@media (max-width:640px) {
.I23342 .button, .I23342.button {
flex-direction:row;
}
.I23342 button.button, button.I23342.button {
}
.I23342 .button .text, .I23342.button .text {
}
.I23342 .button .icon, .I23342.button .icon {
background-size:100% 100%;
margin-right:10px;margin-top:0px;margin-bottom:0px;margin-left:0px;
}
.I23342 .button:hover, .I23342.button:hover {
}
.I23342 .button:hover .text, .I23342.button:hover .text {
}
.I23342 .button:hover .icon, .I23342.button:hover .icon {
background-size:100% 100%;
}
}
@media (min-width:1440px) {
.I23342 .button, .I23342.button {
flex-direction:row;
}
.I23342 button.button, button.I23342.button {
}
.I23342 .button .text, .I23342.button .text {
}
.I23342 .button .icon, .I23342.button .icon {
background-size:100% 100%;
margin-right:10px;margin-top:0px;margin-bottom:0px;margin-left:0px;
}
.I23342 .button:hover, .I23342.button:hover {
}
.I23342 .button:hover .text, .I23342.button:hover .text {
}
.I23342 .button:hover .icon, .I23342.button:hover .icon {
background-size:100% 100%;
}
}
.I23344, a.I23344 {
display:flex;
font-family:"Meiryo UI";
font-size:30pt;
font-weight:300;

width:100%;
padding-left:10px;
padding-right:10px;
box-sizing:border-box;

}
.I23344:hover, a.I23344:hover {
}
@media (max-width:640px) {
.I23344, a.I23344 {
display:flex;
font-size:25pt;


}
.I23344:hover, a.I23344:hover {
}
}

.I23347 .image, .I23347.image {
vertical-align:top;
height:auto;
max-width:400px;
margin-right:20px;

}
.I23347 .image:hover, .I23347.image:hover {
}
@media (max-width:640px) {
.I23347 .image, .I23347.image {
max-width:300px;
padding-bottom:10vh;

}
.I23347 .image:hover, .I23347.image:hover {
}
}

.I23385, a.I23385 {
display:flex;
font-family:"Source Sans Pro";
font-size:12pt;
font-weight:400;
color:rgb(255,255,255);

width:100%;
padding-left:10px;
padding-right:10px;
box-sizing:border-box;

}
.I23385:hover, a.I23385:hover {
}

h1.I23415, .I23415 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

ul.I23415, .I23415 ul {
margin:0px;
padding:0px;
list-style-type:none;
}

p.I23415, .I23415 p {
margin:0px;
}

figure.I23415, .I23415 figure {
margin:0px;
}

a.I23415, .I23415 a {
text-decoration:inherit;
color:inherit;
}

.I23415 header {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.I23415 article, article.I23415 {
width:100%;

flex-direction:column;	
}
.I23415 article:hover, article.I23415:hover {
}
.I23415 article.active, article.I23415.active {
}
.I23415 .title {
display:flex;
justify-content:center;
font-family:"Meiryo UI";
font-size:14pt;
text-align:center;
color:rgb(255,255,255);
line-height:21pt;

width:100%;

}
.I23415 .title:hover {
}
.I23415 article.active .title {
}


.I23415 .body {
}
.I23415 .body:hover {
	
}
.I23415 .body {
display:block;
font-family:"Meiryo UI";
font-size:11pt;
text-align:center;
color:rgb(255,255,255);
line-height:16pt;

}
.I23415 .body img {
}
.I23415 .body img:hover {
}




h1.I23417, .I23417 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

ul.I23417, .I23417 ul {
margin:0px;
padding:0px;
list-style-type:none;
}

p.I23417, .I23417 p {
margin:0px;
}

figure.I23417, .I23417 figure {
margin:0px;
}

a.I23417, .I23417 a {
text-decoration:inherit;
color:inherit;
}

.I23417 header {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.I23417 article, article.I23417 {
width:100%;

flex-direction:column;	
}
.I23417 article:hover, article.I23417:hover {
}
.I23417 article.active, article.I23417.active {
}
.I23417 .title {
display:flex;
justify-content:center;
font-family:"Meiryo UI";
font-size:14pt;
text-align:center;
color:rgb(255,255,255);
line-height:21pt;

width:100%;

}
.I23417 .title:hover {
}
.I23417 article.active .title {
}


.I23417 .body {
}
.I23417 .body:hover {
	
}
.I23417 .body {
display:block;
font-family:"Meiryo UI";
font-size:11pt;
text-align:center;
color:rgb(255,255,255);
line-height:16pt;

}
.I23417 .body img {
}
.I23417 .body img:hover {
}




h1.I23419, .I23419 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

ul.I23419, .I23419 ul {
margin:0px;
padding:0px;
list-style-type:none;
}

p.I23419, .I23419 p {
margin:0px;
}

figure.I23419, .I23419 figure {
margin:0px;
}

a.I23419, .I23419 a {
text-decoration:inherit;
color:inherit;
}

.I23419 header {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.I23419 article, article.I23419 {
width:100%;

flex-direction:column;	
}
.I23419 article:hover, article.I23419:hover {
}
.I23419 article.active, article.I23419.active {
}
.I23419 .title {
display:flex;
justify-content:center;
font-family:"Meiryo UI";
font-size:14pt;
text-align:center;
color:rgb(255,255,255);
line-height:21pt;

width:100%;

}
.I23419 .title:hover {
}
.I23419 article.active .title {
}


.I23419 .body {
}
.I23419 .body:hover {
	
}
.I23419 .body {
display:block;
font-family:"Meiryo UI";
font-size:11pt;
text-align:center;
color:rgb(255,255,255);
line-height:16pt;

}
.I23419 .body img {
}
.I23419 .body img:hover {
}




h1.I23421, .I23421 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

ul.I23421, .I23421 ul {
margin:0px;
padding:0px;
list-style-type:none;
}

p.I23421, .I23421 p {
margin:0px;
}

figure.I23421, .I23421 figure {
margin:0px;
}

a.I23421, .I23421 a {
text-decoration:inherit;
color:inherit;
}

.I23421 header {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.I23421 article, article.I23421 {
width:100%;

flex-direction:column;	
}
.I23421 article:hover, article.I23421:hover {
}
.I23421 article.active, article.I23421.active {
}
.I23421 .title {
display:flex;
justify-content:center;
font-family:"Meiryo UI";
font-size:14pt;
text-align:center;
color:rgb(255,255,255);
line-height:21pt;

width:100%;

}
.I23421 .title:hover {
}
.I23421 article.active .title {
}


.I23421 .body {
}
.I23421 .body:hover {
	
}
.I23421 .body {
display:block;
font-family:"Meiryo UI";
font-size:11pt;
text-align:center;
color:rgb(255,255,255);
line-height:16pt;

}
.I23421 .body img {
}
.I23421 .body img:hover {
}




.I23388 {
display:flex;
flex-direction:column;
position:relative;
	
}
.I23388:hover {
}

.I23389 {
display:flex;
position:var(--I23389-position-static-computed, static);
flex-direction:column;
align-items:flex-start;

order:1;
max-width:800px;

}
.I23389:hover {
}


h1.I23391, .I23391 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

.I23391 {
display:flex;
flex-direction:column;
align-items:flex-start;
position:relative;

order:1;
padding-bottom:5vh;


}
.I23391:hover {
}
.I23391 > .viewport {
display:flex;
align-items:flex-start;
flex:auto;
align-self:stretch;



}
.I23391 > .viewport:hover {
}
.I23391 > .sector-title, .I23391 > .sector-title.i-collapsible-title {
display:flex;
font-family:"Meiryo UI";
font-size:20pt;

padding-bottom:5vh;

}
.I23391 > .sector-title:hover, .I23391 > .sector-title.i-collapsible-title:hover {
}
.I23391 > .sector-title, .I23391 > .sector-title.i-collapsible-title {
display:flex;
}
.I23391 > .sector-title .text, .I23391 > .sector-title.i-collapsible-title .text {
}


h1.I23393, .I23393 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

.I23393 {
display:flex;
flex-direction:column;
align-items:flex-start;
position:relative;

order:2;

}
.I23393:hover {
}
.I23393 > .viewport {
display:flex;
align-items:flex-start;
flex:auto;
align-self:stretch;



}
.I23393 > .viewport:hover {
}


.I23390, a.I23390 {
display:flex;
font-family:"Meiryo UI";
font-size:12pt;
color:rgb(95,106,125);
line-height:18pt;

width:100%;
padding-left:10px;
padding-right:10px;
box-sizing:border-box;

}
.I23390:hover, a.I23390:hover {
}

.I23392 .button, .I23392.button {
display:flex;
justify-content:center;
align-items:center;
text-decoration:none;
color:black;
}
.I23392 button.button, button.I23392.button {
cursor:pointer;
}
.I23392 .button .text, .I23392.button .text {
font-family:"Meiryo UI";
font-size:12pt;
color:rgb(24,112,202);

}
.I23392 .button .icon, .I23392.button .icon {
flex:none;
background-size:100% 100%;
}
.I23392 .button:hover, .I23392.button:hover {
}
.I23392 .button:hover .text, .I23392.button:hover .text {
}
.I23392 .button:hover .icon, .I23392.button:hover .icon {
background-size:100% 100%;
}


.I23396 {
display:flex;
flex-direction:column;
position:relative;
width:100%;

	
}
.I23396:hover {
}

.I23397 {
display:flex;
position:var(--I23397-position-static-computed, static);
flex-direction:column;
align-items:flex-start;

order:1;
width:100%;
padding-bottom:10vh;
padding-top:8vh;
background-color:rgb(160,170,173);

flex-direction:row;
justify-content:center;


}
.I23397:hover {
}

@media (max-width:640px) {
.I23397 {

flex-direction:column;
align-items:center;


}
.I23397:hover {
}

}

h1.I23405, .I23405 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

.I23405 {
display:flex;
flex-direction:column;
align-items:flex-start;
position:relative;

order:1;
border-color:rgb(255,255,255);


}
.I23405:hover {
}
.I23405 > .viewport {
display:flex;
align-items:flex-start;
flex:auto;
align-self:stretch;

justify-content:center;


}
.I23405 > .viewport:hover {
}
.I23405 > .sector-title, .I23405 > .sector-title.i-collapsible-title {
display:flex;
font-family:"Meiryo UI";
font-size:14pt;
font-weight:300;
color:rgb(255,255,255);
text-transform:uppercase;

width:100%;

}
.I23405 > .sector-title:hover, .I23405 > .sector-title.i-collapsible-title:hover {
}
.I23405 > .sector-title .text {
display:flex;
flex-direction:column;
}
.I23405 > .sector-title .text::before {
align-self:center;
content:'';
display:flex;
width:100px;
height:100px;

width:0px;
height:0px;
background-image:url('https://www.genexus.com/media/images/gx_discover.svg?timestamp=20180313173010');
background-repeat:no-repeat;
background-attachment:scroll;
background-origin:content-box;
background-size:100% 100%;
background-position:0% 0%;
width:100px !important;
height:100px !important;
order:0;
}
.I23405 > .sector-title, .I23405 > .sector-title.i-collapsible-title {
}
.I23405 > .sector-title .text, .I23405 > .sector-title.i-collapsible-title .text {
}

@media (max-width:640px) {
.I23405 {


}
.I23405:hover {
}
.I23405 > .viewport {



}
.I23405 > .viewport:hover {
}
.I23405 > .sector-title, .I23405 > .sector-title.i-collapsible-title {
display:flex;
justify-content:center;
text-align:center;

padding-bottom:4vh;

}
.I23405 > .sector-title:hover, .I23405 > .sector-title.i-collapsible-title:hover {
}
.I23405 > .sector-title .text {
flex-direction:column;
}
.I23405 > .sector-title .text::before {
display:flex;
width:80px;
transform:scale(80px,auto) ;

order:0;
}
.I23405 > .sector-title, .I23405 > .sector-title.i-collapsible-title {
}
.I23405 > .sector-title .text, .I23405 > .sector-title.i-collapsible-title .text {
}

}

h1.I23409, .I23409 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

.I23409 {
display:flex;
flex-direction:column;
align-items:flex-start;
position:relative;

order:3;
margin-left:5vh;
margin-right:5vh;
padding-left:10vh;
padding-right:10vh;
border-color:rgb(255,255,255);
border-right-style:solid;
border-left-style:solid;
border-right-width:1px;
border-left-width:1px;


}
.I23409:hover {
}
.I23409 > .viewport {
display:flex;
align-items:flex-start;
flex:auto;
align-self:stretch;

justify-content:center;


}
.I23409 > .viewport:hover {
}
.I23409 > .sector-title, .I23409 > .sector-title.i-collapsible-title {
display:flex;
justify-content:center;
font-family:"Meiryo UI";
font-size:14pt;
font-weight:300;
text-align:center;
color:rgb(255,255,255);

width:100%;

}
.I23409 > .sector-title:hover, .I23409 > .sector-title.i-collapsible-title:hover {
}
.I23409 > .sector-title .text {
display:flex;
flex-direction:column;
}
.I23409 > .sector-title .text::before {
align-self:center;
content:'';
display:flex;
width:60px;
height:100px;

width:0px;
height:0px;
background-image:url('https://www.genexus.com/media/images/saber_mas.svg?timestamp=20180313174309');
background-repeat:no-repeat;
background-attachment:scroll;
background-origin:content-box;
background-size:100% 100%;
background-position:0% 0%;
width:60px !important;
height:100px !important;
order:0;
}
.I23409 > .sector-title, .I23409 > .sector-title.i-collapsible-title {
}
.I23409 > .sector-title .text, .I23409 > .sector-title.i-collapsible-title .text {
}

@media (max-width:640px) {
.I23409 {

margin-bottom:3vh;
margin-left:0;
margin-right:0;
margin-top:3vh;
padding-bottom:3vh;
padding-left:0;
padding-right:0;
padding-top:3vh;
border-color:rgb(149,149,149);
border-style:solid;
border-top-width:1px;
border-right-width:0;
border-bottom-width:1px;
border-left-width:0;


flex-direction:column;
}
.I23409:hover {
}
.I23409 > .viewport {



}
.I23409 > .viewport:hover {
}
.I23409 > .sector-title, .I23409 > .sector-title.i-collapsible-title {
display:flex;
padding-bottom:2vh;

align-self:center;
}
.I23409 > .sector-title:hover, .I23409 > .sector-title.i-collapsible-title:hover {
}
.I23409 > .sector-title .text {
flex-direction:column;
}
.I23409 > .sector-title .text::before {
order:0;
}
.I23409 > .sector-title, .I23409 > .sector-title.i-collapsible-title {
}
.I23409 > .sector-title .text, .I23409 > .sector-title.i-collapsible-title .text {
}

}

h1.I23411, .I23411 h1 {
margin:0px;
font-size:100%;
font-weight:normal;
}

.I23411 {
display:flex;
flex-direction:column;
align-items:flex-start;
position:relative;

order:6;

}
.I23411:hover {
}
.I23411 > .viewport {
display:flex;
align-items:flex-start;
flex:auto;
align-self:stretch;

justify-content:center;


}
.I23411 > .viewport:hover {
}
.I23411 > .sector-title, .I23411 > .sector-title.i-collapsible-title {
display:flex;
font-family:"Meiryo UI";
font-size:14pt;
font-weight:300;
color:rgb(255,255,255);


}
.I23411 > .sector-title:hover, .I23411 > .sector-title.i-collapsible-title:hover {
}
.I23411 > .sector-title .text {
display:flex;
flex-direction:column;
}
.I23411 > .sector-title .text::before {
align-self:center;
content:'';
display:flex;
width:70px;
height:100px;

width:0px;
height:0px;
background-image:url('https://www.genexus.com/media/images/mail.svg?timestamp=20180313174308');
background-repeat:no-repeat;
background-attachment:scroll;
background-origin:content-box;
background-size:100% 100%;
background-position:0% 0%;
width:70px !important;
height:100px !important;
order:0;
}
.I23411 > .sector-title, .I23411 > .sector-title.i-collapsible-title {
}
.I23411 > .sector-title .text, .I23411 > .sector-title.i-collapsible-title .text {
}

@media (max-width:640px) {
.I23411 {


}
.I23411:hover {
}
.I23411 > .viewport {

align-items:flex-start;


}
.I23411 > .viewport:hover {
}
.I23411 > .sector-title, .I23411 > .sector-title.i-collapsible-title {
display:flex;
justify-content:center;
text-align:center;

padding-bottom:4vh;

}
.I23411 > .sector-title:hover, .I23411 > .sector-title.i-collapsible-title:hover {
}
.I23411 > .sector-title .text {
flex-direction:column;
}
.I23411 > .sector-title .text::before {
order:0;
}
.I23411 > .sector-title, .I23411 > .sector-title.i-collapsible-title {
}
.I23411 > .sector-title .text, .I23411 > .sector-title.i-collapsible-title .text {
}

}

.I23404 .button, .I23404.button {
display:flex;
justify-content:center;
align-items:center;
text-decoration:none;
color:black;
}
.I23404 button.button, button.I23404.button {
cursor:pointer;
}
.I23404 .button .text, .I23404.button .text {
font-family:"Meiryo UI";
font-size:12pt;
color:rgb(243,243,243);

}
.I23404 .button .icon, .I23404.button .icon {
flex:none;
background-size:100% 100%;
width:0px;
height:0px;
background-image:url('https://www.genexus.com/media/images/gx_discover.svg?timestamp=20180313173010');
}
.I23404 .button:hover, .I23404.button:hover {
}
.I23404 .button:hover .text, .I23404.button:hover .text {
text-decoration:underline;

}
.I23404 .button:hover .icon, .I23404.button:hover .icon {
background-size:100% 100%;
}
@media (max-width:640px) {
.I23404 .button, .I23404.button {
}
.I23404 button.button, button.I23404.button {
}
.I23404 .button .text, .I23404.button .text {
text-align:center;

}
.I23404 .button .icon, .I23404.button .icon {
background-size:100% 100%;
}
.I23404 .button:hover, .I23404.button:hover {
}
.I23404 .button:hover .text, .I23404.button:hover .text {
}
.I23404 .button:hover .icon, .I23404.button:hover .icon {
background-size:100% 100%;
}
}

.I23408 .button, .I23408.button {
display:flex;
justify-content:center;
align-items:center;
text-decoration:none;
color:black;
}
.I23408 button.button, button.I23408.button {
cursor:pointer;
}
.I23408 .button .text, .I23408.button .text {
font-family:"Meiryo UI";
font-size:12pt;
color:rgb(243,243,243);

}
.I23408 .button .icon, .I23408.button .icon {
flex:none;
background-size:100% 100%;
width:0px;
height:0px;
background-image:url('https://www.genexus.com/media/images/saber_mas.svg?timestamp=20180313174309');
}
.I23408 .button:hover, .I23408.button:hover {
}
.I23408 .button:hover .text, .I23408.button:hover .text {
text-decoration:underline;

}
.I23408 .button:hover .icon, .I23408.button:hover .icon {
background-size:100% 100%;
}
@media (max-width:640px) {
.I23408 .button, .I23408.button {
}
.I23408 button.button, button.I23408.button {
}
.I23408 .button .text, .I23408.button .text {
text-align:center;

}
.I23408 .button .icon, .I23408.button .icon {
background-size:100% 100%;
}
.I23408 .button:hover, .I23408.button:hover {
}
.I23408 .button:hover .text, .I23408.button:hover .text {
}
.I23408 .button:hover .icon, .I23408.button:hover .icon {
background-size:100% 100%;
}
}

.I23410 .button, .I23410.button {
display:flex;
justify-content:center;
align-items:center;
text-decoration:none;
color:black;
}
.I23410 button.button, button.I23410.button {
cursor:pointer;
}
.I23410 .button .text, .I23410.button .text {
font-family:"Meiryo UI";
font-size:12pt;
color:rgb(243,243,243);

}
.I23410 .button .icon, .I23410.button .icon {
flex:none;
background-size:100% 100%;
width:0px;
height:0px;
background-image:url('https://www.genexus.com/media/images/gx_discover.svg?timestamp=20180313173010');
}
.I23410 .button:hover, .I23410.button:hover {
}
.I23410 .button:hover .text, .I23410.button:hover .text {
text-decoration:underline;

}
.I23410 .button:hover .icon, .I23410.button:hover .icon {
background-size:100% 100%;
}



