/* FONT */
html, body, h1, h2, h3, h4, h5, h6, input, textarea {
    font-family: 'PFDinTextPro', sans-serif;
}

/* TITLES */
h1, h2, h3, h4, h5, h6 {
    color:#434e54;
}
h3 {
    padding-bottom:24px;
    margin-bottom:30px;
    background:transparent url('../img/senefa.jpg') no-repeat bottom left;
}
h3.text-center {
    background-position:bottom center;
}

/* TEXT */
.text p {
    margin-bottom:15px;
}
.text .blue {
    color:#006c9a;
}
.text .btn + .blue {
    margin-left:25px;
}
.text ul {
    margin-bottom:20px;
    padding-left:0px;
}
.text ul li {
    list-style-type:none;
}
.text ul li:before {
    content:"·";
    display:block;
    float:left;
    padding:0px 8px 0px 8px;
    font-weight:bold;
}
address {
    margin:20px 0px 0px 0px;
    color:#0075ab;
    font-size:16px;
}

/* LINKS */
a {
    color: #006c9a;
}
a:hover {
    text-decoration:none;
}
a.underline {
    text-decoration:underline;
}
a.anchor {
    display:block;
    clear:both;
    height:0px;
    padding-bottom:60px;
}

/* IMAGES */
img {
    max-width:100%;
    height:auto;
}
.image-thumbnail {
    -webkit-box-shadow: 0 0 6px 0px #666666;
    box-shadow: 0 0 6px 0px #666666;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow:hidden;
    display:block;
    position:relative;
}
.image-thumbnail .image-thumbnail-over {
    display:none;
    position:absolute;
    top:50%;
    left:50%;
    width:55px;
    height:55px;
    margin-left:-27.5px;
    margin-top:-27.5px;
    background:transparent url('../img/icona_loading.png') no-repeat center center;
}
.image-thumbnail img {
    min-width:100%;
}
.image-thumbnail:hover img {
    opacity:0.5;
}
.image-thumbnail:hover .image-thumbnail-over {
    display:block;
}
.image-thumbnail-caption {
    display:block;
    padding:20px 0px 30px 0px;
    text-align:center;
    color:#818181;
}
.image-thumbnail-caption strong {
    display:block;
    color: #006c9a;
}

/* SOCIAL ICONS */
[class^=xyzicon-] {
    display:inline-block;
    vertical-align:middle;
    /*display:block;*/
    overflow:hidden;
    text-indent:-1000px;
    background:transparent url('../img/icones_socials_cap.png') no-repeat 0px 0px;
    width:30px;
    height:30px;
    text-align:left;
}
.xyzicon-facebook {
    background-position:-2.5px -5px;
}
.xyzicon-twitter {
    background-position:-37.5px -5px;
}
.xyzicon-googleplus {
    background-position:-72.5px -5px;
}
.xyzicon-facebook:hover {
    background-position:-2.5px -40px;
}
.xyzicon-twitter:hover {
    background-position:-37.5px -40px;
}
.xyzicon-googleplus:hover {
    background-position:-72.5px -40px;
}

/* BUTTONS */
.btn-primary {
    background:#006c9a none;
    color:#fff;
    border:0px solid #004b6b;
    border-bottom:3px solid #004b6b;
}
.btn-primary:hover {
    background:#006c9a none;
    border-bottom:0px solid #006c9a;
    margin-top:3px;
}
.btn {
    padding:6px 20px;
    font-size:16px;
}
.btn-lg {
    font-size:20px;
    line-height:24px;
    padding:15px 40px;
}

/* ICONS */
.glyphicon {
    vertical-align:middle;
}

/* NAVBAR */
.navbar-xyz {
    background:#00324B none;
    border:0;
    -webkit-box-shadow: 0 0 10px 0 #666666;
    box-shadow: 0 0 10px 0 #666666;
    margin:0;
}
.navbar-xyz .navbar-brand {
    padding:0;
    width:110px;
    height:60px;
    line-height:60px;
    overflow:hidden;
    background:transparent url('../img/xyz.png') no-repeat center center;
    margin:0px 0px 0px 15px;
}
.navbar-xyz .navbar-brand a {
	display:block;
    width:110px;
    height:60px;
    line-height:60px;
    overflow:hidden;
    text-indent:-1000px;
}
.navbar-xyz .navbar-brand:hover {
    /*opacity:0.5;*/
}
.navbar-xyz .navbar-nav > li {
    color:#01b9ff;
    font-size:14px;
}
.navbar-xyz .navbar-nav > li > a {
    background:transparent none;
    color:#01b9ff;
}
.navbar-xyz .navbar-nav > li.active > a,
.navbar-xyz .navbar-nav > li > a:hover {
    background-color:#024c71;
}

.navbar-xyz .navbar-nav.nav-menubar > li + li {
    border-top:1px solid #024c71;
}

.navbar-xyz .navbar-nav.nav-languages,
.navbar-xyz .navbar-nav.nav-social {
    display:table;
    width:50%;
    margin:8px auto 0px auto;
    border-spacing: 2px;
    border-collapse: separate;
}
.navbar-xyz .navbar-nav.nav-languages li,
.navbar-xyz .navbar-nav.nav-social li {
    display:table-cell;
    text-align:center;
}
.navbar-xyz .navbar-nav.nav-languages > li.divider,
.navbar-xyz .navbar-nav.nav-social > li.divider {
    display:none;
}

.navbar-xyz .navbar-toggle {
    background-color:#006c9a;
    border-color:#004b6a;
}
.navbar-xyz .navbar-toggle:hover {
    opacity:0.7;
}
.navbar-xyz .navbar-toggle .icon-bar {
    background:#fff none;
}

/* JUMBOTRON */
.jumbotron {
    margin-top:60px;
    margin-bottom:0px;
    background:#ccc url('../img/cap_02.jpg') no-repeat top center;
    background-size:cover;
    color:#fff;
    text-shadow: 3px 3px 10px #000;
    position:relative;
    overflow:hidden;
}
.rgba .jumbotron {
    text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.7);
}
.jumbotron .jumbotron-title {
    font-size:50px;
    line-height:60px;
    font-weight:400;
    margin:40px 0px 20px 0px;
}
.jumbotron p,
.jumbotron h2 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height:28px;
    font-weight: 400;
	color:#fff;
}
.jumbotron .newsletter {
    position:absolute;
    left:0px;
    right:0px;
    bottom:0px;
    padding:20px 30px;
    background:#00324B none;
    z-index:1020;
    text-shadow:none;
}
.rgba .jumbotron .newsletter {
    background:rgba(0, 50, 75, 0.5) none;
}
.jumbotron .newsletter p {
    margin:0;
    font-size: 23px;
}
.jumbotron .newsletter input {
    background:#04192a none;
    border-color:#04192a;
    color:#fff;
    width:200px;
    /*font-size:18px;*/
}
.rgba .jumbotron .newsletter input {
    background:rgba(4, 25, 42, 0.9) none;
    border-color:rgba(4, 25, 42, 0.9);
}
.jumbotron-container {
    position:relative;
}
.jumbotron-content {
    position:relative;
    z-index:1015;
}
.jumbotron-bg {
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:1010;
    background:transparent url('../img/cap_01.jpg') no-repeat top center;
    background-size:cover;
}
.jumbotron-bg.no-bg {
    opacity:1;
}
#example-home-container {
    display:none;
    position:absolute;
    top:-30px;
    right:0px;
}

/* BOX */
.container.top-gap {
    margin-top:60px;
}
.example {
    margin:40px auto;
    overflow:hidden;
    -webkit-box-shadow: 0 0 6px 0px #666666;
    box-shadow: 0 0 6px 0px #666666;
    overflow:hidden;
}
.well {
    background-color:#c7dfeb;
    border:0;
    margin:0;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow:none;
    box-shadow:none;
    padding:20px;
}
.well.grey {
    background-color:#eff5f5;
}
.well.light {
    background-color:#d8e9f1;
}
.well .well {
    background-color:#fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border:0;
    border-bottom:2px solid #A3C7DA;
    color:#014665;
}
.well .well h3 {
    margin:0px -20px 10px -20px;
    padding-bottom:14px;
    background:transparent url('../img/senefa.jpg') repeat-x bottom center;
}
.well .well p {
    font-size:16px;
    line-height:20px;
    margin-bottom:14px;
}
.well .well .btn {
    display:block;
    text-align:center;
    background-color:#DBE9F0;
    color:#014665;
    font-weight:600;
}
.well .well .btn:hover {
    background-color:#014665;
    color:#DBE9F0;
}
blockquote {
    background:#fff none;
    color:#014665;
    border:0px solid #e5edef;
    border-bottom:3px solid #e5edef;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding:20px;
    text-align:center;
    font-size:18px;
    line-height:22px;
}
blockquote header {
    color:#5e5e5e;
    margin:0px 0px 10px 0px;
}
blockquote footer {
    color:#5e5e5e;
}
blockquote footer:before {
    content:"";
}

/* TABLES */
.table.table-prices {
    border:0;
    border-color:transparent;
}
.table.table-prices > thead > tr > th {
    color:#0075ab;
    line-height:20px;
    padding:4px 8px 4px 0px;
    border:0;
}
.table.table-prices > thead.small > tr > th {
    font-weight:400;
    font-size:14px;
}
.table.table-prices > thead.top-gap-small > tr > th {
    padding-top:15px;
}
.table.table-prices > thead.top-gap > tr > th {
    padding-top:30px;
}
.table.table-prices > tbody > tr > td {
    background-color:#014665;
    border:0;
    color:#fff;
    line-height:20px;
    padding:4px 8px;
}
.table.table-prices > tbody > tr + tr > td {
	border-top:3px solid #c4dfec;
}
.table.table-prices > tbody > tr > td:nth-child(1) {
    background-color:#01253d;
}
.table.table-prices > tbody > tr > td:nth-child(2) {
    background-image:url('../img/fletxa_taula_preus.jpg');
    background-repeat:no-repeat;
    background-position:left center;
}
.table.table-prices a {
    text-decoration:underline;
}
.table.table-list td {
    vertical-align:middle;
}

/* FORMS */
.form-control {
    border:0;
    border-bottom:2px solid #A3C7DA;
}
textarea.form-control {
    height:83px;
}
label.form-control {
    padding-left:28px;
}
form .btn-container {
    margin:25px 0px;
}
form .btn-container .btn {
    padding-left:80px;
    padding-right:80px;
}
#chk-human-field {
  display:none;
}

/* LOGIN */
.form-signin {
    margin:30px auto;
    max-width:400px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.form-signin .btn-container {
    margin-bottom:0px;
}
.form-signin h3 {
    padding-top:0px;
    margin-top:0px;
}
.form-signin {
    margin:30px auto;
    max-width:400px;
}
.form-signin {
    margin:30px auto;
    max-width:400px;
}

/* ARROW */
.arrow-wrapper {
    position:relative;
}
.arrow-wrapper .arrow-down {
    display:block;
    width:102px;
    height:109px;
    position:absolute;
    bottom:0px;
    left:0px;
    margin-bottom:-120px;
    background:transparent url('../img/fletxa.png') no-repeat center center;
}
label {
    font-weight:400;
    color:#0075ab;
}

/* FOOTER */
#footer {
    padding:20px;
    background:#00324B none;
    color:#006c9a;
    font-size:11px;
}
#footer .text-right {
    font-size:11px;
}
#footer .text-right a {
    color:#fff;
}


@media (max-width: 768px) {
    .text-center-xs {
        text-align:center;
    }
    h3.text-center-xs {
        background-position:bottom center;
    }
    .list-center-xs-container {
        text-align:center;
    }
    .list-center-xs-container > ul {
        display:inline-block;
        text-align:left;
    }
    .top-gap-xs {
        margin-top:30px;
    }
    .text .btn + .blue {
        margin-left:0px;
        margin-top:7px;
        display:block;
    }
}

@media (max-width: 400px) {
    
}

@media (min-width: 768px) {
    .navbar-xyz .navbar-brand {
        margin-left:0px;
    }
    .navbar-xyz .navbar-nav > li {
        height:60px;
        line-height:60px;
    }
    .navbar-xyz .navbar-nav > li > a {
        padding:15px 10px;
        line-height:30px;
    }
    .navbar-xyz .navbar-nav > li.active > a,
    .navbar-xyz .navbar-nav > li > a:hover {
        opacity:0.5;
        background-color:transparent;
    }
    
    .navbar-xyz .navbar-nav.navbar-right {
        margin-left: 20px;
    }
    
    
    .navbar-xyz .navbar-nav.nav-menubar > li + li {
        border-top:0;
    }
    
    .navbar-xyz .navbar-nav.nav-languages,
    .navbar-xyz .navbar-nav.nav-social {
        display:block;
        width:auto;
        margin-top:0;
        border-spacing: 0px;
        border-collapse: collapse;
    }
    .navbar-xyz .navbar-nav.nav-languages li,
    .navbar-xyz .navbar-nav.nav-social li {
        display:block;
    }
    .navbar-xyz .navbar-nav.nav-languages > li.divider,
    .navbar-xyz .navbar-nav.nav-social > li.divider {
        display:block;
        padding-right:5px;
        padding-left:5px;
    }
    
    .navbar-xyz .navbar-nav.nav-languages > li > a {
        padding-right:0px;
        padding-left:0px;
    }
    .navbar-xyz .navbar-nav.nav-social > li > a {
        padding-right:0px;
        padding-left:0px;
    }
    
    .jumbotron {
        padding-top:60px;
        padding-bottom:100px;
    }
    .jumbotron .newsletter input {
        width:260px;
    }
}

@media (min-width: 992px) {
    .navbar-xyz .navbar-nav > li {
        font-size:16px;
    }
    .navbar-xyz .navbar-nav > li > a {
        padding:15px 20px;
    }
    
    .navbar-xyz .navbar-nav.nav-social > li > a {
        padding-right:5px;
        padding-left:5px;
    }
    #example-home-container {
        top:-60px;
        display:block;
    }
    .jumbotron-bg {
        -webkit-transition: all 600ms linear;
        -moz-transition: all 600ms linear;
        -ms-transition: all 600ms linear;
        -o-transition: all 600ms linear;
        transition: all 600ms linear;
    }
    .jumbotron-bg.no-bg {
        opacity:0;
    }
}

@media (min-width: 1200px) {
    .navbar-xyz .navbar-nav.navbar-right {
        margin-left: 35px;
    }
    .navbar-xyz .navbar-nav > li > a {
        padding-right:25px;
        padding-left:25px;
    }
    .navbar-xyz .navbar-nav.nav-social > li > a {
        padding-right:5px;
        padding-left:5px;
    }
}