/*******************************************************
**
** FONTS
**
*******************************************************/

@font-face {
    font-family: 'Gotham_Medium';
    src: url('font/Gotham-Medium.woff2') format('woff2'),
        url('font/Gotham-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham_Bold';
    src: url('font/Gotham-Bold.woff2') format('woff2'),
        url('font/Gotham-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham_Book';
    src: url('font/Gotham-Book.woff2') format('woff2'),
        url('font/Gotham-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham_Light';
    src: url('font/Gotham-Light.woff2') format('woff2'),
        url('font/Gotham-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

/*******************************************************
**
** CLASS
**
*******************************************************/

.logoDivContainer {
	width: 167px;
    height: 63px;
	/* background: url("../img/logoSVG1.svg") no-repeat; */
	background: url("../img/logo2.png") no-repeat;
}

.myClassMenuFont {
	color: #ffffff;
	/*
	font-family: 'Gotham_Medium';
	font-size: 10px;
	line-height: 12px;
	color: #ffffff;
	text-align: center; 
	*/
}

.myClassTextCenterCarousel {
	font-family: 'Gotham_Medium';
	font-size: 37px;  /* 37px */
	line-height: 45px; /* 45px */ 
	letter-spacing: -0.5px;
	color: #ffffff;
	text-align: center; 
}

.myClassTitleBrand {
	font-family: 'Gotham_Medium';
	/* font-weight: 700; */
	font-size: 40px;
	letter-spacing: -0.5px;
	color: #58595b;
}

.myClassSubTitleBrand {
	font-family: 'Gotham_Light';
	font-size: 19px;
	line-height: 0px;
	letter-spacing: 1.15px;
	color: #58595b;
}

.lineBlue {
	width: 125px;
	height: 1px;
	background-color: #008ec3;
	margin: auto;
}

.lineBlueLarge {
	width: 100%;
	height: 1px;
	background-color: #008ec3;
	/* margin: auto; */
}

/**************************************************************** DATA ***/

.myClassObjectContainer {

	/* display: table; */

	width: 100%;
	text-align: left;  /* IN @MEDIA QUERY max-width 768 text-align: center;  */
	padding-left: 5%; /* COMMENT IN @MEDIA QUERY max-width 768  */
	/* border: 1px solid red; */
}

.myClassAllDataContainerIcon {
    padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 12px; 
	padding-right: 12px; 
	display: inline-block;
	vertical-align: middle; 
	text-align: center;
	/* background-color: #00a65a; */
	transition: 0.3s;
}

.myClassAllDataContainerIcon:hover {
	transform: scale(1.25);
}

.myClassAllDataContainerDot {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 47px; /* IN @MEDIA QUERY max-width 1024 padding-left: 27px;  */
	padding-right: 47px; /* IN @MEDIA QUERY max-width 1024 padding-right: 27px;  */
	display: inline-block; /* IN @MEDIA QUERY max-width 768 UNCOMMENT  */
	vertical-align: middle; 
	text-align: center;
	/* background-color: #f56954; */
}

.myClassAllDataContainerText {
    padding: 10px;
	display: inline-block; 
	vertical-align: middle; 
	/* background-color: #00c0ef; */

	text-align: justify;
	text-justify: inter-word;
	  
	width: 75%;
}

.myClassObjectDataTitle {
	font-family: 'Gotham_Medium';
	font-size: 16px;
	letter-spacing: 0.15px;
	color: #58595b;
}

.myClassObjectDataText {
	font-family: 'Gotham_Book';
	font-size: 16px;
	letter-spacing: -0.5px;
	color: #808080;
}

/**************************************************************** DATA ***/

.myClassTextBrand {
	width: 89%;
	font-family: 'Gotham_Book';
	font-size: 16px;
	line-height: 19px;
	letter-spacing: -0.5px;
	color: #808080;
}

.myClassTextBrand2 {
	width: 91%;
	font-family: 'Gotham_Book';
	font-size: 16px;
	line-height: 19px;
	letter-spacing: -0.5px;
	color: #808080;
}

/**************************************************************** DATA QUIENES ***/

.myClassImgDot {
	width: 10px;
	height: 10px;
	margin-top: 16px;
	padding-left: 20px; 
	padding-right: 20px;
}

.myClassMarginTop {
	margin-top: 11px;
}

.myClassJustifyText {
	width: 100%;
	/* background-color: aqua; */
	text-align: justify;
  	text-justify: inter-word;
}

.myClassQuienesMisionContainer {
	position: absolute;
	width: 80%;
	height: 100%;
	top: 50%;
	left: 50%;
	background-color: rgba(0, 142, 195, 0.9);
	/* padding: 15px; */

	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.myClassQuienesMisionText {
	font-family: 'Gotham_Bold';
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	position: absolute;
	width: 90%;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.myClassQuienesVisionContainer {
	position: absolute;
	width: 80%;
	height: 100%;
	top: 50%;
	left: 50%;
	background-color: rgba(0, 142, 195, 0.9);
	/* padding: 15px; */

	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.myClassQuienesVisionText {
	font-family: 'Gotham_Bold';
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	position: absolute;
	width: 90%;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.myClassQuienesValoresContainer {
	position: absolute;
	width: 80%;
	height: 100%;
	top: 50%;
	left: 50%;
	background-color: rgba(0, 142, 195, 0.9);
	/* padding: 15px; */

	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.myClassQuienesValoresText {
	font-family: 'Gotham_Bold';
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	position: absolute;
	width: 90%;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.myClassQuienesIconsMoreInfoContainer {
	position: absolute;
	width: 93%;
	height: 100%;
	top: 40%;
	left: 50%;
	background-color: rgba(0, 142, 195, 0.9);
	/* padding: 15px; */

	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.myClassQuienesIconsMoreInfoText {
	font-family: 'Gotham_Bold';
	font-size: 11px;
	color: #ffffff;
	text-align: center;
	position: absolute;
	width: 90%;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/**************************************************************** DATA SERVICIOS ***/

.myClassObjectDataTextServ {
	font-family: 'Gotham_Book';
	font-size: 16px;
	letter-spacing: 0.1px;
	color: #808080;
}

.myClassAllDataContainerTextServ {
    padding: 10px;
	display: inline-block; 
	vertical-align: middle; 
	text-align: left;
	line-height: 1.15;
	width: 75%;
}

.myClassTextBrandServ {
	width: 89%;
	font-family: 'Gotham_Book';
	font-size: 16px;
	line-height: 19px;
	letter-spacing: -0.5px;
	color: #808080;
	padding-left: 40px;
}

/**************************************************************** DATA FUNCIONARIO VIRTUAL ***/

.myClassTextBrandFVirtual {
	width: 89%;
	font-family: 'Gotham_Book';
	font-size: 16px;
	line-height: 19px;
	letter-spacing: -0.5px;
	color: #808080;
	padding-left: 40px;

	text-align: justify;
  	text-justify: inter-word;
}

.myClassCenterDivFV {
	text-align: center;
}

.myCLassWidthHeightAlcances {
	width: 285px;
	height: 251px;
}

.myClassVideo {
	width: 850px; 
	height: 478px;
}

/**************************************************************** DATA CONTACTO ***/

.myClassButtonSendContactContainer {
	width: 100%;
	text-align: right;
	/* border: 1px solid red; */
}

.myClassButtonenviar {
	width: 164px;
	height: 47px;
	padding-top: 11px;
}

.myClassDataContactContainer {
	line-height: 1.15;
}

.myClassDataContactText {
	font-family: 'Gotham_Light';
	font-size: 14px;
	line-height: 16px;
	letter-spacing: -0.5px;
	color: #808080;
	text-decoration: none; 
}

.myClassWidth {
	display: inline-block;
	width: 100%;
}

.myClassDataAvisoPrivacidad {
	font-family: 'Gotham_Bold';
	font-size: 14px;
	line-height: 16px;
	letter-spacing: -0.5px;
	color: #008ec3;
	text-decoration: none; 
	display: inline-block;
	width: 100%;
	text-align: center;
}

/**************************************************************** LOGIN ***/

.container2 {
	max-width: 400px
}

.myClassDivLogin {
	max-width: 400px;

	/* position: relative; */
  	/* top: 50%; */
  	left: 50%;
	/*
  	-ms-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
	*/

	-ms-transform: translateX(-50%);
	transform: translateX(-50%);

}

.myClassButtonLogin {
	width: 100%;
	text-align: center;
	/* border: 1px solid red; */
}

.myClassMenuColorBlue {
	color: #008ec3 !important;
}

/**************************************************************** FOOTER ***/

.myClassFooterAvisoPrivacidad {
	font-family: 'Gotham_Bold';
}