/*@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:#3991c8;/*HECHO*/;
}
h1{font-size: 30px;color: #3991c8;/*HECHO*/}
h2{font-size: 30px;color: #3991c8;/*HECHO*/}
h3{color: #3991c8;/*HECHO*/}

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

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

p{text-align:justify; color: #797979;/*CAMBIO*/ font-weight: 300}

a{color: #3991c8;/*HECHO*/}

a:hover, a:active, a:focus{text-decoration: none; outline: none; color: #e0cd28;/*HECHO*/}

button.navbar-toggle{background-color:#3991c8;/*HECHO*/}
.navbar-default .navbar-toggle {border-color: #fff;}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-toggle:hover {
    background-color: #3991c8;/*HECHO*/
}

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

.separa,.separa-10{height:10px;}
.separa-15{height:15px;}
.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: 16px;
    padding: 12px 80px;
    font-weight: 300;}
.btn.btn-primary{background-color:#3991c8;/*HECHO*/border:none;}
.btn.btn-info{background-color:#277cb0;/*HECHO*/border:none;}
.btn.btn-success {color: #fff; background-color: #3991c8;/*HECHO*/border-color: #3991c8;/*HECHO*/}
.btn.btn-success:active {color: #fff; background-color: #3991c8;/*HECHO*/border-color: #3991c8;/*HECHO*/}

.relative {position: relative}

.text-primary{ color:#3991c8;/*HECHO*/ }

.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;
}

.header-superior{
    border-top-style: solid;
    border-color: #3991c8;/*HECHO*/

    border-width: 6px;
    background-color: #fefefe;/*CAMBIO*/
    overflow: hidden;
}

.header-superior.solo_portada{
    background-color: transparent
}

.header-superior>div{background-color: #fefefe;/*CAMBIO*/ /*padding-left: 0px; padding-right: 0px*/}

.navbar-default {
    background-color: #3991c8;/*HECHO*/
    border-radius: 0px;
    border-color: transparent;
    margin: 0px;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-weight: 300;
    padding: 15px 20px;
    text-transform: uppercase;
}

.navbar-default .navbar-nav>li>a:hover {color: #e0cd28;/*HECHO*/}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #277cb0;/*HECHO*/}

.navbar-nav>li {
    color: #fff;/*CAMBIO*/
}
.navbar-nav>li:last-child {
    color: #3991c8;/*HECHO*/;
}


.triangulo{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 52px 52px;
    border-color: transparent transparent #3991c8;/*HECHO*/ transparent;
    position: absolute;
    top: -1px;
    left: -53px;}

.relleno-cabecera-color {
    background-color: #3991c8;/*HECHO*/
    height: 52px;
    position: absolute;
    width: 100%;
    right: -100%;
    top: -1px;
}

.header_contacto{    line-height: 46px;}
.header_contacto>div { margin: 0px 15px}
.header_contacto p { color: #222222;/*CAMBIO*/}

.banner_superior{height: 300px;background-size: cover;    margin-top: -72px;}

.icono-header{font-size: 38px; margin-right: 5px; color: #277cb0;/*HECHO*/}
.texto-tel{line-height: 10px; padding: 5px;}
.texto-tel .telefono{font-size: 20px; font-weight: 600}

#logo_principal {
    margin-top: 30px;
margin-bottom: 30px;
height: 70px;
    background-size: contain;
    background-position: left center;
}


/*#banner .bx-wrapper{box-shadow: 0px 5px 5px #ddd;}*/
.banner_marcas .bx-wrapper{height: 120px}

.icono_circulo{height: 75px; width: 75px; background-color: #3991c8;/*HECHO*/ border-radius: 999px; color: #fff; font-size: 30px;margin-left: auto;margin-right: auto;}

#banner>div{ max-height:460px; overflow: hidden}
#banner .imagen{height: 460px;}

.cuadro_gris{background-color: #f3e03a;/*HECHO*/ height: 10px }

.fondo_portada{background-color: #fefefe;/*CAMBIO*/}

#bloque_bienvenida h1{font-size: 40px; margin-top: 30px}
#bloque_bienvenida .imagen{ border: 1px solid #d8d8d8; min-height: 130px}
#bloque_bienvenida .imagen:after {
    content: "";
    padding-top: 70%;
    display: block;
}

.btn-default {
    color: #277cb0;/*HECHO*/
    background-color: #fff;/*CAMBIO*/
    padding: 10px 25px;
    border-radius: 3px;
    text-transform: none;
}

#servicios>div{
    background-color: #3991c8;/*HECHO*/
}

.servicio p{ text-align: center;  color:#fff;/*CAMBIO*/}
.servicio h3{text-align: center; font-size: 70px; margin-top: 0px;  color:#fff;/*CAMBIO*/}
.servicio h4{text-align: center; font-size: 18px; text-transform: uppercase; color:#e0cd28;/*HECHO*/}

.servicio_interior p{  }
.servicio_interior .imagen {border: 1px solid #d8d8d8; }
.servicio_interior .imagen:after {
    content: "";
    padding-top: 70%;
    display: block;
}
.servicio_interior h2{margin-top: 0px}

footer>div {background-color: #3991c8;/*HECHO*/ color: #fff;/*CAMBIO*/}
footer a {color: #fff;/*CAMBIO*/ font-size: 14px;}
footer p {color: #fff;/*CAMBIO*/ margin-bottom: 5px; font-weight: 300; font-size: 14px;}
.iconos_redes ul {display: inline-flex}
.iconos_redes li{margin: 0px 10px}
.iconos_redes a{font-size: 38px; color: #277cb0;/*HECHO*/}
.iconos_redes a.color_base{font-size: 38px; color: #3991c8;/*HECHO*/}


/***CONTACTO PORTADA***/

.antibalas {
    height: 100%;
    width: 100%;
    /* background-color: rgba(0, 128, 0, 0.51); */
    position: absolute;
    top: 0px;
}
#contacto iframe{width: 100%!important; height: 830px!important}
#contacto .mapa_contacto>iframe {width: 100%!important; height: 710px!important;}
#contacto h2{margin-top: 0px}
#contacto h2.titulo_formulario_grande{margin-top: 15px; margin-bottom: 0px}
img.captcha{width: 175px}
#input_captcha{width: 175px; font-size: 14px; color: #797979}

.modal-body p{font-size: 14px; color: #2E2E2E}
.nuestro_aviso{font-size: 14px; color: #2E2E2E}
.nuestro_aviso a{font-size: 14px; color: #2E2E2E!important; text-decoration: none!important; cursor: text}

/*****/

.galeria .imagen{height: 200px;border: 1px solid #d8d8d8;}

/*
*Galeria
*/
.galeria .imagen .play {
    position: absolute;
    top: calc(50% - 45px);
    left: calc(50% - 45px);
    font-size: 50px;
    background-color: #3991c8;/*HECHO*/;
    color: #fff;
    border-radius: 999999px;
    height: 90px;
    width: 90px;
    padding: 10px 30px;
}
.galeria li {margin-bottom: 30px}

.lista-galeria .imagen{height: 220px; border-color: #e8e8e8; border-width: 20px; border-style: solid}

/****GALERIA***/
.galeria_album{
    padding:10px;
    border:solid 1px #d0d0d0/*CAMBIO*/;
}

#mainwrapper {margin: 0px; width: 100%}
#mainwrapper .box{ height: 220px; border-color: #e8e8e8; border-width: 20px; border-style: solid; width: 100%; -webkit-box-shadow: 0px 0px 0px 0px #ccc; -moz-box-shadow: 0px 0px 0px 0px #ccc; box-shadow: 0px 0px 0px 0px #ccc; }
#mainwrapper .box .fade-caption, #mainwrapper .box .scale-caption { width: 100%; height: 100%;  }
#mainwrapper .box .caption { background-color: rgba(60, 60, 60, 0.5);/*CAMBIO*/ }
.caption.fade-caption h3{color: #fff;/*CAMBIO*/ text-align: center;}

/**contenido**/

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;/*CAMBIO*/
    background-color: #3991c8;/*HECHO*/
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #e0cd28;/*HECHO*/
    color: #3991c8;/*HECHO*/
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background-color: transparent
}

.web_las_palmas{
    font-size: 14px; color: #3991c8;/*HECHO*/; margin-bottom: 10px
}

.web_las_palmas a{
    font-size: 14px; color: #3991c8;/*HECHO*/
}

.logo_responsive img {
    margin: 10px 0px
}

label{margin: 10px 0px}

.mapa_grande{width: 100%; position: relative}
.mapa_grande>iframe{width: 100%!important; height: 500px!important}

.color_base{color: #3991c8;/*HECHO*/}
#input_captcha{border: 1px #ddd solid}

@media (max-width: 1200px) {
    .navbar-default .navbar-nav>li>a {padding: 15px 5px;}
}

@media (max-width: 992px) {

    .navbar .container-fluid {padding: 0px}
    .navbar-header img{  max-height: 40px; max-width: 210px;    height: auto; margin-left: 10px}

    header .container {width: 100%; padding: 0px}
    .navbar-brand { height: 60px;}
    .navbar-header .navbar-toggle {margin: 15px; margin-right: 25px}
    /*.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .collapsing .active>a {margin-left: -15px!important;margin-right: -15px!important}*/
    .texto_azul h2 {text-align: center}
    .texto_azul p {text-align: center}
    .texto_azul {text-align: center}

    .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; }
    header.ampliado #bs-example-navbar-collapse-1 {display: none!important;}

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #277cb0;/*HECHO*/ border-width: 1px}

    .fixed_top{
        top: 0;
        border-width: 0 0 1px;
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030;
    }
    #banner .imagen {
        height: 296px;
    }
    #contacto iframe{width: 100%!important; height: 330px!important}
    #contacto .mapa_contacto>iframe{width: 100%!important; height: 330px!important}


    nav .navbar-collapse {background-color: #277cb0;/*HECHO*/}
    .navbar-default .navbar-nav>li>a {padding: 15px 15px;}
    .navbar-header{border-bottom: 2px solid #277cb0;/*HECHO*/}
    .navbar-default {border-bottom-width: 0px}

    footer .container>div {text-align: center}
    footer .container>div p {text-align: center}

}

@media (max-width: 767px) {

    #logo_principal.centrado{background-position: center center;}

    h1{font-size: 32px;}
    h2{font-size: 24px;}

    #informacion_destacada{margin: 0px; margin-top: 30px}

    #bloque_bienvenida h2 {
        font-size: 30px;
    }
    .container.reorder-xs {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);

        direction: rtl;
    }

    .container.reorder-xs > [class*="col-"] {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);

        direction: ltr;
    }

    .btn.btn-lg {
        padding: 10px 50px;}

    #banner .imagen {height: 190px;}
    #bloque_bienvenida h1 {font-size: 35px;}
    #bloque_bienvenida h2 {font-size: 25px;}
    .iconos_redes li {margin: 0px 5px;}
    .iconos_redes a {font-size: 27px;}
    .texto-tel .telefono {font-size: 16px;font-weight: 600;}
    .texto-tel .correo {font-size: 14px;}
    .navbar-default .navbar-nav>li>a {padding: 15px 30px;}

}
 /*ESTILOS EXTRA*/ .galeria .imagen .play { display: inline-flex; justify-content: center; align-items: center; }  .galeria .imagen .play .fa { position: relative; right: -4px;}