/* Add here all your css styles (customizations) */
.contingut {
	background-color: #FFFFFF !important;
}
.carousel-control 			 { width:  4%; }
.carousel-control.left,.carousel-control.right {background-image:none;}
.iguala-sup {
	min-height: inherit; }
.iguala-inf {
	min-height: inherit; }
		.iguala-infright {
	min-height:inherit; }


@media (max-width: 767px) {
	.carousel-inner .active.left { left: -100%; }
	.carousel-inner .next        { left:  100%; }
	.carousel-inner .prev		 { left: -100%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }
	.carousel-control {
	color:#fff;}

}
@media (min-width: 767px) and (max-width: 992px ) {
	.carousel-inner .active.left { left: -50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev		 { left: -50%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }
	.active > div:first-child + div { display:block; }
		.carousel-control {
	color:#019F92;}
}
@media (min-width: 992px ) {
	.carousel-inner .active.left { left: -25%; }
	.carousel-inner .next        { left:  25%; }
	.carousel-inner .prev		 { left: -25%; }
	.carousel-control {
	color:#019F92;}	
	.mar-top-2em {
	margin-top: 2em;}	
	
	.iguala-sup {
	min-height:352px; }
	.iguala-inf {
	min-height:315px; }
		.iguala-infright {
	min-height:687px; }
}

.carousel-inner>.item {
    -webkit-transition: 1s ease-in-out left;
    -o-transition: 1s ease-in-out left;
    transition: 1s ease-in-out left;
}

#myCarousel .thumbnail {
	margin-bottom: 0;
}
.carousel-control.left, .carousel-control.right {
	background-image:none !important;
}
.carousel-control {
	/*top:40%;*/
	top:40%;
	bottom:auto;
	padding-top:4px;
	width:30px;
	height:30px;
	text-shadow: 0 0px 0px rgba(0,0,0,.6);
	font: 100 100 100 14px/1 FontAwesome !important;
	opacity:0.5;
	color: #FFFFFF;
	font-weight: 100!important;
}
.carousel-control:hover {
	color: #FFFFFF;
}
.carousel-control.left, .carousel-control.right {
	background-image:none !important;
	font-weight: 100!important;
}
.carousel-control.right {
	left:auto;
	/*right:-32px;*/
	right: 5px;
	font-weight: 100!important;
}
.carousel-control.left {
	right:auto;
	/*left:-32px;*/
	left: 5px;
	font-weight: 100!important;

}

/* Carousel Fading slide */
.carousel-fade .carousel-inner { /*background: #000;*/ }
.carousel-fade .carousel-control { z-index: 2; }  
.carousel-fade .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  }

  .carousel-fade .next.left,
  .carousel-fade .prev.right,
  .carousel-fade .item.active { opacity: 1; }

  .carousel-fade .active.left,
  .carousel-fade .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
    }


/* Safari Fix */
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}







/* Carouse Indicator */
.carousel-indicators li.active,
.carousel-indicators li { border: 0; }

.carousel-indicators li {
  background: #666;
  margin: 0 3px;
  width: 10px;
  height: 10px;
  }

.carousel-indicators li.active {
  /*background: #fff;*/
  background: #019F92;
  margin: 0 3px;
  }



.carousel-caption {
    position: absolute;
    right: 5%;
    top: auto;
    bottom: 0;
    left: 5%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #FFF;
    text-align: left;
    text-shadow: none ;
}

.carousel-caption  h2 {
    font-family: 'Open Sans Light', Arial, Helvetica, serif;
    font-weight: 100;
	font-size: 45px;
	color: #FFF;
	line-height:  45px;
	padding-bottom: 0px; 

}

.carousel-caption  h3 {
    /*font-weight: normal;*/
    font-family: 'Open Sans Light', Arial, Helvetica, serif;
    font-weight: 100;
	font-size: 35px;
	color: #FFF;
	line-height:  35px;

}

@media (max-width: 767px) { 
	.carousel-caption p {
		display: none;
	}
	h2 {	
	padding-bottom: 0em;
}
	p.captionbutton {	
	 display: block;
	 margin-top: 10px;
	}
	.carousel-caption {
    
    
    right: 10%;
     left: 10%;
	}

	.carousel-caption  h2 {
	font-size: 22px;
	line-height:  20px;	
	}
	.carousel-caption  h3 {
	font-size: 18px;
	line-height:  16px;	
	}		
}

.carousel-indicators {
	bottom:-30px;
}
.carousel-indicators li {
	border-radius:0;
	width:10px;
	height:10px;
	background:#ccc;
	border:1px solid #ccc;
}
.carousel-indicators .active {
	width:12px;
	height:12px;
	background:#019F92;
	border-color:#019F92;
}
.spadding {
padding-left:1px; padding-right:1px;
}

.aunclic { 
margin-top:0px; 
padding-top:0px; 
-webkit-margin-before: 0em;
-webkit-padding-start: 0em;
}

h2.2F2F2F {
  color: #2F2F2F;
}
h3.operadors {
  color: #2F2F2F;
  font-size:16px;
  -webkit-margin-after: 0em;
}
.peu {
  border-top:1px solid #BEBEBE;
}
.final {
  -webkit-margin-after: 1em;
}


 .inline-group
 {
	margin: 0 -30px -4px 0;
}
 .inline-group:after {
	content: '';
	display: table;
	clear: both;
}
 .inline-group .radio,
.inline-group .checkbox {
	float: left;
	margin-right: 30px; font-weight:normal;
}
 .inline-group .radio:last-child,
.inline-group .checkbox:last-child {
	margin-bottom: 4px;
}

.lang li {

margin-left: 8px;

}
.menu-left {
	visibility: hidden;
	display:none;
}
@media (min-width: 999px ) {
.menu-left {
	visibility:visible;
	display: block;
	background:#E9E9E9;
	border-top: #C9C9C9 solid 7px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 9999px;
  margin-bottom: -9999px;
  height: 100%;
background: rgba(233,233,233,1);
background: -moz-linear-gradient(left, rgba(233,233,233,1) 0%, rgba(233,233,233,1) 94%, rgba(215,215,215,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(233,233,233,1)), color-stop(94%, rgba(233,233,233,1)), color-stop(100%, rgba(215,215,215,1)));
background: -webkit-linear-gradient(left, rgba(233,233,233,1) 0%, rgba(233,233,233,1) 94%, rgba(215,215,215,1) 100%);
background: -o-linear-gradient(left, rgba(233,233,233,1) 0%, rgba(233,233,233,1) 94%, rgba(215,215,215,1) 100%);
background: -ms-linear-gradient(left, rgba(233,233,233,1) 0%, rgba(233,233,233,1) 94%, rgba(215,215,215,1) 100%);
background: linear-gradient(to right, rgba(233,233,233,1) 0%, rgba(233,233,233,1) 94%, rgba(215,215,215,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#d7d7d7', GradientType=1 );}

ul.menu-list  li ul li {
	visibility:visible;
	display: block;
	background:#F6F6F6;
background: rgba(246,246,246,1);
background: -moz-linear-gradient(left, rgba(246,246,246,1) 0%, rgba(246,246,246,1) 94%, rgba(215,215,215,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(246,246,246,1)), color-stop(94%, rgba(246,246,246,1)), color-stop(100%, rgba(215,215,215,1)));
background: -webkit-linear-gradient(left, rgba(246,246,246,1) 0%, rgba(246,246,246,1) 94%, rgba(215,215,215,1) 100%);
background: -o-linear-gradient(left, rgba(246,246,246,1) 0%, rgba(246,246,246,1) 94%, rgba(215,215,215,1) 100%);
background: -ms-linear-gradient(left, rgba(246,246,246,1) 0%, rgba(246,246,246,1) 94%, rgba(215,215,215,1) 100%);
background: linear-gradient(to right, rgba(246,246,246,1) 0%, rgba(246,246,246,1) 94%, rgba(215,215,215,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F6F6F6', endColorstr='#d7d7d7', GradientType=1 );
padding-left:10px;}

}

.wrap-col {
overflow: hidden;
}
.row-height {
	padding-bottom: 9999px;
  margin-bottom: -9999px;
}

#lista-numerada ol {
  counter-reset: capitulo;
  list-style-type: none; 	PADDING-LEFT: 0px;
 }
 
#lista-numerada li  {
  color:#2B2B2B;
  font-size:1.3em;
  FONT-WEIGHT: bold;
  margin-top:20px; 
 }
 
#lista-numerada li li {
  color:#2B2B2B;
  font-size:0.75em;
  FONT-WEIGHT: normal; 
    margin-top:0px; 
 }
#lista-numerada li li:before {
  counter-increment: capitulo;               /* Increment the capitulo counter*/
  content: counter(capitulo) ". ";
  color:#2B2B2B;
  font-size:1.3em;
  FONT-WEIGHT: bold; 
 }
 #lista-numerada span {
	display: inline;


 }
 #lista-numerada li {
	padding-bottom: 10px; /*PADDING-LEFT: 25px;*/
 }
  #lista-numerada ol ol {
	padding-top: 5px;
	text-align: justify;
 }
 
ol.lista-numerada  {
  counter-reset: capitulo;
  list-style-type: none; 	PADDING-LEFT: 20px;
 }
 
ol.lista-numerada li:before {
  counter-increment: capitulo;               /* Increment the capitulo counter*/
  content: counter(capitulo) ". ";
  color:#2B2B2B;
  font-size:1.3em;
  FONT-WEIGHT: bold; 
 }
.table.docs {

margin-bottom:3em;
} 
 
.table.docs thead > tr > th {
border-bottom: none;
border-bottom: 1px dotted #2d2d2d;
font-size: 1.3em;
} 
 
.table-striped.docs>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
background-color: #EEEEEE;
}
.table.docs>tbody>tr>td, .table-striped>tbody>tr:nth-child(odd)>th {
background-color: #EEEEEE;
}
 .table.docs>tbody>tr>td  {
line-height: 1.42857143;
vertical-align: middle;
border-top: 0px solid #ddd;
border-bottom: 1px dotted #2d2d2d;
 }
 
 .table.docs>tbody> tr > td {
	font-weight: normal;
	/*font-size:0.8em;*/
	text-align:center;
	padding: auto auto;
	
} 

 .table.docs>tbody> tr > td:first-child {
	padding:4px 8px ; 
	font-weight:bold;
	/*font-size:0.9em;*/
	text-align: left;
}

.table.docs>tbody> tr > td a {
	color: #2d2d2d;
	display:block;
	text-align:center;
	opacity: 1;
}
.table.docs>tbody> tr > td a:hover {
	opacity: 0.7;
}
.table.docs>tbody> tr > td a img {
	text-align:center;
	float:none;
	clear:both;
	margin:8px auto;
}

@media (min-width: 992px ) {
.ico-doc { }

}
@media (max-width: 991px ) {
.ico-doc { max-width: 34px;}

}

.sap-active a {
 color:#14807D;
}
.cbp-caption-defaultWrap {
 border:#CCC 1px solid;
}


/*estructura organitzativa
------------------------------------*/ 
.organs .dl-horizontal a {
	color: #555;
}

.organs  .dl-horizontal { 
	margin-bottom: 15px;
	overflow: hidden;
}

.organs  .dl-horizontal dt { 
	width: 40px; 
	float: left;
	
}

.organs  .dl-horizontal dt img { 
	width: 40px; 
	height: 40px;
	padding: 2px;
	margin-top: 2px; 
	border: solid 1px #ddd;
}

.organs .dl-horizontal dd { 
	
	margin-left: 0px;
	
	color: #019587;
	font-size: 16px;
	margin-bottom: 30px;
}

.organs .dl-horizontal dd span{top: 3px;
position: relative;
}

.organs .dl-horizontal dd em {
color: #333;
display: block;
font-size: 13px;
font-style:normal;
}

.organs .dl-horizontal dd a {
	font-size: 14px;
	line-height: 16px !important; 
}

.organs .dl-horizontal dd a:hover { 
	color: #019588; 
	text-decoration: none;
}

.presus tfoot > tr > th {
    white-space: nowrap;
	border-top:#000 1px solid;
	border-bottom: #000 double;
  }
  

    ol.llista { list-style: decimal inside;
	overflow: auto; }

.llista .list-group-item {
 display: list-item; 
 }
 
 .table>tbody>tr>td.padding-left-24 { padding-left: 24px;}

.llistat {
	border-top: 1px solid #dddddd;
	border-left: none;
	border-right:  none;
	border-bottom: 1px solid #dddddd;
	margin-top:20px;
	/*font-size:1.1em;*/
}

.llistat .fa-file-o {
	font-size:0.9em; margin-right:8px;
}

.llistat .fa-list-ul {

	font-size:0.9em; margin-right:6px;
}

.panel>.table-donwload>tbody>tr>td {
	border-top: 1px solid #dddddd;
	border-left: none;
	border-right:  none;
	border-bottom:  none;
}
 
.btn-donwload {
   border: 0;
   color: #fff;
   cursor: pointer;
   /*font-size: 14px;
   font-weight: 400;
   padding: 6px 13px;*/
   padding: 3px 8px;
   margin-top:-3px;
   margin-bottom:-3px;
   position: relative;
   background: #4EB5AC;
   white-space: nowrap;
   display: inline-block;
   text-decoration: none;
   font-size:0.9em;
}
.btn-donwload:hover,
.btn-donwload:focus,
.btn-donwload:active {
  color: #fff;
  text-decoration: none;
  background: #019588;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn-donwload .textbt {
	visibility: hidden;
	display:none;
}
@media (min-width: 768px ) {
.btn-donwload .textbt {
	visibility:visible;
	display: inline;
}
}

.menullistat,
.premsa {
 display: list-item; 
 }
 .menullistat  li {
 padding: 2px 0px;
 }
.premsa li {
 padding: 2px 0px 2px 16px;
 }
 
.premsa  li:before {    
font-family: 'FontAwesome';
content: '\f016';
margin:0 10px 0 -21px;

}
.calendari li {
 padding: 2px 0px 2px 16px;
 }
.calendari  li:before {    
font-family: 'FontAwesome';
/*content: '\f133';*/
content: '\f073';
margin:0 10px 0 -21px;

}
.ubicacio li {
 padding: 2px 0px 2px 16px;
 }
.ubicacio  li:before {    
font-family: 'FontAwesome';
content: '\f041';
margin:0 10px 0 -21px;

}
.descarrega li {
 padding: 2px 0px 2px 16px;
 }
.descarrega  li:before {    
font-family: 'FontAwesome';
content: '\f019';
margin:0 10px 0 -21px;

}

  .menullistat  li .fa {
 padding-right:7px;
 }
  .menullistat  li .fa-chevron-circle-right {
 color:#019587;
 }
 
.itransmet tr:nth-child(odd) {
   background-color: #FFFFFF;
}

.itransmet tr:nth-child(even) {
   background-color: #E9E9E9;
}

#empreses .team .thumbnail-style { 
	padding: 0px;
	margin-bottom: 20px; 
}

#empreses .team .thumbnail-style img {
margin-bottom: 0px;

}

#empreses .team .thumbnail-style h3 {
	font-size:1.2em;	
	line-height: 1.2em;
}

.table-titols  {
          margin-left: 2%;
          width: 96%;
          text-align: center;
          font-weight: bold;
         
         }
         .table-titols>thead>tr>th  {
          background-color: #FFFFFF;
          text-align: center;
          color: #019587;
              padding-bottom: 6px;
         }
.table-titols>thead>tr>th span {
        border-bottom: 2px solid #019587;
        padding: 0px 8px 6px;
  }


.table-titols>tbody>tr td {
    background: #e7e7e7;
    background-image: url("https://www.atm.cat/web/assets/img/separador.gif");
    background-repeat: no-repeat;
    background-position: center right;
    border: 0px solid #e7e7e7;
}
         
  .table-titols>tbody>tr td:last-child  {
          background-color: #e7e7e7;
              border: 0px solid #FFFFFF;
              border-right: 0px solid #acacae;
              border-radius: 0px 16px 16px 0px!important;
              background-image:none;
          
         }
    .table-titols>tbody>tr td:first-child  {
          background-color: #e7e7e7;
          border-left:  0px solid #acacae;
          border-radius: 16px 0px 0px 16px!important; 
          
         }       
    @media print {
       /* Todas las reglas Css */
	   .backstretch {
		   display:none;

}
    }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    color: #333;
}

#container-cookie									 { height:auto; margin:0 auto; padding:7px 0 10px 0; max-width:1170px; }
#container-cookie .text-cookie						 { color:#FFFFFF; font: 13px Helvetica, Arial, sans-serif; font-weight:regular; height:auto;  line-height:21px; display:block; padding:5px 5px 5px 10px; max-width:1124px; margin:0 auto;  }
#container-cookie .buttons							 { display:block; float:right; margin:0 0 5px 5px; vertical-align:top; }
#container-cookie .text-cookie a					 { color:#00837B; font-weight:bold; text-decoration:underline; }
#container-cookie .text-cookie a.button-acceptcookie { background:#0179b9; background:-moz-linear-gradient(top,#1089ca 0,#0179b9 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1089ca),color-stop(100%,#0179b9));background:-webkit-linear-gradient(top,#1089ca 0,#0179b9 100%);background:-o-linear-gradient(top,#1089ca 0,#0179b9 100%);background:-ms-linear-gradient(top,#1089ca 0,#0179b9 100%);background:linear-gradient(to bottom,#1089ca 0,#0179b9 100%); display:inline-block; border-radius:5px; color:#fff; padding:8px 25px; text-decoration:none; }
#container-cookie a.button-acceptcookie:hover		 { background:#0179b9; background:-moz-linear-gradient(top,#0179b9 0,#1089ca 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#0179b9),color-stop(100%,#1089ca));background:-webkit-linear-gradient(top,#0179b9 0,#1089ca 100%);background:-o-linear-gradient(top,#0179b9 0,#1089ca 100%);background:-ms-linear-gradient(top,#0179b9 0,#1089ca 100%);background:linear-gradient(to bottom,#0179b9 0,#1089ca 100%); }
#container-cookie a.button-closecookie				 { -webkit-transition: opacity 0.5s ease; -moz-transition:opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition:opacity 0.5s ease; background: url(../img/fda_ico_clean.png) no-repeat 0 0; display:block; height:24px; position:relative; text-indent:-9999px; width:24px;  }
#container-cookie a.button-closecookie:hover		 { opacity:0.5; }
#container-cookie a.button-closecookie:active		 { background-position:0 -34px;}
.overflow-blocked{overflow:hidden;}
.popin-content{text-align:left;}
#container-screen 									 { 
    -webkit-box-shadow: 2px 1px 0px #7D7D7D;
    -moz-box-shadow: 2px 1px 0px #7D7D7D; box-shadow:2 1px 0px #7D7D7D; }
#container-screen									 { background:#000000; opacity:0.8; box-shadow:0px -2px 5px #000000; -webkit-box-shadow: 0px -2px 5px #000000;
    -moz-box-shadow: 5px 5px 0px #7D7D7D; height: auto; left: 0; min-height:35px; position:fixed; bottom: 0; width: 100%; z-index:100000; }
	

.btn-banner {
   border: 0;
   color: #313131;
   font-size: 14px;
   cursor: pointer;
   font-weight: bold;
   padding: 15px 0px 15px 12px;
   position: relative;
   background: url('https://www.atm.cat/web/assets/img/banners-laterals/bg-btn-banner.png') #FFFFFF no-repeat ;
   background-position: right;
   white-space: nowrap;
   display: inline-block;
   text-decoration: none;
   width: 100%;
   text-align: left !important;
   opacity: 1;
   filter: alpha(opacity=100);
}

.btn-banner:hover {
  color: #019588;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

/*------ESTILS HEADER-----
---------------------------*/
 div.gsc-control-searchbox-only {
      padding: 0px 0px 0px 0px !important;
	  width:300px; 
	  line-height: 1;
	  margin-right:0px; margin-left:auto;
    }
    div.gsc-control-cse {
      padding: 0px 0px 0px 0px !important;
	  width:100%; 
	  line-height: 1;
	  margin-right:0px; margin-left:auto;
    }
	.gsc-search-box table {
  max-width:300px; 
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 6px;
}
.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top, .gsc-result-info  {
padding-left: 0px;
}
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
    border-color: #58b9b0;
    background-color: #58b9b0;
    background-image: none;
    filter: none;
}
input.gsc-search-button-v2 {
    width: 13px;
    height: 13px;
    padding: 6px 27px;
    min-width: 13px;
    margin-top: 2px;
}
input.gsc-search-button {
    font-family: inherit;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    padding:4px;
    height: 24px;
    min-width: 24px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-color: #00837B;
    background-color: #00837B;
    
}

@media (min-width: 768px) {
.header .navbar-brand {
    margin-top: 0;
    top: -55px;    display: none !important;
}
.navbar-header, .header .container-fluid > .navbar-header, .header .container > .navbar-collapse, .header .container-fluid > .navbar-collapse {
     margin-bottom: -31px; 
}
}
.header .navbar-default .navbar-nav > li > a, .header .navbar-default .navbar-nav > li > a:focus{
	    padding: 10px 15px 10px 15px;
		font-size:14px;
	}

.topbar{ 
    margin-top: 10px;
    margin-bottom: 10px;
}

.logoMD { 
  display: inline-block; 
}

@media (max-width: 768px) {
.topbar {
    margin-top: 0px !important;
    margin-bottom: 10px;
}

 .logoMD { 
    display: none !important;
}
}

.navbar-brand { 
     display: inline-block; 
    

}

.wrapper {
  background: rgba(255, 255, 255, 0.0);
}


.rounded { border-radius: 16px !important; padding-left: 20px; padding-right: 20px;}


.modal-dialog  {
    margin: 12% auto 20px !important;
}


@media (min-width: 768px) {
.modal-dialog {
    width: 600px;
    margin: 12% auto 30px;
}

}

 .bs-butlleti-modal-sm .modal-content {
    position: relative;
    background-color: #e7edea;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    border-radius: 15px !important;
    background-image: url("https://www.atm.cat/web/assets/img/butlletinsATM/Popup-bg.png"); 
    background-position: left bottom; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
}
.bs-butlleti-modal-sm .modal-header {

    padding: 15px 15px 30px;

}
.bs-butlleti-modal-sm .modal-body {
    padding: 0px 15px 15px;
}

.bs-butlleti-modal-sm .close {

    font-size: 24px;

    }

/*Fancy para persianas */
.cbp-item-fancy {
  width: 140px;
  height: 99px;
  float: left;
  list-style-type: none;
  margin: 5px;
} 

@media (max-width: 767px) {
.cbp-item-fancy {
  width: 125px;
  height: 88px;
  
} 
} 

.cbp-item-fancy .cbp-caption-activeWrap:hover {
    background: rgba(255,255,255,0.9) !important;
    transition: opacity .8s cubic-bezier(.190, 1.000, .220, 1.000);

}

.cbp-item-fancy .cbp-l-caption-icon i {
    color: transparent;
    font-size: 22px;
}
.cbp-item-fancy:hover .cbp-l-caption-icon i {
    color: #555;
    font-size: 22px;
} 

/*-------*/