@charset "UTF-8";
/* CSS Document */
/*Custom CSS*/
html, body {
	height:100%;
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
}

/*Links*/
a {
	-webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
a:hover, a:focus { text-decoration:none;}
a:active, a:hover {outline: 0 !important;}
a:active, a:active * { outline: none !important; -moz-outline-style: none !important; }
a:focus, a:focus * { outline: none !important; -moz-outline-style: none !important; }

/*Titles*/
h1 {
	font-weight:700;
	font-size:3.5em;
	color:#003399;
	letter-spacing:-2.5px !important;
}
h2 {
	font-weight:700;
	color:#003399;
}
h4 {
	font-weight:700;
	color:#003399;
}

/*Navbar Custom*/
.navbar-custom {
	background: transparent;
    position: fixed;
}
.navbar-custom li > a {
	color:#FFF;
	text-transform:uppercase;
    font-weight: bold;
}
.navbar-custom li > a:hover {color: #66ccff;}
.active {color: #66ccff !important;}

/*Toggler*/
.navbar-toggler {
    border: 0px solid transparent;
}
.navbar-toggler-custom .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(255,255,255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-toggler-custom.navbar-toggler { border-color: rgb(255,255,255); }

/*Smart Scroll*/
.smart-scroll{
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  transition: all 0.3s ease-in-out;
background: rgb(7,0,117);
background: -webkit-linear-gradient(rgba(7,0,117,1) 0%, rgba(9,9,121,0.5844537644159227) 50%, rgba(0,212,255,0) 100%);
background: -o-linear-gradient(rgba(7,0,117,1) 0%, rgba(9,9,121,0.5844537644159227) 50%, rgba(0,212,255,0) 100%);
background: linear-gradient(rgba(7,0,117,1) 0%, rgba(9,9,121,0.5844537644159227) 50%, rgba(0,212,255,0) 100%); 
}
.scrolled-down {transform:translateY(-100%);}
.scrolled-up {transform:translateY(0)!important;}

/*Carousel Custom*/
.carousel-item {height:540px;}
.carousel-item img {object-fit: cover; height:100%;}
.carousel-caption {
    bottom:0%;
	padding:0 !important;
    text-align:left;
}
.carousel-caption h1 {
	font-size:3em !important;
    letter-spacing:2px;
	color:#fff;
}

/*Backgrounds, Texts and Cards*/
.bg-primary {
	background-color:#003399 !important;
}
.bg-apartados {	
	background-image: url(../img/bg-apartados.jpg);
	background-color:#000;
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
	background-repeat:no-repeat;
	padding:13rem 0px 8rem;
}
.bg-pr,.bg-po, .bg-pd, .bg-pb {
	background-color:#003399;
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
	background-repeat:no-repeat;
	padding:9rem 0px 3rem;
}
.bg-pr { background-image: url(../img/bg-pr.jpg);}
.bg-po { background-image: url(../img/bg-p0.jpg);}
.bg-pd { background-image: url(../img/bg-pd.jpg);}
.bg-pb { background-image: url(../img/bg-pb.jpg);}
.bg-gray {
    background-image: url( "../img/bg-equipo-respaldo.jpg");
    background-size:cover;
    background-color:silver !important;
}
.bg-ondas {
    background-image: url( "../img/bg-ondas.jpg");
    background-size:cover;
    background-color:silver !important;
}

/*List*/
.list-group-item { background:none !important; font-weight:700;}
.list-group-item h5 { color:#003399; }
.list-group-flush > .list-group-item {
    border-width: 0 0 3px;
}.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

/*Shadow*/
.shadow-custom {
	-webkit-box-shadow: inset 0px -50px 50px -30px #000000; 
	box-shadow: inset 0px -50px 50px -30px #000000;
}

/*Texts*/
.text-gray {color: #333;}

/*Cards*/
.card { border: 0px solid rgba(0,0,0,.125); }

/*Jumbotron*/
.jumbotron-fluid h1, .jumbotron-fluid p { color:#ffffff;}

/*Index Showcase*/
.showcase .showcase-text {padding:5.5rem}
.showcase .showcase-img {min-height:30rem;background-size:cover;}

.hr-custom { border:rgba(255,255,255,0.40) 2px solid;}

/*Margins*/
.margin-top-image {
	margin-top:-5rem !important;
}

/*Hr*/
hr {border: 3px solid rgba(174,174,174,.2);}

/*formularios*/
#results,
#error,
#success,
#loading {
	display:none;
}
.alert-error{
	border-radius: 0;
	color: #fff;
	border: 0;
	background-color:#06F !important;
}
.alert-success{
	border-radius: 0;
	color: #fff;
	border: 0;
	background-color: #9C0 !important;
}

/*Footer*/
footer {background-color: #003399;}
footer.footer{padding-top:4rem;padding-bottom:4rem}
footer p, footer a {color:#fff;}
footer a:hover {color: #0CF;}
footer h4 {font-weight:700;}
footer h4, footer .small {color:#0CF;}

/*Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap*/

/*Small devices (landscape phones, 576px and down)*/
@media (max-width: 768px) {
	h1 {font-size:40px !important;}
	h2 {font-size:22px !important;}
	.navbar-custom li > a {text-align:center;}
	.navbar-brand img {width:140px !important;}
	.carousel-item img { width:300px;}
	.carousel-caption h1 { font-size:2.22em !important; text-align:center;}
	.redes-top {display:none;}
	.bg-apartados { background-size: auto 100%  !important; padding:5rem 0px 5rem;}
	.showcase .showcase-text {padding:1rem;}
	footer {text-align:center;}
}

/*Medium devices (tablets, 768px and up)*/
@media (width: 768px) {
	h1 {font-size:40px;}
	h2 {font-size:20px;}
	.lead { font-size:16px;}
	.navbar-custom li > a {text-align:center;}
	.carousel-item {height:400px !important;}
	.carousel-item img { width:300px;}
	.carousel-caption h1 {font-size:2.33em !important;}
	.showcase .showcase-text {padding:7rem;}
	.card-text {display:none;} 
	.bg-apartados { background-size: auto 100%  !important; padding:9rem 0px 5rem;}
	.redes-top {display:none;}
}

/*Large devices (desktops, 992px and up)*/
@media (width: 1024px) {
	h2 {font-size:24px;}
	.carousel-item {height:480px;}
	.carousel-caption h1 {font-size:3.5em !important;}
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    footer h4 { font-size:18px; }
}