/*  Basic stylesheet for kfz-kotter y Iker Vergara iker@titandwd.com  */


        body {
            background: #fff;
            font-size: .8rem;
            color:#43485e;
            font-family: 'Montserrat', sans-serif;
            padding-left:1rem;
            padding-right:1rem;
        }
        
        
        h1 {
            text-align: left;
            font-size: 1.3rem;
            text-transform: uppercase;
            font-weight: 500;
            letter-spacing: 0.1em;
            font-family: 'Montserrat', sans-serif;
        }
        
        h3 {
            text-align: left;
            font-size: 1rem;
            font-weight: 100;
            letter-spacing: 0.1em;
            font-family: 'Montserrat', sans-serif;
        }
        
        .clear{
            clear:both;
        }
        
        .navbar{
            background: #fff;
        }

        .navbar-nav {
            text-align: left;
        }
        
        section {
            padding-bottom: 3rem;
            /*padding-top: 3rem;*/
        }
        
        
        #seccion1 {
            color: #fff;
            background-image:url("/images/KeyVis_BG-2.jpg");
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }
        
        #seccion2 {
            background:#fff url("/images/fondo-seccion2.jpg") repeat-x;
            background-position: top;
        }
        
        #seccion3 {
            background-image: url("/images/Grafiti_BG.jpg");
            background-repeat: no-repeat;
            /*background-size: 100% 100%;*/
            background-attachment: fixed;
              background-position: center;
              background-repeat: no-repeat;
              background-size: cover;
        }
        
        #seccion4{
            background: #fff;
            padding-top: 3rem;
            padding-bottom: 8rem;
        }
        
        #seccion5 {
            color: #fff;
            background:#fff url("/images/Hannes_BG.jpg") no-repeat;
            background-size: 100%;
            padding-bottom: 0px;
        }
        
        #seccion5-1 {
            background: #fff;
            padding-bottom: 8rem;
        }
        
        #seccion6{
            background: #fff;
        }
        
        #mosaico{
            background: #fff;
        }
        
        #seccion7{
            background: #fff;
            padding-bottom: 8rem;
        }
        
        #seccion8 {
            color: #fff;
            background-image:url("/images/Termin_BG.jpg");
            /*background-size: 100% 100%;*/
            background-attachment: fixed;
              background-position: center;
              background-repeat: no-repeat;
              background-size: cover;
        }

        #nav-top {

            padding-top:1rem;
            padding-bottom:0rem;
            background:white;

        }
        
        #footer {
            background:#484848;
        }
        
        .parallax {

          /* Create the parallax scrolling effect */
          background-attachment: fixed;
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
        }
        
        .naranja{
            color:#cb5f3f;
            letter-spacing: 0.2em;
        }
        
        .nav-item{
            text-align: right;
            padding-right: 5px;
        }
        
        .naranja {
            color:#cb5f3f;
        }
        
        .swipe {
            display:none;
        }
        
        .img-mosaico{
             filter: grayscale(100%);
             cursor:pointer;
        }
        
        .img-mosaico:hover {
             filter: grayscale(0%);
             cursor:pointer;
        }
        
        .btn-outline-primary {
            color: #000;
            background-color: transparent;
            background-image: none;
            border-color: #a2ccd1;
            font-size: .6rem;
            font-family: 'Montserrat', sans-serif;
        }
        
        .btn-outline-primary:hover {
            color: #000;
            background-color: #a2ccd1;
            border-color: #a2ccd1;
            font-size: .6rem;
            font-family: 'Montserrat', sans-serif;
        }
        
        .nav-link{
            text-align: left;
        }

        #siguiente01, #siguiente02, #siguiente03, #regreso01, #regreso02, #regreso03 {cursor:pointer;}
        
        .form-control {border-radius: 0rem;background: transparent;border-color:#a2ccd1;color: #fff;font-family: 'Montserrat', sans-serif;}
        .campos-forma {width: 100%;}
        .boton-border {border:2px #a2ccd1 solid;padding:1rem;color:#43485e;font-size: 1rem;font-weight: 900;}
        .boton-border:hover {color:#fff;background: #a2ccd1;}
        .textocitado{letter-spacing: 0.1em; line-height: 2rem;font-family: 'Montserrat', sans-serif;}
        .opcion {color:#a2ccd1;text-align: left;font-size: .8rem;font-weight: 100;cursor:pointer;letter-spacing: 0.1em;margin-bottom: 5px;}
        .opcion:hover {color:#fff;text-decoration: underline;}
        .bold {font-weight: 900 ;}
        #flecha-kotter-2 {opacity: 0.4;cursor:pointer;}
        #flecha-kotter-1{opacity: 1.0;cursor:pointer;}
        #kotter-nav-1{font-weight: 900;cursor:pointer;}
        #kotter-nav-2{font-weight: 500;cursor:pointer;}
        .fancybox-content{background:#43485e;padding:5px;}
        
    
        
        
        
        /*  RED  
        body{background: red;}*/
        #div-marg-sec2{margin-bottom: 4rem;}
        #div-marg-sec5{margin-bottom: 4rem;}
        .footer-right {text-align: center;color:#fff;margin-bottom:0px;}
        .footer-left {text-align:center;color:#fff;margin-bottom:0px;}
        .divnaranja {margin-top: 14rem;background:#cb5f3f;color:#fff;padding-left: 15px;padding-right: 15px;}
        .parrafo-mapa {text-align: center;}
        .tablamapa{width:80%;vertical-align:top;text-align:right;margin-left:10%;margin-right:10%;border-top: 0px;}
        #sec2h1{margin-bottom: 1.5rem;}
        #sec2p1{margin-bottom: 2.3rem;margin-top: 3rem;}
        #sec2p2{margin-top: 4rem;}
        .div-interior{padding:1rem;}
        #cambia-box{height: 570px;}
        .flecha-xt{display: none;}
        .flecha-int{display: block;}
        .flecha-xt-2{display: none;}
        .flecha-int-2{display: block;}
        #datens-med{height:725px;}
        .flecha-down-1{ cursor: pointer;height: 1rem;}
        #citas{height:310px;}
        .texto-horario{font-size:1.1rem;}
        .tooltiptext {width:300px;}
        

        @media (min-width: 575px){
            /*  ORANGE  
            body{background: orange;}*/
            #datens-med{height:800px;}
        }
        
        @media (min-width: 768px){
            /*  GREEN              
            body{background: green;}*/
            #div-marg-sec5{margin-bottom: 5rem;}
            #div-marg-sec5b{margin-bottom: 3rem;}
            #div-marg-sec2{margin-bottom: 6rem;}
            .footer-right {text-align: right }
            .footer-left {text-align: left }
            #mosaico-izquierdo{padding-right:0px;}
            #mosaico-derecho{padding-left:0px;}
            .divnaranja {margin-top: 3rem;}
            .parrafo-mapa {text-align: left;}
            #boton-mapa{text-align:left;}
            .tablamapa{border-top:solid #000 1px;}
            .div-interior{padding:3rem;}
            #cambia-box{height: 475px;}
            .flecha-xt{display: block;margin-top: 10rem;}
            .flecha-int{display: none;}
            .flecha-xt-2{display: block;}
            .flecha-int-2{display: none;}
            #datens-med{height:470px;}
            #citas{height:370px;}
            .texto-horario{font-size:0.9rem;}
        }
        
        @media (min-width: 992px){
            /*  BLUE  
            body{background: blue;}*/
            #div-marg-sec5{margin-bottom: 9rem;}
            #div-marg-sec5b{margin-bottom: 6rem;}
            #div-marg-sec2{margin-bottom: 16rem;}
            .footer-right {text-align: right }
            .footer-left {text-align: left }
            #mosaico-izquierdo{padding-right:0px;}
            #mosaico-derecho{padding-left:0px;}
            .divnaranja {margin-top: 3rem;}
            .parrafo-mapa {text-align: left;}
            #boton-mapa{text-align:left;}
            .tablamapa{border-top:solid #000 1px;}
            .div-interior{padding:3rem;}
            #cambia-box{height: 300px;}
            .flecha-xt{display: block;margin-top: 8rem;}
            .flecha-int{display: none;}
            .flecha-xt-2{display: block;}
            .flecha-int-2{display: none;}
            #datens-med{height:370px;width:920px;}
            .texto-horario{font-size:1.1rem;}
        } 
        
        /*@media (min-width: 1200px){
            /*  YELLOW  
            #div-marg-sec5{margin-bottom: 23rem;}
            #div-marg-sec5b{margin-bottom: 10rem;}
            #div-marg-sec2{margin-bottom: 19rem;}
            .footer-right {text-align: right }
            .footer-left {text-align: left }
            #mosaico-izquierdo{padding-right:0px;}
            #mosaico-derecho{padding-left:0px;}
            .divnaranja {margin-top: 3rem;}
            .parrafo-mapa {text-align: left;}
            #boton-mapa{text-align:left;}
            body{background: yellow;}
            .tablamapa{border-top:solid #000 1px;}
            .boton-border {border:1px #a2ccd1 solid;padding:1rem;color:#43485e;font-size: 0.8rem;font-weight: 900;}
            .boton-border:hover {color:#fff;background: #a2ccd1;}
        }  */ 

        @media (min-width: 1500px){
            /*  YELLOW  */
            body{margin-left: 17.5%;width:65%;margin-right: 17.5%;background: white;}
        }

        @media (min-width: 1800px){
            /*  YELLOW  */
            body{margin-left: 25%;width:50%;margin-right: 25%;background: white;}
        }



        /*  TOOLTIPS  */

            .question {float:right;height: 15px;display: none;}

        /*  TOOLTIP END  */