@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: "FSJoey";
    src: url("../fonts/FSJoey-Light.eot");
    src: url("../fonts/FSJoey-Light.eot?#iefix") format("embedded-opentype"),
        url("../fonts/FSJoey-Light.woff2") format("woff2"),
        url("../fonts/FSJoey-Light.woff") format("woff"),
        url("../fonts/FSJoey-Light.ttf") format("truetype");
    font-weight: 300;
}

@font-face {
    font-family: "FSJoey";
    src: url("../fonts/FSJoey.eot");
    src: url("../fonts/FSJoey.eot?#iefix") format("embedded-opentype"),
        url("../fonts/FSJoey.woff2") format("woff2"),
        url("../fonts/FSJoey.woff") format("woff"),
        url("../fonts/FSJoey.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: "FSJoey";
    src: url("../fonts/FSJoey-bold.eot");
    src: url("../fonts/FSJoey-bold.eot?#iefix") format("embedded-opentype"),
        url("../fonts/FSJoey-bold.woff2") format("woff2"),
        url("../fonts/FSJoey-bold.woff") format("woff"),
        url("../fonts/FSJoey-bold.ttf") format("truetype");
    font-weight: 700;
}

/* * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
} */

article, aside, figure, footer, header, menu, nav, section{ 
	display: block;
    font-family: 'FSJoey', sans-serif;
    font-weight: 300;
    color: #000000;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'FSJoey', sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-align: left;
    color: #0332a5;
    text-align: center;
}

strong {
    font-family: 'FSJoey', sans-serif;
    font-weight: 700;
}

/* HEADER */
.navbar {
	margin-bottom: 0;
	border:0;
}

.glyphicon {
	color: #2e98d5;
	top: 2px;
	font-size: 16px;
}

.ima-logo {
	margin-left: 8px;
}

.cab{
padding: 40px 0 25px;	
}

.blue_bar{
padding: 0;	
}

.blue_bar, .blue_background{
background-color:#0332a5;
}

.blue_bar p, .blue_background p{
	color: white;
    margin-top: 5px;
    margin-bottom: 5px;
}

.navbar-default .navbar-nav>li>a {
	color: #fff;
	font-size: 20px;
    padding-left: 0;
}

.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
    border: 0;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: transparent;
    text-decoration: underline;
}

@media (min-width: 768px) {
	.navbar {
	    border-radius: 0;}
}

@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    	color: #fff;}

	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
	    color: #fff;
	    background-color: transparent;}

	.container-fluid>.navbar-collapse,
	.container-fluid>.navbar-header,
	.container>.navbar-collapse,
	.container>.navbar-header {
	    margin-right: 15px;
	    margin-left: 15px;
	}
}

.blue_background{
border-radius:0px 0px 60px 0px !important;
padding:40px !important;	
padding-right:80px !important;		
}

.blue_gradient{
background: linear-gradient(to right, rgba(20,174,201,0.40),rgba(3,50,165,1.00));
padding-top:20px !important;
padding-bottom:20px !important;
}

.blue_gradient h1{
color:white;
font-weight:300;	
}

/* CONTENIDO */
.parrafo, .parrafo-02, .parrafo-03 {
	color: #294995;
	font-family: 'FSJoey', sans-serif;
    font-weight: 300;
    font-size: 22px;
	margin: 30px 0;
	text-align: left;

}

.parrafo-02 {
	color: #0332a5;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}

.parrafo-02 a {
	color: #0332a5;
}

.parrafo-03 {
	color: #6a6a6a;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	text-transform: none;
}

.parrafo-04 {
	color: #6a6a6a;
	font-family: 'FSJoey', sans-serif;
	font-size: 16px;
	font-weight: 400;
	font-style: italic;
	text-align: left;
}

.parrafo-05, .parrafo-05a, .parrafo-06, .parrafo-06a {
	color: #fff;
	font-family: 'FSJoey', sans-serif;
	font-size: 28px;
	line-height: 30px;
	font-weight: 700;
	text-align: left;
}

.parrafo-06, .parrafo-06a {
	font-size: 22px;
	font-weight: 400;
}

.parrafo-05a, .parrafo-06a {
	color: #294994;
}

@media screen and (min-width: 992px) {
	.parrafo-05, .parrafo-05a, .parrafo-06, .parrafo-06a {
		font-size: 34px;
		line-height: 34px;
	}

	.parrafo-06, .parrafo-06a {
		font-size: 24px;
	}
}

@media screen and (min-width: 1200px) {
	.parrafo-05, .parrafo-05a, .parrafo-06, .parrafo-06a {
		font-size: 40px;
		line-height: 40px;
	}

	.parrafo-06, .parrafo-06a {
		font-size: 30px;
	}
}

.titu-01 {
	font-size: 22px;
}

.titu-02 {
	color: #6a6a6a;
	font-style: italic;
	font-size: 20px;
	text-align: left;
}

.cent-esp  {
	text-align: center;
	padding: 20px 0
}

.titu-03 {
	color: #fff;
	font-weight: 400;
	font-size: 14px;
	margin-bottom: 0;
    margin-top: 0;
	text-align: center;
	display: inline-block;
	padding: 8px 15px;
	border-left: 1px solid #5A7DAD;
}

.titu-03 a {
	color: #fff;
	text-decoration: underline;
}

.titu-03 a:hover {
	    color: #B8CAE2;	
}

.border-esp {
	border: 0;
	border-right: 1px solid #5A7DAD;
}

.border-esp-02 {
	border: 0;
}

@media screen and (max-width: 767px) {
	.titu-03 {
		border: 0;
	}
}


.back-gris {
	background-color: #e4e4e4;
	padding: 15px 0 25px;
	margin-top: 30px;
}

.center-powerby {
	text-align: center;
}



.line- {
	height: 3px;
	background-color: #71b3d1;
	margin: 60px 0;
}

.wrapper_2{
background-color:#f1f1f1;
padding:40px;
margin-top:30px;
}

.btn-nosotros {
	color:#0332a5E3;
	background-color:#E3E829;
	font-size:22px;
}

.btn-nosotros:hover,
.btn-nosotros:focus {
	color: #0332a5E3;
	background-color: #d9de1a;
	text-decoration: underline;
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive, .thumbnail a>img,
.thumbnail>img {
	width: 100%;
}

footer{
clear:both;
padding:30px 0;	
}

footer img {
	padding: 20px 0;
}

@media (min-width: 1021px) and (max-width: 1199px) { 
	.wrapper_1{
	margin-top: -148px;	
	}
}

@media (max-width: 1020px){ 
	.wrapper_1{
	margin-top:0px;	
	}
}

@media (max-width: 760px){ 
	.wrapper_1 h1{
	font-size:30px;
	}
	
	.blue_background{
	padding:30px !important;	
	padding-right:40px !important;		
	}
	
	.btn-nosotros{
	font-size:20px;	
	}

}


/* Carousel */
.carousel-indicators .active {
    background-color: #294995;
    border: 1px solid #294995;
    width: 14px;
    height: 14px;
}

.carousel-indicators li {
	width: 12px;
    height: 12px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 10px;
}

@media (min-width: 1021px) {
	.carousel-indicators {
    left: 75%;
    width: 50%;}
}

.carousel-indicators {
	width: 20%;
	left: 100%;
	margin-left: -20%;
}

@media screen and (min-width: 768px) {
	.carousel-indicators {
	    bottom: 0px;}
}

.carousel-caption {
    right: 0;
    left: 0;
    padding-bottom: 0;
    text-shadow: none;
}

@media screen and (min-width: 768px){
	.carousel-caption {
	    right: 0;
	    left: 0;
	    padding-bottom: 0;}
}

@media screen and (min-width: 1200px){
	.carousel-caption {
	    padding-bottom: 30px;}
}