@import url(fonts.css);
* {
	padding: 0; margin: 0; box-sizing: border-box;
}
a {
	text-decoration: none;
}
a:visited {
	color: none;
	text-decoration: none;
}
body {
	width: 100%;
	margin: 0 auto;
	background-color: #FFF;
	height: 100%;
}

#global {
	width: 100%;
	height: 100%;
	max-width: 1920px;
	margin: 0 auto;
	text-align: center;
	box-sizing: border-box;
	margin-top: 8px;
}
.ir-arriba {
	display:none;
	padding: 26px 14px 8px 14px;
	background:#0f63ac;
	font-size: 3em;
	color:#FFF;
	cursor:pointer;
	position: fixed;
	bottom: 25px;
	right: 15px;
	border-radius: 50%;
	z-index:99988;
	font-family: "BreeLight";
	line-height: 19px;
}
/*----------- HEAD -----------------------------------------------------*/
header#cab {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	max-height: 148px;
	max-width: 1920px;
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
	background-image: url('../img/img-cab-1920.jpg');
	background-repeat: no-repeat;
	box-sizing: border-box;
}
header#cab img {
	width: 100%;
	height: auto;
}
/*----------MAIN --------------------------------------------------------*/
header#menu {
	display: none;
}
.menu_bar {
	display:none;
}
.main {
	display: block;
	float: left;
	width: 100%;
	margin: auto;
	background-color:#0f63ac;
	height: 40px;
	box-sizing: border-box;
	margin-top: 0%;
}
.main nav {
	background:#0098DA;
	z-index:3000;
	width:100%;
	max-width: 1920px;
	height: auto;
	min-height: 40px;
	box-sizing:border-box;
	margin: auto;
	margin-bottom: 0px;
	padding: 0.3% 0% 0.3% 0.5%; 
}
.main nav .logo {
	display: none;
}

.main nav ul {
	list-style:none;
}

.main nav ul li {
	display:inline-block;
	position: relative;
}
.main nav ul li a {
	color:#FFF;
	display:block;
	text-decoration:none;
	padding: 10px 15px 5px 15px;
	font-family: 'Gotham-Book';
	font-size:0.9em;
	text-align: center;
	border-right: 1px solid #FFF;
}
.main nav ul li a:hover {
	color:#2059A1;
}
.main nav ul li:hover .children {
	display:block;
}
.main nav ul li .children {
	display: none;
	background:#0098DA;
	color:#FFF;
	position: absolute;
	width: 100%;
	min-width: 220px;
	margin-left: -5px;
	margin-top: 0px;
	z-index:1005;
	box-sizing: border-box;
	border-left: 1px solid #FFF;
}
.main nav ul li .children li {
	display:block;
	width: 100%;
	box-sizing: border-box;
}
.main nav ul li .children li a {
	width: 100%;
	min-width: 100px;
	height: auto;
	min-height: 40px;
	color:#FFF;
	padding:6% 2% 6% 9%;
	box-sizing: border-box;
	text-align: left;
	border-bottom: 1px solid #FFF;
	border-right: none;
}
.main nav ul li .children li a:hover{
	/*background: rgba(32,89,161,100);*/
	color:#2059A1;
}
.main nav ul li .children li a .icono {
	color: #FFF;
}
/* ----MENU PEGAJOSO ----------------------------------------------------------------------*/

.menu-fixed {
	position:fixed;
	z-index:1000;
	top:0;
	max-width:1920px;
	left:0;
	width:100%;
	height: 40px;
	box-shadow:0px 4px 3px rgba(0,0,0,.5);
	box-sizing: border-box;
}
.menu-fixed nav ul {
	display: block;
	float: left;
	margin-left: 8.8%;
}
.menu-fixed nav .logo {
	display: block;
	float: left;
	width: auto;
	height: 40px;
	margin-left: 14.5%;
}
.menu-fixed nav .logo img {
	width: 100%;
	max-width: 178px;
	height: auto;
	margin-top: 1%;
}
/*-------------------------------- CONTENT --------------------------------------------------*/

#global .content {
	background-color: #FFF;
	width: 100%;
	max-width: 1920px;
	height: 100%;
	overflow: hidden;
	box-sizing: border-box;
}

/*-------------------------------- UNO --------------------------------------------------*/
.content .uno {
	display: block;
	float: left;
	width: 100%;
	max-width: 1920px;
	height: auto;
	min-height: 714px;
	background-image: url('../img/img-cab-1920.jpg');
	background-repeat: no-repeat;
	background-position: 0px -40px;
	background-size: 100%;
	box-sizing: border-box;
	z-index: 9999;
	margin-top: 48px;
}
.content .uno img {
	width: 100%;
	height: 100%;
}
.content .uno .logo {
	width: 100%;
	height: auto;
	margin-top: -1.2%;
}
.content .uno .logo img {
	width: 100%;
	max-width: 350px;
}
.content .uno h4 {
	font-family: 'Gotham-Book';
	font-size:1.6em;
	text-align: center;
	color: #2059A1;
	font-weight: normal;
	padding: 3% 0% 5% 0%;
}
/*-------------------------------- DOS QUIENES SOMOS  --------------------------------------------------*/
.content .dos {
	display: block;
	float: left;
	width: 100%;
	max-width: 1920px;
	height: auto;
	box-sizing: border-box;
	background-color: #FFF;
	min-height: 300px;
}
.content .dos .full {
	display: inline-block;
	float: left;
	width: 70%;
	margin-left: 15%;
	margin-top: 2%;
	height: auto;
	min-height: 220px;
	box-sizing: border-box;	
	text-align:center;
}
.full h4 {
	font-family: 'Gotham-Book';
	font-size:1.8em;
	text-align: left;
	color: #2D7EB6;
	padding-top: 2.5%;
	margin-bottom: 1%;
	width:100%;
	text-align: center;
	font-weight: normal;
}
.full .sep-linea {
	width: 8%;
	text-align: center;
	height: 8px;
	background-color: #0098DA;
	margin-left: 45%;
	box-sizing: border-box;
	margin-bottom: 3%;
}
span.txt-2 {
	display: block;
	float: left;
	height: auto;
	font-family: 'Gotham-Book';
	font-size:1.2em;
	text-align: left;
	color: #333;
	width:100%;
}
.content .dos .box {
	display: inline-block;
	float: left;
	width: 45%;
	margin-top: 2.5%;
	height: auto;
	min-height: 200px;
	box-sizing: border-box;	
	text-align:left;
}
.content .bgdown {
	display: block;
	float: left;
	width: 100%;
	max-width: 1920px;
	height: auto;
	max-height: 110px;
	text-align: center;
}
/*--------------------------------- BANNER --------------------------------------------*/
.content .banner {
	display: block;
	float: left;
	width: 100%;
	max-width: 1366px;
	height: auto;
	max-height: 337px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	box-sizing: border-box;
	background-color: #FFF;
}
.comtent .banner iframe {
	background-color: #FFF;
}
.content .banner iframe img {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
}
.content .banner-1600 {
	display: none;
}
.content .banner-1920 {
	display: none;
}
.content .banner-640 {
	display: none;
}
.content .banner-360 {
	display: none;
}
/*-------------------------------- TRES --------------------------------------------------*/
.content .tres {
	display: block;
	float: left;
	width: 100%;
	max-width: 1920px;
	min-height: 1200px;
	background-color: #FFF;
	background-image: url(../img/img-flechas-empresas.png);
	background-repeat: no-repeat;
	background-position:436px 0px; ;
	box-sizing: border-box;
}
.content .tres img {
		width: 100%;
		height: 100%;
}
.tres h4 {
		display: none;
}
	.tres .sep-linea {
		display: none;
}
.content .tres .a {
	display: block;
	float: left;
	width: 33.3%;
	box-sizing: border-box;
	padding: 7% 3% 0% 0%;
	text-align: right;
}
.content .tres a {
	text-decoration: none;
}
.content .tres .a a img {
	width: 100%;
	max-width: 265px;
	height: auto;
}
.content .tres .b {
	display: block;
	float: left;
	width: 33.3%;
	padding: 25% 0% 0% 0%;
	text-align: center;
}
.content .tres .b a img {
	width: 100%;
	max-width: 265px;
	height: auto;
}
.content .tres .c {
	display: block;
	float: left;
	width: 33.3%;
	box-sizing: border-box;
	padding: 7% 0% 0% 4%;
	text-align: left;
}
.content .tres .c a img {
	width: 100%;
	max-width: 265px;
	height: auto;
}
.content .tres .d {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	min-height: 546px;
	max-width: 1920px;
	height: auto;
	margin-top: 8%;
	font-family: 'Gotham-Book';
	font-size:2em;
	text-align: center;
	color: #2059A1;
	background-image: url(../img/img-bg-empresas.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}
.content .tres .d img {
	background-size: 100% 100%;
}
.content .tres .d span.light {
	font-weight: normal;
}

/*-------------------------------- FOOTER --------------------------------------------------*/
footer {
	display: block;
	float: left;
	width: 100%;
	max-width: 1920PX;
	height: auto;
	min-height: 120px;
	background-color: #0098DA;
	box-sizing: border-box;

}
footer .left {
	display: block;
	float: left;
	width: 30%;
	height: auto;
	text-align: left;
	margin-left: 20%;
	padding-top: 2%;
}
footer .left span.txt-left1 {
	font-family: 'BreeBold';
	font-weight: normal;
	font-size: 1.4em;
	color: #FFF;
	text-align: left;
	padding-bottom: 5px;
}
footer .left img {
	margin-right: 5px;
}
footer .left a {
	font-family: 'BreeLight';
	font-weight: normal;
	font-size: 0.9em;
	color: #FFF;
	text-align: left;
	font-weight: normal;
	padding-bottom: 5px;
}
footer .left a:hover {
	color: #2059A1;
}
footer .left span.txt-left2 {
	font-family: 'BreeLight';
	font-weight: normal;
	font-size: 0.9em;
	color: #FFF;
	text-align: left;
	font-weight: normal;
	padding-left: 10px;
}
footer .right {
	display: block;
	float: left;
	width: 30%;
	height: auto;
	text-align: right;
	margin-right: 20%;
	padding-top: 2.5%;
}
footer .right img {
	height: 70px;
	width: auto;
}
.content .pie-uno {
		display: block;
		float: left;
		background-color: #FFF;
		width: 100%;
		max-width: 1920px;
		height: auto;
		padding: 0.8% 0% 0.8% 0%;
		box-sizing: border-box;
}
.content .pie-uno {
	font-family: 'BreeLight';
	font-weight: normal;
	font-size: 1em;
	color: #0098DA;
}
.content .pie-uno a {
	font-family: 'BreeLight';
	font-weight: normal;
	font-size: 1em;
	color: #0098DA;
	text-align: left;
}
.content .pie-uno a:hover {
	color: #2059A1;
}
.content .pie {
	display: block;
	float: left;
	margin: 0 auto;
	width: 100%;
	max-width: 1920px;
	text-align: center;
	padding: 0.5% 0% 0.5% 0%;
	box-sizing: border-box;
	background-color:#000; /*#0f63ac;*/
	font-family: 'Gotham-Book';
	font-weight: normal;
	font-size: 0.8em;
	color: #FFF;
}
.content .pie br {
	display: none;
}
.content .pie a {
	font-family: 'Gotham-Book';
	font-size: 1em;
	color: #FFF;
	font-weight: normal;
}
.content .pie a:hover {
	color: #e65100;
}
/*-----------------------------------------------------------------------------------------------*/
/*-------------------------------- FIN 1366px  --------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/


/********************* ----- ********************************************************************/
/********************* 1920 ********************************************************************/
/********************* ---- ********************************************************************/
@media screen and (min-width: 1920px) {
/* ----MENU PEGAJOSO ----------------------------------------------------------------------*/

.menu-fixed nav ul {
	display: block;
	float: left;
	margin-left: 14.8%;
}
.menu-fixed nav .logo {
	display: block;
	float: left;
	width: 100%;
	max-width: 200px;
	height: auto;
	margin-left: 15%;
}
.menu-fixed nav .logo img {
	width: 100%;
	max-width: 216px;
	height: auto;
	margin-top: -0.7%;
}
/*-------------------------------- DOS QUIENES SOMOS  --------------------------------------------------*/
.content .dos {
	display: block;
	float: left;
	width: 100%;
	max-width: 1920px;
	height: auto;
	box-sizing: border-box;
	background-color: #FFF;
	min-height: 300px;
}
.content .dos .full {
	display: inline-block;
	float: left;
	width: 70%;
	margin-left: 15%;
	margin-top: 2%;
	height: auto;
	min-height: 220px;
	box-sizing: border-box;	
	text-align:center;
}
.full h4 {
	font-family: 'Gotham-Book';
	font-size:1.8em;
	text-align: left;
	color: #2D7EB6;
	padding-top: 2.5%;
	margin-bottom: 1%;
	width:100%;
	text-align: center;
	font-weight: normal;
}
.full .sep-linea {
	width: 8%;
	text-align: center;
	height: 8px;
	background-color: #0098DA;
	margin-left: 45%;
	box-sizing: border-box;
	margin-bottom: 3%;
}
span.txt-2 {
	display: block;
	float: left;
	height: auto;
	font-family: 'Gotham-Book';
	font-size:1.2em;
	text-align: left;
	color: #333;
	width:100%;
}
.content .dos .box {
	display: inline-block;
	float: left;
	width: 45%;
	margin-top: 2.5%;
	height: auto;
	min-height: 200px;
	box-sizing: border-box;	
	text-align:left;
}
.content .bgdown {
	display: block;
	float: left;
	width: 100%;
	max-width: 1920px;
	height: auto;
	max-height: 110px;
	text-align: center;
}
/*--------------------------------- BANNER --------------------------------------------*/
.content .banner-1920 {
	display: block;
	float: left;
	width: 100%;
	max-width: 1920px;
	height: auto;
	max-height: 474px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	box-sizing: border-box;
	background-color: #FFF;
}
.comtent .banner iframe {
	background-color: #FFF;
}
.content .banner iframe img {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
}
.content .banner-1600 {
	display: none;
}
.content .banner {
	display: none;
}
.content .banner-640 {
	display: none;
}
.content .banner-360 {
	display: none;
}
/*-------------------------------- TRES --------------------------------------------------*/
.content .tres {
	display: block;
	float: left;
	width: 100%;
	max-width: 1920px;
	min-height: 1200px;
	background-color: #FFF;
	background-image: url(../img/img-flechas-empresas.png);
	background-repeat: no-repeat;
	background-position:700px 0px; ;
	box-sizing: border-box;
}
.content .tres img {
		width: 100%;
		height: 100%;
}
.tres h4 {
		display: none;
}
	.tres .sep-linea {
		display: none;
}
.content .tres .a {
	display: block;
	float: left;
	width: 33.3%;
	box-sizing: border-box;
	padding: 5% 0% 0% 0%;
	text-align: right;
}
.content .tres a {
	text-decoration: none;
}
.content .tres .a a img {
	width: 100%;
	max-width: 265px;
	height: auto;
}
.content .tres .b {
	display: block;
	float: left;
	width: 33.3%;
	padding: 20% 0% 0% 0%;
	text-align: center;
}
.content .tres .b a img {
	width: 100%;
	max-width: 265px;
	height: auto;
}
.content .tres .c {
	display: block;
	float: left;
	width: 33.3%;
	box-sizing: border-box;
	padding: 5% 0% 0% 0%;
	text-align: left;
}
.content .tres .c a img {
	width: 100%;
	max-width: 265px;
	height: auto;
}
.content .tres .d {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	min-height: 544px;
	max-width: 1920px;
	height: auto;
	margin-top: 8%;
	font-family: 'Gotham-Book';
	font-size:2em;
	text-align: center;
	color: #2059A1;
	background-image: url(../img/img-bg-empresas.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}
.content .tres .d img {
	background-size: 100% 100%;
}
.content .tres .d span.light {
	font-weight: normal;
}

/*-------------------------------- FOOTER --------------------------------------------------*/
footer {
	display: block;
	float: left;
	width: 100%;
	max-width: 1920PX;
	height: auto;
	min-height: 120px;
	background-color: #0098DA;
	box-sizing: border-box;

}
footer .left {
	display: block;
	float: left;
	width: 30%;
	height: auto;
	text-align: left;
	margin-left: 15%;
	padding-top: 2%;
}
footer .left span.txt-left1 {
	font-family: 'BreeBold';
	font-weight: normal;
	font-size: 1.4em;
	color: #FFF;
	text-align: left;
	padding-bottom: 5px;
}
footer .left img {
	margin-right: 5px;
}
footer .left a {
	font-family: 'BreeLight';
	font-weight: normal;
	font-size: 0.9em;
	color: #FFF;
	text-align: left;
	font-weight: normal;
	padding-bottom: 5px;
}
footer .left a:hover {
	color: #2059A1;
}
footer .left span.txt-left2 {
	font-family: 'BreeLight';
	font-weight: normal;
	font-size: 0.9em;
	color: #FFF;
	text-align: left;
	font-weight: normal;
	padding-left: 10px;
}
footer .right {
	display: block;
	float: right;
	width: 30%;
	height: auto;
	text-align: right;
	margin-right: 15%;
	padding-top: 2.2%;
}
footer .right img {
	height: 70px;
	width: auto;
}
.content .pie-uno {
		display: block;
		float: left;
		background-color: #FFF;
		width: 100%;
		max-width: 1920px;
		height: auto;
		padding: 0.8% 0% 0.8% 0%;
		box-sizing: border-box;
}
.content .pie-uno {
	font-family: 'BreeLight';
	font-weight: normal;
	font-size: 1em;
	color: #0098DA;
}
.content .pie-uno a {
	font-family: 'BreeLight';
	font-weight: normal;
	font-size: 1em;
	color: #0098DA;
	text-align: left;
}
.content .pie-uno a:hover {
	color: #2059A1;
}
.content .pie {
	display: block;
	float: left;
	margin: 0 auto;
	width: 100%;
	max-width: 1920px;
	text-align: center;
	padding: 0.5% 0% 0.5% 0%;
	box-sizing: border-box;
	background-color:#000; /*#0f63ac;*/
	font-family: 'Gotham-Book';
	font-weight: normal;
	font-size: 0.8em;
	color: #FFF;
}
.content .pie br {
	display: none;
}
.content .pie a {
	font-family: 'Gotham-Book';
	font-size: 1em;
	color: #FFF;
	font-weight: normal;
}
.content .pie a:hover {
	color: #e65100;
}
/*-----------------------------------------------------------------------------------------------*/
/*-------------------------------- FIN 1920px  --------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
}

/************************** --- **********************************************************************************/
/*------------------------- 640 ----- CELU VERTICAL -------------------------------------------------------------*/
/************************** --- **********************************************************************************/
@media screen and (max-width: 640px) {
	header#menu {
	display: block;
	width: 100%;
	height: 72px;
	padding: 2% 1% 0% 4%;
	color: #FFF;
	font-family: 'Gotham-Book';
	font-size: 20px;
	position: fixed;
	top: 0px;
	left: 0;
	z-index: 100;
	box-sizing: border-box;
	margin-left: 0%;
	background-color: #2059A1;
	}
	header#menu .menu-bar a img.logo {
		display: block;
		float: left;
		height: 60px;
		width: auto;
		padding: 1% 0% 1%;
		box-sizing: border-box;
	}
	header#menu a img.top {
		width: auto;
		height: 40px;
		padding-top: 2%;
		float: left;
	}
	header#menu #menu-bar {
			display: none;
	}
	header#menu label.menu-bar {
		float: right;
		text-decoration: none;
		color: #FFF;
		margin: 1% 3% 3% 3%;
	}
	header#menu label.menu-bar span.icono {
	 width:40px;
	 font-size: 1.8em;
	}
	header#menu .caja-menu {
		position: absolute;
		top: 72px;
		left: 0px;
		width: 100%;
		height: auto;
		min-height: 100vh;
		background:#0098DA;
		background: rgba(32,89,161,0.9);
		transition: all 0.5s;
		transform: translateX(-100%);
		overflow-y: scroll;
		z-index: 999999;
	}
	header#menu .caja-menu a {
		display: block;
		font-family: 'Gotham-Book';
		color:#FFF;
		font-size: 0.8em;
		height: 50px;
		padding: 12px 6px;
		border-bottom: 1px solid #FFF;
		text-decoration: none;
		text-align: left;
	}
	header#menu .caja-menu a:hover {
		background: rgba(0,152,218,0.3);
	}
	header#menu .caja-menu img {
		width: 21px;
		position: absolute;
		top: 172px;
		left: 104px;
	}
	#menu-bar:checked ~ .caja-menu {
		transform: translateX(0%);
	}
	.menu-fixed {
		display: none;
	} 
/* ----MENU PEGAJOSO ----------------------------------------------------------------------*/
	header#prod {
	display: none;
	}
	.ir-arriba {
	padding: 15px 10px 8px 10px;
	font-size: 1.8em;
	bottom: 15px;
	right: 15px;
	border-radius: 50px;
	line-height: 12px;
	}
	.content .banner-1920 {
	display: none;
	}
	.content .banner-1600 {
		display: none;
	}
	.content .banner {
		display: none;
	}
	.content .banner-360 {
		display: none;
	}
	.content .banner-640 {
		display: block;
		max-width: 640px;
		max-height: 203px;
		margin-top: 10px;
	}
	.comtent .banner-640 iframe {
	background-color: #FFF;
	width: 100%;
	max-width: 640px;
	}
	.content .banner-640 iframe img {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	}
/*-------------------------------- UNO --------------------------------------------------*/
	.content .uno {
	display: block;
	float: left;
	width: 100%;
	max-width: 640px;
	height: auto;
	min-height: 362px;
	background-image: url('../img/img-cab-1920.jpg');
	background-repeat: no-repeat;
	background-position: 0px 10px;
	background-size: 100%;
	box-sizing: border-box;
	z-index: 9999;
	margin-top: 48px;
	}
	.content .uno img {
	width: 100%;
	height: 100%;
	}
	.content .uno .logo {
	width: 100%;
	height: auto;
	margin-top: 4%;
	}
	.content .uno .logo img {
	width: 100%;
	max-width: 170px;
	}
	.content .uno h4 {
	font-family: 'Gotham-Book';
	font-size: 1em;
	text-align: center;
	color: #2059A1;
	font-weight: normal;
	padding: 1% 0% 5% 0%;
	}
/*-------------------------------- DOS QUIENES SOMOS  --------------------------------------------------*/
	.content .dos {
		display: block;
		float: left;
		width: 100%;
		max-width: 1920px;
		height: auto;
		box-sizing: border-box;
		background-color: #FFF;
		min-height: 300px;
	}
	.content .dos .full {
		display: inline-block;
		float: left;
		width: 70%;
		margin-left: 15%;
		margin-top: 2%;
		height: auto;
		min-height: 220px;
		box-sizing: border-box;	
		text-align:center;
	}
	.full h4 {
		font-family: 'Gotham-Book';
		font-size: 1.2em;
		text-align: left;
		color: #2D7EB6;
		padding-top: 14%;
		margin-bottom: 1%;
		width:100%;
		text-align: center;
		font-weight: normal;
	}
	.full .sep-linea {
		width: 12%;
		text-align: center;
		height: 6px;
		background-color: #0098DA;
		margin-left: 43%;
		box-sizing: border-box;
		margin-bottom: 3%;
	}
	span.txt-2 {
	display: block;
	float: left;
	height: auto;
	font-family: 'Gotham-Book';
	font-size:1em;
	text-align: left;
	color: #333;
	width:100%;
	}
	.content .dos #a.box  {
		display: inline-block;
		float: left;
		width: 100%;
		margin-top: 2.5%;
		height: auto;
		box-sizing: border-box;	
		text-align:left;
		min-height: 120px;
	}
	.content .dos #b.box {
		margin-left: 0px! important;
		width: 100%;
		min-height: 120px;
	}

	.content .bgdown {
		display: none;
	}
	/*--------------------------------- BANNER --------------------------------------------*/
	.content .banner-640 {
		display: block;
		float: left;
		width: 100%;
		max-width: 640px;
		height: auto;
		max-height: 158px;
		margin: 0 auto;
		text-align: center;
		overflow: hidden;
		box-sizing: border-box;
		background-color: #FFF;
	}
	.comtent .banner iframe {
		background-color: #FFF;
	}
	.content .banner iframe img {
		width: 100%;
		height: 100%;
		padding: 0px;
		margin: 0px;
	}
	.prev-next button {
		font-size: 2em !important;
	}
	/*.prev-next .button--previous {
			display: none;
		}
		.prev-next .button--next {
			display: none;
		}*/
	.content .banner-1600 {
		display: none;
	}
	.content .banner-1920 {
		display: none;
	}
	.content .banner-1366 {
		display: none;
	}
	.content .banner-360 {
		display: none;
	}
	/*-------------------------------- TRES --------------------------------------------------*/
	.content .tres {
		display: block;
		float: left;
		width: 100%;
		max-width: 640px;
		background-color: #FFF;
		box-sizing: border-box;
		background-image: none;
	}
	.tres h4 {
		font-family: 'Gotham-Book';
		font-size: 1.2em;
		text-align: left;
		color: #2D7EB6;
		padding-top: 12%;
		margin-bottom: 1%;
		width:100%;
		text-align: center;
		font-weight: normal;
	}
	.tres .sep-linea {
		width: 12%;
		text-align: center;
		height: 6px;
		background-color: #0098DA;
		margin-left: 43%;
		box-sizing: border-box;
		margin-bottom: 3%;
	}
	.content .tres .a {
		display: block;
		float: left;
		width: 100%;
		max-width: 640px;
		box-sizing: border-box;
		text-align: left;
		padding: 36px 0px 0px 220px;
	}
	.content .tres a {
		text-decoration: none;
	}
	.content .tres .a a img {
		width: 100%;
		max-width: 200px;
		height: auto;
	}
	.content .tres .b {
		display: block;
		float: left;
		width: 100%;
		max-width: 640px;
		text-align: left;
		box-sizing: border-box;
		padding: 36px 0px 0px 220px;
	}
	.content .tres .b a img {
		width: 100%;
		max-width: 200px;
		height: auto;
	}
	.content .tres .c {
		display: block;
		float: left;
		width: 100%;
		max-width: 640px;
		box-sizing: border-box;
		text-align: left;
		padding: 36px 0px 0px 220px;
	}
	.content .tres .c a img {
		width: 100%;
		max-width: 200px;
		height: auto;
		padding: 0%;
	}
	.content .tres .d {
		display: block;
		float: left;
		width: 100%;
		height: auto;
		min-height: 500px;
		max-width: 640px;
		height: auto;
		margin-top: 8%;
		font-family: 'Gotham-Book';
		font-size:1.2em;
		text-align: center;
		color: #2059A1;
		background-image: url(../img/img-bg-empresas.jpg);
		background-repeat: no-repeat;
		background-position: 0px -40px;
		overflow: hidden;
	}
	.content .tres .d img {
		background-size: 100% 100%;
	}
	.content .tres .d span.light {
		font-weight: normal;
	}

	/*-------------------------------- FOOTER --------------------------------------------------*/
	footer {
		display: block;
		float: left;
		width: 100%;
		max-width: 640px;
		height: auto;
		min-height: 70px;
		background-color: #0098DA;
		box-sizing: border-box;
	}
	footer .left {
		display: block;
		float: left;
		width: 40%;
		height: auto;
		text-align: left;
		margin-left: 7%;
		padding-top: 2%;
	}
	footer .left img {
		width: 12px;
		height: auto;
	}
	footer .left span.txt-left1 {
		font-family: 'BreeBold';
		font-weight: normal;
		font-size: 1em;
		color: #FFF;
		text-align: left;
		padding-bottom: 8px;
	}
	footer .left img {
		margin-right: 5px;
	}
	footer .left a {
		font-family: 'BreeLight';
		font-weight: normal;
		font-size: 0.9em;
		color: #FFF;
		text-align: left;
		font-weight: normal;
		padding-bottom: 5px;
	}
	footer .left a:hover {
		color: #2059A1;
	}
	footer .left span.txt-left2 {
		font-family: 'BreeLight';
		font-weight: normal;
		font-size: 0.9em;
		color: #FFF;
		text-align: left;
		font-weight: normal;
		padding-left: 6px;
	}
	footer .right {
		display: block;
		float: left;
		width: 45%;
		height: auto;
		text-align: right;
		margin-right: 0%;
		padding-top: 3%;
	}
	footer .right img {
		height: 50px;
		width: auto;
	}
	.content .pie-uno {
			display: block;
			float: left;
			background-color: #FFF;
			width: 100%;
			max-width: 640px;
			height: auto;
			padding: 0.8% 0% 0.8% 0%;
			box-sizing: border-box;
	}
	.content .pie-uno {
		font-family: 'BreeLight';
		font-weight: normal;
		font-size: 0.8em;
		color: #0098DA;
	}
	.content .pie-uno a {
		font-family: 'BreeLight';
		font-weight: normal;
		font-size: 0.9em;
		color: #0098DA;
		text-align: left;
	}
	.content .pie-uno a:hover {
		color: #2059A1;
	}
	.content .pie {
		display: block;
		float: left;
		margin: 0 auto;
		width: 100%;
		max-width: 6400px;
		text-align: center;
		padding: 0.5% 0% 0.5% 0%;
		box-sizing: border-box;
		background-color:#000; /*#0f63ac;*/
		font-family: 'Gotham-Book';
		font-weight: normal;
		font-size: 0.65em;
		color: #FFF;
	}
	.content .pie br {
		display: none;
	}
	.content .pie a {
		font-family: 'Gotham-Book';
		font-size: 1em;
		color: #FFF;
		font-weight: normal;
	}
	.content .pie a:hover {
		color: #e65100;
	}
}

/*************************** --- *************************************************************************/
/*-------------------------- 468 ------------------------------------------------------------------------*/
/*************************** --- *************************************************************************/

@media screen and (max-width: 468px) { 
	header#cab {
		display: none;
	}
	header#menu {
	display: block;
	width: 100%;
	height: 40px;
	padding: 2% 1% 0% 4%;
	color: #FFF;
	font-family: 'Gotham-Book';
	font-size: 20px;
	position: fixed;
	top: 0px;
	left: 0;
	z-index: 100;
	box-sizing: border-box;
	margin-left: 0%;
	background-color: #0098DA;
	}
	header#menu .menu-bar a img.logo {
		display: block;
		float: left;
		height: 35px;
		width: auto;
		padding: 1% 0% 1%;
		box-sizing: border-box;
	}
	header#menu a img.top {
		width: auto;
		height: 25px;
		padding-top: 1%;
		float: left;
	}
	header#menu #menu-bar {
			display: none;
	}
	header#menu label.menu-bar {
		float: right;
		text-decoration: none;
		color: #FFF;
		margin: -1% 3% 3% 3%;
	}
	header#menu label.menu-bar span.icono {
	 width:20px;
	 font-size: 1.6em;
	}
	header#menu .caja-menu {
		position: absolute;
		top: 40px;
		left: 0px;
		width: 100%;
		height: auto;
		min-height: 100vh;
		background:#0098DA;
		background: rgba(32,89,161,0.9);
		transition: all 0.5s;
		transform: translateX(-100%);
		overflow-y: scroll;
		z-index: 999999;
	}
	header#menu .caja-menu a {
		display: block;
		font-family: 'Gotham-Book';
		color:#FFF;
		font-size: 0.8em;
		height: 40px;
		padding: 12px 6px;
		border-bottom: 1px solid #FFF;
		text-decoration: none;
		text-align: left;
	}
	header#menu .caja-menu a:hover {
		background: rgba(0,152,218,0.3);
	}
	header#menu .caja-menu img {
		width: 21px;
		position: absolute;
		top: 172px;
		left: 104px;
	}
	#menu-bar:checked ~ .caja-menu {
		transform: translateX(0%);
	}
	.menu-fixed {
		display: none;
	} 
/* ----MENU PEGAJOSO ----------------------------------------------------------------------*/
	header#prod {
	display: none;
	}
	.ir-arriba {
	padding: 15px 10px 8px 10px;
	font-size: 1.8em;
	bottom: 15px;
	right: 15px;
	border-radius: 50px;
	line-height: 12px;
	}
	.content .banner-1920 {
	display: none;
	}
	.content .banner-1600 {
		display: none;
	}
	.content .banner {
		display: none;
	}
	.content .banner-640 {
		display: none;
	}
	.content .banner-360 {
		display: block;
		max-width: 640px;
		max-height: 203px;
		margin-top: 10px;
	}
	.comtent .banner-360 iframe {
	background-color: #FFF;
	width: 100%;
	max-width: 640px;
	}
	.content .banner-36 iframe img {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	}
/*-------------------------------- UNO --------------------------------------------------*/
	.content .uno {
	display: block;
	float: left;
	width: 100%;
	max-width: 360px;
	height: auto;
	min-height: 213px;
	background-image: url('../img/img-cab-1920.jpg');
	background-repeat: no-repeat;
	background-position: 0px 10px;
	background-size: 100%;
	box-sizing: border-box;
	z-index: 9999;
	margin-top: 60px;
	}
	.content .uno img {
	width: 100%;
	height: 100%;
	}
	.content .uno .logo {
	width: 100%;
	height: auto;
	margin-top: -5%;
	}
	.content .uno .logo img {
	width: 100%;
	max-width: 170px;
	}
	.content .uno h4 {
	font-family: 'Gotham-Book';
	font-size: 1em;
	text-align: center;
	color: #2059A1;
	font-weight: normal;
	padding: 1% 0% 5% 0%;
	}
/*-------------------------------- DOS QUIENES SOMOS  --------------------------------------------------*/
	.content .dos {
		display: block;
		float: left;
		width: 100%;
		max-width: 360px;
		height: auto;
		box-sizing: border-box;
		background-color: #FFF;
		min-height: 300px;
	}
	.content .dos .full {
		display: inline-block;
		float: left;
		width: 90%;
		margin-left: 5%;
		margin-top: 2%;
		height: auto;
		min-height: 220px;
		box-sizing: border-box;	
		text-align:center;
	}
	.full h4 {
		font-family: 'Gotham-Book';
		font-size: 1.2em;
		text-align: left;
		color: #2D7EB6;
		padding-top: 14%;
		margin-bottom: 1%;
		width:100%;
		text-align: center;
		font-weight: normal;
	}
	.full .sep-linea {
		width: 17%;
		text-align: center;
		height: 5px;
		background-color: #0098DA;
		margin-left: 40%;
		box-sizing: border-box;
		margin-bottom: 3%;
	}
	span.txt-2 {
	display: block;
	float: left;
	height: auto;
	font-family: 'Gotham-Book';
	font-size:0.9em;
	text-align: left;
	color: #333;
	width:100%;
	}
	.content .dos #a.box  {
		display: inline-block;
		float: left;
		width: 100%;
		margin-top: 2.5%;
		height: auto;
		box-sizing: border-box;	
		text-align:left;
		min-height: 120px;
	}
	.content .dos #b.box {
		margin-left: 0px! important;
		width: 100%;
		min-height: 120px;
	}

	.content .bgdown {
		display: none;
	}
	/*--------------------------------- BANNER --------------------------------------------*/
	.content .banner-360 {
		display: block;
		float: left;
		width: 100%;
		max-width: 360px;
		height: auto;
		max-height: 112px;
		margin: 0 auto;
		text-align: center;
		overflow: hidden;
		box-sizing: border-box;
		background-color: #FFF;
	}
	.comtent .banner-360 iframe {
		background-color: #FFF;
	}
	.content .banner-360 iframe img {
		width: 100%;
		height: 100%;
		padding: 0px;
		margin: 0px;
	}
	.prev-next button {
		font-size: 2em !important;
	}
	/*.prev-next .button--previous {
			display: none;
		}
		.prev-next .button--next {
			display: none;
		}*/
	.content .banner-1600 {
		display: none;
	}
	.content .banner-1920 {
		display: none;
	}
	.content .banner-1366 {
		display: none;
	}
	.content .banner-640 {
		display: none;
	}
	/*-------------------------------- TRES --------------------------------------------------*/
	.content .tres {
		display: block;
		float: left;
		width: 100%;
		max-width: 360px;
		background-color: #FFF;
		box-sizing: border-box;
		background-image: none;
	}
	.tres h4 {
		display: block;
		font-family: 'Gotham-Book';
		font-size: 1.2em;
		text-align: left;
		color: #2D7EB6;
		padding-top: 12%;
		margin-bottom: 1%;
		width:100%;
		text-align: center;
		font-weight: normal;
	}
	.tres .sep-linea {
		display: block;
		width: 17%;
		text-align: center;
		height: 5px;
		background-color: #0098DA;
		margin-left: 40%;
		box-sizing: border-box;
		margin-bottom: 3%;
	}
	.content .tres .a {
		display: block;
		float: left;
		width: 100%;
		max-width: 360px;
		box-sizing: border-box;
		text-align: left;
		padding: 36px 0px 0px 85px;
	}
	.content .tres a {
		text-decoration: none;
	}
	.content .tres .a a img {
		width: 100%;
		max-width: 190px;
		height: auto;
	}
	.content .tres .b {
		display: block;
		float: left;
		width: 100%;
		max-width: 360px;
		text-align: left;
		box-sizing: border-box;
		padding: 36px 0px 0px 85px;
	}
	.content .tres .b a img {
		width: 100%;
		max-width: 190px;
		height: auto;
	}
	.content .tres .c {
		display: block;
		float: left;
		width: 100%;
		max-width: 360px;
		box-sizing: border-box;
		text-align: left;
		padding: 36px 0px 0px 85px;
	}
	.content .tres .c a img {
		width: 100%;
		max-width: 190px;
		height: auto;
		padding: 0%;
	}
	.content .tres .d {
		display: block;
		float: left;
		width: 100%;
		height: auto;
		min-height: 504px;
		max-width: 360px;
		padding: 14% 5% 0% 5%;
		height: auto;
		margin-top: 2%;
		font-family: 'Gotham-Book';
		font-size:1.1em;
		text-align: center;
		color: #2059A1;
		background-image: url(../img/img-bg-empresas.jpg);
		background-repeat: no-repeat;
		background-position: 0px -40px;
		box-sizing: border-box;
		overflow: hidden;
	}
	.content .tres .d br {
		display: none;
	}
	.content .tres .d img {
		background-size: 100% 100%;
	}
	.content .tres .d span.light {
		font-weight: normal;
	}

	/*-------------------------------- FOOTER --------------------------------------------------*/
	footer {
		display: block;
		float: left;
		width: 100%;
		max-width: 360px;
		height: auto;
		min-height: 70px;
		background-color: #0098DA;
		box-sizing: border-box;
	}
	footer .left {
		display: block;
		float: left;
		width: 90%;
		height: auto;
		text-align: left;
		margin-left: 5%;
		padding-top: 3%;
		text-align: center;
	}
	footer .left img {
		width: 12px;
		height: auto;
	}
	footer .left span.txt-left1 {
		font-family: 'BreeBold';
		font-weight: normal;
		font-size: 1em;
		color: #FFF;
		text-align: left;
		padding-bottom: 8px;
	}
	footer .left img {
		margin-right: 5px;
	}
	footer .left a {
		font-family: 'BreeLight';
		font-weight: normal;
		font-size: 0.9em;
		color: #FFF;
		text-align: left;
		font-weight: normal;
		padding-bottom: 5px;
	}
	footer .left a:hover {
		color: #2059A1;
	}
	footer .left span.txt-left2 {
		font-family: 'BreeLight';
		font-weight: normal;
		font-size: 0.9em;
		color: #FFF;
		text-align: left;
		font-weight: normal;
		padding-left: 6px;
	}
	footer .right {
		display: block;
		float: left;
		width: 90%;
		height: auto;
		text-align: right;
		margin-left: 5%;
		padding-top: 3%;
		text-align: center;
		padding-bottom: 2%;
	}
	footer .right img {
		height: 50px;
		width: auto;
	}
	.content .pie-uno {
			display: block;
			float: left;
			background-color: #FFF;
			width: 100%;
			max-width: 360px;
			height: auto;
			padding: 1.8% 0% 1.8% 0%;
			box-sizing: border-box;
	}
	.content .pie-uno {
		font-family: 'BreeLight';
		font-weight: normal;
		font-size: 0.8em;
		color: #0098DA;
	}
	.content .pie-uno a {
		font-family: 'BreeLight';
		font-weight: normal;
		font-size: 0.9em;
		color: #0098DA;
		text-align: left;
	}
	.content .pie-uno a:hover {
		color: #2059A1;
	}
	.content .pie {
		display: block;
		float: left;
		margin: 0 auto;
		width: 100%;
		height: auto;
		max-width: 360px;
		text-align: center;
		padding: 2% 0% 4% 0%;
		box-sizing: border-box;
		background-color:#000; /*#0f63ac;*/
		font-family: 'Gotham-Book';
		font-weight: normal;
		font-size: 0.65em;
		color: #FFF;
	}
	.content .pie br {
		display: block;
	}
	.content .pie a {
		font-family: 'Gotham-Book';
		font-size: 1em;
		color: #FFF;
		font-weight: normal;
	}
	.content .pie a:hover {
		color: #e65100;
	}
}