/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */

html, body {height: 100%;}

body {font-family: 'Quicksand', sans-serif;}

ol, ul {margin-top: 0; margin-bottom: 0;}

section, aside {padding: 50px 0;}

ul, ol {
    /*list-style: none;ofg
    padding: 0;*/
}

ul.general, ol.general {/*ofg*/
    list-style: none;
    padding: 0;
}

a {
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;

  color: #aaa;
  /*text-decoration: underline;*/
}

a:focus, a:hover {
    color: #8a8a8a;
    text-decoration: underline;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}

h1.title {
    font-size: 47px;
    display: inline-block;
    line-height: 1;
    font-weight: 400;
    margin-bottom: 20px;
}

h1.title a {
    color: #333;
}

h1.title a:hover, h1.title a:focus {
    color: #333;
    text-decoration: none;
}

span.plus-mes {
    font-size: 15px;
    margin-left: 6px;
}

h1.title:after {
    content: " ";
    width: 60%;
    background: #ccc;
    margin-top: 10px;
    display: block;
    height: 4px;
    border-radius: 5px;
}

h2 {
    font-weight: 400;
}

h3 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 5px;
}

h4 {
    font-weight: 100;
}

.white-title h1.title {
    color: #fff;
    margin-top: 0 !important;
}

.white-title h1.title:after {
    content: " ";
    background: #fff;
    margin-top: 10px;
    display: block;
    height: 4px;
    border-radius: 5px;
}

.green-title {
    color: #ccc;
}

body.green-page .green-title {
    color: #009f3c;
}

body.green-page h1.title:after {
    background: #009f3c;
}

body.red-page .green-title {
    color: #df0023;
}

body.red-page h1.title:after {
    background: #df0023;
}

body.blue-page .green-title {
    color: #0085c6;
}

body.blue-page h1.title:after {
    background: #0085c6;
}

body.yellow-page .green-title {
    color: #f4c300;
}

body.yellow-page h1.title:after {
    background: #f4c300;
}

body.black-page .green-title {
    color: #000;
}

body.black-page h1.title:after {
    background: #000;
}

.text-center h1.title:after {
    content: " ";
    width: 60%;
    display: block;
    margin-left: 20%;
    margin-top: 10px;
    height: 4px;
    border-radius: 5px;
}

.text-center p {
    margin-left: auto;
    margin-right: auto;
    float: none;
}

p.p2 {
    font-size: 16px;
}

.text-center {
    text-align: center !important;
}

ul.bullets {
    list-style-type: disc;
    margin-left: 17px;
}

.blue-bullets li {
    position: relative;
    margin-left: 15px;
    font-size: 16px;
    margin-bottom: 9px;
}

ul.blue-bullets li:before {
    content: "·";
    margin-right: 10px;
    font-size: 40px;
    color: #0085c6;
    font-weight: 900;
    font-family: 'Quicksand', sans-serif;
    line-height: normal;
    position: absolute;
    top: -17px;
    left: -19px;
}

hr {
    border-top: 1px solid #c5c5c5;
}

.italic {
    font-style: italic;
}

.upper {text-transform: uppercase;}
.p-absolute {position: absolute;}
.p-relative {position: relative;}
.d-inline {display: inline !important;}
.d-inline-table {display: inline-table !important;}
.d-block {display: block !important;}
.full-width {width: 100% !important;}

/* paddings & margins */

.pddtop10 {padding-top: 10px;} .pddbottom10 {padding-bottom: 10px;} .pddtop20 {padding-top: 20px;} .pddbottom20 {padding-bottom: 20px;}
.pddtop30 {padding-top: 30px;} .pddbottom30 {padding-bottom: 30px;} .pddtop40 {padding-top: 40px;} .pddbottom40 {padding-bottom: 40px;}
.pddtop50 {padding-top: 50px;} .pddbottom50 {padding-bottom: 50px;} .pddtop100 {padding-top: 100px;} .pddbottom100 {padding-bottom: 100px;}

.mrgtop10 {margin-top: 10px;} .mrgbottom10 {margin-bottom: 10px;} .mrgtop20 {margin-top: 20px;} .mrgbottom20 {margin-bottom: 20px;}
.mrgtop30 {margin-top: 30px;} .mrgbottom30 {margin-bottom: 30px;} .mrgtop40 {margin-top: 40px;} .mrgbottom40 {margin-bottom: 40px;}
.mrgtop50 {margin-top: 50px;} .mrgbottom50 {margin-bottom: 50px;} .mrgtop100 {margin-top: 100px;} .mrgbottom100 {margin-bottom: 100px;}
.mrgbottom5 {margin-bottom: 5px;}

.no-margin {margin: 0px !important;}
.no-padding {padding: 0px !important;}
.no-padding-top {padding-top: 0px !important;}
.no-border {border: 0 none !important;}
.mrgright10 {margin-right: 10px !important;}
.mrgright50 {margin-right: 50px !important;}
.pddlr40 {padding-left: 40px !important; padding-right: 40px !important;}
.block {display: block;}
.height40 {height: 40px;}

/* buttons */

.btn {
  border: none;
  border-radius: 4px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}

.btn-xl {padding: 15px 30px;}

.btn-default {
  color: #222222;
  background-color: white;
  border-color: white;
}

.btn-blue {
    color: #fff;
    border: 0 none;
    text-transform: inherit;
    font-weight: 400;
    background-color: #0085c6;
}

.btn-blue:hover {
    background-color: #026fa5;
    color: #fff;
}

.btn-red {
    color: #fff;
    border: 0 none;
    text-transform: inherit;
    font-weight: 400;
    background-color: #df0023;
}

.btn-red:hover {
    background-color: #b5011d;
    color: #fff;
}

.btn-green {
    background: #009f3c;
    font-weight: 400;
    color: #fff;
    text-transform: inherit;
}

.btn-green:hover {
    background: #018231;
    color: #fff;
}

.btn-yellow {
    background: #f4c300;
    font-weight: 400;
    color: #fff;
    text-transform: inherit;
}

.btn-yellow:hover {
    background: #e5b701;
    color: #fff;
}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
  color: #222222;
  background-color: #e5e5e5 !important;
  border-color: #ededed;
}

.trs-green-btn {
    border: 2px solid #009f3d;
    border-radius: 7px;
    padding: 5px 12px;
    font-weight: 500;
    color: #009f3d;
    display: inline-block;
}

.trs-green-btn:hover {
    color: #009f3d;
}

.trs-red-btn {
    border: 2px solid #df0024;
    border-radius: 7px;
    padding: 5px 12px;
    font-weight: 500;
    color: #df0024;
    display: inline-block;
}

.trs-red-btn:hover {
    color: #df0024;
}

.trs-blue-btn {
    border: 2px solid #0085c7;
    border-radius: 7px;
    padding: 5px 12px;
    font-weight: 500;
    color: #0085c7;
    display: inline-block;
}

.trs-blue-btn:hover {
    color: #0085c7;
}

.trs-grey-btn {
    border: 2px solid #009f3d;
    border-radius: 7px;
    padding: 5px 12px;
    font-weight: 500;
    color: #6d6d6d;
    display: inline-block;
}

.trs-grey-btn:hover {
    color: #6d6d6d;
}

.btn-registrat {
    background: url(/assets/img/btn-no-registrat.png);
    width: 200px;
    display: inline-block;
    height: 58px;
    text-indent: -9999px;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.btn-registrat:hover {background-position: bottom;}

.btn-no-registrat {
    background: url(/assets/img/btn-registrat.png);
    width: 200px;
    display: inline-block;
    height: 58px;
    text-indent: -9999px;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.btn-no-registrat:hover {background-position: bottom;}

#tramits ul.two-col-list {
    list-style: circle;
    display: block;
    width: 100%;
    padding-left: 3%;
}

#tramits .two-col-list li {
    width: 48%;
    float: left;
}

/* Colors */

.text-grey-1 {color: #898989 !important;}

.text-grey-2 {color: #f6f6f6 !important;}

.text-grey-3 {color: #464646 !important;}

.text-black {color: #000 !important;}

.bg-dark-1 {background-color: #363636; color: #f6f6f6;}

.bg-dark-2 {background-color: #f2f2f2;}

.bg-dark-3 {background-color: #dbdbdb !important;}

.bg-white {background-color: #fff !important;}

.bg-green {background: #009f3c; color: #fff;}

.bg-yellow {background: #f4c300; color: #fff;}

.bg-blue {background: #0085c6; color: #fff;}

/* Logotipo */

.navbar-brand {
    float: none;
    height: inherit;
    padding: 0;
    display: block;
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0;
}

/* Home */

/* Pre Header */

ul.contact-list-header {
    float: left;
}

ul.contact-list-header li {
    list-style: none;
    display: inline-block;
    margin: 0 4px;
}

ul.contact-list-header li a {}

ul.contact-list-header li a.social-links {
    border: 1px solid #f6f6f6;
    border-radius: 20px;
    display: inline-block;
    width: 25px;
    text-align: center;
    height: 25px;
    padding: 2px 0 0 0;
}

ul.contact-list-header li i.fa-map-marker, ul.contact-list-header li i.fa-phone, ul.contact-list-header li i.fa-envelope {
    margin: 0 4px 0 10px;
}

.searcher {
    float: right;
}

.preheader .searcher input {
    border: 0 none;
    padding: 2px 0 2px 8px;
    background: #6a6a6a;
    border-radius: 3px 0 0 3px;
}

.preheader .searcher ::-webkit-input-placeholder {color: #b7b5b5 !important;}

.preheader .searcher .flipkart-navbar-button {color: #b7b5b5 !important;}

.searcher button {
    background: #6a6a6a;
    float: right;
    border: 0 none;
    padding: 2px 8px 2px 7px;
    border-radius: 0 3px 3px 0;
}

/* Content brand */

.navbar-brand {
    height: inherit;
    float: left;
    padding: 0;
    display: block;
}

/* Delegacions Menu */

ul.delegacions {
    float: right;
    display: block;
    margin: 0 0 0 0;
    background: url(../img/icon-catalunya.png) no-repeat 14px 15px transparent;
    padding: 20px 16px 20px 50px;
    border-radius: 4px;
}

ul.delegacions a.dropdown-toggle {
    text-transform: uppercase;
    color: #999;
}

ul.delegacions .dropdown-menu {
    padding: 0;
    box-shadow: 0 0;
    border: 0 none;
    border-radius: 0;
    background-color: rgba(0,0,0,0.6);
    min-width: 123px;
}

ul.delegacions .dropdown-menu>li>a {
    display: block;
    padding: 6px 13px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background-color: #908e8e;
}

/* Main Menu */

.main-nav {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    margin: 0;
}

.main-nav .navbar-nav > li > a {
    color: #333;
    text-decoration: none;
    font-size: 16px;
}

.main-nav .navbar-nav li a, .main-nav .navbar-nav li, .main-nav .navbar-nav li .dropdown-menu,
.main-nav .navbar-nav > li > a:hover, .main-nav .navbar-nav > li > a.active {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important;
}

.main-nav .navbar-nav > li > a:hover, .main-nav .navbar-nav > li > a.active {
    color: #f2f2f2;
    background: #333;
}

.icon-question {
    margin: -2px 3px 0 0;
}

.main-nav .navbar-nav>li>.dropdown-menu {
    background-color: #e2e1e1;
    padding: 0px;
    border-color: #e1e1e1;
}

.main-nav .navbar-nav>li>.dropdown-menu li a {
    padding: 9px 20px;
}

.main-nav .navbar-nav>li>.dropdown-menu li a:hover {
    background-color: #d6d4d4;
}

.navbar-nav>li>a {padding-left: 11px; padding-right: 11px;}

/* Sub Sub menu */

.main-nav .navbar-nav>li>.dropdown-menu li ul.subdropdown-menu {
    display: none;
    position: absolute;
    top: inherit;
    margin-top: -38px;
    background-color: #d6d5d5;
    min-width: 160px;
    left: 100%;
    border-radius: 0 4px 4px 4px;
}

.main-nav .navbar-nav>li>.dropdown-menu li ul.subdropdown-menu li {
    display: flex;
}

.main-nav .navbar-nav>li>.dropdown-menu li ul.subdropdown-menu li a {
    padding: 9px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    width: 100%;
    white-space: nowrap;
}

.main-nav .navbar-nav>li>.dropdown-menu li ul.subdropdown-menu li a:hover {
    text-decoration: none;
    background-color: #c5c4c4;
}

.main-nav .navbar-nav>li>.dropdown-menu li ul.subdropdown-menu li:last-child a {
    border-radius: 0 0 4px 4px;
}

.main-nav .navbar-nav>li>.dropdown-menu li ul.subdropdown-menu li:first-child a {
    border-radius: 0 4px 0 0;
}

/* Menu Mobile */

.navbar-toggle .icon-bar {
    background: #000;
    height: 3px;
}

/* Menu Comissions */

#comissions {
    z-index: 1;
    margin-top: 50px;
    right: 0;
    position: absolute;
}

#comissions h2 {
    background: rgba(0,0,0,0.7);
    color: #f1f0f0;
    font-size: 17px;
    margin: 0;
    padding: 14px 36px;
    text-transform: uppercase;
}

#comissions ul {}

#comissions ul li {
    border-bottom: 1px solid #ccc;
}

#comissions ul li a {
    padding: 13px 0 13px 55px;
    display: block;
    text-decoration: none;
    font-weight: 500;
    color: #333;
    background-color: rgba(240,240,240,0.9) !important;

   -webkit-transition:none;
   -moz-transition:none;
   transition:none;
}

#comissions ul li a.com-esport {background: url(../img/sprite-boomerangs-13.png) no-repeat 12px 5px;}

#comissions ul li a.com-af {background: url(../img/sprite-boomerangs-13.png) no-repeat 12px -112px;}

#comissions ul li a.com-gestio {background: url(../img/sprite-boomerangs-13.png) no-repeat 12px -229px;}

#comissions ul li a.com-activitat {background: url(../img/sprite-boomerangs-13.png) no-repeat 12px -344px;}

#comissions ul li a.com-educacio {background: url(../img/sprite-boomerangs-13.png) no-repeat 12px -461px;}

#comissions ul li a:hover {background: url(../img/sprite-boomerangs-13.png) no-repeat 12px -577px; color: #fff !important;}
 
#comissions ul li a.com-esport:hover {background-color: rgba(210,26,0,0.8) !important;}

#comissions ul li a.com-af:hover {background-color: rgba(0,168,0,0.8) !important;}

#comissions ul li a.com-gestio:hover {background-color: rgba(74,74,74,0.8) !important;}

#comissions ul li a.com-activitat:hover {background-color: rgba(14,147,219,0.8) !important;}

#comissions ul li a.com-educacio:hover {background-color: rgba(217,187,0,0.8) !important;}

.modal-backdrop {z-index: inherit;}

/* Home Page Carousel Slider */

.carousel-caption {width: 40%;}

.carousel-caption h2 {
    font-family: 'Ubuntu Condensed', sans-serif;
    font-size: 57px;
    margin: 0;
    text-shadow: 0 0px 6px #333;
    line-height: 55px;
}

.carousel-caption p {
    font-size: 22px;
    margin: 0 0 0 3px;
    text-shadow: 0 0px 5px #333;
}

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* Menu pictograms*/

.wrapper-pictograms {
    background: url(../img/bg-pictograms-colors.jpg) top center;
    text-align: center;
}

ul.pictograms {}

ul.pictograms li {
    display: inline-table;
    width: 14%;
    font-size: 13px;
}

ul.pictograms li a {
    color: #fff;
    font-weight: 400;
}

ul.pictograms li a img {
    display: block;
    margin: 0 auto;
    border-radius: 100%;
    width: 42%;
    margin-bottom: 5px;
}

ul.pictograms li a:hover img {
    background-color: rgba(0,0,0,0.3);
}

/* Menu wats*/

.wrapper-wats {
    background: url(/assets/img/banner_wats/fons3.png) top center;
    text-align: center;
	position: relative;
}

.boto-wats {
	position:relative; 
	top:136px; 
	left:150px; 
	/*margin-right:10px; */
	height:60px; 
	border:none; 
	cursor: pointer;
	z-index: 99;
}
.eslogan-wats {
	position:relative; 
	top:70px; 
	left:800px; 
	/*margin-right:10px; */
	/*height:60px; */
	border:none; 
	cursor: pointer;
	z-index: 98;
}

ul.wats {}

ul.wats li {
    display: inline-table;
    width: 14%;
    font-size: 13px;
}

ul.wats li a {
    color: #fff;
    font-weight: 400;
}

ul.wats li a img {
    display: block;
    margin: 0 auto;
    border-radius: 100%;
    width: 42%;
    margin-bottom: 5px;
}

ul.wats li a:hover img {
    background-color: rgba(0,0,0,0.3);
}

/* Ultimes noticies */

.panel-default {
    border-color: #ddd;
    border-radius: 0;
}

.panel-default > .panel-heading {
    color: #fff;
    background-color: #a5a4a4;
    border-radius: 0;
    border-color: #ccc;
}

.panel-body {
    padding: 0 15px 0;
    background: #F5F4F5;
}

.panel-default > .panel-heading h4 {
    font-weight: 100;
    font-size: 22px;
}

.acalendar {
    display: block;
    border: 3px solid #1c88b5;
    width: 45px;
    background: #fff;
    text-align: center;
    float: left;
    margin-right: 10px;
    border-radius: 3px;
}

.activitat {
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
}

.noticie-box a img {margin-bottom: 5px;}

span.amonth {
    font-size: 10px;
    text-transform: uppercase;
    background: #1c88b5;
    color: #fff;
    width: 100%;
    padding: 0px 0 1px;
    display: inherit;
}

span.aday {
    font-size: 22px;
    line-height: normal;
    color: #1c88b5;
}

.atitle {
    color: #8e8d8d;
}

.atitle h4 {
    margin: 0px 0px 0px 0;
    padding: 4px 0 0 0;
    font-size: 16px;
}

.atitle p {
    font-size: 18px;
    margin: 0px;
}

.tags-date a.tag {
    font-size: 12px;
    text-decoration: none;
    border: 1px solid;
    border-radius: 2px;
    padding: 0 3px;
}

.tags-date p.date {
    color: #b7b7b7;
}

.activitat a {
    text-decoration: none;
    display: block;
}

.activitat a:hover {
    text-decoration: underline;
}

/* Destacats */

section#destacats {
    /*background: url(../img/bg-destacats.jpg) top center #ed5f56;*/
    background: rgb(233,0,36);
}

.destacat h2 {
    color: #fff;
    font-weight: 300;
    text-align: center;
}

.destacat-box h4 {
    background: #a5a4a4;
    margin: 0;
    padding: 11px 20px;
    color: #fff;
    font-weight: 100;
}

.destacat-box .description {
    background: #ebebeb;
    padding: 10px 18px 3px;
}

.destacat-box .tags-date {
    margin-bottom: 5px;
}

.destacat-box p {}

.destacat-box p a.keep-reading {
    text-transform: uppercase;
    color: #333;
    margin-top: 3px;
    display: block;
}

/* Site Tematic */

.afs {background-color: #0085c6;}

#menu-sitemap .navbar-nav {text-align: center;}

#menu-sitemap .navbar-nav > li {
    text-align: center;
    display: inline-block !important;
    float: none !important;
}

#menu-sitemap .navbar-nav > li > a {
    color: #fff;
    font-size: 18px;
    padding: 20px;
}

.input-group .form-control {
    z-index: 0;
}

#myModalConsultes .modal-header {
    border: 0 none;
    height: 0;
    padding: 0;
}

#myModalConsultes .modal-body {
    position: relative;
    padding: 15px 20%;
}

#myModalConsultes .modal-header .close {
    margin-right: -15px;
    margin-top: -15px;
}

.sitematic button.modalConsultes {
    background: transparent;
    border: 0;
    padding-top: 10px;
    text-decoration: underline;
    outline: 0 none;
    color: #a5a5a5;
}

body.sitematic .f-nav {
    position: fixed;
    top: 0;
    width: 100%;
    /*z-index: 1;*/
	z-index: 3 !important;
}

/* Tabs Tematic */

#tematic-quisom h3 {
    color: #0085c6;
    font-size: 26px;
}

.tabcontent {
    background-color: #f4f3f3;
    padding: 40px;
}

.tabcontent h4 {
    display: table;
    margin: 0 auto 20px;
    border-bottom: 3px solid #0085c6;
    font-weight: 500;
    padding-bottom: 5px;
    float: none;
    text-align: center;
    font-size: 20px;
}

.colcordi span {}

.colcordi span h4 {
    font-weight: 500;
    display: inline-block;
}

.colcordi span a {}

.coltabs {}

#tematic-quisom .tab {
    display: block;
    width: 25%;
    float: left;
}

#tematic-quisom .tab a {
    display: block;
    background-color: #dcdcdc;
    color: black;
    cursor: pointer;
    padding: 22px 0 22px 20px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
    text-decoration: none;
}

#tematic-quisom .tab a:hover {
    background-color: #cecaca;
}

#tematic-quisom .tab a.active {
    background-color: #f4f3f3;
}

#tematic-quisom .tabcontent {
    background-color: #f4f3f3;
    float: left;
    width: 75%;
    padding: 40px;
    border-left: none;
}

#menu-sitemap .navbar-nav > li > a:hover, #menu-sitemap .navbar-nav > li > a:focus, #menu-sitemap .navbar-nav > li > a:active {background-color: #026b9e;}

body.sitematic h1.title {
    margin-bottom: 44px;
}

body.sitematic.fisica-salud  table.articles-professionals,
body.sitematic.fisica-salud  table.pagination tr td a,
body.sitematic.fisica-salud table.articles-professionals,
body.sitematic.fisica-salud table.pagination tr td a {color: #0085c6;}

/*
.img-top-tematic {
    height: 460px;
    background: url(/assets/img/tematic/slyders_salut_coplefc2.jpg) no-repeat center;
    background-size: cover;
}

.img-blog-tematic {
    height: 460px;
    background: url(/assets/img/imgspa.jpg) no-repeat center;
    background-size: cover;
}*/

body.sitematic .img-top-tematic, body.sitematic .img-blog-tematic {
    display: table;
    width: 100%;
    text-align: center;
}

body.sitematic .img-blog-tematic h1 {
    font-size: 60px;
    color: #fff;
    font-weight: 100;
}

body.sitematic .img-blog-tematic h2 {
    color: #fff;
    width: 50%;
    font-weight: 100;
    margin: 0 auto 40px;
}

body.sitematic .content-text-tematic {
    display: table-cell;
    vertical-align: middle;
}

body.sitematic .img-top-tematic h1 {
    font-family: 'Ubuntu Condensed', sans-serif;
    color: #fff;
    font-size: 60px;
    text-shadow: 0 0 9px #222;
}

body.sitematic .img-top-tematic h2 {
    color: #fff;
    text-shadow: 0 0 9px #222;
}

body.sitematic .img-top-tematic ul li {
    display: inline-block;
    margin: 50px 20px;
}

body.sitematic .img-top-tematic ul li a, body.sitematic .img-blog-tematic a {
    color: #fff;
    border: 1px solid #fff;
    padding: 12px 30px;
}

body.sitematic .img-top-tematic ul li a:hover, body.sitematic .img-blog-tematic a:hover {
    text-decoration: none;
    background: rgba(0,0,0,0.4);
}

#eines-recursos {}

#eines-recursos .eines {text-align: center;}

#eines-recursos .eines-video {}

#eines-recursos .eines-file {}

#eines-recursos .eines-consultes {}

#eines-recursos .eines div {
    box-shadow: 0 0 7px #ccc;
    padding: 40px 40px 20px;
    height: 330px;
    display: block;
}

#eines-recursos .eines div:hover {
    box-shadow: 0 0 1px #ccc;
}

#eines-recursos .eines div span {
    background-image: url(../img/icons-eines2.png);
    height: 100px;
    width: 100px;
    background-repeat: no-repeat;
    border-radius: 50%;
    display: block;
    border: 1px solid #0086c9;
    margin: 0 auto 20px;
}

#eines-recursos .eines-consultes div span {background-position: -269px 20px;}

#eines-recursos .eines-consultes:hover div span {background-position: -269px -106px; background-color: #0086c9;}

#eines-recursos .eines-file span {background-position: -125px 20px;}

#eines-recursos .eines-file:hover div span {background-position: -125px -108px; background-color: #0086c9;}

#eines-recursos .eines-rules div span {background-position: 17px 20px;}

#eines-recursos .eines-rules:hover div span {background-position: 17px -108px; background-color: #0086c9;}

#eines-recursos .eines div h3 {
    color: #4c4c4c;
    margin-bottom: 50px;
    text-decoration: none !important;
}

#eines-recursos .eines div p {
    color: #0086c9;
    font-size: 16px;
    font-weight: 500;
}

#eines-recursos .eines:hover div {}

#eines-recursos .eines:hover span {}

#eines-recursos .eines:hover p {
    text-decoration: underline;
}

#eines-recursos .eines:hover {cursor: pointer;}





#tematic-guia {}

#tematic-guia .guia {text-align: center;}

#tematic-guia .guia-video {}

#tematic-guia .guia-file {}

#tematic-guia .guia-guia {}

#tematic-guia .guia div {
    box-shadow: 0 0 7px #ccc;
    padding: 40px 40px 20px;
    height: 330px;
    display: block;
}

#tematic-guia .guia div:hover {
    box-shadow: 0 0 1px #ccc;
}

#tematic-guia .guia div span {
    /*background-image: url(../img/ICON-MANUAL.png);*/
    height: 120px;
    width: 100px;
    background-repeat: no-repeat;
    /*border-radius: 50%;*/
    display: block;
    /*border: 1px solid #0086c9;*/
    margin: 0 auto 20px;
}

#tematic-guia .guia-guia div span {
    background-image: url(../img/ICON-MANUAL.png);
    background-size: 99px 120px;
}

/*#tematic-guia .eines-consultes:hover div span {background-position: -269px -106px; background-color: #0086c9;}*/

#tematic-guia .guia-recursos span {
    background-image: url(../img/ICON-DOCUMENTACIO.png);
    background-size: 99px 120px;
}

/*#tematic-guia .eines-file:hover div span {background-position: -125px -108px; background-color: #0086c9;}*/

#tematic-guia .guia-poster div span {
    background-image: url(../img/ICON-POSTER.png);
    background-size: 100px 120px;
}

/*#tematic-guia .eines-rules:hover div span {background-position: 17px -108px; background-color: #0086c9;}*/

#tematic-guia .guia div h3 {
    color: #4c4c4c;
    margin-bottom: 50px;
    text-decoration: none !important;
}

#tematic-guia .guia div p {
    /*color: #0086c9;*/
    font-size: 16px;
    font-weight: 500;
}

#tematic-guia .guia:hover div {}

#tematic-guia .guia:hover span {}

#tematic-guia .guia:hover p {
    text-decoration: underline;
}

#tematic-guia .guia:hover {cursor: pointer;}


#tematic-guia .guia a {color: #009f3d; font-weight: bold;}
#tematic-guia .guia:hover a {color: #009f3d;}






/* Banners Home */

#banners-home {background-color: #ececec;}

/* Collegiats */

section#collegiats {
    /*background: url(../img/bg-collegiat.jpg) top center #1a7ba5;*/
    background: #0085c6;
}

.collegiat-perque .collegiat-box {
    background: rgba(2,40,45,0.6);
    padding: 20px 20px 20px 45px;
}

.collegiat-perque .collegiat-box ul li {
    color: #fff;
    list-style-type: disc;
    font-size: 16px;
    margin-bottom: 11px;
}

#collegiats h2 {
    text-align: center;
    color: #fff;
    font-weight: 100;
}

.collegiat-joja {
    text-align: center;
    color: #fff;
}

p.joja-text {
    font-weight: 500;
}

.collegiat-box img {
    margin-bottom: 6px;
}



/* Claim home */

#claim-home h1 {
    text-align: center;
    color: #0f4860;
    font-weight: 400;
}

/* Redes sociales timeline */


/* Prefooter - Newsletter */

section#home-newsletter {
    background: #1a1a1a;
}

#home-newsletter h2 {
    color: #fff !important;
    margin-bottom: 0px;
    margin-top: 0;
    font-weight: 100;
}

#home-newsletter p {
    color: #fff !important;
    font-weight: 100;
    font-size: 18px;
}

#home-newsletter input.form-control {
    background: #6a6a6a;
    padding: 10px 15px!important;
    border: 0 none;
    height: 40px;
}

#home-newsletter button {
    background: #fff;
    padding: 10px 20px;
}

#home-newsletter button:hover {
    background: #ddd;
}

/* Footer */

.menu-legal li {
    color: #ccc;
    display: inline-block;
}

.menu-legal li span {
    margin: 0 10px;
}

.menu-legal li a, footer p.copyright a {
    color: #ccc;
}

.menu-legal li a:hover, footer p.copyright a:hover {
    text-decoration: none;
}

ul.contact-list-header li, ul.contact-list-footer li {
    list-style: none;
    display: inline-block;
    margin: 0 4px;
}

ul.contact-list-footer li a.social-links {
    border: 1px solid #f6f6f6;
    border-radius: 20px;
    display: inline-block;
    width: 30px;
    text-align: center;
    height: 30px;
    padding: 5px 0 0 0;
}

ul.contact-list-footer {
    text-align: center;
    margin-bottom: 12px;
}

ul.contact-list-footer li a i {
    font-size: 15px;
}

footer p.copyright {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0;
    color: #ccc;
}

.menu-legal li, footer p.copyright {
    font-size: 12px;
}

/* Tooltip */

.tooltip {
    position: relative;
    padding: 90px 0 0 0;
    /*text-align: center;*/
    display: inline-block;
    font-family: inherit;
    font-size: 14px;
    line-height: 16px;
    opacity: 1;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 160px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    top: 112%;
    text-transform: initial;
    left: 50%;
    margin-left: -80px;
    opacity: 0;
    transition: opacity 1s;
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
    font-size: 12px;
    z-index: 10000;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/* 404 Page Styles */

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

/* Carousel Logos Collaboradors */

.carousel-fade .carousel-inner .item {
 opacity: 0;
 -webkit-transition-property: opacity;
 -moz-transition-property: opacity;
 -o-transition-property: opacity;
 transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
 opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
 left: 0;
 opacity: 0;
 z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
 opacity: 1;
}
.carousel-fade .carousel-control {
 z-index: 2;
}

#CarouselCollaboradors .carousel-control {width: 4%;}
#CarouselCollaboradors .carousel-control.left {margin-left: -45px; background-image:none;}
#CarouselCollaboradors .carousel-control.right {margin-right: -45px; background-image:none;}
#CarouselCollaboradors .item .col-md-3 {padding: 0 40px;}
div#CarouselCollaboradors {margin-top: 40px;}
#CarouselCollaboradors .carousel-control img {margin-top: 47px;}


#CarouselMitjans .carousel-control {width: 4%;}
#CarouselMitjans .carousel-control.left {margin-left: -45px; background-image:none;}
#CarouselMitjans .carousel-control.right {margin-right: -45px; background-image:none;}
#CarouselMitjans .item .col-md-3 {padding: 0 40px;}
div#CarouselMitjans {margin-top: 40px;}
#CarouselMitjans .carousel-control img {margin-top: 47px;}

#CarouselPatrocinadors .carousel-control {width: 4%;}
#CarouselPatrocinadors .carousel-control.left {margin-left: -45px; background-image:none;}
#CarouselPatrocinadors .carousel-control.right {margin-right: -45px; background-image:none;}
#CarouselPatrocinadors .item .col-md-3 {padding: 0 40px;}
div#CarouselPatrocinadors {margin-top: 40px;}
#CarouselPatrocinadors .carousel-control img {margin-top: 47px;}

/* Footer Styles */

footer {
    background-color: #2a2a2a;
    padding: 20px 0;
}

/* Breadcrumb */

.breadcrumb {
    background: none;
    margin-top: 10px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.breadcrumb p {
    margin-left: 30px;
}

.breadcrumb p i.fa-home {
    font-size: 28px;
    line-height: 0;
    vertical-align: middle;
}

/* Delegacions */

#seu-central .contact-dates li {
    text-align: left;
    width: 100%;
    margin-bottom: 3px;
}

#seu-central .contact-dates li i {
    margin-right: 5px;
}

#seu-central .contact-dates li i.fa-envelope {
    font-size: 11px;
}

#seu-central .horari-dates {
    background: #f5f4f5;
    padding-bottom: 20px;
    padding-top: 5px;
}

#seu-central .contact-dates h3 {
    font-size: 22px;
    margin-top: 17px;
}

#seu-central .horari-dates ul li {
    list-style-type: initial;
    margin-left: 17px;
    margin-bottom: 2px;
}

#seu-central .horari-dates ul li.no-bullet {
    list-style-type: none;
    margin-left: 0px;
}

.seu-central-map {
    padding: 0;
}

#seu-central .horari-dates h3, #seu-central .delegat-dates h3 {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 0px;
}

#seu-central .delegat-dates img {
    background: #f4f3f3;
    padding-top: 30px;
    margin-top: 20px;
}

.icons-collegiacio {}

.icons-collegiacio h3 {
    font-weight: 600;
    text-align: center;
    letter-spacing: 5px;
    margin-bottom: 15px;
}

.icons-collegiacio .list-collegiacio {
    border-top: 1px solid #d0d2d3;
    padding-top: 20px;
}

.icons-collegiacio .list-collegiacio ol li span {color: #009f3c;}

.icons-collegiacio .list-collegiacio ol li {
    display: inline-block;
    width: 46%;
    margin-right: 3%;
    padding-left: 9%;
    min-height: 110px;
    float: left;
    background-size: 80px !important;
}

/*.icons-collegiacio .list-collegiacio ol li.icon-scanner {background: url(/assets/img/1pictoscanner.png) no-repeat;}*/

.icons-collegiacio .list-collegiacio ol li.icon-scanner {background: url(/assets/img/1picto-maquina.png) no-repeat;}

.icons-collegiacio .list-collegiacio ol li.icon-hand {background: url(/assets/img/2pictohand.png) no-repeat;}

.icons-collegiacio .list-collegiacio ol li.icon-carpet {background: url(/assets/img/3pictocarpet.png) no-repeat;}

.icons-collegiacio .list-collegiacio ol li.icon-file {background: url(/assets/img/4pictofile.png) no-repeat;}

.icons-collegiacio .list-collegiacio ol li.icon-check {background: url(/assets/img/5pictocheck.png) no-repeat;}

.icons-collegiacio .list-collegiacio ol li.icon-sobre {background: url(/assets/img/6pictosobre.png) no-repeat;}

.icons-collegiacio {
    background: url(/assets/img/line-arrow-bottom.jpg) no-repeat center bottom;
}

/* Contacte */

.contacte-map ul {
    margin-bottom: 10px;
}

#contacte .contacte-map li i {
    margin-right: 5px;
}

#contacte .contacte-map li i.fa-envelope {
    font-size: 11px;
}

.contact-form label {
    display: block;
    font-weight: 100;
    line-height: 18px;
    font-size: 18px;
}

.contact-form input {
    width: 100%;
    margin-bottom: 12px;
    border-radius: 2px;
    height: 38px;
    padding: 5px;
    border: 1px solid #ccc;
}

.contact-form input.btn {
    border: 0 none;
    font-size: 18px;
    height: 44px;
}

div.checkbox input[type="checkbox"] {
    margin: 4px 0 0 0;
    height: 13px;
    line-height: 0;
    width: auto;
}

div.checkbox p {
    margin-left: 20px;
    font-size: 12px;
    display: block;
    line-height: 1.6;
}

#contacte .contact-form {
    margin-top: 16px;
}

/* Aside */

.direct-link {
    margin: -4px 0 0 8px;
}

.panel-default > .panel-heading {
    border: 0 none;
}

aside .panel-default > .panel-heading h4, aside .destacat-box h4 {
    font-size: 15px;
}

aside .panel-default > .panel-heading h4 a {
    color: #fff;
    text-decoration: none;
}

aside .acalendar {
    border: 2px solid #1c88b5;
    width: 29px;
    margin-right: 6px;
}

aside span.aday {
    font-size: 17px;
}

aside .atitle h4 {
    font-size: 11px;
}

aside .atitle p {
    font-size: 15px;
}

aside .destacat-box .description {
    background: #666;
    padding: 10px 13px 3px;
}

aside .destacat-box .description p {
    color: #fff;
    font-weight: 100;
}

aside .destacat-box .description a.keep-reading {
    color: #fff;
    font-weight: 100;
    font-size: 12px;
}

/* Junta de Govern */

.member-list h4, .member-list p {
    margin-bottom: 0px;
}

.sobremi .modal-body p {
    margin-bottom: 20px;
}

.sobremi .modal-body ul {
    margin: 0 0 20px 20px;
}

.sobremi .modal-body ul li {
    list-style: disc;
}

/* Altres edicions */

h3.green-title span.text-grey-1 {
    font-weight: 100;
    font-size: 18px;
}

.fade-scale { transform: scale(0); opacity: 0; -webkit-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } .fade-scale.in { opacity: 1; transform: scale(1); }

img.miniatura {
    width: 100%;
}

a.open-box {
    display: block;
    cursor: pointer;
}

.galeria .modal-body {
    position: relative;
    border: 0 none;
    padding: 0;
    background: #000;
    box-shadow: 0 0;
}

.modal-content {
    border-radius: 0;
}

.galeria .modal-content {
    border-radius: 0;
    background: transparent;
}

.modal-content.galeria {
    box-shadow: 0 0;
    background: transparent;
    border: 0 none;
}

.modal-header, .modal-footer {
    border: 0 none;
    padding: 5px;
}

.galeria .modal-title {
    margin: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 100;
}

#junta-de-govern .btn-green {
    background: #0085c6 !important;
}

.modal-header .close {
    font-size: 30px;
    font-weight: 400;
    background-color: #fff !important;
    border-radius: 100%;
    margin-right: -30px;
    height: 29px;
    width: 30px;
    line-height: 0;
    opacity: 1;
    vertical-align: middle;
}

.modal-header .close:hover {
    opacity: 1;
}

.modal-header .close span {
    vertical-align: super;
    line-height: 12px;
}

.modal-footer {
    border: 0 none;
    background-color: rgba(0,0,0,0.5);
    padding: 5px;
}

#altres-edicions a:hover, #altres-edicions a:hover h3, #altres-edicions a h3:hover {
    text-decoration: none !important;
}

/* Assesorament */

#assesorament img {
    width: 100px;
}

#assesorament a:hover {
    text-decoration: none;
}

/* Finestreta única */

.finestreta-unica ul li {
    margin-bottom: 8px;
}

.finestreta-unica ul li a {
    color: #fff;
    background-color: #89c7df;
    display: block;
    border-radius: 70px;
    text-decoration: none;
    padding: 8px;
}

.finestreta-unica ul li a:hover {
    background-color: #65a0b7;
    text-decoration: none;
}

.finestreta-unica ul li a.bg-dark-blue {
    background-color: #3f73ae;
}

.finestreta-unica ul li a.bg-dark-blue:hover {
    background-color: #244b77;
}

.finestreta-contactes h3 {
    font-size: 14px;
    color: #464646 !important;
    word-wrap: break-word;
}

.finestreta-contactes a {
    text-decoration: none;
}

.finestreta-contactes a:hover {
    text-decoration: underline;
}

.no-desktop {
    display: none;
}

img.img-finestreta {
    margin-bottom: 12px;
}

/* Avantatges i descomptes */

.buscador-grey input.form-control {
    background: #e5e5e5;
    border: 0px none;
    font-size: 20px;
    font-weight: 100;
    height: 50px;
    border-radius: 0 4px 4px 0 !important;
    box-shadow: 0 0;
}

.buscador-grey .glyphicon-search {
    font-size: 23px;
}

.buscador-grey .btn {
    padding: 4px 12px;
}

button.btn.btn-default.desplegable {
    min-width: 140px;
}

.buscador-grey .input-group .btn-default {
    background: #e5e5e5;
    float: left;
    margin-bottom: 0px;
}

.buscador-grey .input-group .btn-default:hover {
    background: #e5e5e5;
}

.buscador-grey .input-group-btn {
    position: relative;
    background: #e5e5e5;
    font-size: 0;
    border-radius: 4px 0 0 4px;
    white-space: nowrap;
}

.buscador-grey span#search_concept {
    text-transform: none;
    font-weight: 400;
    font-size: 18px;
    float: left;
}

.btn .caret {
    float: right;
    margin: 10px 0 0 0;
}

.buscador-grey .input-group-btn.search-panel {
    border-radius: 0 0;
    padding-left: 2px;
    border-left: 5px solid #fff;
}

.buscador-grey .dropdown-menu {
    background: #e5e5e5;
    border: 0 none;
    box-shadow: 0 0;
    padding: 0;
    max-height: 300px;
    overflow: auto;
    border-radius: 0px;
}

.buscador-grey .dropdown-menu li a {
    text-decoration: none;
    padding: 6px 20px;
}

#buscador-avantatges a.resultats-avantatges {
    margin: 3px 0 0 60px;
    display: inline-block;
}

.descompte p.enunciat-descomptes {
    color: #333;
    text-align: center;
    font-size: 16px;
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 10px 0 0px 0px;
}

.descompte p.quantitat-descomptes {
    color: #df0023;
    margin-bottom: 0;
    font-size: 16px;
    display: inline-block;
    padding: 7px 0px 0 0;
    width: 100%;
    float: none;
    text-align: center;
}

#carouseles-descomptes .veure-tots {
    margin: 21px 0 0 0;
}

#carouseles-descomptes .media-carousel img {
    height: auto !important;
    width: 100%;
}

/* carouseles descomptes */

#carouseles-descomptes .media-carousel {
  margin-bottom: 0;
  padding: 0;
}

/* Previous button  */

#carouseles-descomptes .media-carousel .carousel-control.left {
    left: -12px;
    background-image: none;
    background: none repeat scroll 0 0 #fff;
    border: 4px solid #FFFFFF;
    border-radius: 100%;
    height: 50px;
    width: 50px;
    text-decoration: none;
    margin: 90px 0 0 25px;
}

#carouseles-descomptes .media-carousel .carousel-control i {
    color: #333;
    width: auto;
    height: auto;
    top: inherit;
    font-size: 22px;
    text-align: center;
    left: inherit;
    text-shadow: 0 0;
    position: relative;
    float: none;
}

#carouseles-descomptes .media-carousel .carousel-control.left i {
    margin: 10px 23px;
}

#carouseles-descomptes .media-carousel .carousel-control.right i {
    margin: 10px 30px;
}

#carouseles-descomptes .descompte a.thumbnail {
    border-radius: 0;
    border: 0;
    text-decoration: none;
    padding: 0px;
    border: 1px solid #dbdbdb;
    margin-bottom: 0;
}

/* Next button  */

#carouseles-descomptes .media-carousel .carousel-control.right {
  right: -12px !important;
  background-image: none;
  background: none repeat scroll 0 0 #fff;
  border: 4px solid #FFFFFF;
  border-radius: 100%;
  height: 50px;
  width: 50px;
  text-decoration: none;
  margin: 90px 25px 0 0;
}

/* Changes the position of the indicators */

#carouseles-descomptes .media-carousel .carousel-indicators {
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}

/* Changes the colour of the indicators */

#carouseles-descomptes .media-carousel .carousel-indicators li {
  background: #c0c0c0;
}

#carouseles-descomptes .media-carousel .carousel-indicators .active {
  background: #333333;
}

/* End carousel descomptes */

/* Consultes professionals */

table.articles-professionals {
    border-collapse: collapse;
    width: 100%;
    background: #f6f6f6;
    color: #009f3c;
}

#tramits table.articles-professionals {
    color: #0085c6;
}

table.articles-professionals th:last-child {
    border-right: 0 none;
}

table.articles-professionals td, table.articles-professionals th {
    text-align: left;
    padding: 9px 20px;
    border-right: 3px solid #fff;
}

table.articles-professionals tr:nth-child(even) {
    background-color: #efefef;
}

table.articles-professionals .tnumber {
    font-size: 20px;
}

table.pagination {}

table.pagination tr {}

table.pagination tr td {
    font-size: 20px;
    display: inline-block;
    margin: 0 10px;
}

table.pagination tr td a, .green-link {
    color: #009f3c;
    text-decoration: none;
}

.green-link:hover, .green-link:focus  {
    color: #009f3c;
    text-decoration: underline;
}

table.pagination tr td a:hover {
    text-decoration: underline;
}

/* Noticies */

.noticies-aside ul {
    padding-left: 20px;
}

.noticies-aside ul li {
    color: #009f3c;
    margin-bottom: 5px;
}

.noticies-aside .searcher-noticies input {
    background: #e5e5e5;
    border: 0 none;
    padding: 10px;
    float: left;
    width: 70%;
    border-radius: 4px 0 0 4px;
}

.noticies-aside .searcher-noticies button {
    background: #009f3c;
    border: 0 none;
    padding: 10px 13px;
    float: left;
    margin: 0;
    border-radius: 0 4px 4px 0;
}

.noticies-aside .searcher-noticies button:hover {
    background: #588026;
}

.noticies-aside .searcher-noticies button i {
    color: #fff;
    line-height: 0;
    font-size: 21px;
}

/* Formacio */

.buscador-grey .btn-formacio {
    padding: 12px 40px;
    float: left;
    margin-left: 5px;
    font-size: 18px;
}

table.formacio tr.bg-green th {
    padding: 9px 20px 9px 15px;
    font-weight: 100;
    border-right: 0 none;
    font-size: 18px;
    text-align: center;
}

table.formacio tr.bg-yellow th {
    padding: 9px 20px 9px 15px;
    font-weight: 100;
    border-right: 0 none;
    font-size: 18px;
    text-align: center;
}

table.formacio tr td {
    padding: 10px 20px 20px;
}

table.formacio {
    background: #f5f5f5;
    width: 100%;
}

table.formacio .dnumber {
    background: #d5d4d4;
    text-align: center;
    font-size: 19px;
    width: 140px;
    color: #fff;
}

table.formacio .dnumber span {
    display: block;
    font-size: 83px;
    line-height: 0.9;
}

table.formacio .dcongressos {background: #6d758d;}
table.formacio .dcongressos p {left: -27px;}

table.formacio .djornades {background: #b49ab9;}
table.formacio .djornades p {left: -17px;}

table.formacio .dcursos {background: #93a2cd;}
table.formacio .dcursos p {left: -7px;}

table.formacio .dmasters {background: #d88c54;}
table.formacio .dmasters p {left: -13px;}

table.formacio .dpostgrados {background: #52adbf;}
table.formacio .dpostgrados p {left: -28px;}

table.formacio .dcolors {
    color: #fff;
    font-size: 16px;
    position: relative;
    width: 10px;
}

table.formacio .dcolors p {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin: 0;
    line-height: 0;
    font-size: 18px;
    position: absolute;
    font-weight: 100;
    margin-top: 5px !important;
}

table.formacio .ddescription h4 {
    color: #000000;
    font-weight: 100;
}

table.formacio .ddescription ul {
    list-style-type: disc;
    margin-left: 17px;
}

table.formacio .ddescription ul li span {
    font-weight: 600;
}

table.formacio tr {
    border-bottom: 3px solid #fff;
}

table.formacio .ddescription a {
    color: #8a8a8a;
}

.img-blog-tematic {
    height: 460px;
    /*width: 100%;*/
    /*background: url(/assets/img/imgspa.jpg) no-repeat center;*/
	background: url(/fitxers/logos/banners/docusport3.jpg) no-repeat center;
	background-size: cover;
}

/* Responsive Styles */

@media(max-width:600px){

    h1.title {
        font-size: 38px;
    }

    section#ultimes-noticies.water-mark {background: none;}

    .carousel-caption h2 {
        font-size: 45px;
        line-height: 45px;
    }

    #formacio .buscador-grey .dropdown-menu.dropdown-ambits {
        top: 86px !important;
        position: absolute;
        left: 2px;
    }

    #formacio .buscador-grey .dropdown-menu.dropdown-ambits {
        top: 86px !important;
        position: absolute;
        left: 2px;
    }

    .wrapper-pictograms {padding: 10px !important;}

    #seu-central .delegat-dates img {width: 100%;}

    table.formacio .dnumber {width: auto; font-size: 13px; padding: 0 10px;}

    .buscador-grey input.form-control,
    .buscador-grey .input-group-btn.search-panel, 
    .buscador-grey .input-group-btn.search-panel,
    .btn-formacio {
        width: 100%;
        float: none;
        display: block;
        margin-bottom: 10px;
        margin-left: 0;
        border-left: 0 none;
    }

    .lupa {
        width: 50px !important;
        float: left;
        z-index: 10;
    }

    .buscador-grey .input-group .lupa .btn-default {
        padding-top: 7px !important;
    }

    .buscador-grey input.form-control {
        height: 40px;
        width: 100% !important;
        position: absolute;
        border-radius: 4px !important;
        padding-left: 60px;
    }

    .buscador-grey .input-group .desplegable {
        background: #e5e5e5;
        width: 100%;
        margin-bottom: 10px;
        padding: 6px 12px;
    }

    #formacio .buscador-grey .input-group .desplegable {background: #e5e5e5; margin-bottom: 0; width: 100%; float: none;}

    #formacio .buscador-grey .input-group-btn {border-radius: 4px;background: #fff;margin-top: 0px !important;}

    #formacio .buscador-grey .btn {padding: 4px 15px;}

    #formacio button.btn.btn-default.desplegable {min-width: 140px;margin-bottom: 10px;padding: 6px 12px;display: block;}

    #buscador-avantatges .dropdown-categoria, #buscador-avantatges .dropdown-ambits {top: 87px;}

    .buscador-grey .btn-formacio {margin-left: 1px;}

    table.formacio .dcolors {display: none;}

    table.formacio tr td {padding: 10px 10px 20px;}

    .input-group .buscador-grey {display: block;}

    .buscador-grey .input-group-btn {border-radius: 0 0;width: 100%;display: block;margin-bottom: 10px;}

    .buscador-grey > .input-group {width: 100%;}

    section#buscador-avantatges {padding-bottom: 10px;}

}

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

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

    #comissions {position: relative; margin-top: 0;}

    .wrapper-comissions {padding: 0;}

    .carousel-caption {width: 100%; left: 0;}

    table.pagination tr td {font-size: 14px;}

    table.formacio .dnumber {width: auto; font-size: 17px;}

    table.formacio .dnumber span {font-size: 60px;}

    table.formacio tr.bg-green th {padding: 9px 0px 9px 0px;}

    .dropdown-menu {
        position: relative;
        top: inherit;
        clear: both;
        left: inherit;
        float: none;
        text-align: center;
        -webkit-box-shadow: 0 0;
        box-shadow: 0 0;
    }

    .main-nav .navbar-nav>li>.dropdown-menu li ul.subdropdown-menu {
        position: relative;
        top: 0;
        left: 0;
    }

}

@media screen and (min-width: 768px){
    .carousel-caption {
        right: 15%;
        left: 15%;
        text-align: left;
        padding-bottom: 30px;
    }

    .modal-dialog {
        width: 700px;
        margin: 100px auto 0;
    }
}


@media(max-width:991px){

    ul.contact-list-header {float: none;}

    .searcher {float: none; margin-top: 10px;}

    .searcher button {float: none;}

    .preheader {text-align: center;}

    .customer-img, .img-related {margin-bottom: 30px;}

    .navbar-nav {text-align: center;}

    .navbar-nav>li>a {padding-top: 13px; padding-bottom: 13px; border-bottom: 1px solid #ccc;}

    .navbar-nav li:last-child a {border-bottom: 0 none;}

    .navbar-nav {margin: 0;}

    .noticie-box {margin-bottom: 40px;}

    .preheader .container {width: auto;}

    section#ultimes-noticies {background: none;}

    .banner-home-left {margin-bottom: 20px;}

    #CarouselCollaboradors .carousel-control, #contacte hr {display: none;}
    #CarouseMitjans .carousel-control, #contacte hr {display: none;}

    #seu-central .contact-dates {margin-bottom: 20px;}

    .contacte-map {padding-bottom: 30px; border-bottom: 1px solid #ccc; margin-bottom: 30px;}

    .mbphone30 {margin-bottom: 30px;}

    .descompte {margin-bottom: 15px;}

    .descompte p.enunciat-descomptes {min-height: inherit;}

    .carousel-control {display:none;}

    aside {padding-top: 0;}

    .finestreta-unica.no-phone {display: none;}

    .finestreta-unica ul li.no-desktop {display: block;}

    ul.pictograms li {display: inline-table; width: 100%; text-align: left; margin-bottom: 7px;}

    ul.pictograms li a img {width: 40px; display: inline-block; margin: 0 10px 0 0; border: 0 none;}

    .destacat.destacat-campanye {margin-bottom: 40px;}

    #menu-sitemap .navbar-nav > li > a {border-bottom: 0; padding: 20px 15px; font-size: 15px;}

    body.sitematic .img-blog-tematic h2 {width: 80%;}

    .colcordi {margin-bottom: 45px;}

}

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

    .descompte p.enunciat-descomptes {min-height: 80px;}

}

@media(max-width: 1199px){

    .main-nav .navbar-nav > li > a {font-size: 15px;}

    .icons-collegiacio .list-collegiacio ol li {background-size: 63px !important;}
	
	.wrapper-wats {
		background: url(/assets/img/banner_wats/fons6.png) top center;
		text-align: center;
		position: relative;
	}
	.boto-wats{
		position:relative; 
		top:136px; 
		left:100px; 
		/*margin-right:10px; */
		height:60px; 
		border:none; 
		cursor: pointer;
	}

}

@media screen and (min-width: 1200px){

    .carousel-caption {width: 100%;}

    .navbar-nav>li>a {padding-left: 15px; padding-right: 15px;}

}

@media(max-width:700px){

    .icons-collegiacio .list-collegiacio ol li {
        display: inline-block;
        width: 95%;
        margin-right: 0;
        margin-bottom: 30px;
        padding-left: 65px;
        min-height: 40px;
        float: left;
        background-size: 63px !important;
    }

    section#menu-sitemap {display: none;}

    #tematic-quisom .tabcontent, #tematic-quisom .tab {width: 100%;}
    #tematic-quisom .tab a {width: 33.3%; float: left;}
	
	.wrapper-wats {
		background: url(/assets/img/banner_wats/fons5.png) top center;
		text-align: center;
		position: relative;
	}
	.boto-wats{
		position:relative; 
		top:136px; 
		left:10px; 
		/*margin-right:10px; */
		height:60px; 
		border:none; 
		cursor: pointer;
	}

}

@media(max-width:400px){
	.wrapper-wats {
		background: url(/assets/img/banner_wats/fons4.png) top center;
		text-align: center;
		position: relative;
	}
	.boto-wats{
		position:relative; 
		top:166px; 
		left:10px; 
		/*margin-right:10px; */
		height:60px; 
		border:none; 
		cursor: pointer;
	}

    .icons-collegiacio .list-collegiacio ol li {
        display: inline-block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
        padding-left: 0;
        padding-top: 63px;
        background-position: 45% 0 !important;
        min-height: 40px;
        background-size: auto !important;
    }

}