body	{color:#333; font-family:'Raleway', sans-serif; font-size:18px; line-height:1.25; position:relative;
		background-attachment:fixed; background-image:url("../img/bg.jpg"); background-position:top center; background-repeat:no-repeat; background-size:cover;}
/* GENERAL ========== */
h1	{color:#FFF; font-weight:900; font-size:60px; line-height:1; margin:0; text-align:center; letter-spacing:5px}
h2	{color:#FFF; font-weight:800; font-size:26px; line-height:1; margin:0 0 30px 0; text-align:center; letter-spacing:1px }
h3	{color:#672382; font-weight:400; font-size:20px; line-height:1; margin:0 0 12px 0;}
h4	{color:#FFF; font-weight:600; font-size:20px; line-height:1; margin:0 0 12px 0;}
i	{color:#296BB4; margin-right:5px;}
a	{color:#FFF!important; outline:0; text-decoration:none!important;}
a:focus, a:hover {opacity:0.75}
strong	{font-weight:600!important; color:#333;}
.no-gutter {margin-right:0; margin-left:0;}
.no-gutter > [class*="col-"] {padding-right:0; padding-left:0;}
ul 			{list-style-type:none; margin:0 0 15px 0; padding:0;}
.fa-ul li	{margin-bottom:10px}
.img-responsive	{width:100%; height:auto}
.white, .white h2, .white h3, .white i	{color:#FFF; }
.small		{font-weight:600}
.icono	{width:100px; height:auto; margin:0 auto 20px;}
.mar-bot	{margin-bottom:40px}
.vert-mid {display:flex; align-items:center; justify-content:center;}

/* NAVBAR ========== ; border:1px solid red */
.navbar	{background:transparent; border:none;}
.navbar .logo	{height:150px; width:auto; background:#FFF; border-radius:4px}

.nav	{margin-top:50px; overflow:hidden; border-radius:4px}
.nav li a {color:#0A5895!important; background:#FFF!important; font-size:18px; font-weight:700; padding:20px 15px 0; height:60px }
.nav li a:hover {color:#58167D!important; background:#FFF!important; opacity:1}


/* PAGES ========== */
#inicio	{padding:0!important;}
section	{padding:100px 0; text-align:justify; min-height:100vh}
.container	{background:transparent!important;}

#quienes	{background-image:url("../img/bg-quienes.jpg"); background-position:top center; background-repeat:no-repeat; background-size:cover;}
#servicios	{background-attachment:fixed; background-image:url("../img/bg-servicios.jpg"); background-position:top center; background-repeat:no-repeat; background-size:cover;}
#contacto	{background-image:url("../img/bg-contacto.jpg"); background-position:top center; background-repeat:no-repeat; background-size:cover;}

.hero	{width:100%; height:70vh; display:flex; justify-content:center; align-items:center; background: url("../img/hero.png") no-repeat right bottom / contain; margin-top:2vh}
.hero img	{margin-top:-125px; max-width:1000px; opacity:0.75}

/* QUIENES ========== */
#quienes	{font-size:20px;  min-height:auto!important}
#quienes .box	{color:#FFF!important; background:#0A5895; background:rgba(10, 88, 149, 0.6);  font-weight:500; padding:60px 20px; border-radius:9px; letter-spacing:1px}
#quienes .box h2	{color:#0A5895!important; background:#FFF; margin-bottom:40px; padding:10px 30px; border-radius:9px;}

#banner	{padding:40px 0; background:#0A5895}

/* SERVICIOS ========== */
#servicios .box	{background:#58167D; background:rgba(88, 22, 125, 0.9); color:#CCC!important; text-align:center; padding:20px 10px; border-radius:9px; margin-bottom:20px}
#servicios h2	{background:#58167D; margin-bottom:40px; padding:10px 30px; border-radius:9px;}
#servicios h3	{padding-bottom:5px; border-bottom:8px solid #contacto}
#servicios .box i	{padding-bottom:20px;}

/* CONTACTO ========== */
.bg-transp	{display:inline-block; margin:0 auto; padding:20px 40px; margin-bottom:40px; background:rgba(0, 0, 0, 0.25); border-radius:9px;}
#contacto .box	{background:#FFF; background:rgba(255, 255, 255, 0.85); color:#0A5895!important; padding:20px 10px; margin-bottom:20px}
#contacto h2	{color:#0A5895!important; background:#FFF; margin-bottom:40px; padding:10px 30px; border-radius:9px;}

/* FORM ========== */
#contactForm	{max-width:100%!important}
#contactForm label	{color:#000; font-size:14px; 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:#;}
#contactForm textarea {height:130px;}

#top	{position:fixed; z-index:100; display:none; bottom:20px; right:10px; opacity:0.5}
#top i	{font-size:24px; line-height:24px; text-align:center; color:#fff!important; background:#672382; padding:6px 10px}
#top:hover	{opacity:1}


/* AVISO DE PRIVACIDAD  ========== */
#aviso .box	{padding:100px 5%!important; background:#FFF; background:rgba(255, 255, 255, 0.90); font-size:16px!important;}
#aviso h2	{color:#0A5895!important; font-size:22px; padding:0; margin-bottom:-15px}
#aviso h4	{color:#0A5895!important; 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 ========== */
footer		{background:#0A5895; padding:40px 20px 20px; margin:0!important; font-size:14px; color:#ddd; margin-bottom:20px;}
footer a, footer i	{color:#ddd;}
footer .logo	{height:100px; width:auto;}
footer #copy	{font-size:12px}
footer hr	{background:#84acca; height:1px; border:none}
.ftr-base	{background:#084777; padding:30px 0 60px; color:#ddd; font-size:14px;}
#repse	{width:100px; height:auto; margin-top:-12px!important;}

/* RESPONSIVE ========== */
@media (min-width:1200px) {
	.container {width:1170px;}
}

@media (min-width:768px) {
	.row-eq-height {display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
	#servicios .box	{margin:0 3% 40px}
}

@media (max-width:767px) {
	.navbar .logo	{height:80px;}
	.fa-ul {margin-left:10px}
	.fa-ul li {margin-bottom:10px}
	.carousel h1 {font-size:18px; line-height:20px; top:0!important; padding:2px!important;}
	h1, h2	{font-size:18px;}
	.bg-transp	{padding:20px 5px;
}