/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
}

body {
    padding-top: 170px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    background-color: #efefef;
}

h1 {
    font-size: 50px;
    line-height:40px;
    font-weight:bold;
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Navigation bar */

.navbar {
    padding: 25px 0 25px 0;
    height: 152px;
}
.navbar .container {
    width: 100%;
    padding-left: 110px;
    padding-right: 110px;
}
.navbar-inverse {
    background-color: inherit;
    border: 0;
}
.navbar-brand{
    float: left;
    padding: 0;
    margin: 0;
    font-size: 18px;
    line-height: 20px;
}

.navbar-inverse .navbar-nav>li>a {
    color: #000000;
    font-size: 35px;
}

.navbar-inverse .navbar-nav>.open>a, 
.navbar-inverse .navbar-nav>.open>a:focus, 
.navbar-inverse .navbar-nav>.open>a:hover {
    background-color: inherit;
}

.navbar-nav>.open>a {
    background-color: inherit;
}

.navbar-nav li {
    font-weight: bold;
}

.dropdown-menu {
    position: fixed;
    top: 0;
    right: 0;
    background-color: #fce007;
}

.dropdown-menu .close-dropdown{
    float: right;
    padding-right: 5px;
}

.dropdown-menu .close-dropdown:hover{
    text-decoration: none;
}

.dropdown-menu>li>a, .dropdown-menu .close-dropdown {
    color: #000000;
    font-size: 25px;
    font-weight: bold;
}

#dropdown-neme-icon:before {
    content: "\f0c9"
}

.navbar-collapse.collapse.in #dropdown-neme-icon:before {
    content: "\f107";
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: transparent;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #000;
}

#bs-navbar-collapse-1 {
    background-color: #efefef;
}

/* Image header */

.row.image-header {
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 40px;
}

/* News */

.panel-news {
    border-color: #ddd;
    background-color: transparent;
    border: 0;
    border-top: 4px solid;
}

.panel-body-news {
    padding: 0;
}

.panel-footer-news {
    background-color: inherit;
    border: 0;
}

.panel a {
    color: inherit;
}

.panel-news-item {
    background-color: inherit;
    border: 0;
    padding: 15px;
}

.panel-news-item-heading {
    padding-left: 0;
}

.panel-news-item-body {
    padding-left: 0;
}

.panel-news-item-footer {
    padding-left: 0;
}

.panel-obrint-finestres {
    color: #59057b;
}

.panel-aixecant-catifes {
    color: #33a456;
}

.panel-capgirant-barcelona {
    color: #c83f23;
}

.news-item-img-obrint-finestres {
    background-color: #59057b;
}

.news-item-img-aixecant-catifes {
    background-color: #33a456;
}

.news-item-img-capgirant-barcelona {
    background-color: #c83f23;
}

.news-item-img img{
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.panel-obrint-finestres .panel-news-item:hover{ 
    color: #ffffff;
    background-color: #59057b;
}

.panel-aixecant-catifes .panel-news-item:hover{ 
    color: #ffffff;
    background-color: #33a456;
}

.panel-capgirant-barcelona .panel-news-item:hover{
    color: #ffffff;
    background-color: #c83f23;
}

/* Carousel articles */

.row-carousel {
    border-top: 4px solid #4a4a49; 
}

.carousel-article-controls {
    float: right;
}

.carousel-article-controls i {
    color: #4a4a49;
    padding: 20px;
}

/* footer */

.row-footer {
    background-color: #fce007;
    padding: 20px;
    margin: 0;
}

.row-footer i {
    color: #737276;
    padding: 10px;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0 0 0;
}

/* News detail */

.news-detail .social-network div {
    border-top: solid 1px;
    margin: 0;
    padding: 5px;
    text-align: center;
    width: 50px;
}


.news-detail .social-network div:last-child {
    border-bottom: solid 1px;
}

.news-detail .social-network div a{
    color: #737276;
}

.row.image-news-detail {
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 40px;
}

.row.image-news-detail h1 {
    color: #ffffff;
    margin-top: -300px;
}

.news-detail-body {
    width: 88.666667%;    
    font-family: georgia;    
    font-size: 19px;    
    line-height: 29px;    
    margin-left: 15px;
}

/* set of news */

.header {
    border-color: #ddd;
    background-color: transparent;
    border: 0;
    border-top: 4px solid;    
    margin-bottom: 20px;
}
.panel-news.set-news {
    border: 0;
}

.header h1.panel-heading{
    padding: 0;
    float: left;
}

.header img{
    float: right;
}
/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}