/* Stylesheet for the 'Consell Comarcal Alt Penedes' */
/*INICIALITZACIONS*/

@font-face {
    font-family: 'Raleway';
    src: url('font/Raleway-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Fontello';
    src: url('font/glyphicons-halflings-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Pictello';
    src: url('font/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

*{margin:0px;}
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;vertical-align:top;}
html, body{height: 100%;color:#000000;font-family: 'Open Sans', sans-serif;font-size:12px;background:#f1f1f1;}
h1{font-size: 19px;font-weight: bold;color: #000000;margin-bottom: 11px;}
h2{color: #000000;font-size: 22px;font-weight: bold;margin-bottom: 10px;padding-top: 0;}
h2 a {color:#000000;}
h3{font-size: 15px;font-weight: bold;margin-bottom: 5px;color:#000000;width: 350px;}
h4{font-size:13px;color:#000000;;margin-bottom: 10px;font-weight: bold;}
h5{font-size:12px;color:#000000;;margin-bottom: 6px;font-weight: bold;}
a {outline: medium none;text-decoration: none;color:#222;}
#marc {padding-bottom: 40px;}
body.idioma_es #navegacio li a span {padding: 10px 5px 0;}
p {padding:5px 0 10px;}
.blocText ul {margin-bottom:15px;padding-top: 7px;}
ol {padding-left:20px;padding-bottom:10px;}
.blocText ul li,
ol li {}
.blocText ul li ul {padding-bottom: 0;padding-top: 7px;}
.blocText ul li {background: url("../images/li.gif") no-repeat left top transparent;padding-left: 13px;margin-left:3px;}
ul {list-style-type:none;}
.last a {border:none !important;}
div.separador { clear: both;}
.deprecated,
.nomAjuntament {display:none;}
.content-wrapper {width:960px;margin:0px auto;}

/* ==========================================================================
   headbar
   ==========================================================================*/
.headbar{margin-bottom:1em;}

/*brandbar*/
.brandbar {background: #fff none repeat scroll 0 0;padding-bottom: 1em;}
.brandbar .gradientBg{ text-transform: uppercase; padding-bottom: 2em; font-size:1.3em;}
.brandbar .logoAjuntament {float:left;}
.brandbar .rightColumn {float:right;text-align:right;}
.brandbar .rightColumn #nav1 {margin-bottom:2em; width:50%}
.brandbar .rightColumn #nav1 ul#topLinks {display:inline-block;margin-left:1em;}
.brandbar .rightColumn #nav1 ul#topLinks li {display:inline-block;margin-left:0.5em;}
.brandbar .rightColumn #nav1 ul#topLinks li.languages {margin-left:1.5em;}
.brandbar .rightColumn #nav1 ul#topLinks li a {text-decoration: none;font-size:1em;}
.brandbar .rightColumn #hora {float: right;}
.brandbar .rightColumn #hora #horaOficialUpdate {margin-bottom:0.2em;}
.brandbar .rightColumn #hora a.bActualitzarHora {color: #668bb8;}
.brandbar .rightColumn #hora a.bActualitzarHora:hover {color:#222;}
.brandbar .rightColumn #navegacio2 {float: right;margin-left: 1.5em}
.brandbar .rightColumn #navegacio2 li {float: left;margin-right: 7px;}
.brandbar .rightColumn #navegacio2 #btnCopiaAutentica a {background: transparent none repeat scroll 0 0;border: 1px solid #222;display: block;padding: 1px 5px;text-align: center;width: 86px;}
.brandbar .rightColumn #navegacio2 #btnCopiaAutentica a:hover {opacity: 0.7;}
.brandbar .rightColumn #navegacio2 #btnAjuda {margin-right:0 !important;}
.brandbar .rightColumn #navegacio2 #btnAjuda a {background: #999 none repeat scroll 0 0;border-radius: 3px;display: block;padding: 10px 13px;}
.brandbar .rightColumn #navegacio2 #btnAjuda a:hover {opacity: 0.7;}

/*searchbar*/
.searchbar {padding:1em 0;background:#303030 url("../images/bg-title-big2.jpg") no-repeat scroll center center;min-height:266px; background-size: cover;}
.searchbar h1 {font-size:3em;margin:0;}
.searchbar h1 a {color:#fff;}
.searchbar span.subtitol{color: #ccc;font-weight: bold;font-size: 17px;margin-bottom:10px;display: block;}
.searchbar #searchbox {float:none !important;margin:0;}
.searchbar #searchbox #scinput {color:#999;border: medium none;border-radius: 5px;font-size: 16px;height: 3em;padding: 0 5em 0 1em;width: 41em;}
/* ==========================================================================
   #contentWrapper
   ==========================================================================*/
div#contentWrapper {}
div#navegacio {float: left;}
div#eines { float: right;}

#row4 {border-bottom: 1px solid #444;margin-bottom: 1em;padding-bottom: 0.95em;padding-top: 0.1em;}
#navegacio li {float: left;margin-right: 7px;} 
#navegacio li a {padding:10px;background: #000 none no-repeat scroll 0 0;color: #1e1e1e;cursor: pointer;display: block;text-decoration: none; font-weight: 600; font-size:18px;}
#navegacio li a:hover,
#navegacio li a:active {background: #333333 none repeat scroll 0 0;}

#row4 #navegacio li a {background-color: #F1F1F1;
-webkit-transition: border-color 1s ease;
         -moz-transition: border-color 1s ease;
           -o-transition: border-color 1s ease;
          -ms-transition: border-color 1s ease;
              transition: border-color 1s ease;
              
}

#row4 #navegacio li a {
font-family: Raleway;
position:relative;
padding-bottom: 1em;
}

#row4 #navegacio li a::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: .4rem;
    background: linear-gradient(#f8a46f 0,#f7a175 41.42%,#f186b6 100%);
    display: block;
    transform: scale(0,1);
    transform-origin: center left;
    transition: transform .5s ease-in;

}

#row4 #navegacio li a:focus::after,
#row4 #navegacio li a:hover::after {
    transform: scale(1);
}









#filAriadna {margin: 1em 0 2em;padding: 0;}
#filAriadna a {color: #666;}
#filAriadna a:hover {text-decoration: underline;}

#contentWrapper div#leftCol{float: left;padding-top:0px;width: 220px;}
.categoriaExtres ul.firstLevelNavigation {border: 0 none;}
.categoriaExtres ul.firstLevelNavigation li {border-bottom: medium none;margin-bottom: 5px;}
.categoriaExtres ul.firstLevelNavigation li a {background-color: #ffffff;background-image: none;color: #018cd1;font-weight: 600;padding: 1em;text-transform: uppercase;}
.categoriaExtres ul.firstLevelNavigation li a:hover,
.categoriaExtres ul.firstLevelNavigation li a:active {color: #222;background-color: #fff;}
ul.firstLevelNavigation {border-top: 1px solid #086ea0;background: none repeat scroll 0 0 transparent;}
ul.firstLevelNavigation > li {border-bottom: 1px solid #1b76a4;}
ul.firstLevelNavigation > li.active,
ul.firstLevelNavigation > li:hover {background: none repeat scroll 0 0 #028DD2;}
ul.firstLevelNavigation li a {padding:3px 0;background: url("../images/treeCollapsed.gif") no-repeat scroll 7px 6px #018CD1;color: #FFFFFF;display: block;padding-left: 23px;padding-right: 5px;}
ul.firstLevelNavigation li a:hover {background-color:#017FBA;}
ul.firstLevelNavigation li a.active {border-bottom: 1px solid #028DD2;background: url("../images/treeExpanded.gif") no-repeat scroll 7px 6px #017FBA;}
ul.firstLevelNavigation li a.active2 {color:#025A95 !important;}
ul.firstLevelNavigation li.active ul.secondLevelNavigation {display: block;}
ul.firstLevelNavigation li ul.secondLevelNavigation {background: none repeat scroll 0 0 #f5f4f4;padding-top: 0;padding-bottom: 0;}
ul.firstLevelNavigation li ul.secondLevelNavigation {display: none;background:#60b8e2;}
ul.firstLevelNavigation li ul.secondLevelNavigation li a {background: url("../images/li3.jpg") no-repeat scroll 0 10px transparent; padding-left:8px;color: #FFFFFF;}
ul.firstLevelNavigation li ul.secondLevelNavigation li a:hover {color: #025A95;}
ul.firstLevelNavigation li ul.secondLevelNavigation li {padding-left:23px;border-bottom: 1px solid #FFF;}
ul#eines{margin-bottom:20px;}
ul#eines li {border-bottom: 1px solid #999999;}
ul#eines li a {background: transparent none no-repeat scroll 0 5px;color: #018cd1;display: block;padding: 10px 0;}
ul#eines li a:hover {color: #028DD2;}
ul#eines li.active a {color: #222;}


div#contentWrapper div#rightCol {float: right;width: 690px;padding:15px;background:none no-repeat top white;border-radius:5px;min-height:300px;padding-bottom: 30px;}
#rightCol a {color: #018cd1;}
.blocText a {color: #018cd1;}
.blocText a:hover {text-decoration: underline;}
.blocText h3 {color: #000000;font-size: 18px;}
.blocText h4 {font-size: 14px;color: #000000;}
.blocText h5 {color: #000000;}
.blocText h3,
.blocText h4,
.blocText h5 {margin-bottom: 0;margin-top: 9px;}
.blocText h5 strong{font-weight:normal;}
/*.blocText h3 {color: #666666;}
.blocText h4 {color: #666666;font-weight: bold;font-size:12px;}*/
.actiu {font-weight:bold;}
div#navegacio {float: left;}
div#eines { float: right;}

ul.ultimesPublicacions li,
ul.llistatPublicacions li{border-bottom: 1px solid #d9d5d1;}
ul#menuContinguts li{border-bottom: 1px solid #1B76A4;}
ul.ultimesPublicacions li a,
ul.llistatPublicacions li a{color:#000000;padding: 5px 13px;display:block;background: url("../images/li.gif") no-repeat scroll 0 5px transparent;padding-left: 13px;}

#benvinguda {border-bottom: 1px solid #d9d5d1;margin-bottom: 24px;padding-bottom: 14px;}
#benvinguda h2 {font-size:18px;}
.resumModul {margin-bottom:30px;}
#tramitsDestacats h3,
#modulsDestacats h3 {color: #000000;margin-bottom: 21px;text-transform: uppercase;}
#tramitsDestacats {float: right;margin-right: 6px;width: 324px;}
#modulsDestacats.col {float: left;width: 324px;}
#modulsDestacats.all .resumModul{float:left;width:324px;}
#modulsDestacats.all .resumModul.odd{margin-right:16px;clear:left;}
#modulsDestacats h4 {background: url("../images/tab1.jpg") no-repeat scroll left bottom transparent;color: #FFFFFF;font-size: 13px;font-weight: bold;margin-bottom: 0 !important;text-align: center;width: 118px;}
#modulsDestacats #ofertaPublica h4,
#modulsDestacats #taulerAnuncis h4,
#modulsDestacats #ofertaPublica h4,
#modulsDestacats #contractesIconvenis h4{width:170px;background:url("../images/tab2.jpg") no-repeat scroll left bottom transparent;}
#modulsDestacats h4 a {color: #FFFFFF;display:block;padding:6px 0 4px;}
#tramitsDestacats h4 {background: url("../images/tab2.jpg") no-repeat scroll left bottom transparent;color: #FFFFFF;font-size: 12px;font-weight: bold;margin-bottom: 0 !important;text-align: center;width: 170px;}
#tramitsDestacats h4 a {color: #FFFFFF;display:block;padding:6px 0 4px;}
#tramitsDestacats .ultimesPublicacions,
#modulsDestacats .llistatPublicacions {border-top: 1px solid #383838;padding: 10px 0;}
#tramitsDestacats .llistatBuit li,
#modulsDestacats .llistatBuit li,
#llistatModuls .modul .llistatBuit li{border:none;font-weight: bold;}
.veureMes a {font-weight:bold;margin-top:5px;}

#btnCarpeta,
#serveisExtra {margin-top:20px;}
#btnCarpeta a {background: url("../images/baner.jpg") no-repeat scroll center top #D4002D;width:323px;height:59px;display:block;}
#btnCarpeta a span {color: #FFFFFF;display: block;font-size: 16px;font-weight: bold;padding: 20px 0 0 108px;text-transform: uppercase;}

#btnSeguimentTramits {float:left;}
#btnValidardor {float:right;}
#btnValidardor a,
#btnSeguimentTramits a{color: #FFFFFF;background: url("../images/boto2.png") no-repeat scroll center top transparent;width:153px;height:49px;display:block;}
#btnValidardor a span,
#btnSeguimentTramits a span {color: #FFFFFF;display: block;font-weight: bold;margin: 0 auto;padding-top: 10px;text-align: center;text-transform: uppercase;width: 90%;}

#btnPerfil a {color:#FFFFFF;background: url("../images/boto1.jpg") no-repeat scroll 0 0 transparent;display: block;height: 40px;width: 220px;}
#btnPerfil a span {display: block;font-weight: bold;padding-top: 13px;text-align: center;text-transform: uppercase;}
#btnPerfil a:hover{color:#FFFFFF;}

.veureMes a {background: url("../images/mes.jpg") no-repeat scroll right center transparent;padding-right: 10px;color:#685c54;}

.veureMes a:hover {color: #028DD2;}

.categoria {margin-bottom: 30px;}
.categoria .titol {font-size: 16px;font-weight: bold;margin-bottom: 9px;padding-left: 3px;}

ul#menuContinguts {border-top: 1px solid #086ea0;padding-top: 0;}
ul#menuContinguts li a {color:#fff;padding:3px 13px 3px 20px;background: url("../images/punt.png") no-repeat scroll 10px 7px #018CD1;display: block;}
ul#menuContinguts li a:hover,
ul#menuContinguts li a.active {background: url("../images/punt.png") no-repeat scroll 10px 7px #017FBA;}

.areaTreballContent .resultatsLlistat {margin-top:20px;margin-bottom:20px;}
#llistatModuls {}
#llistatModuls .modul {float: left;margin:0px 16px 36px 0px;width: 310px;}
#llistatModuls .altresServeis .titolModul,
#llistatModuls #ofertaPublica .titolModul {width:170px !important;background: url("../images/tab2.jpg") no-repeat scroll left bottom transparent !important;}
#llistatModuls .modul .titolModul {background: url("../images/tab1.jpg") no-repeat scroll left bottom transparent;color: #FFFFFF;font-size: 12px;font-weight: bold;margin-bottom: 0 !important;text-align: center;width: 118px;}
#llistatModuls .modul .titolModul a {color: #FFFFFF;display: block;padding: 5px 0 4px;}
#llistatModuls .modul .descripcio {border-top: 1px solid #383838;padding: 6px 0;display:block;}
/*
#llistatModuls .modul li {border-bottom: 1px solid #383838;}
#llistatModuls .modul li a {background: url("../images/li.png") no-repeat scroll 0 0 transparent;display: block;height: 32px;margin: 5px 0;overflow: hidden;padding: 0 13px;}
*/
.propietats .prop{margin-top:20px;}
.paginateButtons a.step:hover,
.paginateButtons a.nextLink:hover, 
.paginateButtons a.prevLink:hover{color:#000000}
#llistatModuls .modul li a:hover {color: #028DD2;}

.tornar a {background: none repeat scroll 0 0 #EEEEEE;border-radius: 3px 3px 3px 3px;display: block;font-size: 12px;font-weight: bold;padding: 6px 1px;text-align: center;width: 78px;}
.tornar a:hover {background: none repeat scroll 0 0 #383838;}
.resultatsLlistat {border-bottom: 1px solid #000000;padding-bottom:4px;font-size:12px;font-weight:bold;}
.dElementPublicacioDefecte .name {padding-bottom:5px;}
.dElementPublicacioDefecte .name a,
.dElementPublicacioDefecte .titol {color: #028DD2;font-size: 15px;font-weight: bold;margin-bottom: 1px;}
.dElementPublicacioDefecte {border-bottom: 1px dotted #999999;margin-bottom: 18px;padding-bottom: 15px;}
.dElementPublicacioDefecte .registreLink:hover {text-decoration:underline;}
.dElementPublicacioDefecte .registreLink {color: #028DD2;}
.dElementPublicacioDefecte .camp {margin-bottom:7px;}
.dElementPublicacioDefecte .dataRegistre {font-size:11px;color:#727272;}
.dElementPublicacioDefecte .etiqueta {font-weight:bold;}
.documentsAdjunts {padding-top:0;}
.documentsAdjunts ul {padding-top:6px;}
.documentsAdjunts .etiqueta {display: block;}
.documentsAdjunts li {margin-bottom: 4px;}
.documentsAdjunts li a {color: #028DD2;display:block;}
.documentsAdjunts li a:hover {text-decoration:underline;}
.documentsAdjunts li a img {float: left;margin-right: 4px;}
.dElementPublicacioDefecte p {padding: 4px 0;}
.pdfSize {color:#444 !important;font-size:11px;text-decoration:none;}
.contingut > div {margin-top: 9px;}
.contingut > div:first-child {font-size:11px;color:#727272;margin-top: 0;}

.subtitleAttr {float: left;font-weight: bold;margin-bottom: 7px;padding-right: 10px;}
.subtitleValue {margin-bottom: 7px;}

#documentsAdjunts {padding-top: 6px;}
#documentsAdjunts .etiqueta {display: block;font-weight: bold;padding-bottom: 4px;}
#documentsAdjunts li {padding-bottom: 4px;}
#documentsAdjunts li a {color: #028DD2;display:block;padding-top: 4px;}
#documentsAdjunts li a:hover {text-decoration:underline;}
#documentsAdjunts li a img {float: left;margin-right: 4px;}

.paginateButtons {padding-bottom: 9px;padding-top: 12px;text-align: center;}
.paginateButtons span.currentStep {background:#f5f5f5;color: #000000;font-weight: bold;border:1px solid #d9d9d9;border-radius:2px;margin:0 4px;padding: 1px 4px;}
.paginateButtons a.step {color:#9f9f9f !important;border:1px solid #d9d9d9;border-radius:2px;margin:0 4px;padding: 1px 4px;}
.paginateButtons a.nextLink,
.paginateButtons a.prevLink {background:#f5f5f5;border:1px solid #d9d9d9;border-radius:2px;margin:0 4px;padding: 1px 12px;color:#9f9f9f !important;}

/*div {margin: 10px; border: 1px solid #eee;}*/

#calendari {}
#calendari .ui-datepicker {height: auto;margin: 0 auto 14px;width: 464px !important;}
#calendari .ui-datepicker .ui-datepicker-group {float:left;background: url("../images/calendaribaix.png") no-repeat scroll right bottom transparent;margin:10px;width: 211px;}
#calendari .ui-datepicker .ui-datepicker-group .ui-datepicker-header {font-weight: bold;height: 12px;padding: 10px 8px;text-align: center;}
#calendari .ui-datepicker .ui-datepicker-group-first .ui-datepicker-header {background: url("../images/calendaridaltLeft.png") no-repeat scroll right top transparent;}
#calendari .ui-datepicker .ui-datepicker-group-last .ui-datepicker-header {background: url("../images/calendaridaltRight.png") no-repeat scroll right top transparent;}
#calendari .ui-datepicker .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-prev  {cursor: pointer;display: block;float: left;height: 16px;margin: 9px 0 0 6px;width: 19px;}
#calendari .ui-datepicker .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-prev:hover {background:none;}
#calendari .ui-datepicker .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-next  {cursor: pointer;display: block;float: right;height: 16px;margin: 9px 6px 0 0 ;width: 19px;}
#calendari .ui-datepicker .ui-datepicker-group .ui-datepicker-header a.ui-datepicker-next:hover {background:none;}
#calendari .ui-datepicker .ui-datepicker-group .ui-datepicker-header .ui-icon {display:none;}
#calendari .ui-datepicker .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title {display:inline;}
#calendari .ui-datepicker .ui-datepicker-group .ui-datepicker-calendar {margin:4px auto 5px;text-align: center;width: 95%;}
#calendari .ui-datepicker .ui-datepicker-group .ui-datepicker-calendar th {font-weight: bold;padding: 0 0 4px;}
#calendari .ui-datepicker .ui-datepicker-group .ui-datepicker-calendar td {border-bottom:1px solid #fff;}
.ui-datepicker-today .ui-state-default {background:#ddd !important;color:#028DD2;font-weight:bold;}
.diaFestiu .ui-state-default, span.diaFestiu {background:#028DD2 !important;color:#fff !important;}
#ui-datepicker-div{display:none;}

#mapaWeb {}
#mapaWeb ul {padding-left:20px;padding-top:6px;}
#mapaWeb ul li {padding-bottom:8px;font-size:12px;}
#mapaWeb ul li a:hover {color: #028DD2;}
#mapaWeb ul li a {background: url("../images/li.gif") no-repeat transparent;padding-left: 13px;}
#mapaWeb ul li span {font-weight:bold;padding-left: 13px;background: url("../images/li.gif") no-repeat left -2px transparent;}
#mapaWeb ul li ul li a {font-weight:normal;font-size:12px;background: url("../images/li.gif") no-repeat left -2px transparent;}
#mapaWeb ul li ul li {padding-bottom:4px;}

#formulariBustia {margin-top:20px;}
#formBustia .buttons {height: 28px;margin-bottom: 19px;margin-top: 21px;}
#formBustia .buttons .button {float: left;margin-right: 15px;}
#formBustia .buttons button,
#formBustia .buttons input {background: none repeat scroll 0 0 #EEEEEE;border: 1px solid #DDDDDD;border-radius: 3px 3px 3px 3px;color: #000000;cursor: pointer;display: block;font-weight: bold;padding: 3px 14px;width: auto;}
#formBustia p {color: #777;line-height: 17px;}
#formBustia p a {color: #028DD2;}
#formulariBustia .prop {min-height: 32px;}
#formulariBustia .prop label {float: left;width: 138px;}
#formulariBustia .prop .errors {background: none repeat scroll 0 0 #FFFFFF;border-radius: 5px 5px 5px 5px;color: red;font-weight: bold;line-height: 19px;margin-bottom: 0;padding: 0;}
#formulariBustia .prop .errors textarea,
#formulariBustia .prop .errors select,
#formulariBustia .prop .errors input {background: none repeat scroll 0 0 #FFDDDD;border: 1px solid red !important;}
#formulariBustia .prop .value select,
#formulariBustia .prop .value input {padding: 2px 3px;border: 1px solid #383838;border-radius: 4px 4px 4px 4px;width: 240px;}
#formulariBustia .prop .value select {width:248px;}
#formulariBustia .prop .value textarea {margin-top: 13px;border: 1px solid #383838;border-radius: 4px 4px 4px 4px;width: 97%;}
#formulariBustia .prop .value {display:inline;}
.registreTable {width:100%;border-collapse: collapse;text-align:left;}
.registreTable th {background: none repeat scroll 0 0 #028DD2;color: #FFFFFF;padding:6px 29px 8px 6px;white-space: nowrap;}
.registreTable td {vertical-align: middle;border-bottom: 1px solid #DDDDDD;padding: 6px 6px;}
.nowrap {white-space:nowrap;}
.errors {background: none repeat scroll 0 0 #FFDDDD;border-radius: 5px 5px 5px 5px;color: red;line-height: 19px;margin-bottom: 9px;padding: 9px 17px;width: 90%;font-weight: bold;}
.innerPad {background: none repeat scroll 0 0 red;border-radius: 0 0 0 26px;color: #FFFFFF;font-size: 14px;font-weight: bold;opacity: 0.8;padding: 16px;position: fixed;right: 0;top: 0;width: 291px;z-index: 1000;}

.duesColumnes {margin-top: 13px;}
.duesColumnes #llistatTemes {float: left;width: 140px;}
.duesColumnes #llistatTemes li {padding-bottom:7px;}

.duesColumnes #llistatTemes li.active a {color: #028DD2;font-weight:bold;}
.duesColumnes #llistatTemes li a:hover {color: #028DD2;}
.duesColumnes #llistatTramits {float: right;width: 522px;}
.duesColumnes #llistatTramits .resultatsLlistat {margin-top:0;}
.duesColumnes #llistatTramits li {border-bottom: 1px dashed #028DD2;height: 40px;margin-bottom: 19px;padding-bottom: 10px;}
.tramitNom {font-size: 14px;font-weight: bold;padding-bottom: 8px;}
.tramitlinks a {color: #028DD2;}
.tramitlinks a:hover  {text-decoration:underline;}
.linkInformatiu {margin-right:4px;font-size:11px;}
.linkSenseCertificat{margin-right:4px;font-size:11px;}
.linkAmbCertificat {font-size:11px;}
.tramitlinks {float: left;width: 378px;}
.tramitIcones {float: right;padding-top: 14px;text-align: right;width: 143px;}
.tramitIcones ul li {border-bottom: 0 dashed #DDDDDD !important;display: inline;height: 24px !important;margin-bottom: 0 !important;margin-right: 1px;padding-bottom: 0 !important;}

#tramitsLlegenda {margin-bottom: 25px;}
#tramitsLlegenda .llegendaSeccio {margin-top:12px;}
#tramitsLlegenda .llegendaTitol {font-size: 17px;font-weight: bold;color:#FFFFFF;}
#tramitsLlegenda .llegendaSubtitol {border-bottom: 1px dashed #DEDBD7;color:#FFFFFF;display: block;font-size: 13px;font-weight: bold;margin-bottom: 10px;padding-bottom: 2px;}
#tramitsLlegenda .llegendaSeccio ul li {padding-bottom: 5px;padding-left: 5px;}
#tramitsLlegenda .llegendaSeccio ul li img {margin-right: 7px;vertical-align: middle;}
#tramitsLlegenda .llegendaSeccio ul li span {color:#FFF;}

#serveisExtraMenu {margin-bottom: 55px;}
#serveisExtraMenu #btnValidardor,
#serveisExtraMenu #btnSeguimentTramits {display: block;float: none;margin: 10px auto;width: 156px;}
.botoPortada2 a {padding:0 5px;width: 145px !important;}
a span {cursor:pointer;}

.llistatAltresServeis {border-bottom: 1px solid #383838; margin:20px 20px 20px 0px;}
.llistatAltresServeis span {font-size: 13px; font-weight: bold;}

#llistatModuls .altresServeis {display: block;float: left;margin: 0 16px 0 0;width: auto;}
#llistatModuls .altresServeis .titolModul {border-radius:5px;width:240px !important; background:none no-repeat 0 0 #dddddd !important;font-size: 12px;font-weight: bold;text-transform:uppercase;text-align: center;}
#llistatModuls .altresServeis .titolModul a {color: #383838 !important;display: block; padding: 10px;}
#llistatModuls .altresServeis .descripcio {display:none;}
#llistatModuls .altresServeis.first .titolModul {padding:8px 0px;}

.buttons {margin: 16px 0 !important;}
#rightCol .buttons .menuButtonLink a,
.buttons .menuButtonLink a {background: none repeat scroll 0 0 #028DD2;border-radius: 4px 4px 4px 4px;color: #FFFFFF;margin-right: 15px;padding: 2px 11px;}

.ui-datepicker-month, .ui-datepicker-year { color: #333333;}

#filtre{width:225px;margin:0px auto;border:1px solid #DDDDDD;border-radius:3px 3px 3px 3px;padding:10px 10px 0px;}
#filtre .prop{margin-bottom:12px;}
#filtre .prop label{width: 4em;float: left;text-align: right;margin-right: 0.5em;display: block}
#filtre .prop .value{}
#filtre .prop select{}
#filtre .prop input{}
#filtre #cercar{float:right;margin-top:-33px;background: none repeat scroll 0 0 #028DD2;border-radius: 4px 4px 4px 4px;color: #FFFFFF;padding: 2px 11px;cursor:pointer;border:none;}
.categoriesArbre {margin:30px auto;}
.categoriesArbre ul{list-style-type: none;background: url("../images/vline.png") repeat-y; margin: 0; padding: 0;}
.categoriesArbre ul li{margin: 0; padding: 0 12px;line-height: 20px; background: url("../images/node.png") no-repeat; color: #369; font-weight: bold;}
.categoriesArbre ul li:last-child{background: #fff url("../images/lastnode.png") no-repeat;}
.categoriesArbre ul li a{}
.categoriesArbre ul li ul{margin-left: 10px;}
.categoriesArbre ul li ul li a{}
.noResults{font-weight:bold;margin-bottom:10px;}

/* ==========================================================================
   footer
   ==========================================================================*/

#footer{padding-bottom: 4em; padding-top:1em;}
#footer #peu-pagina{padding-top: 2.2em; padding-bottom:1em; margin-bottom: 1.5em;}
#footer #peu-pagina .welcome {float:left;}
#footer #peu-pagina .info-peu {float:right;}
#footer #peu-pagina .info-peu .column {float:left;width: 210px;margin-left:35px;}
#footer #peu-pagina .info-peu .column h3 {margin-bottom: 0.65em; font-size:2.2em;}
#footer #peu-pagina .info-peu .column ul{margin:0px;list-style: none;display: block;}
#footer #peu-pagina .info-peu .column ul li {display: block !important;padding: 0 0 3px;}
#footer #peu-pagina .info-peu .column ul li a {color:#222222; border-bottom:0 none;}
#footer #peu-pagina .info-peu .column ul li a:hover {color:white;}
#footer #peu-pagina .info-peu .contact-peu p {padding-top: 0px;}

#footer #peu-pagina .developedbar .left {float:left;padding-top: 20px;}
#footer #peu-pagina .developedbar .left img {max-width:200px;}
#footer #peu-pagina .developedbar .right {float:right;margin-top: 1.5em;}
#footer #peu-pagina .developedbar .right a {text-decoration: none;}
#footer #peu-pagina .developedbar .right a:hover {color:white;}

#footer #peu-pagina .welcome a{text-decoration: none;}
#footer #peu-pagina .welcome a:hover {color:white;}

#footer1 {height: auto;padding: 10px;}
#footer1Row1 {text-align: center;}
#footer1Row1 #bottomLinks {padding-top: 8px;}
#footer1Row1 #bottomLinks li {display:inline;}
#footer1Row1 #bottomLinksDiv a{}
#footer1Row1 #bottomLinksDiv a:hover {text-decoration:underline;}
#footer1Row1 #bottomLinks li a {border-right: 1px solid #D2CECA;padding: 0 13px;}
#footer1Row1 #bottomLinks li a:hover {color: #028DD2 !important;}

#footer1 #footer1Row2 {clear: both;margin-top: 20px;}
#footer1 #footer1Row2 #logos {text-align:center;list-style: none outside none;margin-bottom: 15px;margin-top: 0;}
#footer1 #footer1Row2 #logosRow1 li,
#footer1 #footer1Row2 #logosRow2 li {display: inline;margin: 0 5px;}
#footer1 #footer1Row2 #logosRow2 {margin-top:15px;}
#footer1 #footer1Row2 #contacte {padding: 0;text-align: center;width: 100%;}

#footer2 {background: #fff none repeat scroll 0 0;border-top: 1px solid #ccc;bottom: 0;position: fixed;width: 100%;}
#footer2 .footer2content{margin:0 auto;width:960px;}
#footer2 div.logoAjuntament {float: left;padding: 6px 22px;}
#footer2 #contacte {/*width:560px;*/float:left;margin:9px 0 5px;font-size:11px;}
#footer2 #contacte a:hover{text-decoration:none;}
#footer2 div.seu {float: right;font-size: 13px;font-weight: bold;padding:10px 0;}
.peuExtraEspecial {color: #333333;display: block;float: left;margin-right: 5px;margin-top: 5px;}

.candauAjuts{width:1.7em !important;}



/* CANVIS DAQUI CAP A BAIX */


.firstRow{padding:1em; font-weight: 100}
.firstRow a:hover{color:white}
.firstRow .actiu span{color:white}
#nav1 span, #nav2cercador {padding-right:0.7em;}

.lanCA{padding-right:0.2em !important;}
.welcome img{
	width:125px;
	padding-right: 1em;
}

.main-content-wrapper{}
.main-content-wrapper .logoAjuntament img{
	position: absolute;
	top:47px;
	width: 24rem;
}

.titleSeu {margin-top:2.8em !important;}

.welcome{
	width:16%;
}
.welcometext{
/* 	margin-top:1.5em; */
	font-size: 1em;
	width:37%;
}
.welcometext span{font-size:1em; font-weight: 500; }
.welcometext p{padding: 10px 0 10px;}
.welcome .blocText{border-left: 2px solid #1e1e1e; padding: 0.5em 0 0.5em 2em;}
#footer #peu-pagina .welcometext a{margin:0}	

.gradientBg{
 background: linear-gradient(-45deg,#60b9e3,#d2e081,#ef84b2,#f7a86d);
    background-size: 200% 200%;
    -webkit-animation: Animation 15s ease infinite;
    -moz-animation: Animation 15s ease infinite;
    animation: Animation 15s ease infinite;
}

#gradient
{
    height:300px;
    width:300px;
    border:1px solid black;
    font-size:30px;
   
}

@-webkit-keyframes Animation {
    0%{background-position:10% 0%}
    50%{background-position:91% 100%}
    100%{background-position:10% 0%}
}
@-moz-keyframes Animation {
    0%{background-position:10% 0%}
    50%{background-position:91% 100%}
    100%{background-position:10% 0%}
}
@keyframes Animation { 
    0%{background-position:10% 0%}
    50%{background-position:91% 100%}
    100%{background-position:10% 0%}
}


button.searchbtn {background: #fff url("../images/search-icon2.png") no-repeat scroll 1px 1px;border: medium none;cursor: pointer;height: 27px; text-indent: 50px;width: 28px;position: absolute;top: 17px;}
button.searchbtn:hover {background: #fff url("../images/search-icon2hover.png") no-repeat scroll 1px 1px;}
.cercadorBox{float:right; margin-top:-0.3em;}
#searchbox{background: white; border-radius:15px; padding-left: 1em; height: 38px; width:213px;}
#scinput{background: transparent; border: 0px; width:83%; height:30px; font-size: 1em; color:#888; padding-top:5px;}

.gradientBg .firstRow #nav1{width:35%; float:left;}
.gradientBg .firstRow #nav1 a{color:#000;}
.gradientBg .firstRow #nav2cercador{width:27%; float:right;}
.gradientBg .firstRow #navSocialLinks{width:20%; float:right; text-align:right; padding:0;}
.gradientBg .firstRow #navSocialLinks a{ font-size:22px; text-align:right; margin-left:.4rem}
.gradientBg .firstRow #navSocialLinks a:hover{color:white;}

#navSocialLinksfooter{float:right; text-align: right;}
#navSocialLinksfooter a{font-size:22px; text-align:right; margin-left:.4rem}
#navSocialLinksfooter a:hover{color:white;}

#footer .content-wrapper{padding-bottom: 2em;}
.contact-peu h3{text-align:right; width:100%}

#telefonfooter a:hover{color:#0094d9;}

.contact-peu ul{text-align:right;}
#bottomLinksDiv:hover{color:white}
.footerDevelopedBy{float:right; font-size:16px;}
.footerDevelopedBy a:hover{text-decoration: underline;}

.linksfooter{float:left; width:65%; padding-bottom: 0.5em;}
.linksfooter:lang(es){width: 70%;}
.linkfooter a{font-size:16px; margin-right: 1.1em;}
.linkfooter a:hover{color:white; text-decoration: underline;}

#footer2{
	padding-left:12px;padding-right:12px;
	border: 0px;
	background: linear-gradient(-45deg,#60b9e3,#d2e081,#ef84b2,#f7a86d);
    background-size: 200% 200%;
    -webkit-animation: Animation 15s ease infinite;
    -moz-animation: Animation 15s ease infinite;
    animation: Animation 15s ease infinite;
}
#marc{padding-bottom: 0;}


#politicaCookiesPopup{display:none;}

.popupVisible{
    opacity: 1;
    visibility: visible;
}

.cookiepopup {
/*     background: rgba(33,41,52,.85); */
/*     bottom: 0; */
	
    display: flex;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .15s ease;
    will-change: visibility,opacity;
    z-index: 2147483647;
    transition: background .6s;
    -webkit-transition: background .6s;
}

.popupchild {
	border-top: 1px solid #DDDDDD;
    background-color: #fff;
    bottom: 0;
    box-sizing: border-box;
    color: #333;
    font-family: Arial,Verdana,sans-serif;
    justify-content: space-between;
    left: 0;
    max-height: 100vh;
    min-height: 8em;
    overflow-x: hidden;
    position: fixed;
    right: 0;
    will-change: visibility,opacity;
    -webkit-font-smoothing: antialiased;
}

#popupContentGeneral .popupTitle{
	margin: 0.5em 0 0 2em;
	font-size: 1.75em;
	color:#333;
}


#popupContentCookies .popupTitle{
	margin: 0.5em 0 0 2.1em;
	font-size: 2em;
	color:#333;
}

#popupContentCookies .popupTitleDiv{
	width:80%;
	float:left;
}

.cookieMessageGeneral{margin: 1em 2em 0 3.4em; font-size: 1.05em; width:60%; float:left;}
.cookieMessage{margin: 2em 2em 1em 4.15em; font-size: 1.05em}
#popupContentGeneral .popupbtns{width: 25%; float:right; margin-right:3em;}

.popupbtns{text-align: center; padding-top:1.5em;padding-bottom: 2.5em;}
.popupbtns button{
	background-color: transparent;
	border:2px solid;
	width:12em;
	height: 2.5em;
	font-size:1.05em;
	text-transform:uppercase;
	font-weight: 600;
	cursor: pointer;
	margin: 0 1em 0 1em;
}
.popupbtns .moreDetailsBtn{border-color: #DEEEB2; color:#5a5a5a; -webkit-transition: 0.5s; transition: 0.5s;}


.popupbtns .acceptCookiesBtn{background-color: #DEEEB2; border-color: #DEEEB2; color:#5a5a5a; -webkit-transition: 0.5s; transition: 0.5s;}
.popupbtns .cancelCookiesBtn{background-color: #DEEEB2; border-color: #DEEEB2; color:#5a5a5a; -webkit-transition: 0.5s; transition: 0.5s;}
.popupbtns .moreDetailsBtn:hover{background-color: #DEEEB2; border-color: #DEEEB2; -webkit-transition: 0.5s; transition: 0.5s;}
.popupbtns .acceptCookiesBtn:hover{border-color: #DEEEB2; background-color: transparent; -webkit-transition: 0.5s; transition: 0.5s; }
.popupbtns .cancelCookiesBtn:hover{border-color: #DEEEB2; background-color: transparent; -webkit-transition: 0.5s; transition: 0.5s; }

.popupcontentCookies{display:none;}
.popupcontentCookies .cookieMessageRow{display:flex;}
.popupcontentCookies .menuTornarGeneral{width:8%; margin: auto; text-align: right; margin-bottom: 1em; margin-right: 4.7em;}
.popupcontentCookies .menuTornarGeneral button{
	background-color: #DEEEB2;
	border: 2px solid #DEEEB2;
	color:#5a5a5a;
	width:8em;
	height: 2.5em;
	text-transform:uppercase;
	font-weight: 600;
	cursor: pointer;
	margin: 0 1em 0 1em;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	cursor: pointer;
}
.popupcontentCookies .menuTornarGeneral button:hover{border-color: #DEEEB2; background-color: transparent; -webkit-transition: 0.5s; transition: 0.5s;;}
.popupcontentCookies .popupbtns{text-align: right; margin-right:4.5em;}

.cookieDetailsTable {width:93.55%; margin: auto;}
.cookieTable {width:100%;border-collapse: collapse;text-align:left; margin-bottom: 2em; min-height: 4em; overflow: scroll;}
.cookieTable h2{font-size: 1.15em;margin-top:0.5em;}
.cookieTable thead{font-size:1.75em;}
.cookieTable th {background: none repeat scroll 0 0 #DEEEB2;color: #5a5a5a;padding:6px 29px 8px 6px;white-space: nowrap; font-size:65%; font-weight: bold;}
.cookieTable td {vertical-align: middle;border-bottom: 1px solid #DDDDDD;padding:6px 6px 5px 10px;}
.cookieTable tr {border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD;}
.cookieTable p{font-size: 1.05em;}
.cookieTable ul{list-style-type:disc; font-size:1.05em; margin:1em}
.cookieTable li{margin:1em}
.cookieTable .sliderCheck{vertical-align: top; padding-top:2em;}

.cookieTable .cookieName{font-weight: bold;}
.cookieDetailsTable .cookiesTercers td{font-size:1.05em;}

#cookieDetails{height: 25em;overflow-y: scroll;}

@media only screen and (min-width: 300px) and (max-width: 499px){
	#popupContentGeneral .popupTitle{margin: 0.5em 0 0 1em;}
	#popupContentGeneral .popupinfo{margin-top:6em;}
	#popupContentGeneral .cookieMessageGeneral{margin-left: 2.15em;float: none; width: 80%; text-align: center;}
	#popupContentGeneral .popupbtns{width: 100%; float: none;}
	
	.popupbtns button{margin-bottom:10px;}
	#popupContentCookies .popupTitle{margin: 2em 0 0 0em; text-align: center;}
	#popupContentCookies .popupbtns{text-align: center; width: 100%}
	#popupContentCookies .cookieMessageRow{padding-bottom: 0.5em; margin-bottom: 2.5em; border-bottom: 2px solid #DEEEB2; display:block;}
	.cookieMessage{margin: 1em 1em 1em 1em; text-align: center;}
}

@media only screen and (min-width: 499px) and (max-width: 834px){
	    #popupContentGeneral .popupbtns{width: 100%; float: none;margin-right: 3em;}
	    .cookieMessageGeneral{float:left; width:auto;}
	    .popupbtns .moreDetailsBtn{margin-bottom: 5px;}
	    .popupcontentCookies .menuTornarGeneral button{margin:0}
	    .cookieMessage{margin: 2em 2em 1em 2.15em;}
}

@media only screen and (min-width: 835px) and (max-width: 1681px){
	.popupbtns .moreDetailsBtn{margin-bottom: 5px;}
}



.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #DEEEB2;
}

input:focus + .slider {
  box-shadow: 0 0 1px #DEEEB2;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}