#nav header nav { background: none repeat scroll 0 0 #FFFFFF; z-index:999; height:auto; position: relative; }
#nav.navbar{background:#fff;border:none;margin-bottom:0!important;z-index:999;}
#nav.navbar .brand { position:relative; display:inline-block; float:left; overflow:hidden; margin: 13px 0; padding:0; line-height:0; }
#nav.navbar .brand span { display:block; text-indent:-4000px; }

#nav .navbar-collapse { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; position:relative; float:right; margin:0; padding:0; background:none; }
#nav .navbar-collapse .nav { display:block; float:none; margin:0; padding:0; }
#nav .navbar-collapse .nav { margin: 0; }
#nav .navbar-collapse .nav li { position:relative; margin:0; padding:0; zoom:1; }
#nav .navbar-collapse .nav > li > a { margin:0; padding:0; color:#ffffff; text-shadow:none; height:100px;}
#nav .navbar-collapse .nav>li { display:inline-block; float:left; margin:0; padding: 0; border:none; background:url(../img/bg-li.png) 0 0 repeat-y;}
#nav .navbar-collapse .nav>li>a { border-top: 2px solid #FFFFFF; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; position:relative; display:block; margin:0; padding: 30px 20px 30px; text-align:center; font-size:14px; font-weight: 300; line-height:20px; color: #777777; }
#nav .navbar-collapse .nav>li.sub-menu:after { position:absolute; top:90px; left:50%; display:block; margin-left:-4px; width:8px; height:4px; background:url(../img/indicator.png) 0 0 no-repeat; content:''; }
#nav .navbar-collapse .nav ul { position:absolute; top: 100px; left:0; z-index:9; display:none; margin:0; padding:0 0 0 0; width: 175px; background:none; list-style:none; zoom:1; overflow: visible !important; }
#nav .navbar-collapse .nav ul li { display:block; padding:0; text-align:left;  }
#nav .navbar-collapse .nav ul li a {font-weight:300 !important;font-size:15px;  display:block; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; color:#4473ad; background:#D1E5FD; line-height:20px; padding:10px 0 10px 20px; }
#nav .navbar-collapse .nav>li>a:hover, #nav .navbar-collapse .nav>li.active>a, #nav .navbar-collapse .nav>li.active>a:hover { color:#4473ad; }
#nav .navbar-collapse .nav>li>ul li>a:hover { background: #4473ad; display:block;color:#fff;}
#nav .navbar-toggle{color:white !important; padding-bottom:5px; margin-top:30px}


@media (min-width: 1300px) {

    .div-content {max-width:1289px;}
    .is-sticky > #nav {left: 0 !important; width: 100% !important;}

     .col {text-align: left;}
 
    [class^="icon-"].icon-3x, [class*=" icon-"].icon-3x {  margin-bottom: 3px; margin-right: 15px; float: left;}
    footer .botons{float:right;}

    #taula-serveis-out ul{margin-top:12px; margin-bottom:12px;font-size:120%;}
}


@media (max-width: 1299px) {
    #nav.navbar .brand {
        float: none;
    }

    .navbar-header{
        text-align:center;
        float:none;
    }

}

@media (min-width: 980px) and (max-width: 1199px) {

    .navbar-collapse {height:auto!important;}
    .navbar-collapse .nav > li > a {padding:30px 15px;}

    #intro h2 {	font-size: 24px;line-height:30px}
    #intro .bloc{width: 80%;margin-left:100px; padding:10px 10px;color: #fff;}
    #intro blockquote p{line-height:22px;font-size:18px;}
    #intro{	height: 250px;}

    #intro .carousel-caption{top:50px;}
    #presentacion{height:250px;}

    #index ul.thumbnails {padding-bottom: 0px !important;}

    .destacados .thumbnail, .destacados .thumbnail p{text-align:center; }
    .destacados .thumbnail .btn{float:none; margin-top:10px;}

    #serveis .llista-articles article {margin-bottom:30px;}
    #serveis .llista-articles article img, #serveis .llista-articles article figure{padding-right:0px;}

    #facility-box h4 {min-width:280px;}

    /* Contactar */
    #contactar p{margin-bottom:20px;}
    #contactar figure img{width:100%;}


    .percent.dos {line-height:50px;}
    .sellos {display:none;}
}

@media (max-width: 979px) {

    #nav.navbar  {text-align:center;}
    #nav.navbar .brand {margin-bottom:10px;float:none;text-align:center;}
    #nav .navbar-collapse .nav > li > a {padding:30px 15px;}
    #nav .navbar-header{float:none !important;width:100% !important}
    #nav.navbar {text-align:center}
    #nav .navbar-collapse {float:none;}
    #nav .navbar-collapse .nav { margin:0 auto !important; }
    #intro{display:none}



    .box-color{margin-bottom:20px !important;}
    .box-color img {height:200px;}

    .llista-articles article p{font-size:13px !important;}
    .llista-articles article h3{font-size:15px !important;}

    #serveis .llista-articles article figure{margin-bottom:10px;}
    #serveis .llista-articles article .btn{float:none;}


    #inforestaura p{font-size:100%;}

    #fotos-out{padding-top:5px !important;padding-bottom:0px !important;}

    #territori p{margin-top:10px;}

    .sellos {display:none;}

    .reenginyeria .title {float:none;}
    .reenginyeria .btn {float:none;margin:0 auto; display:block;width:300px;margin-bottom:20px;}
}