@import url('../font-awesome/css/font-awesome.css');
body	{background:#113377; font-family:Arial, sans-serif; color:#0044AA;}
h1		{margin:0!important;}
h1, h2	{margin:0!important; font-weight:700; color:#0044AA;}
a		{text-decoration:none!important;}
.fa-ul		{list-style-type:none; margin-left:30px;}
.fa-ul li	{margin-bottom:20px}
b		{color:#0077DD;}
strong	{color:#00ffff;}

#gnp		{color:#ff6600; font-weight:bold}
.whatsapp	{color:#00bb33!important;}
.whatsapp i	{color:#00bb33!important;}
#whats-img	{margin-top:-6px}
.bg-white	{background:#FFF;}
.bg-blue	{background:#113377;}
.bg-blue li	{color:#FFF;}
.bg-blue i	{color:#00ffff; margin-right:5px}
.footer  i	{color:#0044AA; margin-right:5px; font-size:28px}

.rad	{border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.no-gutter > [class*='col-']	{padding-left:0; padding-right:0;}
.shadow		{-webkit-box-shadow:10px 10px 5px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow:10px 10px 5px 0px rgba(50, 50, 50, 0.5); box-shadow:10px 10px 5px 0px rgba(0, 0, 0, 0.5);}

/* PROMOS =========================================== */
#whatsapp {position:fixed; z-index:100; top:0px; left:0px}

.container-fluid	{background:#fff; overflow:hidden!important; padding:0!important; margin:0!important;}
.header			{width:100%!important; height:auto; position:relative; z-index:1;}
.header-bg img	{width:100%!important; height:auto; }
.title			{width:100%; color:#0044AA; position:absolute; z-index:10; left:0; text-align:center; }
.title h1, .title h2		{background-color: rgba(255, 255, 255, 0.35); display:inline-block; padding:10px 20px; margin:0;
					text-shadow: 2px 0 3px #FFF, -2px 0 3px #FFF, 0 2px 3px #FFF, 0 -2px 3px #FFF, 1px -1px 3px #FFF, -1px 1px 3px #FFF;}
.header .title	{top:5%;}
#banner2 .title	{top:15%; position:absolute; z-index:10; width:100%; left:0; text-align:center }
#banner2 img	{width:100%!important; height:auto;}
					
.header-box	{background:#0044AA; background:rgba(0, 102, 204, 0.75); position:absolute; z-index:10000!important; bottom:5%; left:2%; padding:20px;
			display:flex; align-items:center;}
.header-box img	{margin-right:20px}
.header-box h2	{font-size:30px; color:#FFF; }

.header-box-cel	{background:#0044AA; display:flex; align-items:center; padding:5px;}
.header-box-cel img	{max-width:100%;}
.header-box-cel-txt {padding-left:0px;}
.header-box-cel-txt h2	{font-size:20px; color:#FFF;}


.text1	{padding:60px 0 50px;}
.text1 p	{font-weight:bold}
.text1 b	{position:re!important /* exclude flex */}
.text1 img	{max-width:100%!important;}

.text2	{padding:60px 60px 60px}




/* FOOTER =========================================== */
.footer			{width:100%!important; height:auto; position:relative;}

.footer	.title	{width:100%; position:absolute; z-index:10; top:10%; text-align:center; }
.footer	.title h1	{font-weight:700; color:#FFF; display:inline-block; padding:5px 10px; margin:0;}
.footer-box		{position:absolute; z-index:10; width:70%; background:#FF6633; background:rgba(255, 102, 51, 0.75); left:3%; bottom:20%; padding:20px}
.footer-box h2	{font-size:30px; color:#FFF; }

.contacto p		{font-size:24px; line-height:30px!important; background:#FFF; color:#0044AA; padding:10px 20px; margin:30px 0; text-align:center; display:inline-block;}
.contacto a		{font-size:24px; line-height:30px!important; background:#FFF; color:#FF6633;}
.contacto a:hover	{color:#FF9900;}
.logos-footer 	{padding:20px 0!important}
.logos-footer img {max-height:90px}


/* HOME BTN =========================================== */
#home-btn		{position:fixed; z-index:10; top:1px; right:1px; padding:2px 6px; background:#FF6633; text-align:center; border:2px solid #FFF; border-radius:6px;}
#home-btn a		{color:#FFF; font-size:12px; font-weight:bold; line-height:12px}				
#home-btn:hover	{background:#FF9900;}
#home-btn .fa	{color:#FFF;}



/* RESPONSIVE ==================== */
@media(min-width:992px) {
	body				{font-size:20px; line-height:24px; margin:20px;}
	.header	.title h1	{font-size:50px; line-height:56px; padding:1px 5px;}
	.vamid		{display:flex; align-items: center; /* align vertical */}
	.vamid		{margin:0 80px 40px!important;}
	.logo-gnp img	{margin-left:10px}
}
@media(max-width:991px) {
	body			{font-size:18px; line-height:19px;}
	h2				{font-size:24px; line-height:24px;}
	.header	.title h1	{font-size:40px; line-height:44px; padding:1px 5px;}
	.contacto p, .contacto a, .contacto i	{font-size:22px!important; line-height:22px!important;}
	.vamid		{margin:0 20px 40px!important;}
}


@media (max-width: 767px) {
	body			{font-size:16px; line-height:18px;}
	h2				{font-size:22px; line-height:22px;}
	#home-btn 		{font-size:10px; padding:0 1px;}	
	#home-btn span	{display:none}
	.header	.title	{top:0; padding-right:40px}
	.header	.title h1	{font-size:30px; line-height:34px; padding:1px 5px;}
	

	.contacto p, .contacto a, .contacto i	{font-size:20px!important; line-height:30px!important;}
	.box.text1, .box.text2	{padding:40px 10px!important}
	#banner2 .title	{top:0%;}	
}
@media (max-width: 480px) {
	body			{font-size:14px; line-height:20px;}
	h2				{font-size:16px; line-height:18px;}
	.header-box-cel	{padding:0!important}
	.header-box-cel h2	{font-size:16px;}
	.header	.title h1	{font-size:24px; line-height:30px; padding:1px 5px;}
	.logos-footer img {max-height:50px}
}