@charset "utf-8";
/* CSS Document */

body{	font-size:20px;  font-family: 'Rubik', sans-serif;  padding: 0px;	margin: 0px; color:#333;	}
#contenedor0{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor1{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

.hea{height:120px}
#header{height:120px;   width: 100%; background:#fff }
#reds{border: 0px solid #f60; width:50px; font-size:16px; height:54px; float:right; text-align:right; margin-top:40px;}	
#logo{ width:300px; float:left; border: 0px solid #f60;  position:relative; z-index:100; margin-top:5px; margin-bottom:10px; }	
#logo img{width:100%}

#ban1{ position:relative; z-index:10;  background:url(../img/index/BANER4.png);background-attachment: fixed; background-size:100%;  }
#ban2{ position:relative;  z-index:12; 
-webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 7s; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 7s;
	}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
 0%   {left:0%; top:-100%;}
  100% { left:0px; top:0%;}
}

/* Standard syntax */
@keyframes example {
 0%   {left:0%; top:-100%;}
  100% { left:0px; top:0%;}
}


#fondo1{background:#fff;   background-size:100%; }
#fondo2{background:url(../img/index/xx.jpg); background-size:100%; background-size:100%; background-position: 0 -150px;}
#fondo3{background: url(../img/index/business-people-working-in-the-office-with-laptop.png); background-size:100%; background-size:100%; margin-top:20px}
#fondo4{background:url(../img/index/banner1.png); }

#bg-logo{width:100%; height:59px; background:url(../img/index/log.png); margin-top:20px;}

#mision1{width:40%; float:left; margin-top:20px; margin-bottom:40px;}
#mision2{width:50%; margin-right:5%; float:right; margin-top:20px; margin-bottom:40px;}

#noso1{display:block}
#noso2{display:none}

#cua1{width:100%;  background:#373739; font-size:22px; color:#fff;  padding:5px 10px 5px 10px; margin-bottom:0px; margin-top:15px;  font-family: 'DM Sans', sans-serif; font-weight:700; }
.cat{ margin-top:0px; margin-bottom:0px; margin-left:-7px; font-size:22px; color:#232323;  position:relative; margin-top:10px }

#servicios1{width:50%; float:none; margin-top:90px; margin-bottom:90px; background:url(../img/tras.png)}

#enfoque1{width:45%; float:left; margin-top:90px; margin-bottom:45px; background:url(../img/tras.png)}
#enfoque2{width:45%; float:right; margin-top:90px; margin-bottom:45px; background:url(../img/tras.png)}
#enfoque3{width:80%; margin-left:10%; float:none; margin-top:45px; margin-bottom:90px; background:url(../img/tras.png)}

p{text-align:justify}
#maps{	width: 100%;	height: 400px;	}

#txt1{font-size:30px; color:#28225C; font-weight:700;  line-height:45px;  font-family: 'DM Sans', sans-serif; }
#txt2{font-size:22px; color:#232323;  position:relative; margin-top:10px; text-align:justify;}
#txt3{font-size:27px; background:#191250; color:#fff; text-align:center; font-weight:700;  line-height:45px;   font-family: 'DM Sans', sans-serif; margin-bottom:10px }
#txt4{font-size:25px; color:#333;  position:relative;  margin-bottom:15px ; text-align:justify;}

#contaa1{width:45%; float:left; border:0px solid #09F; margin-top:40px; margin-bottom:30px;}
#contaa2{width:45%; float:right; border:0px solid #09F; margin-top:40px; margin-bottom:30px;}
#cont1{height:40px; background:NONE; width:95%; border:0px; margin-bottom:20px; color:#999; font-size:15px; border-bottom:2PX solid #666; color:#333; border-radius:2px}
#bot{background:#191250; color:#fff; font-size:18px; border-radius:3px; line-height:28px; border:0px; }
#bot2{background:#232323; color:#fff; font-size:18px; border-radius:3px;  line-height:28px; border:0px; }


a{   color: #fff;	text-decoration: none;	}
a:hover{    color: #000;    text-decoration: none;	}


#f11{float:left; width:33%; text-align:left; border: 0px solid #0C6; }
#f22{float:left; width:34%; text-align:ñeft; border: 0px solid #0C6; }
#f33{float:left; width:33%; text-align:right; border: 0px solid #0C6; }

#grad {
    background: #ccc; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ccc, #EDEDED); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ccc, #EDEDED); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ccc, #EDEDED); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ccc, #EDEDED); /* Standard syntax */
	height:25px;
}


@media screen and (min-width: 1024px) and (max-width: 1199px) {
#contenedor1{ border: 0px solid #F00; }
#ban1{ position:relative; z-index:10;  background:url(../img/index/BANER4.png);background-attachment: fixed; background-size:130%;background-position:-100px 0 }

#fondo2{ background-position:0 -100px}

#txt1{font-size:30px; color:#28225C; font-weight:700;  line-height:45px;  font-family: 'DM Sans', sans-serif; }
#txt2{font-size:20px; color:#232323;  position:relative; margin-top:10px; text-align:left;}
#txt3{font-size:22px; background:#191250; color:#fff; text-align:center; font-weight:700;  line-height:40px;   font-family: 'DM Sans', sans-serif; margin-bottom:10px }
#txt4{font-size:22px; color:#333;  position:relative;  margin-bottom:15px ; text-align:justify;}

#servicios1{width:80%; float:none; margin-top:50px; margin-bottom:45px; background:url(../img/tras.png)}

#enfoque1{width:45%; float:left; margin-top:90px; margin-bottom:45px; background:url(../img/tras.png)}
#enfoque2{width:45%; float:right; margin-top:90px; margin-bottom:45px; background:url(../img/tras.png)}
#enfoque3{width:80%; margin-left:10%; float:none; margin-top:45px; margin-bottom:90px; background:url(../img/tras.png)}

}

@media screen and (min-width: 800px) and (max-width: 1024px) {
#contenedor1{	border: 0px solid #0C3;	}

#ban1{ position:relative; z-index:10;  background:url(../img/index/BANER4.png);background-attachment: fixed; background-size:130%;background-position:-100px 0 }

#fondo2{background-size:100%; background-position:0 -100px}
#fondo3{background: url(../img/index/business-people-working-in-the-office-with-laptop.png); background-size:150%; background-position:-100px; margin-top:20px}
#fondo4{background:url(../img/index/banner1.png) no-repeat; }

#txt1{font-size:30px; color:#28225C; font-weight:700;  line-height:45px;  font-family: 'DM Sans', sans-serif; }
#txt2{font-size:22px; color:#232323;  position:relative; margin-top:10px; text-align:left;}
#txt3{font-size:22px; background:#191250; color:#fff; text-align:center; font-weight:700;  line-height:40px;   font-family: 'DM Sans', sans-serif; margin-bottom:10px }
#txt4{font-size:22px; color:#333;  position:relative;  margin-bottom:15px ; text-align:justify;}

#mision1{width:60%; float:none; margin-left:20%; margin-top:20px; margin-bottom:40px;}
#mision2{width:90%; float:none; margin-left:5%; margin-top:20px; margin-bottom:20px;}

#noso1{display:none}
#noso2{display:block}

#servicios1{width:100%; float:none; margin-top:50px; margin-bottom:45px; background:url(../img/tras.png)}

#enfoque1{width:100%; float:left; margin-top:50px; margin-bottom:50px; background:url(../img/tras.png)}
#enfoque2{width:100%; float:right; margin-top:0px; margin-bottom:50px; background:url(../img/tras.png)}
#enfoque3{width:100%; float:none; margin-left:0; margin-top:0px; margin-bottom:50px; background:url(../img/tras.png)}


#contaa1{width:100%; float:none; margin-left:0%; margin-top:30px; margin-bottom:30px;}
#contaa2{width:100%; float:none; margin-left:0%; margin-top:30px; margin-bottom:30px;}

#bot{background:#191250; color:#fff; font-size:18px; border-radius:3px; line-height:28px; border:0px; }
#bot2{background:#232323;; color:#fff; font-size:18px; border-radius:3px;  line-height:28px; border:0px; }

#f11{float:none; width:100%; text-align:center; border: 0px solid #0C6; }
#f22{float:none; width:100%; text-align:center; border: 0px solid #0C6;  margin-top:10px}
#f33{float:none; width:100%; text-align:center; border: 0px solid #0C6;  margin-top:10px}

}



@media screen and (min-width: 600px) and (max-width: 799px) {
#contenedor1{	border: 0px solid #FC6;	}

#logo{ width:250px; float:left; border: 0px solid #f60;  position:relative; z-index:100; margin-top:5px; margin-bottom:10px; }	
#logo img{width:100%}

.hea{height:114px}
#header{height:114px;   width: 100%; background:#fff }

#ban1{ position:relative; z-index:10;  background:url(../img/index/BANER4.png);background-attachment: fixed; background-size:135%;background-position:-100px 0 }

#fondo2{background-size:147%; background-position:0 -100px}
#fondo3{background: url(../img/index/business-people-working-in-the-office-with-laptop.png); background-size:207%; background-position:-225px; margin-top:20px}
#fondo4{background:url(../img/index/banner1.png) no-repeat; background-size:150%}

#txt1{font-size:26px; color:#28225C; font-weight:700;  line-height:30px;  font-family: 'DM Sans', sans-serif; }
#txt2{font-size:19px; color:#232323;  position:relative; margin-top:10px; text-align:left;}
#txt3{font-size:22px; background:#191250; color:#fff; text-align:center; font-weight:700;  line-height:40px;   font-family: 'DM Sans', sans-serif; margin-bottom:10px }
#txt4{font-size:22px; color:#333;  position:relative;  margin-bottom:15px ; text-align:justify;}

#cua1{width:100%;  background:#373739; font-size:22px; color:#fff;  padding:5px 10px 5px 10px; margin-bottom:0px; margin-top:15px;  font-family: 'DM Sans', sans-serif; font-weight:700; }
.cat{ margin-top:0px; margin-bottom:0px; margin-left:-7px; font-size:19px; color:#232323;  position:relative; margin-top:10px }

#mision1{width:80%; float:none; margin-left:10%; margin-top:20px; margin-bottom:40px;}
#mision2{width:90%; float:none; margin-left:5%; margin-top:20px; margin-bottom:20px;}

#noso1{display:none}
#noso2{display:block}

#servicios1{width:100%; float:none; margin-top:50px; margin-bottom:45px; background:url(../img/tras.png)}

#enfoque1{width:100%; float:left; margin-top:40px; margin-bottom:30px; background:url(../img/tras.png)}
#enfoque2{width:100%; float:right; margin-top:0px; margin-bottom:30px; background:url(../img/tras.png)}
#enfoque3{width:100%; float:none; margin-left:0; margin-top:0px; margin-bottom:40px; background:url(../img/tras.png)}


#contaa1{width:100%; float:none; margin-left:0%; margin-top:30px; margin-bottom:30px;}
#contaa2{width:100%; float:none; margin-left:0%; margin-top:30px; margin-bottom:30px;}

#bot{background:#191250; color:#fff; font-size:18px; border-radius:3px; line-height:28px; border:0px; }
#bot2{background:#232323;; color:#fff; font-size:18px; border-radius:3px;  line-height:28px; border:0px; }

#f11{float:none; width:100%; text-align:center; border: 0px solid #0C6; }
#f22{float:none; width:100%; text-align:center; border: 0px solid #0C6;  margin-top:10px}
#f33{float:none; width:100%; text-align:center; border: 0px solid #0C6;  margin-top:10px}

}


@media screen and (min-width: 480px) and (max-width: 599px) {
#contenedor1{	border: 0px solid #000;	}

#logo{ width:200px; float:left; border: 0px solid #f60;  position:relative; z-index:100; margin-top:5px; margin-bottom:10px; }	
#logo img{width:100%}

.hea{height:95px}
#header{height:95px;   width: 100%; background:#fff }

#ban1{ position:relative; z-index:10;  background:url(../img/index/BANER4.png);background-attachment: fixed; background-size:135%;background-position:-100px 0 }

#fondo2{background-size:172%; background-position:-50px -100px}
#fondo3{background: url(../img/index/business-people-working-in-the-office-with-laptop.png); background-size:235%; background-position:-251px; margin-top:20px}
#fondo4{background:url(../img/index/banner1.png) no-repeat; background-size:150%}

#txt1{font-size:21px; color:#28225C; font-weight:700;  line-height:30px;  font-family: 'DM Sans', sans-serif; }
#txt2{font-size:17px; color:#232323;  position:relative; margin-top:10px; text-align:left;}
#txt3{font-size:20px; background:#191250; color:#fff; text-align:center; font-weight:700;  line-height:36px;   font-family: 'DM Sans', sans-serif; margin-bottom:10px }
#txt4{font-size:22px; color:#333;  position:relative;  margin-bottom:15px ; text-align:justify;}

#cua1{width:100%;  background:#373739; font-size:20px; color:#fff;  padding:5px 10px 5px 10px; margin-bottom:0px; margin-top:15px;  font-family: 'DM Sans', sans-serif; font-weight:700; }
.cat{ margin-top:0px; margin-bottom:0px; margin-left:-7px; font-size:17px; color:#232323;  position:relative; margin-top:10px }

#mision1{width:80%; float:none; margin-left:10%; margin-top:20px; margin-bottom:20px;}
#mision2{width:90%; float:none; margin-left:5%; margin-top:20px; margin-bottom:20px;}

#noso1{display:none}
#noso2{display:block}

#servicios1{width:100%; float:none; margin-top:35px; margin-bottom:35px; background:url(../img/tras.png)}

#enfoque1{width:100%; float:left; margin-top:40px; margin-bottom:30px; background:url(../img/tras.png)}
#enfoque2{width:100%; float:right; margin-top:0px; margin-bottom:30px; background:url(../img/tras.png)}
#enfoque3{width:100%; float:none; margin-left:0; margin-top:0px; margin-bottom:40px; background:url(../img/tras.png)}


#contaa1{width:100%; float:none; margin-left:0%; margin-top:30px; margin-bottom:30px;}
#contaa2{width:100%; float:none; margin-left:0%; margin-top:30px; margin-bottom:30px;}

#bot{background:#191250; color:#fff; font-size:18px; border-radius:3px; line-height:28px; border:0px; }
#bot2{background:#232323;; color:#fff; font-size:18px; border-radius:3px;  line-height:28px; border:0px; }

#f11{float:none; width:100%; text-align:center; border: 0px solid #0C6; }
#f22{float:none; width:100%; text-align:center; border: 0px solid #0C6;  margin-top:10px}
#f33{float:none; width:100%; text-align:center; border: 0px solid #0C6;  margin-top:10px}

}


@media screen and (min-width: 320px) and (max-width: 479px) {
#contenedor1{	border: 0px solid #000;	}

#logo{ width:200px; float:left; border: 0px solid #f60;  position:relative; z-index:100; margin-top:5px; margin-bottom:10px; }	
#logo img{width:100%}

.hea{height:95px}
#header{height:95px;   width: 100%; background:#fff }

#ban1{ position:relative; z-index:10;  background:url(../img/index/BANER4.png);background-attachment: fixed; background-size:150%;background-position:-100px 0 }

#fondo2{background-size:233%; background-position:-100px -105px}
#fondo3{background: url(../img/index/business-people-working-in-the-office-with-laptop.png); background-size:335%; background-position:-448px; margin-top:20px}
#fondo4{background:url(../img/index/banner1.png) no-repeat; background-size:150%}

#txt1{font-size:19px; color:#28225C; font-weight:700;  line-height:30px;  font-family: 'DM Sans', sans-serif; }
#txt2{font-size:16px; color:#232323;  position:relative; margin-top:10px; text-align:left;}
#txt3{font-size:17px; background:#191250; color:#fff; text-align:center; font-weight:700;  line-height:30px;   font-family: 'DM Sans', sans-serif; margin-bottom:10px }
#txt4{font-size:22px; color:#333;  position:relative;  margin-bottom:15px ; text-align:justify;}

#cua1{width:95%;  background:#373739; font-size:18px; color:#fff;  padding:5px 10px 5px 10px; margin-bottom:0px; margin-top:15px;  font-family: 'DM Sans', sans-serif; font-weight:700; }
.cat{ margin-top:0px; margin-bottom:0px; margin-left:-7px; font-size:17px; color:#232323;  position:relative; margin-top:10px }

#mision1{width:80%; float:none; margin-left:10%; margin-top:20px; margin-bottom:20px;}
#mision2{width:90%; float:none; margin-left:5%; margin-top:20px; margin-bottom:20px;}

#noso1{display:none}
#noso2{display:block}

#servicios1{width:100%; float:none; margin-top:35px; margin-bottom:35px; background:url(../img/tras.png)}

#enfoque1{width:100%; float:left; margin-top:40px; margin-bottom:30px; background:url(../img/tras.png)}
#enfoque2{width:100%; float:right; margin-top:0px; margin-bottom:30px; background:url(../img/tras.png)}
#enfoque3{width:100%; float:none; margin-left:0; margin-top:0px; margin-bottom:40px; background:url(../img/tras.png)}


#contaa1{width:100%; float:none; margin-left:0%; margin-top:30px; margin-bottom:30px;}
#contaa2{width:100%; float:none; margin-left:0%; margin-top:30px; margin-bottom:30px;}

#bot{background:#191250; color:#fff; font-size:18px; border-radius:3px; line-height:28px; border:0px; }
#bot2{background:#232323;; color:#fff; font-size:18px; border-radius:3px;  line-height:28px; border:0px; }

#f11{float:none; width:100%; text-align:center; border: 0px solid #0C6; }
#f22{float:none; width:100%; text-align:center; border: 0px solid #0C6;  margin-top:10px}
#f33{float:none; width:100%; text-align:center; border: 0px solid #0C6;  margin-top:10px}

}