/*@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,400italic,600italic);*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,700);
@import url(css/social.css);

h1,h2,h3,h4,h5,h6{
	font-weight: 400;
	color:#006ec6;
}
h1{font-size: 63px; font-size: 38px; text-transform: uppercase}
h2{font-size: 32px; text-transform: uppercase}

ul,li{margin:0px;padding:0px;list-style:none;}

html,body{height:100%;}
body{
	font-family: "Open Sans";
	color:#656565;
	font-size:16px;
	font-weight: 400;
	background-color:#fff;
}

p{text-align:justify;}

a:hover{text-decoration: none;color: #163A7B}

.full-width{width:100%;}
.imagen{background-size:cover;background-position:center center;background-repeat: no-repeat;}

.separa,.separa-10{height:10px;}
.separa-20{height:20px;}
.separa-30{height:30px;}
.separa-40{height:40px;}

.btn{border-radius: 0px;text-transform: uppercase;font-style:normal;}
.btn.btn-lg{font-size:30px;padding:10px 30px;font-weight: 300;}
.btn.btn-primary{background-color:#3678ee;border:none;}
.btn.btn-info{background-color:#163a7b;border:none;}

.text-primary{ color:#3678ee; }

.grey{ background-color:#eaf2ff; }

.wrapper-flex,.wrapper-flex-mobile{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;/* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-box;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;

    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}
.wrapper-flex-2{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;/* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-box;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;

    align-items: left;
    -webkit-align-items: left;
    justify-content: left;
    -webkit-justify-content: left;
}

.banner_superior{
    height: 75px;
}

.imagen{background-position:center; background-repeat:no-repeat;background-size:cover;}
.imagen:after{content:""; padding-top: 100%; display: block;}
.swipebox .imagen{margin: 10px 0px;}

.logo_mobile{height: 22px;}

.btn-success {color: #fff; background-color: #3678EE; border-color: #3678EE;}

header{ background-image:url(images/fondo_header.png); background-position:center center;background-repeat:repeat-y;}
header .wrapper{ background-color:#fff;}

header .header_superior{background-color:#f5f5f5;padding:10px;font-size:13px;color:#555555}
header .header_superior a{color:#555;}

header .header_inferior{color:#fff;font-weight:300;}
header .header_inferior .fa{font-size:20px;display:inline-block;background-color:#2b56a5;width:30px;line-height:30px;border-radius: 100%;}

header .redes_sociales{ text-align:right; margin:20px 0}
header .redes_sociales>li{display:inline-block;max-width:360px;font-size:18px;color:#3678ee;margin:5px;position:relative;}
header .redes_sociales>li.texto{line-height:18px;margin-top:13px;margin-right:10px;}
header .redes_sociales>li>a>i{color:#575757;font-size:30px;position:relative;}
header .redes_sociales>li>a>i.fa-globe{font-size:40px;}
header .redes_sociales>li .badget{ position:absolute; bottom:0px; right:-5px;background-color:#3e41b9;color:#fff;font-size:10px;color:#fff;border:solid 1px #fff;border-radius:3px;padding:0 2px;}

#logo_principal{margin-top:-30px;max-height:190px;width:auto;}

.navbar-default{background:none;border:none;border-bottom:solid 1px #eee;border-radius: 0px;}
.navbar-default .navbar-nav>li>a{ text-transform: uppercase; color:#403f41; font-size:15px;}
.navbar-default .navbar-nav>li>a:hover{color: #163A7B}

#banner { height:640px;}
#banner .imagen{ height:640px;}
#banner .icono{ width:164px;height:164px;margin:0 auto;}
#banner h2{font-size:63px;text-transform: uppercase;font-weight:700;color:#fff;border-top:solid 3px;border-bottom:solid 3px;padding:30px 0}
#banner p{font-style:italic;font-size:30px;color:#fff;margin:20px 0;}

/*.lista-bloques .icono{ background-color:#fff;display:block;width:120px;line-height:120px;border:solid 2px #d1ddf2; border-radius: 100%;text-align:center;margin:0 auto;font-size:60px;color:#3678ee;}*/
.lista-bloques .icono{ background-color:#fff;display:block;width:120px;height:120px;border:solid 2px #d1ddf2; border-radius: 100%;text-align:center;margin:0 auto;font-size:60px;color:#3678ee;position: relative;}
.lista-bloques .icono>i{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.lista-bloques p{margin:0 10px;font-size:14px;}
.lista-bloques h3{color:#163a7b;font-size:20px;text-transform: uppercase}

.lista-galeria .imagen{margin-top: 20px}
.lista-galeria .imagen:after{content:"";display:block;padding-top:70%;}
.lista-galeria>li>a>h3{background-color:#3678ee;color:#fff;margin:0px;padding:15px;font-weight: 300;text-align:center;font-size:20px;text-transform: uppercase;}

.bloque_informacion h2{text-transform: uppercase; font-size: 45px;}
.grey h2{font-size: 45px;}

footer{ background-image:url(images/fondo_header.png); background-position:center center;background-repeat:repeat-y;color:#fff;}
footer h3{ color:#fff; text-transform: uppercase; font-size:16px;}
footer .contacto{ font-size:16px; font-weight: 300;margin-top:20px;}
footer .contacto>li{margin:10px 0;}
footer .contacto i{font-size:20px;}

footer .datos0{margin-top:20px;}
footer .datos0>li>a{color:#fff;font-weight: 300;font-size:14px;}
footer .datos0>li{margin-bottom:5px;}

footer .datos{margin-top:20px;}
footer .datos>li>a{color:#fff;font-weight: 300;font-size:14px;}
footer .datos>li{float:left;width:25%;margin-bottom:5px;}

.copyright{color:#3678ee;font-size:13px;}

.lista_noticias>li{margin-top: 10px; padding: 20px 10px; }
.lista_noticias>li.tipo2{background-color: rgb(242, 251, 255)}

.galeria .imagen .play {
    padding-top: 45%;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 30px;
    color: #fff;
}

.texto_servicio{
    min-height: 80px;
}

.texto_informacion{
    text-align: justify;
}

@media (max-width: 1200px) {
    .navbar-default .navbar-nav>li>a{font-size:14px;padding:10px;}
    footer .contacto{ font-size:16px;}
    footer,header{background-position:48% 0;}
}

@media (max-width: 992px) {
    footer,header{background-position:0 0;}
    header .wrapper{margin-bottom:10px;}
    #logo_principal{margin-top:-30px;max-height:120px;width:auto;}
    /*?*/
    #banner { height: 440px}
    #banner .imagen{ height:440px;}
    #banner .icono{ width:124px;height:124px;margin:0 auto;}
    #banner h2{font-size:33px;text-transform: uppercase;font-weight:700;color:#fff;border-top:solid 3px;border-bottom:solid 3px;padding:30px 0}
    #banner p{font-style:italic;font-size:20px;color:#fff;margin:20px 0;}
    #banner .btn{font-size:16px;}
    .navbar-right{float:none !important;}
    header .redes_sociales{text-align:center;}
    .navbar{margin-bottom:0px;}
    
    .navbar-header {float: none;}
    .navbar-toggle {display: block;}
    .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
    .navbar-collapse.collapse {display: none!important;}
    .navbar-nav {float: none!important;margin: 7.5px -15px;}
    .navbar-nav>li {float: none;}
    .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
    .navbar-text {float: none;margin: 15px 0;}
    .navbar-collapse.collapse.in {display: block!important;}
    .collapsing {overflow: hidden!important;}
}

@media (max-width: 767px) {
    h2{font-size:30px;}
    .btn.btn-lg{font-size:20px;}
    #logo_principal{display:none;}
    footer .datos>li{float:left;width:50%;margin-bottom:5px;}
    footer .contacto {
    font-size: 14px;
}
    .navbar-brand{padding-left:0px;}
    .navbar{margin-bottom:0px;}

    #banner { height: 340px}
    #banner .imagen{ height:340px;}
    #banner .icono{ width:100px;height:100px;margin:0 auto;}
    #banner h2{font-size:18px;text-transform: uppercase;font-weight:700;color:#fff;border-top:solid 3px;border-bottom:solid 3px;padding:20px 0}
    #banner p{font-style:italic;font-size:14px;color:#fff;margin:20px 0;}
    #banner .btn{font-size:14px;}
    .navbar-toggle{margin-right:0px;}
    
}