/* FRONTEND CSS */
html {
    overflow-y: scroll;
}
body {
    background-color: #FFFFFF;
    font-family: 'Open Sans', sans-serif;
}

/* LAYOUT
*********************************************/
/* Floats */
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.group:before,
.group:after {
    content: "";
    display: table;
}
.group:after {
    clear: both;
}
.ie7 .group {
    zoom: 1;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-weight: 300;
    color:#242424;
    font-family:'Merriweather', serif;
}
p {
    font-size:16px;
    line-height:25px;
}

h1 a:hover {
    background-color:#ffeee3;
    color:#000;
}
ul {
    list-style:none;
}
a {
    color:#54a9eb;
    text-decoration:none;
}
.clear {
    clear:both;
}
#responsive {
    display:none;
    visibility:hidden;
}
dd {
    -webkit-margin-start: 0px;
}
.custom-titol {
    float:right;
}
.custom-titol h2 {
    margin-right: 15px;
    margin-top:20px;
    font-family: 'Rajdhani',sans-serif;
    float: right;
    color: #7D7E81;
}
.custom-titol h2 span {
    font-size: 16px;
    margin-top: 17px;
    margin-left: 10px;
    font-family: 'Open sans',sans-serif;
    float: right;
}
.headerTop {
    background-color:#efefef;
    padding:10px 20px;
    position:fixed;
    width:100%;
    z-index:1000;
    top:0;
}
.headerTopInner {
    padding:0 25px;
    width:960px;
    margin:0 auto;
}
.headerTopInner .custom {
    float:right;
}
.headerTopInner p {
    margin:0;
    float:left;
    margin-right:10px;
    font-size:12px;
    color:#999;
}
.headerTopInner p a {
    color:#F36F21;
}
.headerTopInner p a.fb, .headerTopInner p a.linkedin {
    float:left;
}
.headerMidInner {
    width: 70%;
    margin: 0 auto;
    float: left;
}

.logo {
    width:200px;
    float:left;
}
.social {
    float:right;
    margin-top:70px;
}
.content {
    max-width: 960px;
    margin:0 auto;
    padding:0 25px;
    margin-top:80px;
}
.menu ul {
    padding-left:0;
}
.menu ul li {
    margin:5px 0;
    padding:5px;
}
.menu li a {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    color:#363636;
}
.menu li:hover, .menu li.active {
    background: #54a9eb;
    padding-left: 20px;

}
#sideBar .menu li:hover a, #sideBar .menu li.active a, #sideBar .menu li.active a span {
    color:#fff !important;
}
#mainContent {
    width:670px;
    float:left;
    border-top:1px solid #e5e5e5;
    padding-top:40px;
    word-wrap: break-word;
}
.slide h2 {
    background: #54a9eb;
}
.slide h2 a {
    color:#fff;
}
.slide p.readmore a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: 10px;
    float:right;
    padding:5px;
    margin-right: 5px;
    color:#fff;
    background-color: #fdb689;
}
.slide p.readmore a:hover {
    background-color:#54a9eb;
}
#sideBar {
    float:right;
    width:23%;
    color:#666;

}
#sideBar a {
    color:#666;
}
#sideBar .moduletable {
    border-top: 1px solid #e5e5e5;
    margin: 0 0 0 0;
    padding: 20px 0;
    float:left;
    width:100%;
}
.tagspopular.tag ul {
    padding:0;
}
.tagspopular.tag li {
    border:none;
    float:left;
    margin:5px;
    padding:3px;
    background-color:#fdb689;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.tagspopular.tag li a {
    color:#363636;
    font-size:13px;
}
.tagspopular.tag li:hover {
    background-color:#fff;

}
span.tag-count {
    font-size:10px;
}

.llistat .data, .published {
    float: left;
    font-size: 12px;
    text-align: center;
    margin-right:14px;
    border: 3px solid #efefef;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #999;
}
.llistat .data span, .published time {
    margin: 5px 11px;
    float: left;
}
.llistat .category, .category-name {
    float:left;
    border: 3px solid #54a9eb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:0 5px;
    margin-right:10px;
}
.llistat .category:hover, .category-name:hover {
    background-color:#54a9eb;
    color:#fff;
}
.llistat .category:hover a, .category-name:hover a {
    background-color:#54a9eb;
    color:#fff;
}
.llistat .category a, .category-name a {
    float:left;
    font-size: 12px;
    margin: 5px 11px;
}
.llistat .category a:hover, .category-name a:hover {
    color:#fff;
}
.item-page .article-info .createdby {
    float:left;
}
.item-page ul li, .item-page ol li {
    margin: 20px 0;
}
.item-page ul.pager {
    list-style: none;
}
.llistat .author, .createdby {
    color: #999 !important;
    font-size: 12px;
    margin: 6px 0px;

}
.page .createdby span {
    color:#999;
}
.blog .createdby {
    float:right;
}

.blog.llistat .createdby {
    float:none;
}
.page .createdby span, .page ul.nav li a span {
    font-weight: normal;
}

.llistat .tags a, .item-page .tags {
    color: #fdb689;
    list-style: none;
    float:left;
    font-size: 12px;
    margin: 5px 11px;

}
ul.tags > li {
    float:left;
}
ul.tags > li:hover {
    text-decoration:underline;
}
.llistat h2.title a, .item-page h1 a, .blog h2 a {
    font-size:24px;
    color:#363636;
    line-height:30px;

}
#sideBar .llistat {
    margin-top:0px;
}
#sideBar .llistat h3 {
    margin-bottom:20px;
}
#sideBar .llistat h3.title {
    margin-bottom:0;
}
#sideBar .llistat h3.title a {
    font-size:15px;
    line-height:20px;

}
#sideBar .details {
    font-size:12px;
    float:left;
}
#sideBar .details .createdby {
    margin:0;
    float:none;
}
#sideBar .details a {
    color:#54a9eb;
}
#sideBar .details .hits {
    font-size:12px;
    color:#999;

}
.item-page table tr td p {
    margin:0;
}
.llistat h2.title a:hover, .item-page h2 a:hover, .llistat h3.title a:hover, .blog h2 a:hover {
    background-color: #ffeee3;
    color: #000;
}
.llistat a p {
    color:#363636;
}

.llistat .readmore {
    float:right;
}
.llistat .readmore a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size:14px;
    line-height:30px;
    background-color:#54a9eb;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
    padding:5px;
    color:#fff;

}
.llistat .readmore a:hover {
    background-color: #feb54d;
}
.blog p.readmore {
    text-align:right;
}
.llistat .item {
    padding:15px 0;
}
.llistat .row-0 .item {
    padding-top:0;
}
.llistat .row-separator {
    border-bottom:1px solid #e5e5e5;
}
#sideBar .llistat .row-separator {
    border-bottom:none;
}
.article-info {
    float:left;
    width:100%;
}
.article-info-term {
    display:none;
    visibility:hidden;
}
ul.pager {
    width: 100%;
    float: left;
    margin-bottom: 40px;
    padding: 0;
}
li.next, li.previous {
    float: right;
    background-color: #54a9eb;
    padding: 10px;
    border-radius: 5px;
}
li.previous {
    float:left;
}
li.next a, li.previous a {
    color: #fff;
    padding: 15px;
}
.tag-category h3 {
    margin:15px 0;
}
.moduletable.relacionados {
    margin:70px 0;
}
.tagssimilar li {
    margin:10px 0;
}
.nsb_container {
    margin-bottom: 50px;
}
.blog p.peuimatge {
    display:none;
    visibility:hidden;
}
.fb-like.fb_iframe_widget, .fb-share-button.fb_iframe_widget {
    float: left;
    height: 18px;
}
.fb-follow.fb_iframe_widget {
    line-height: 10px;
    margin-right: 10px;
    vertical-align: top;
}
footer {
    background-color:#4A4D4A;
    padding:20px;
    color:#efefef;
}
footer a {
    color:#F36F21;
}
footer .content {
    margin-top:0;
}
/* blog */
.destacat {
    background-color:#fdb689;
    padding:5px 10px;
    margin-bottom:20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}
.peuimatge {
    font-size:12px;
    text-align:center;
    line-height:14px;
}
.cita-dreta {
    float:right;
    margin:20px;
    font-weight:bold;
    width:200px;
    text-align:right !important;
    font-size:20px;
}

.cita-esquerra {
    float:left;
    margin:20px;
    font-weight:bold;
    width:200px;
    text-align:left !important;
    font-size:20px;
}
/* Media Queries
*********************************************/
/* Retina */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {

}
/* Landscape phones and down */
@media (max-width: 480px) {

}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

    header, .social,
    #sideBar .moduletable, #responsive .moduletable {
        display: none;
        visibility: hidden;
    }

    #responsive, #responsive .moduletable.menu {
        display: block;
        visibility: visible;
    }

    .content {
        margin-top: 0;
    }

    #mainContent {
        width: 100%;
    }

    .logo img {
        width: 80%;
    }

    .item-page img, .blog img {
        width: 100%;
        height: auto;
    }

    .custom-titol h2 {
        margin: 0;
    }

    .custom-titol h2 span {
        margin-top: 5px;

    }
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
}
/* Large desktop */
@media (min-width: 1200px) {

}
/* Cookies */
#ca_banner {
    box-shadow: 0 0 2px #444;
}

#ca_banner p {
    text-align: left;
    padding: 0 20px;
}
#ca_banner .infoplus {
    font-weight: normal;
    text-decoration: none;
}
#ca_banner .accept {
    background:#fff;
    color:#0089f2;
    background-image:none;
    text-shadow:none;
    font-weight: normal;
}

#ca_banner .accept:hover {
    box-shadow:none;
}
progress {
    /* Positioning */
    position: fixed;
    left: 0;
    top: 45px;

    /* Dimensions */
    width: 100%;
    height: .25em;

    /* Reset the apperance */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* Get rid of the default border in Firefox/Opera. */
    border: none;

    /* For Firefox/IE10+ */
    background-color: transparent;

    /* For IE10+, color of the progress bar */
    color: #f36f21;
}

progress::-webkit-progress-bar {
    background-color: transparent;
}

.flat::-webkit-progress-value {
    background-color: #f36f21;
}

.flat::-moz-progress-bar {
    background-color: #f36f21;
}

.single::-webkit-progress-value {
    background-color: transparent;
    background-image: -webkit-linear-gradient(left, transparent, #f36f21);
}

.single::-moz-progress-bar {
    background-color: transparent;
    background-image: -moz-linear-gradient(left, transparent, #f36f21);
}

.multiple::-webkit-progress-value {
    background-image: -webkit-linear-gradient(-45deg,
    transparent 33%, rgba(0, 0, 0, .1) 33%,
    rgba(0,0, 0, .1) 66%, transparent 66%),
    -webkit-linear-gradient(left, green, #f36f21);
}

.multiple::-moz-progress-bar {
    background-image: -moz-linear-gradient(-45deg,
    transparent 33%, rgba(0, 0, 0, .1) 33%,
    rgba(0,0, 0, .1) 66%, transparent 66%),
    -moz-linear-gradient(left, green, #f36f21);
}

.progress-container {
    width: 100%;
    background-color: transparent;
    position: fixed;
    top: 0;
    left: 0;
    height: .25em;
    display: block;
}

.progress-bar {
    background-color: #f36f21;
    width: 50%;
    display: block;
    height: inherit;
}
.moduletable .search input#mod-search-searchword {
    width: 80%;
    padding: 2px;
    font-size: 11px;
}
.moduletable .search input.button {
    width: 20px;
    margin-top: 0px;
    float: right;
}
dl.search-results .result-item {
    margin-bottom: 50px;


}