@charset "UTF-8";
/* CSS Document */
@font-face {
	font-family: 'Conv_Lato-Regular';
	src: url('fonts/Lato-Regular.eot');
	src: local('☺'), url('fonts/Lato-Regular.woff') format('woff'), url('fonts/Lato-Regular.ttf') format('truetype'), url('fonts/Lato-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Lato-ExtraBold';
	src: url('fonts/Lato-ExtraBold.eot');
	src: local('☺'), url('fonts/Lato-ExtraBold.woff') format('woff'), url('fonts/Lato-ExtraBold.ttf') format('truetype'), url('fonts/Lato-ExtraBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.container-gtc{
	width: 734px;
    justify-content: center; 
    background-image: url("../image/back.png");
    vertical-align:inherit;
    background-repeat: no-repeat;
}




.banner-img{ 
background-position: center;
background-repeat: no-repeat;
height: 298px;
background-image: url("../image/BANNER-1.png");
animation-name: banner;
animation-duration: 20s;
animation-iteration-count: infinite;
justify-content: center;
 }
@keyframes banner{
    0%, 30% {background-image: url("../image/BANNER-1.png"); }
    35%, 65% {background-image: url("../image/BANNER-2.png"); }
    75%, 100% {background-image: url("../image/BANNER-3.png"); }

}
    

.mision{
    background-color: #28fffe;
    width: 250px;
    height: 220px;
    margin-top: 100px;
    margin-left: 39px;
    box-shadow: -1px 0px 5px 2px #bcbcbc;
    font-family: 'Nunito Sans', sans-serif;
    text-align: justify;
    color: #23288b;
    padding-left: 35px;
    padding-right: 45px;
    padding-top: 30px;
    font-size: 10pt;
    


}

.vision{
    background-color: #68f2a7;
    width: 258px;
    height: 215px;
    margin-top: 0px;
    margin-left: 62px;
    box-shadow: 2px 2px 5px 2px #bcbcbc;
    font-family: 'Nunito Sans', sans-serif;
    text-align: justify;
    color: #23288b; 
    padding-left: 34px;
    padding-right: 39px;
    padding-top: 35px;
    font-size: 10pt;
}

.title{font-family: 'Nunito Sans', sans-serif;
    color: #23288b;  
    font-weight: 900;
    margin-bottom: 5px;
}

.imagen-1{
    margin-top: 100px;
    width: 330px;
    height: 250px;
    margin-left: 0px;
    box-shadow: 2px 0px 5px 2px #bcbcbc;

}

.imagen-2{
    margin-top: 0px;
    width: 329px;
    height: 250px;
    margin-left: 39px;
    box-shadow: -2px 2px 5px 2px #bcbcbc;

}

.llegar{
    position: absolute;
    margin-top: -160px;
    margin-left: 37px;
}

.valores-1{
        font-family: 'Nunito Sans', sans-serif;
        align-items: center;
        color: #7a7a7a;
        margin-left: 61px;
        font-size: 15px;
        margin-top: 15px;

}

.valores-2{
        font-family: 'Nunito Sans', sans-serif;
        align-items: center;
        color: #7a7a7a;
        margin-left: 61px;
        font-size: 15px;
        margin-top: 15px;
}

.valores-3{
        font-family: 'Nunito Sans', sans-serif;
        align-items: center;
        color: #7a7a7a;
        margin-left: 61px;
        font-size: 15px;
        margin-top: 15px;
    }




.valores-titles{
   font-family: 'Nunito Sans', sans-serif;
    color: #23288b;  
    font-weight: 900; 
    margin-bottom: 5px;
}


.back{
    background-color: #23288b;
    width: 596px;
    height: 140px;
    margin-top: 50px;
    margin-left: 35px;
    box-shadow: 0px 0px 5px 2px #ffffff;
    font-family: 'Nunito Sans', sans-serif;
    text-align: justify;
    color: #ffffff; 
    padding-left: 34px;
    padding-right: 39px;
    padding-top: 25px;
    font-size: 10pt;
    padding-bottom: 10px;
}

.nuestra-empresa{
    font-weight: 800;
    font-family: 'Nunito Sans', sans-serif;
    color: #FFFFFF;
    margin-bottom: 10px;

}

.px{
    background-image: url("../image/px.png");
    width: auto;
    height: 30px;
}

.destacado{
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 800; 

}