/* *********************************
   
    COLORS
    #FFFFFF - white
    #67155d - brand green
    #67155d - dark brand green
    #212121 - text black
    #424242 - buttons dark background
    #1B1B23 - dark background
    #F0F0F0 - gray background
    #E4E6E8 - border color
   
   ********************************* */
    
  @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700');

/* ********************************* */
/* Generic rules                     */
/* ********************************* */
  body{background:#F0F0F0;color:#333;font-family:'Open Sans',Verdana,Tahoma,sans-serif;font-size:14px;margin:0;padding:0;}
  html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,Imatges,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-style:inherit;font-weight:inherit;margin:0;padding:0;vertical-align:top;}
  h1,h2,h3,h4,h5,h6{letter-spacing:0;}
  h1{color:#333;font-size:18px;font-weight:700;text-align:center;}
  h3{font-size:14px;font-weight:700;margin-bottom:6px;}
  h4{font-size:13px;}
  h5{font-size:12px;}
  p{margin:8px 0;}
  a{color:#67155d;outline:none;text-decoration:underline;}
  img{border:none;margin:0;}

/* ********************************* */
/* Utility classes                   */
/* ********************************* */
  .sep{background:url("../Imatges/borderTitol.jpg") repeat-x scroll 0 0 transparent;display:block;height:3px;margin:0 auto;width:311px;}
  .nowrap{white-space:nowrap;}
  .separador{clear:both;}
  .segonNivell{padding-top:7px; margin-left: 1em;}
  .amaga {display:none;}
  .web{margin:0 auto; }
  .clearfix:after { content: ""; display: table; clear: both; }
  .container { width: 960px; margin: 0 auto; display: block; box-sizing: border-box; }
  .container:after { content: ""; display: table; clear: both; }
  @media only screen and (min-width: 75em ) { /* 1200px */
    .container { width: 1170px; }
  }
  .pull-left { float: left; }
  .pull-right { float: right;}
  .text-primary { color: #67155d !important;}

/* ********************************* */
/* Header                            */
/* ********************************* */
  #precap {background-color: #e7e7e7;height: 43px;margin: 0 auto; box-shadow: 0 2px 2px rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.03); color: #e3e3e5;}
  .cap{background-color: #FFFFFF;margin: 0 auto;border-bottom: 1px solid #E4E6E8; }
  .logoCap{ float: left; margin: 16px;}
  .logoCap img{width:170px;}
  .imatgeCap{float:left;height:auto;width:532px;}
  .titolCap {line-height: 1.25em;padding-bottom: 34px;padding-top: 43px;text-align: left; font-size: 42px;}
  .titolCap .nomEina {color:#212121;font-weight:700;}
  .titolCap .nomTextAjuntament {display:block;color:#8a8a8a;font-size: .66em; line-height: 1.25em;}
  .titolCap .nomAjuntament {display:block;font-size: 24px;}
  .titolCap a {text-decoration: none;}
  .logo{display:block;margin:12px;padding:13px;text-align:center;}

  #enllacos{color: #111111;font-size: 13px;padding: 13px 16px;}
  #enllacos a{color:#111111;text-decoration:none;}
  #enllacosPrecap {color: #111111;font-size: 13px;padding: 13px 16px;}
  #enllacosPrecap a{color:#111111;text-decoration:none;}

/* ********************************* */
/* SEARCH                            */ 
/* ********************************* */
  .cercador{float: right;}
  .cercador .cercadorInputs{ position: relative; }
  .cercador .textBoxCerca{border-radius: 4px; border: 1px solid rgba(66,66,66,0.13);    background-color: #f9f9f9; padding: 6px; display: inline-block;}
  .cercador .botoCercar{border:none;cursor: pointer;height: 26px;width: 26px; display: inline-block; background-color: transparent; }
  .cercador .cercadorInputs:after { position: absolute; pointer-events: none; right: 10px; top: 12px; color: #424242; content: "\f002"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
  

/* ********************************* */
/* CONTENT                        */
/* ********************************* */
  .templatePortada .cos{margin: 0 auto;padding:16px 0; }
  .templatePortada .LlistatTramits .DescripcioCurta{display:none;}
  .templatePortada .LlistatTramits td.img img{display:inline;}
  .templatePortada .LlistatTramits{background: none repeat scroll 0 0 transparent;float: none;margin: 20px auto;padding: 0;width: 100%;}
  .cos {margin: 0 auto;padding:14px 0;}
  .templateInterior .centerCol {margin-left: 3px;}
  .centerCol{float:left;width: 75%;}
  .rightCol{float:right;width:calc(25% - 16px);}
  .iconesTramit { opacity: 0.52;}
  .iconesTramit[title="Impresos"] { opacity: 1;}
  .box{margin-bottom:16px; background-color: #FFFFFF; box-shadow: 0 2px 4px rgba(0,0,0,0.1), 0 -1px 0px rgba(0,0,0,0.02); padding: 16px; box-sizing: border-box; }
  .boxTop{ border-bottom: 1px solid #E4E6E8; margin-bottom: 10px; }
  .box .formulari{display:block;font-size:16px;margin:4px auto 0;text-align:center;}
  .box .formulari label{font-weight:700;line-height:20px;}
  .contingut .formulari{font-size:13px;margin-bottom:20px;text-align:left;}
  .box ul.llistatLlarg,.box ul.llistat{padding-right: 2em;padding-bottom: 1em;padding-left: 2em;}
  .templatePortada .box .LlistaTemes {padding-bottom:15px;}
  .templatePortada .box .LlistaTemes ul.llistat{margin: 4px auto;width: 492px;}
  .box .LlistaTemes ul.llistat,
  .box .LlistatPerfils ul.llistat{padding-left:2em;padding-bottom: 1em;}
  .box .llistatTemesTramits {padding-bottom: 15px;}
  .box .LlistatPerfils ul.llistat li:before {content: ""; display: block; position: absolute; left: -17px; top: .5em; height: 8px; width: 8px; border-radius: 50%; background-color: #67155d; margin-right: 1em; }
  .box ul.llistatLlarg li{display:block; padding-bottom:.5em; position: relative; }

  .templatePortada .box2 .LlistaTemes ul.llistat li{float:left;width:222px;}
  .box ul.llistat li{ padding-bottom:0.5em; position: relative; }
  .box ul.llistat li li{ font-size: .9em; padding-bottom: 0; }
  .box ul.llistat li:last-child{ padding-bottom:0; }
  .box .introduccio{margin-bottom: 10px;line-height:1.5em; }
  .boxLlistat .introduccio {  margin-bottom: 1em; }
  .SubGrup{padding-top:2px;}
  .SubGrup li:before {}
  .explicacioTematica{color:#898989;font-size:12px;font-style:oblique;padding-bottom:3px;padding-top:5px;}
  .itemLlistatServeis{border-bottom:1px solid #E4E6E8;margin-bottom:15px;padding-bottom:7px !important;}
  .boxCol1 .innerBox{height:auto;}
  .box1 { margin-left: 0 !important;  }
  .box1 .innerBox,
  .box3 .innerBox{min-height:457px;}
  .box1{ float:left;width: calc(50% - 11px); min-height: 430px;}
  .box3{background:url('../Imatges/box3Repeat.jpg') repeat-y 0 0 transparent;float:left;width:397px;}
  .box3 .boxTop{background:url('../Imatges/box3Top.jpg') no-repeat 0 0 transparent;height:9px;width:397px;}
  .box1 .introduccio{color:#898989; }
  .box2{ width:100%;}

  .boxMenu{background:url('../Imatges/box2Repeat.jpg') repeat-y 0 0 transparent;margin:0px 0 14px;width:646px;}
  .boxMenu .boxTop{background:url('../Imatges/box2Top.jpg') no-repeat 0 0 transparent;height:12px;width:646px;}
  .boxMenu .boxBottom{background:url('../Imatges/box2Bottom.jpg') no-repeat 0 0 transparent;height:15px;width:646px;}
  .boxMenu .innerBox{padding:4px 17px 4px;}
  #Paginacio {clear: both;padding-top: 16px;text-align: center;}
  .RespostaUsuari {padding:24px 20px 4px;}
  .tramitsPadro,
  .Botonera,
  .paginacio,
  .boxLlistat .expedients,
  .boxLlistat .formulari,
  .innerBoxContingut {padding:4px 20px 4px;}

/* Titles   */

  .titolBoxPeu {margin-left: 6px;font-size: 15px;  }
  .titolBoxPeu.titolBoxLlegenda { margin-left: -20px; }
  .titolBox {color: #212121;font-size: 16px; font-weight: 700; }
  .titolBoxTramit {color: #67155d;font-size: 15px;padding:9px 0 0 19px;text-transform: uppercase;vertical-align: middle;}
  .titolBoxTramit img {vertical-align: middle;} 

/* FONT AWESOME */ 
  .botoAutenticacio a:before,
  .titolBoxAjuda:before,
  .titolBoxAutenticacio:before,
  .titolBoxAltresServeis:before,
  .titolBoxTramitsDestacats:before,
  .titolBoxTramitsPerfils:before,
  .titolBoxTramitsTemes:before,
  .titolBoxAtencioCiutadana:before,
  .titolBoxLlegenda:before,
  .titolBoxTramitsArees:before,
  .boxLlistat .titolBoxAcces:before { margin-right: .5em; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  .botoAutenticacio a:before { content: '\f090'; }
  .titolBoxAjuda:before { content: '\f059'; }
  .titolBoxAutenticacio:before, .boxLlistat .titolBoxAcces:before { content: '\f07c';}
  .titolBoxAltresServeis::before { content: '\f085';}
  .titolBoxTramitsDestacats:before, .titolBoxTramitsArees:before { content:"\f0ea";}
  .titolBoxTramitsTemes:before,
  .titolBoxTramitsPerfils:before { content:'\f2c3';}
  /*.titolBoxTramitsTemes:before { content: ;}*/
  .titolBoxAtencioCiutadana:before { content: '\f0c0';}
  .titolBoxLlegenda:before { content: '\f02e'; }

/*.titolBoxAtencioCiutadana{background:url("../Imatges/iconAtencioCiutadana.jpg") no-repeat scroll 0 0 transparent;}*/
/*.titolBoxLlegenda{background:url("../Imatges/iconLlegenda.jpg") no-repeat scroll 0 0 transparent;}*/
/*.boxLlistat .titolBoxTramitsTemes{background:url("../Imatges/titolBoxTramitsDestacats.jpg") no-repeat scroll 0 0 transparent;}*/
/*.boxLlistat .titolBoxTramitsPerfils{background:url("../Imatges/titolBoxTramitsPerfils.jpg") no-repeat scroll 0 0 transparent;}*/
/*.boxLlistat .titolBoxAcces{background:url("../Imatges/titolBoxAutenticacio.jpg") no-repeat scroll 0 0 transparent;}*/
/*.boxLlistat .titolBoxTramitsArees{background:url("../Imatges/titolBoxTramitsDestacats.jpg") no-repeat scroll 0 0 transparent;}*/
.boxLlistat .titolBoxTramitsFetsVitals{background:url("../Imatges/titolBoxTramitsDestacats.jpg") no-repeat scroll 0 0 transparent;}
/*.templateInterior .box .titolBoxAltresServeis{background:url("../Imatges/titolBoxAltresServeis.jpg") no-repeat scroll 0 0 transparent;}*/
.boxLlistat .titolBoxMapa{background:url("../Imatges/iconTramitsLlistatMapaWeb.jpg") no-repeat scroll 0 0 transparent;}
.boxLlistat .titolBoxCerca{background:url("../Imatges/iconTramitsLlistatCerca.jpg") no-repeat scroll 0 0 transparent;}
.boxLlistat .titolBoxTramitsVideos{background:url("../Imatges/iconTramitsLlistatVideos.jpg") no-repeat scroll 0 0 transparent;}
.boxLlistat .innerBox{padding:4px 34px 4px 17px;}
.boxLlistat{ }
/*.boxLlistat .boxTop{background:url('../Imatges/boxLlistatTop.jpg') no-repeat 0 0 transparent;height:38px;width:702px;}*/
  .boxLlistat .boxBottom{margin-top: 20px;background:url('../Imatges/boxLlistatBottom.png') no-repeat 0 0 transparent;height:10px;width:702px;}
  .botoAutenticacio{background: url("../Imatges/botoAutenticacio.png") no-repeat scroll 0 0 transparent;margin: 0 auto 6px;overflow: hidden;padding-top: 36px;width: 160px; height: 26px; overflow: hidden;}
  .botoAutenticacio a{background-color: #67155d; color: #FFFFFF; border-radius: 4px; display: block;font-size: 13px;padding-bottom: 3px;text-align: center;text-decoration: none;}
  div.panelAutenticacio div.botoAutenticacio span{color:#000000;display:block;height: 23px;padding-top: 0;text-align: center;width: auto;}
  div.panelAutenticacio div.botoAutenticacio input[type=button]{display: block; width: 50px;background: none;background-color: #67155d;color: #fff;font-size: 13px;font-weight: normal;padding: 3px 12px;margin: 0px auto;text-transform: none;border: none; border-radius: 6px;}
  .enllacosCert span{/*background:url("../Imatges/asterix.jpg") no-repeat scroll 0 0 transparent;*/font-weight:700;padding-left:0;text-align:center;}
  .enllacosCert ul{font-size:13px;list-style-type:none;margin:0;padding-top:7px;}
  .enllacosCert li{line-height:17px;margin:0;text-align:center;}
  .enllacosCert li a:hover{color:#67155d;text-decoration:underline;}
  .menuAjuda{padding-top:11px;}
  .menuAjuda li{height:16px;padding-bottom:5px;padding-left:0;padding-top:3px;}
  .menuAjuda a{color:#000;font-size:12px;font-weight:700;}
  .menuAjuda a:hover{color:#67155d;}
/* .menuAjuda .faq{background:url("../Imatges/iconaAjudaPreguntes.jpg") no-repeat scroll 0 0 transparent;} 
.menuAjuda .video{background:url("../Imatges/iconaAjudaVideo.jpg") no-repeat scroll 0 0 transparent;} */
.peu{ }
/*.peu .peuTop{background:url('../Imatges/boxTop940.jpg') no-repeat 0 0 transparent;height:12px;width:940px;}
.peu .peuBottom{background:url("../Imatges/boxBottom940.jpg") no-repeat scroll 0 bottom transparent;height:9px;width:940px;}*/
.atencioCiutadana{float:left;height:auto;padding-left:3px;padding-right:4px;width:285px;}
.menuSimbols{ float: left;height: auto;padding-left: 20px;padding-right: 4px;width: 651px;}
.menuSimbols .informacio ul {padding-top:10px;}
.menuSimbols .informacio {margin-left: 0 !important;}
/*.atencioCiutadana .informacio {background:url('../Imatges/sepVet.jpg') repeat-y right 0 transparent;}*/
.contacteAjuntament{margin-top: 70px; padding-bottom: 7px;float: right;font-size: 13px;padding-left: 0;padding-right: 0;text-align: right;width: 232px;}
.peu .titolBox,.peu .informacio{margin:0px auto 0;width:222px;}
.peu .informacio ul{list-style-type:none;padding-left:0;}
.peu .informacio ul li{margin-top:4px;}
.peu .informacio{padding-bottom: 29px;}
.peu .informacioultim {padding-bottom: 0px;}
.peu .innerBox{padding-bottom:4px;}
.imatgePeu{margin-top: -15px;margin-bottom: 35px;}
.logoSemic{padding-top: 8px;margin: 10px auto; text-align:right; height:41px; font-size: 12px; opacity: .66;}
.informacio .lstInformatiu{background:url("../Imatges/simbol_Info.jpg") no-repeat scroll 0 0 transparent;}
.informacio .lstSenseCertificat{background:url("../Imatges/simbol_TramitSenseCertificat.jpg") no-repeat scroll 0 0 transparent;}
.informacio .lstAmbCertificat{background:url("../Imatges/simbol_TramitAmbCertificat.jpg") no-repeat scroll 0 0 transparent;}
.informacio .lstDocuments{background:url("../Imatges/simbol_Impresos.jpg") no-repeat scroll 0 0 transparent;}
.informacio .lstPagament{background:url("../Imatges/simbol_Pagament.jpg") no-repeat scroll 0 0 transparent;}
.informacio .icona{padding-bottom:5px;padding-left:29px;padding-top:3px;}
.templateInterior .LlistatMenu{padding-top: 17px;float:left; padding-right:4px;width:215px;}
.templateInterior .LlistatMenu ul ul { margin-top: 0.5em 0 0 1em; }
.templateInterior .LlistatMenu ul ul li:before{ content:none !important; display: none !important;}
.templateInterior .LlistatMenu ul ul li a { color: #898989; }
.LlistatTramits{box-sizing: border-box;float:left;padding-left:25px;width: calc( 100% - 245px );}

.ResultatsCercaTramits .Titol,.LlistatTramits .Titol{color:#000;display:block; font-weight:600;padding-bottom:2px;text-decoration:none;}
.ResultatsCercaTramits .DescripcioCurta,.LlistatTramits .DescripcioCurta{color:#67155d;font-size:12px;font-style:oblique;padding-bottom:3px;padding-top:3px;}
.ResultatsCercaTramits td.titol,.LlistatTramits td.titol{padding:6px 10px 0 0; font-size: 14px;}
.ResultatsCercaTramits td.img,.LlistatTramits td.img{padding-top:3px;text-align:right;}
.ResultatsCercaTramits table {width:100%;}
.LlistatTramits table{width:100%;}
.sepTramit td{border-bottom:1px solid #E4E6E8;padding-bottom:7px;padding-top:3px;  margin-bottom: 1em;}
.sepTramit td a{background-color: #e7e7e7; color: #67155d; border-radius: 4px; font-size: 14px; display: inline-block; padding: .25em .75em; margin-right: 8px; text-decoration: none; font-weight: 600; }
.sepTramit td a:hover { text-decoration: none; background-color: #67155d; }
.blockFirst{margin-top:12px !important;}
.block{margin-top:38px;padding: 0 20px;}
.DetallTramit .Botonera{margin-top:20px;}
.Botonera a,
.botonera input,
.DetallTramit .Botonera a {cursor:pointer;color: #ffffff; font-size: 14px;font-weight: 700;margin: 0 6px;padding: .5em 1em;text-align: center;text-decoration: none;text-transform: uppercase;border-radius: 4px; background-color: #67155d; border-width: 0;}
.DetallTramit .Botonera a:hover {background-color: #67155d;}
.DetallTramit .Botonera .left{float:left;}
.DetallTramit .Botonera .right{float:right;}
.DetallTramit .titolTramit img{vertical-align:top;}
.DetallTramit .introduccio ul{list-style-type:circle;margin:10px 0 10px 34px;}
.RespostaUsuari .titol{font-weight:700;}
.boxTabTitol a{border-top-left-radius: 5px;border-top-right-radius: 5px;display: block;font-size: 14px;margin-bottom: 0;padding: 6px;text-transform: uppercase;}
.boxTabTitol a.current{border-left:1px solid #8fccbb;border-right:1px solid #8fccbb;border-top:1px solid #8fccbb;color:#FFF !important;}
.boxTabTitol span{padding:1px 9px;}
.boxTabTitol {margin-bottom: 0 !important;padding: 0px !important;}
.boxTabTitol2{margin-left: 4px;background: none repeat scroll 0 0 #67155d;border-top-left-radius: 5px;border-top-right-radius: 5px;color: #FFFFFF !important;display: inline;font-size: 14px;font-weight: 700;height: 23px;margin-bottom: 0;padding: 6px !important;text-transform: uppercase;}
.boxTabTitol2 span{padding:1px 9px;}
.boxTabContingut ul{clear:both;margin:8px 0 8px 0;}
.boxTabContingut ul li {background: url("../Imatges/li3.jpg") no-repeat scroll 0 7px transparent;padding-left: 14px;}
.logoSemic img{margin-left:4px;vertical-align:middle;}
#tramitacioTab{float:left;width:365px;padding-top: 6px;}
#impressosTab{float:right;width:205px;padding-top: 6px;}
#impressosTab .boxTabTitol3 {text-transform: none;background: url("../Imatges/simbol_DescarregaImpresos.jpg") no-repeat scroll left center transparent;padding-left: 37px;}
#impressosTab ul {margin-top: 13px;padding-left: 10px;}
#impressosTab ul li {background: url("../Imatges/li4.jpg") no-repeat scroll left 3px transparent;font-size: 12px;margin-bottom: 6px;padding-left: 15px;}
#MesInformacio{color:#67155d;font-size:15px;font-style:oblique;}
.tabs li{float:left;margin-right:6px;}
.tabs{height:30px;margin-bottom: 2px;padding-left: 4px;padding-top: 3px;}
.panes .boxTab ul{clear:both;list-style-type:square;margin:8px 0 8px 20px;}

/* ********************************* */
/* NAVIGATION                        */
/* ********************************* */
#menu {margin: 0 auto;background-color: #FFFFFF; padding: 16px 0; box-shadow: 0 2px 2px rgba(0,0,0,0.03), 0 1px 0 rgba(0,0,0,0.03);}
.menu{display: block; float: left;}
.menu ul {list-style-type:none; }
.menu ul:after { content: ""; display: table; clear: both; }
.menu li {float:left; margin-right:1px;}
.menu li:first-child a { border-radius: 4px 0 0 4px; }
.menu a { height: 36px; overflow: hidden; cursor: pointer; background-color: #e7e7e7; color: #111111; display: inline-block; font-size: 14px; font-weight: normal; text-decoration: none; }
.menu a.actiu { background-color: #E4E6E8; color: #424242; }
.menu a:hover { background-color: #515151; color: #ffffff; }
.menu a.ultim{margin-right:0 !important; border-radius: 0 4px 4px 0; }
.menu a span{ padding: 8px 12px; display: block;}
.menu .sepMenu{display: block;padding-left: 22px;padding-top: 20px;text-align: left;}

.box .llistatLlarg li.extern{background:url("../Imatges/globe.png") no-repeat scroll 0 5px transparent;}
.box .llistatLlarg li.privat{background:url("../Imatges/key.png") no-repeat scroll 0 5px transparent;}
.ajuda .elementAjuda { position: relative;} 
.ajuda .elementAjuda a{color:#333;display:block;font-weight:700;padding-left:12px;}
.ajuda .elementAjuda > a { position: relative; background-color: #e4e6e8; padding: .5em 2em .5em .5em; }
.ajuda .elementAjuda > a:after { content:"\f0d7"; display: block; position: absolute; right: 10px; top: .5em;font: normal normal normal 14px/1 FontAwesome;}
.ajuda .elementAjuda > a:hover { text-decoration: none !important; background-color: #f0f0f0; }
.ajuda .elementAjuda .subgrup a {background:none;display:inline;padding-left:0px;}
.ajuda .titolspan{ font-weight:600; font-size: 16px}
.ajuda .elementAjuda{padding-top:5px; margin-left: 1em;}
.ajuda .llistaAjuda .elementAjuda ul { padding-top: 0;}
.ajuda .llistaAjuda ul{padding-left:0;padding-top:11px;}
.ajuda .subgrup{padding:12px 29px; background-color: #f0f0f0;}
.ajuda .llistaAjuda{margin-top:11px;}
.llistatVideos .elementVideo{color:#67155d;font-size:17px;font-weight:700;margin:20px 0 10px 20px;padding-left:25px;text-transform:uppercase;}
.rightCol .boxlogged{background:transparent url(../Imatges/caixalogged.jpg) no-repeat scroll center 40px;margin:8px auto 20px;}
.rightCol .boxlogged .nom{display:block;font-size:14px;font-weight:700;text-align:center;}
.rightCol .boxlogged .num{margin-bottom: 15px;display:block;margin-top:10px;text-align:center;}
.rightCol .boxlogged .boto{background: url("../Imatges/botoTramitarCertificat.jpg") repeat-x scroll 0 0 transparent; border-radius: 6px 6px 6px 6px; color: #67155d; font-size: 12px; font-weight: 700; margin: 0 12px; padding: 4px 19px 2px; text-align: center; text-decoration: none; text-transform: uppercase;border: 1px solid #8FCCBB;}
.rightCol .boxlogged .boto:hover {background-position:left top;}
.rightCol .boxlogged .estat{display:block;font-size:13px;font-weight:700;margin-top:8px;text-align:center;}
.rightCol .boxlogged .formulari{padding-top:14px;}
.seleccioRepresentat li a{border:1px solid transparent;color:#B41F24;font-style:italic;font-weight:700;padding:3px 6px;}
.seleccioRepresentat li a:hover{background:none repeat scroll 0 0 #E4F2F1;border:1px solid #67155d;color:#67155d;text-decoration:none;}
.seleccioRepresentat li a.seleccionat{background-color:#E4F2F1;border:1px solid #67155d;color:#67155d;text-decoration:none;}
.contingut .descripcio{background:#F1E3E0;border:1px solid #851637;font-style:italic;font-weight:700;margin:20px;padding:10px;}
.contingut .descripcio a{color:#851637;font-style:normal;}
.boxLlistat h3 {font-size:14px;margin-top:0;padding:8px 20px;color:#67155d;text-transform:uppercase;}
.contingut .formulari h3{font-size:14px;margin-top:0;padding:8px !important;color:#67155d;text-transform:uppercase;}
.contingut .formulari div{clear:both;margin-bottom:5px;padding:5px 5px 5px 5px;}
.contingut .formulari div label{float:left;font-weight:700;width:250px;}
/*.contingut .formulari div label.obligatori{background:url("../imatges/obligatori.gif") no-repeat scroll left center transparent;padding-left:10px;}*/
.contingut .formulari .botonera{padding:10px 0 5px 0px;}
.contingut .formulari table{background:#efefef;border:1px solid #d9d9d9;margin:5px 0px 10px 0px;width:100%;}
.contingut .formulari table th{background:#67155d;color:#FFF;font-size:12px;font-weight:700;padding:5px;text-align:center;}
.contingut .formulari table td{font-size:12px;padding:5px;}
.contingut .expedients table{background:#efefef;border:1px solid #d9d9d9;width:100%;}
.contingut .expedients table th{background:#67155d;color:#FFF;padding:5px;text-align:center;}
.contingut .expedients table td{font-size:12px;padding:2px;}
.contingut .expedients .paginacio span,.contingut .expedients .paginacio a{float:right;font-size:0.9em;margin:4px;}
div.contingut fieldset div.formulari h3{border-bottom:1px solid #666;color:#666;font-size:1.2em;margin-bottom:2px;padding-bottom:2px;padding-left:10px;}
div.contingut fieldset div.formulari label{width:200px;}
div.contingut fieldset div.formulari input.boto{margin:0 0 10px 210px;width:70px;}
div.contingut fieldset div.formulari table{border-collapse:collapse;margin:5px;width:480px;}
div.contingut fieldset div.formulari th{border:1px solid #999;color:#666;text-align:center;}
div.contingut fieldset div.formulari td{border:1px solid #999;text-align:center;white-space:nowrap;}
.contingut .botoneraSignaturaDades{margin-top:10px;}
.contingut .botoSignaturaDades{float:left;}
.contingut .enllacSignaturaDades{float:right;}
.Signant {clear:both;}
iframe{border:1px solid #CCCCCC;height:450px;width:620px;margin-left: 35px;}
.contingut .introduccioValidar{background:#F1E3E0 url(../Imatges/tick.jpg) no-repeat scroll 10px center;color:#761223;font-size:18px;font-weight:700;margin:10px 0;padding:5px 0 5px 50px;}
.contingut .portada .menuInicial .botoTramits{float:none;margin:0;}
.contingut .portada .menuInicial .explicacioTematica{border:none;float:none;font-weight:700;margin:0;padding:0;text-align:center;width:240px;}
.Rea{background:url("../Imatges/fonsreagran.jpg") no-repeat scroll center top transparent;height:224px;width:735px;}
.Rea .titol{background:url("../Imatges/fonsportadaRea.jpg") repeat-x scroll 0 0 #CCC;color:#FFF;font-size:14px;font-weight:700;height:23px;margin:0 5px;padding:9px 5px 5px 20px;}
.Rea .explicacioRea{float:left;padding:0 0 0 20px;width:397px;}
.Rea .explicacioRea p strong{font-size:17px;}
.Rea .menuRea{background:none repeat scroll 0 0 #DCE5EC;float:right;height:176px;margin-right:5px;width:313px;}
.Rea .menuRea .accesRea{background:url("../Imatges/fonsApoderamnets.jpg") no-repeat scroll center top transparent;height:34px;margin:25px auto 0;padding:21px;width:172px;}
.Rea .menuRea .accesRea a{color:#FFF;font-weight:700;text-decoration:none;}
.Rea .menuRea .informacioRea{margin:22px auto 0;text-align:center;}
.Rea .menuRea .informacioRea a{background:url("../Imatges/fletxapunts.jpg") no-repeat scroll 2px 50% transparent;color:#245C8B;font-style:italic;font-weight:700;padding-left:26px;text-decoration:none;}
h2,.contingut .introduccioSignar{font-size:19px;font-weight:700;margin-bottom:1em;}
h6,.contacteAjuntament p{font-size:12px;}
.centrat,.enllacosCert{text-align:center;padding-bottom: 24px;}
.amaga,.menuNavegacio,.templatePortada .SubGrup,.usuari .panelAutenticacio h2,.templateInterior .LlistatMenu .titolBox,.templateInterior .LlistatMenu .introduccio,.contingut .usuari .boxlogged,.panes .boxTab,.titolBoxIntro .llistat,.ocult,.contingut .portada .menuInicial p{display:none;}
.obert{color:#C21A8F;font-weight:700;}
.box .LlistaTemes ul.llistat li a:hover,.box .LlistatPerfils ul.llistat li a:hover,.templatePortada .box ul.llistat li a:hover,.box ul.llistatLlarg li a:hover,.ResultatsCercaTramits .Titol:hover,.LlistatTramits .Titol:hover{color:#67155d;text-decoration:underline;}
#enllacos a:hover,.sepTramit td a:hover{color:#e7e7e7;text-decoration:none; background-color: #67155d;}
.box .formulari span,.DetallTramit .introduccio ul li{line-height:16px;margin-left:5px;}
.box ul,.menuAjuda ul{list-style-type:none;}
.box .LlistaTemes ul.llistat li:before,.box .llistatLlarg li:before{content: ""; display: block; position: absolute; left: -17px; top: .5em; height: 8px; width: 8px; border-radius: 50%; background-color: #67155d; margin-right: 1em; }
.box .llistatLlarg .llistaAjuda:before { display: none;}
.box .llistatLlarg .segonNivell li:before { height:5px; width: 5px; }
.box .LlistaTemes.LlistatMenu ul.llistat li:before { background-color: #67155d;}
.box ul li a,.enllacosCert li a{color:#000;text-decoration:none;}
/*.panelAutenticacio h2,.rightCol h2{padding: 12px 0 0 37px;}*/
#impressosTab .boxTab,
#tramitacioTab .boxTabContingut {margin-top: 8px;}
.boxTab,.boxTabContingut{padding:10px 20px;border-radius: 6px 6px 6px 6px;}
.boxTabContingut ul li,.panes .boxTab ul li{line-height:20px;}
a:hover, .contingut .descripcio a:hover,.contacteAjuntament p a{text-decoration:none;}
div.contingut fieldset div.formulari input,div.contingut fieldset div.formulari span{width:250px;}
.botoInfoLink {margin:20px 0; text-align: center;}
div.botoInfoLink a {width:100%;height:36px;background-color: #67155d;color:#FFFFFF;font-size:14px;font-weight:600;text-decoration:none;display:block; border-radius: 4px; transition: background-color .35s ease-in;}
div.botoInfoLink a span {display: block;padding: 10px 0;}
div.botoInfoLink a:hover{background-color: #67155d;}


.DetallTramit .Botonera a,
.boxTab,.boxTabContingut,
.boxTabTitol a { border: 1px solid #67155d; }
.color1 {color:#67155d;}
.boxTabTitol a.current { }
.background1 {background:#67155d;}
.DetallTramit .Botonera a:hover, 
.color2 {color:#ffffff !important;}
.Accessibilitat p {padding: 0px 20px;}

/* Seguiment de sol·licituds */
table.historicSollicitud,
table.relacionsSollicitud { border:1px solid #d9d9d9;width:auto;width:80%;background:#ffffff !important;margin-top: 15px;margin-left:auto;margin-right:auto;}
table.historicSollicitud th,
table.relacionsSollicitud th { background:#C2C2C2 !important;color:#FFF;padding:5px;text-align:center; }
table.historicSollicitud td,
table.relacionsSollicitud td { font-size:12px; vertical-align: top; padding: 8px !important; }
table.historicSollicitud td div,
table.relacionsSollicitud td div { border: none !important; padding: 0px !important; color:#333; margin-top:0px;}
table.historicSollicitud td ul{ margin-top: -10px; list-style: none; }
table.historicSollicitud td div + ul { margin-top: 5px;}
table.historicSollicitud td li { margin-top: 5px;} 
table.historicSollicitud td li a { float: left; clear: both; margin-top: 4px; width: 100%;}
table.historicSollicitud td li a img {height:24px;margin-right:5px;margin-top:2px;float:left;border:none;margin-top:-3px;}
table.historicSollicitud td li a span {display: block;margin-left: 30px; margin-top: 4px;}
div.RespostaUsuari table.historicSollicitud { margin: 20px 0px; }
table.relacionsSollicitud td img {margin:-6px}
div.accionsSollicitud {margin: 0px auto; width: 80%;}
div.accionsSollicitud div {padding: 20px 10px 5px 10px; border-bottom: 1px dotted gray; clear: both;}
div.accionsSollicitud label { width: 78%; float: left; font-weight: 700; }
div.accionsSollicitud a { background: url('../Imatges/flecharoja.jpg') no-repeat 15px; padding-left: 40px; text-decoration:none; text-transform: uppercase; }
div.detallSollicitud div.Botonera { margin-top: 20px; text-align: center;}



table.historicSollicitud,
table.relacionsSollicitud { border:1px solid #d9d9d9;width:auto;width:80%;background:#ffffff !important;margin-top: 15px;margin-left:auto;margin-right:auto;}

/*****  Enquesta SEMIC ***************/

.DetallTramit p {margin:20px;}
.DetallTramit h3,
.DetallTramit div.formulari,
.DetallTramit table.historicSollicitud,
.DetallTramit p.infoSeguiment 	{display:none}
.DetallTramit div.Botonera 		{/*display:none*/}

.DetallTramit h3 {display:inline!important;}




/***** Pagament *****/
.SeleccioFormaPagament .formulari label { width: 240px !important; }
.SeleccioFormaPagament .formulari ul	{ float: left; width: 600px; }
.SeleccioFormaPagament .formulari > div { padding: 10px !important; } 
.SeleccioFormaPagament .Error { color: red; }

/***** Representacio *****/
.seleccioRepresentat li { margin: 10px 0px; }
.seleccioRepresentat .formulari .botonera input { padding: 0.4em 1em; text-transform: none; background-color: #67155d; }

/***** Usuari *****/
.rightCol .boxlogged .boto { display: block; width: 50px; background: none; background-color: #67155d; color: #fff; font-size: 13px; font-weight: normal; padding: 3px 12px; margin: 0px auto; text-transform: none; border: none; }
.rightCol .boxlogged .boto:before { font: normal normal normal 14px/1 FontAwesome; content: '\f090'; margin-right: .5em; }

/***** Padro ****/
.Padro .introduccio,
.Padro .tramitsPadro { display: none; }

/***** Tributacio *****/
.Tributacio .introduccio,
.Tributacio .descripcio { display: none; }

/***** Fiscalitat *****/
.Fiscalitat .boxTop+h3,
.Fiscalitat .introduccio { display: none; }
.Fiscalitat label { float: left; font-weight: 700; width: 250px; line-height: 20px; }

/***** Notificacions *****/
.Notificacions .introduccio,
.Notificacions .descripcio { display: none; }

/***** Expedients *****/
.Expedients .introduccio{ display: none; }
.Expedients .expedients table th { font-size: 12px; }

/***** Apoderaments *****/
.Apoderaments .introduccio{ display: none; }

/***** Seguiment Sollicituds *****/
.seguimentSollicitud .formulari div { margin: 0px }
.seguimentSollicitud .formulari div label { width: 125px; float: left; }
.seguimentSollicitud .formulari .botonera { margin: 0px; padding: 5px 0px 0px 125px; }
.seguimentSollicitud .formulari .botonera input { padding: 0.4em 1em; text-transform: none; background-color: #67155d; }

/***** Validar Documents *****/
.validarDocuments .formulari div { margin: 0px }
.validarDocuments .formulari div label { width: 125px; float: left; }
.validarDocuments .formulari .botonera { margin: 0px; padding: 5px 0px 0px 125px; }
.validarDocuments .formulari .botonera input { padding: 0.4em 1em; text-transform: none; background-color: #67155d; }



/* Portafirmas */
div.introduccioPortafirmas h2{font-size:19px;font-weight:700;margin-bottom:1em; border-bottom: 1px solid #E4E6E8;padding-bottom: 10px;}
div.detallPortafirma .botonera { padding-left: 267px; padding-top: 20px; padding-bottom: 20px; margin-top: 0px; }
div.detallPortafirma .botonera div#Signar, div.detallPortafirma .botonera div#Tornar, div.detallPortafirma .botonera div#Rebutjar{ display:inline; }
div.detallPortafirma h2{border-bottom: 1px solid #E4E6E8;margin-bottom: 10px; padding-bottom: 20px;}
div.detallPortafirma h3{font-size:14px;margin-top:0;padding:8px 20px !important;color:#ADC435;text-transform:uppercase;}
div.detallPortafirma .PortafirmaIntroducio{ text-align:justify; }	    
table.portafirmasPendents td {vertical-align: top; font-size: 12px; padding: 5px; text-align: left;}
div.detallPortafirma div.RebutjaComments {position: relative; left: -59px; padding-top: 20px; padding-bottom: 0px;}
div.RebutjaComments textarea {resize: none; margin-top: 20px;}
div.detallPortafirma div.RebutjaComments input { position: relative; left: 60px !important; margin-top: 20px;}
div.detallPortafirma div.RebutjaComments div.RebutjAjuda {
font-size: 12px;
letter-spacing: 0px;
word-spacing: 0px;
color: #FF0000;
font-weight: 400;
text-decoration: none solid rgb(68, 68, 68);
font-style: italic;
font-variant: normal;
text-transform: none;
}
@media screen and (max-width: 39.9375em) {
	div.detallPortafirma .botonera { padding-left: 3.875em; padding-top:  1.25em; padding-bottom:  1.25em; margin-top:  1.25em; }
	table.portafirmasPendents  {overflow-x:auto; border-collapse: collapse;  border-spacing: 0; width: 100%;border: 1px;}
	table.portafirmasPendents th, table.portafirmasPendents td {text-align: left;padding: 8px;}
	table.portafirmasPendents tr:nth-child(even){background-color: #f2f2f2}
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	div.detallPortafirma .botonera { padding-left: 22.875em; padding-top:  1.25em; padding-bottom:  1.25em; margin-top:  1.25em; }
	table.portafirmasPendents  {overflow-x:auto; border-collapse: collapse;  border-spacing: 0; width: 100%;border: 1px;}
	table.portafirmasPendents th, table.portafirmasPendents td {text-align: left;padding: 8px;}
	table.portafirmasPendents tr:nth-child(even){background-color: #f2f2f2}
}
	

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
	div.detallPortafirma .botonera { padding-left: 20.875em; padding-top:  1.25em; padding-bottom:  1.25em; margin-top:  1.25em; }
	table.portafirmasPendents  {overflow-x:auto; border-collapse: collapse;  border-spacing: 0; width: 100%;border: 1px;}
	table.portafirmasPendents th, table.portafirmasPendents td {text-align: left;padding: 8px;}
	table.portafirmasPendents tr:nth-child(even){background-color: #f2f2f2}
}
/* modificacions carpeta responsive
    ---------------------- */
.container {
    max-width: 1170px;width: 100%;
}

/***** head *****/
@media screen and (max-width: 25.9375em) {
  .cercador .textBoxCerca {width: 82% !important;}
  .cercador .botoCercar {width: 10%;}  
}
@media screen and (max-width: 39.9375em) {
  #enllacos {text-align:center;}
  #enllacos .pull-left {float:none;}
  #menu {padding:16px;}
  .menu,
  .cercador {float:none;display:block;width:100%;}
  .menu {margin-bottom: 1em;}
  .menu li {float:none;display:block;text-align:center;margin:0 0 1px 0;}
  .menu li a {border-radius:0 !important;display:block;}
  .cercador .textBoxCerca {width: 85%;}
  .cercador .botoCercar {width: 10%;}
  .cap *{text-align:center;}
  .cap .logoCap {margin:0;padding:16px;}
  .cap .logoCap img {max-width: 100%;}
  .cap .logoCap,
  .cap .titolCap {float:none;display: block;}
  .cap .titolCap {padding:0 0 0.5em 0;font-size: 32px;}

  .cap {
    background-position:right top;}
  }

@media screen and (min-width: 40em) and (max-width: 52.75em) {
  #menu {text-align: center;}
  .menu {float: none;margin-bottom:1em;}
  .menu li {float: none;display: inline-block;margin-right: -2px;}
  .cercador {float: none;display: inline-block;}
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  #menu {padding:16px;}
  .menu a {font-size: 12px;}
  .titolCap {font-size: 32px;padding-top: 62px;}
}
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  #menu {padding:16px;}
}

/***** cos *****/
@media screen and (max-width: 39.9375em) {
  .cos {padding:16px !important;}
  .cos .centerCol,
  .cos .rightCol {float: none;width:100%;margin-bottom:2em;}
  .cos .rightCol .column {float: none;width:100%;margin-right:0;min-height: auto;}
  .cos .portada .box1 {float: none;width: 100%;}
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .cos {padding:16px !important;}
  .cos .centerCol,
  .cos .rightCol {/*float: none;*/width:100%;margin-bottom:2em;}
  .cos .rightCol .column {float: left;width:31%;margin-right:16px;min-height: 260px;}
  .cos .rightCol .column:last-child {margin-right:0px;}
  .cos .rightCol .column .botoInfoLink {margin: 0px 0 20px;}
}
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .cos {padding:16px !important;}
}

/***** peu *****/
@media screen and (max-width: 39.9375em) {
  .peu .atencioCiutadana,
  .peu .menuSimbols,
  .peu .contacteAjuntament {/*float:none !important;*/width: 100% !important;margin-bottom:3em;text-align:left;}
  .peu .informacio {margin:0;padding-bottom:16px;float:none;}
  .contacteAjuntament {margin-top: 0px;}
  .logoSemic {text-align: center;}
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .peu .atencioCiutadana,
  .peu .menuSimbols,
  .peu .contacteAjuntament {width: 30%;}
}
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  
}

.contingut .anotacionsRegistre .paginacio span, .contingut .anotacionsRegistre .paginacio a {
    float: right;
    margin: 4px;
    font-size: 0.9em;
}

/* VidSigner */
.botoneraSignaturaDades { margin: 0px; padding: 0px; }
div.VidSigner { margin-left: 20px; }
div.VidSigner .Message { display: block; margin: 5px 0px 10px; color: red; }
div.VidSigner div { padding: 5px 0px; }
div.VidSigner div label { float: left; width: 255px; padding-top: 3px; font-size: 13px; font-weight: bold; }
div.VidSigner div input { width: 150px; height: 16px; }
div.VidSigner div input:first-of-type { width: 400px; }
div.VidSigner div select { width: 405px; height: 22px; }
.botoneraSignaturaDades.Botonera.Espera { margin-bottom: 40px; }
div.VidSigner .Botonera { padding-left: 250px; }
.Botonera .botoSignaturaDades { text-transform: none; }

/*Actualitzacio 08/07/2021*/
@media screen and (max-width: 640px){
  .cap .titolCap {font-size: 15px;}
  .templateInterior .LlistatMenu{float: none; width: 100%;}
  .LlistatTramits{width: 100%;}
  .DetallTramit p{word-break: break-word;}
  .peu .menuSimbols{max-width: calc(100vw - 60px);}
}
@media screen and (max-width: 763px){
  .sepTramit td a {margin-bottom: 8px;}
  .DetallTramit .Botonera .left, .DetallTramit .Botonera .right{float: none;}
  .Botonera a, .botonera input, .DetallTramit .Botonera a{display: flex;margin-bottom: 8px;float: none;}
  div.panelAutenticacio.valid div.botoAutenticacio{margin-left:0;}
  .DetallTramit h3{display: flex !important; width: fit-content;}
  .boxTabTitol2{height: auto !important;}
  .boxLlistat .boxBottom{width:calc(100vw - 62px) ;}
}