@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@200&display=swap');
@import url('../font-awesome/css/font-awesome.css');

/* GLOBAL ================================================== */
html, body	{height:100%;}
body		{color:#888; font-weight:normal!important; line-height:18px;}
/* COLORS
#0054a5		Azul logo 
#2b85d9		Azul claro 
#40a3ff		Headers
================================================== */
a		{color:#40a3ff;	text-decoration: none !important; cursor: pointer;}
a:focus	{outline: none;}
.fa		{color:#40a3ff;}

hr		{height:1px; color:#40a3ff; background:#40a3ff; border:none;}
h3 hr	{margin-top:5px;}
.blue	{background:#0054a5; color:#88BBFF;}
.gray	{background:#FCFCFC; padding-top:30px; padding-bottom:20px; margin-bottom:40px; color:#555; border:4px solid #F9F9F9;}
strong, b	{color:#333; font-weight:normal!important;}
.mt-15	{margin-top:-15px!important;}
.fa-lg	{position:relative; top:-7px!important; margin-right:10px;}
.fa-circle	{font-size:10px; margin:2px 0 0 -4px;}
.underline	{text-decoration:underline}
/* Typography ============================================ */
h1, h2, h3		{color:#0054A5; font-family: 'Urbanist', sans-serif; font-weight:200!important;}
h4		{margin:0 0 10px 0; color:#2b85d9;}
h1	{font-size:30px; line-height:36px;}
h2	{font-size:26px;}
h3	{font-size:22px;}
h4	{font-size:18px; line-height:24px; font-weight:normal!important;}
h5	{font-size:14px; color:#2b85d9;}
h6	{font-size:16px;}

img	{max-width: 100%;}
.no-gutter > [class*='col-']	{padding-right:0; padding-left:0;}
.colab {display:block; margin-right:auto; margin-left:auto; margin-top: auto; margin-bottom: 30px; height: auto; width: auto; max-width: 80%; max-height: none}
.fa-ul	{margin-top:-5px; margin-bottom:20px;}
.fa-ul li	{margin-bottom:10px;}

blockquote	{color:#2b85d9!important; border-color:#2b85d9!important; font-style:italic; font-weight:normal; font-size:16px;}

/* VIDEOS ========================= */
.video		 {position:relative; padding-bottom: 56.25%; padding-top: 60px; overflow: hidden; }
.video iframe,
.video object,
.video embed {position:absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* PANELS ================================================== */
.panel-heading		{background:#0054a5!important;}
.panel-heading:hover{background:#2b85d9!important;}
.panel-heading h4	{color:#88BBFF; font-size:20px!important;}

/* HEADER ================================================== */
header		{background:#FFF; height:auto;}
.logo		{float:left; width:15%;}
.logo img	{height:auto; width:100%; padding:10px 0;}
.slogan		{float:left; width:85%; text-align:center;}
.slogan h1	{margin:40px 0 0 0!important; padding:0!important}

/* NAV ================================================== */
.navbar, #navbar	{background:#0054a5!important; border-radius:0!important; border:none!important; min-height:0px!important; margin:0!important; padding:0!important;}
.nav-justified li a	{background:transparent!important; color:#88BBFF; font-size:14px; line-height:14px!important; font-weight:400;}
.nav-justified > li > a:hover, .nav-justified  > li > a:focus, .active 	{color:#EEE!important;}
.nav-justified .dropdown-menu > li > a:hover, .nav-justified .dropdown-menu   > li > a:focus, .active 	{color:#EEE!important;}
.navbar-default .navbar-toggle			{background:#2b85d9; border: none;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus	{background:#40a3ff; border: none;}
.navbar-default .navbar-toggle .icon-bar	{background-color: #FFF;}
.nav-justified .navli2	{background:transparent!important;}
.nav-justified .dropdown-menu	{background:#0054a5!important;}

.title		{background:#2b85d9; padding:15px 0;}
.title h1	{color:#DDD; font-size:30px; margin:0!important;}
.section	{padding-top:60px;	padding-bottom:60px; text-align:justify;}
#banner		{background:#103475;}

#cti		{margin-bottom:30px;}

.well		{background:#2b85d9; border:none; color:#EEE; padding:10px 15px;}
.well h1, .well h2	{color:#FFF; margin:0; }
.well h2 .fa-2x	{margin-right:10px; }
.well h1		{display:inline-block!important;}
.well hr		{margin:5px 0; height:1px; color:#0054a5; background:#0054a5;}
.well .btn	{background:#FFF; color:#0054a5; border:none; float:right; display:inline-block!important; margin-top:5px;}
.well .btn:hover		{background:#0054a5; color:#EEE;}

.colabora 	{background:#0054a5;}
.colabora h1 	{color:#EEE!important; line-height:80px}
.colabora-txt	{padding:30px 15px!important; margin:0!important;}
.colabora p	{font-size:18px; line-height:26px; font-weight:normal!important; color:#88BBFF;}
.colabora-info p i	{font-size:18px; line-height:22px;}


.fachada img	{width:80%; height:auto; margin:0 auto; padding:10px;}

/* FOOTER ============================= */
footer		{padding: 60px 0px 80px 0px; margin: 0px; color:#88BBFF; font-size:14px; font-weight:400;	list-style: none!important;}
footer hr		{height: 1px; color:#004595; background-color: #004595; border: none; margin:10px 0}
footer ul		{list-style: none!important;}
footer .fa, footer p, footer a	{color:#88BBFF}
footer a:hover	{color:#40a3ff;}
footer .btn	{background:#88BBFF; color:#0054a5; border:none; float:right; display:inline-block!important; margin-top:5px;}
footer .btn:hover		{background:#88BBFF; color:#FFF;}

.facebook:hover, .twitter:hover	{opacity: 0.5;}

#social ul	{margin:0 0 20px 0;	padding: 0;}
#social ul li	{display: inline-block;	margin-left:20px; list-style:none;	cursor: pointer;}
#social ul li:first-child	{margin-left: 0;}
#social ul li a	{display:block; width:32px; height:32px; background:#99CCFF; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;	
	-webkit-transition: all 400ms ease-out 0s;	
	   -moz-transition: all 400ms ease-out 0s;
		 -o-transition: all 400ms ease-out 0s;
		    transition: all 400ms ease-out 0s;
	-webkit-transform: rotateY(180deg);
	   -moz-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		 -o-transform: rotateY(180deg);
			transform: rotateY(180deg);
}
#social ul li a .fa {display:inline-block;	margin:0;	color:#0055a5;	font-size:24px; line-height:32px; opacity: 1; filter: alpha(opacity=1);	
	-webkit-transition: all 400ms ease-out 0s;	
	   -moz-transition: all 400ms ease-out 0s;
		 -o-transition: all 400ms ease-out 0s;
		    transition: all 400ms ease-out 0s;
	-webkit-transform: rotateY(180deg);
	   -moz-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		 -o-transform: rotateY(180deg);
			transform: rotateY(180deg);
}
#social ul li:hover a,
#social ul li.active a {background-color: #EEE;		
	-webkit-transform: rotateY(0deg);
	   -moz-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		 -o-transform: rotateY(0deg);
		    transform: rotateY(0deg);
}
#social ul li:hover a .fa,
#social ul li.active a .fa {color:#0055a5;	opacity: 0.75;	filter: alpha(opacity=75);	
	-webkit-transform: rotateY(0deg);
	   -moz-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		 -o-transform: rotateY(0deg);
			transform: rotateY(0deg);
}


/* RESPONSIVE ============================= */
@media (min-width: 1200px) {
	#cti	{max-width:50%; height:auto;}
	.well	{padding:10px 30px; margin:0 10%;}
}
@media (max-width: 1199px) {

}
@media (max-width: 991px) {
	.slogan h1	{font-size:28px!important; line-height:28px; margin-top:5%!important;}
}
@media (min-width: 768px) {
	.nav-justified li 			{border-left:0.5px solid #103475;}
	.nav-justified li:last-child	{border-right:0.5px solid #103475;}
	.nav-justified li a			{padding-top:20px; padding-bottom:20px;}
	.nav-justified .navli2		{top:-8px; margin:0 0 8px 0!important; padding:0!important;}
	.nav-justified .dropdown .dropdown-menu 		{margin:0!important; border-radius:0; padding:0!important;}	
	.nav-justified .dropdown .dropdown-menu li		{border:none; border-bottom:0.5px solid #2b85d9;}
	.nav-justified .dropdown .dropdown-menu li:last-child		{border-bottom:none!important;}	
	.nav-justified .dropdown .dropdown-menu li a	{padding:15px 10px!important;}	
}
@media (max-width: 767px) {
	.slogan h1	{margin-top:7%!important;}
	.logo		{width:20%;}
	.slogan		{width:80%;}
	.slogan h1	{font-size:!important; padding-left:10px!important; text-align:center}
	.nav-justified li 			{border-bottom:0.5px solid #2b85d9; margin:0;}
	.nav-justified li:last-child	{border-bottom:none;}
	.nav-justified li a			{text-align:left!important; padding:10px 0 10px 15px!important;}
	.nav-justified li.dropdown.open .dropdown-menu	{position:relative; top:auto; left:auto; float:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
	.nav-justified li.dropdown.open .dropdown-menu li a	{padding-left:30px!important;}
}
@media (max-width: 600px) {

	.slogan h1	{font-size:20px!important; line-height:20px; margin-top:!important;}
}