body	{color:#000; font-family: 'Open Sans', sans-serif; font-size:15px; line-height:1.25em; background-color:#4b6b99;
		background-attachment:fixed; background-image:url("../img/bg.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover;}

h1, h2, h3	{color:#D6295E!important}
h1	{font-weight:700; font-size:40px; text-transform:uppercase}
h2	{font-weight:700; font-size:24px; margin:0 0 30px 0; text-align:center; text-transform:uppercase}
h3	{font-weight:700; font-size:20px; margin:0 0 20px 0; text-transform:uppercase}
h4	{margin:0 0 20px 0;}

i	{color:#CC0000; margin-right:5px;}
a	{color:#CCC; text-decoration:none!important}
a:focus, a:hover {color:#FFF;}
p	{margin-bottom:20px}
p:last-child	{margin-bottom:0}
strong	{font-weight:500!important; color:#333;}
.no-gutter {margin-right:0; margin-left:0;}
.no-gutter > [class*="col-"] {padding-right:0; padding-left:0;}
ul 		{margin:0 0 15px 15px; padding:0;}
ul li	{margin-bottom:10px}
ol		{margin:0 0 15px 15px; padding:0;}
ol li	{margin-bottom:10px}
.text-center li {text-align:center}
.img	{max-width:100%; height:auto}
.img-responsive {width:100%}
.img-circle {border:4px solid #506c96; padding:10px; max-width:480px; margin:0 auto!important}
.container-fluid {padding:0%!important}
section	{margin:0 0 120px 0}
.v-align {display:flex; align-items:center;}
.bg-light	{background:#FFF!important; background:rgba(255,255,255,0.5)!important; padding:40px 0; border-radius:20px;}
.marg-b	{margin-bottom:40px;}

/* HEADER ========== */
header	{position:relative; width:100%;}
#topbar	{padding:20px; margin:0;}
#topbar, #topbar a	{color:#fff!important}
#topbar i	{color:#D6295E!important}

#menu #logo	{float:left; height:140px}
#menu #logo img	{height:140px; max-height:140px; width:auto; margin:0; border-radius:9px}
#menu-links	{float:right}
#menu-links a	{font-size:18px; font-weight:600; color:#2464C1!important; display:block; width:180px; height:34px; padding:8px 20px 0 0; margin-bottom:1px;
				background:#FFF; border-radius: 17px 0 0 17px}
#menu-links a:hover {color:#D6295E!important;}


/* QUIENES ========== */
#quienes	{margin-top:80px}
#quienes .box	{padding:100px 30px!important; background:#FFF; background:rgba(255,255,255,0.5);}
.quienes-img	{width:100%; min-height:400px; height:100%; background: url("../img/01.jpg") no-repeat center center / cover;
}
#quienes .box:first-child	{border-radius:40px 0 0 0}
#quienes .quienes-img	{border-radius:0 40px 0 0}
 
.mision-img	{width:100%; min-height:400px; height:100%; background: url("../img/02.jpg") no-repeat center center / cover;}
.vision-img	{width:100%; min-height:400px; height:100%; background: url("../img/vision.jpg") no-repeat right center / cover;}
.valores-img	{width:100%; min-height:400px; height:100%; background: url("../img/valores.jpg") no-repeat right center / cover;}

/* SERVICIOS ========== */
#servicios [class*='col-']	{margin-bottom:40px!important; }
#servicios .box	{width:100%; height:100%; padding:80px 10px; background:#FFF; background:rgba(255,255,255,0.5); color:#000;
				border-radius:0 0 40px 40px}
#servicios h2	{color:#FFF!important}
#servicios h3	{color:#D6295E!important; text-align:center}
#servicios h4	{color:#2464C1!important}
#servicios .icono	{width:140px!important; height:auto; margin:0 auto 10px;}
#servicios hr	{border-color:#2464C1; width:50%; margin:0 auto 40px;}

/* CONTACTO ========== */
#contacto, #contacto h2, #contacto h3	{color:#FFF!important}
#contacto h4	{color:#D6295E!important}
.map	{margin-bottom:-5px}
#fbtl	{max-width:100%}

/* FORM ========== */
#contactForm	{max-width:100%!important}
#contactForm label	{color:#000; font-weight:normal; margin:0;}
#contactForm input[type], #contactForm textarea {color:#; background:#; box-shadow:none}
#submit-cont	{width:100%; text-align:***}	
#contactForm button[type=submit]	{color:#; background:#; letter-spacing:2px; border:none;}
#contactForm button[type=submit]:hover	{color:#; background:#;}



/* AVISO DE PRIVACIDAD  ========== */
#aviso	{margin-top:60px!important;}
#aviso .box	{padding:40px 5%!important;  background:#FFF; background:rgba(255,255,255,0.5); font-size:16px!important; border-radius:40px}
#aviso h2	{font-size:24px; padding:0; margin-bottom:-15px}
#aviso h4	{font-size:18px!important; margin:40px 0 10px!important}
#aviso a	{color:#0055dd!important;}
#aviso a:hover	{font-weight:bold!important;}
#aviso hr	{border-color:#0055dd!important; width:50%; left:25%}
#aviso blockquote	{font-size:inherit!important; padding:0 10%!important; border:none!important}
#aviso ol	{padding-left:15px!important}
#aviso strong	{font-weight:500!important; color:#333!important;}




footer		{background:#FFF; background:rgba(255,255,255,0.5); padding:30px 20px; font-size:14px}
footer h3	{color:#D6295E!important; margin-bottom:30px}
footer, footer a	{color:#000!important}
footer i	{color:#2464C1}
footer .logo img	{height:70px; text-align:right; float:none!Important; background:#fff; border-radius:4px}
footer #copy	{padding-top:20px}
footer #repse	{width:100px; height:auto; margin-top:10px}



#top	{position:fixed; display:none; bottom:5px; right:5px; z-index:1000}
#top i	{color:#CC0000!important; font-size:36px; background:#FFF; border-radius:50%; opacity:0.75}
#top:hover i	{opacity:1}





/* RESPONSIVE ========== ; border:1px solid red */

@media only screen and (min-width:992px) {
	#servicios .container	{padding:0 15%}
	/* FORM VERTICAL 01 ========== */
	#contactForm #vert2left .form-group			{float:left; width:33%; margin-bottom:0}
	#contactForm .form-group:nth-child(-n+2)	{margin-right:0.5%}
	#contactForm #vert2right .form-group		{float:left; width:100%;}	
	#contactForm textarea {height:300px;}	
}


@media (min-width:768px) {
	#topbar span	{margin:0 50px}	
	.row-eq-height {display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
	.cel	{display:none}
	#menu #logo img	{max-height:}
	.banner	{padding:0 15%;}

	


}

@media (max-width:767px) {
	body	{font-size:14px;}
	#menu #logo	{width:50%; height:142px;}
	#menu #logo img	{max-width:100%; height:auto; margin:0; background:transparent}
	#menu-links	{width:50%}
	#menu-links a	{font-size:16px; color:#2464C1!important; width:100%; height:35px; padding:8px 20px 0 0; margin-bottom:1px;}
	#quienes .box	{padding:90px 10px!important;}
	footer	{text-align:center!important}
	.fa-ul {margin-left:10px}
	.fa-ul li {margin-bottom:10px}
	h1	{font-size:28px;}
	h2	{font-size:22px;}
	.flex-switch {display:flex; flex-direction:column-reverse; @include sm-min {flex-direction:row;}}
	header h1	{font-size:40px; text-align:center; padding:20vh 0 0 0;}
	footer .marg-b	{margin-bottom:40px;}
	.mar-b	{margin-bottom:80px}
	#topbar span	{width:100%; display:block; margin-bottom:15px}	
	.img-circle {margin-bottom:-60px!important}
	.quienes .box	{padding:40px 15px!important;}
	#fbtl	{padding:0 10px; text-align:center!important}	
}