/* Custom css AICE by www.futura-tc.com */

@font-face {
    font-family: 'LatoRegular';
    src: url('../fonts/lato-regular.eot');
    src: url('../fonts/lato-regular.eot') format('embedded-opentype'),
url('../fonts/lato-regular.woff') format('woff'),
url('../fonts/lato-regular.ttf') format('truetype'),
url('../fonts/lato-regular.svg#LatoRegular') format('svg');
}

@font-face {
    font-family: 'LatoBold';
    src: url('../fonts/lato-bold.eot');
    src: url('../fonts/lato-bold.eot') format('embedded-opentype'),
url('../fonts/lato-bold.woff') format('woff'),
url('../fonts/lato-bold.ttf') format('truetype'),
url('../fonts/lato-bold.svg#LatoBold') format('svg');
}

@font-face {
    font-family: 'LatoLight';
    src: url('../fonts/lato-light.eot');
    src: url('../fonts/lato-light.eot') format('embedded-opentype'),
url('../fonts/lato-light.woff') format('woff'),
url('../fonts/lato-light.ttf') format('truetype'),
url('../fonts/lato-light.svg#LatoLight') format('svg');
}


/* GENERAL */
body { background:#f1f1f1; font-family:LatoRegular; line-height: 16px; color:#000;}
.container { padding:10px; background:#fff}
p { font-size:14px}

a {color:#007be5}
a{color:#62b0bf}
a:hover {color:#015caa}
a:hover{color:#62b0bf}

strong, b {font-family: 'LatoBold';}

div.imatge{ position:relative;margin-bottom: 10px; }
div.imatge span { position:absolute; bottom: 0px; right:0px;  z-index:100; background:#000;  display:block; color:#fff; font-size:10px; padding:2px; opacity:0.6;filter:alpha(opacity=60); /* For IE8 and earlier */}
div.imatge span i{ font-style: normal;}

div.imatge img {max-width: 100%; height:auto  }
span.data { background:#FFF; }

.blue { background-color:#2976cb}
.green { background-color:#1eae33}
.orange { background-color:#f1651d}
.red { background-color:#d72e00; }

.orange { background-color:#e74f5e;}
.green { background-color:#357d2b;}
.blue { background-color:#62b0bf}


a.btn,
a.btn:hover{
	color: #333333;
}
.foto{ margin-top:6px}

select{ width:98%}

/*TYPO*/  /*destacat  noticia objetivos-asociacion*/
h1, h2 {font-family:LatoBold;}
.brand h1 {margin: 0;}
h2 { font-size:26px;  line-height:26px; margin-top:0px; /*font-weight:normal; font-style:normal*/}
h4 { font-size:17px; font-weight:normal;}


/* HEADER */
.header { margin-bottom:20px;}
.header .brand { float:right; }
.header .brand img{
	max-width: 406px;
}
@media (max-width: 767px) {.header {  height: auto;}.header .brand {float: none;margin-top: 30px;display: block;}.utilitats .input-append .btn {height: 30px!important;}}
.utilitats { display:block; min-width:200px}
.utilitats span { display:block; margin:30px 18px 8px 2px; padding-top:6px }

.utilitats .input-append input{ height: 12px; }
.utilitats .input-append .btn {height: 22px; padding:0px 8px}
.ver-todas { }

.nav { margin-bottom:0px}
.nav > li > a { font-family:'LatoBold'; font-size:15px; color:#fff; font-weight:normal}
.nav li a:hover  { background:none}
.nav li {  background: rgb(153, 153, 153); margin-bottom: 5px;padding: 5px 10px; color:#fff}
.nav li:hover, .nav li.active {background: #2976cb}


#google_language_translator {min-height: 1px;}

.carousel {margin-bottom: 10px;}
.carousel-control { width:20px;  top:45%;  opacity: 0.3;filter: alpha(opacity=30); border:2px solid #ffffff; font-size: 40px;}
.carousel-control.left { left:10px}
.carousel-control.right { right:10px}




.pager ul{ margin: 0 0 0 0;}
.pagination .previous{}
.pagination .next{}
.pager ul > li > a { border:none;}
.pagination-small ul > li > a { font-weight:bold;}
.pager ul > .active > a { color:#000;}

.titol{ background: url(../img/fons-punts-horitzontal.png) repeat-x bottom; margin:0 0 10px 0; padding:0 0 10px 0;}
.titol h3{font-family: 'LatoRegular'; color:#060606; font-size:14px; line-height: 20px; text-transform:uppercase;  margin:0; padding: 0 0 0 0; font-weight:normal}

.documentos{/* padding:14px 0 0 0*/}
.documentos .titol h3 { background: url(../img/documentos-icon.png) no-repeat 0px 4px; padding: 0 0 0 28px;}
.enlaces{/* padding:14px 0 0 0;*/}
.enlaces .titol  h3 { background: url(../img/enlaces-icon.png) no-repeat 0px 4px; padding: 0 0 0 28px;}
.videos{/* padding:14px 0 0 0;*/}
.videos .titol h3 { background: url(../img/videos-icon.png) no-repeat 0px 4px; padding: 0 0 0 28px;}

.videos .span2 .imatge  { position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;margin-bottom: 10px;}

.videos .span2 iframe {position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;}


.listado { padding:14px 0 0 0; margin-bottom:10px}
.listado ul{ list-style-type:none; margin: 10px 0 0 0; padding: 0 0 0 0;}
.listado ul li { line-height:17px; margin-bottom:5px}


.redes-tematicas ul { margin-left:10px}
.redes-tematicas ul li { line-height:17px; margin-bottom:5px; padding:5px 20px; font-size:16px; background:url(../img/fletxa.png) no-repeat 0 7px;}


/* NOTICIES */
 .notis img, .notisdos img, .noti-sola-acividades img{ margin-bottom:10px;}
.destacat h2 { font-size:26px;  line-height:26px; margin-top:0px; font-weight:normal; font-style:normal} /* ojo */
.noti { background: url(../img/fons-punts-horitzontal.png) repeat-x bottom;  min-height:350px;  }
.noti h2 { font-size:18px;  line-height:18px; font-weight:normal; margin-top:0px}
.noti p { padding-bottom:10px; font-size:12px}

.videos .noti { min-height:220px; }

.video-container{
	height: 0;
overflow: hidden;
padding-bottom: 56.25%;
padding-top: 0 !important;
position: relative;
margin-bottom: 10px;
}

div.notis .row {background: url(../img/fons-punts-horitzontal.png) repeat-x bottom; /* background: url(../img/fons-punts-vertical.png) repeat-y 50.8%; */padding-top:0px; padding-bottom:0px; margin-bottom:6px; margin-top:6px/* margin-top:0;*/}
div.notistres .row { /*background: url(../img/fons-punts-vertical.png) repeat-y 34%;*/ padding-top:0px; padding-bottom:0px; margin-bottom:6px; /*margin-top:6px*/ margin-top:0;}
div.notistres .sep { height:100%; width:100%; background: url(../img/fons-punts-vertical.png) repeat-y 67.4%; padding-top:0px; padding-bottom:0px; margin:0;}


div.notisdos .row { background: url(../img/fons-punts-vertical.png) repeat-y 50%; padding-top:0px; padding-bottom:0px; margin-bottom:6px; margin-top:0;}
div.notisdos div.imatge{ position:relative;  }

.sep:before,
.sep:after {
  display: table;
  content: "";
  line-height: 0;
}
.sep:after {
  clear: both;
}



div.destacat { background: url(../img/fons-punts-horitzontal.png) repeat-x 10px bottom; padding-bottom:20px }
div.destacat .row { background:none}

.buscador-noticias { margin: 0 0 10px 0; padding:1px 0 1px 0;  color:#FFF;}
.buscador-noticias h2{font-size:14px; text-transform:uppercase; line-height:16px; margin:20px 0 0 10px; font-weight:normal;  font-family:LatoRegular; }
.buscador-noticias .buscador-not {margin:10px 10px 30px 10px; padding-top:3px; background: url(../img/fons-punts-horitzontal.png) repeat-x top;}
.buscador-noticias ul{ list-style:none; margin:10px 0 20px  0; padding:0;}
.buscador-noticias ul li{ font-size:14px}
.buscador-noticias ul li a{ color:#FFF;}
.buscador-noticias ul li a:hover{ color:#FFF;}

 .tit-resultado-noticias h2 { font-size:20px; color:#000000; font-weight:normal}
 
 /* Noticias  recientes */
.noticias-recientes { background:#ececec; /*padding-top:1px*/margin: 0 0 10px 0; padding:10px 0 10px 0; }
.noticias-recientes h2 { font-size:16px; text-transform:uppercase; line-height:18px; margin:10px; font-weight:normal }
.noticias-recientes .noticia-reciente {margin:10px 10px 0px 10px; padding-top:3px; background: url(../img/fons-punts-horitzontal.png) repeat-x top; }
.noticias-recientes h4  {font-size:16px; line-height:18px; font-weight:normal; font-family:LatoRegular; padding:0px; margin:4px 0px}
.noticias-recientes span {  font-size:11px}


/*Noticia*/
div.noticia { background: url(../img/fons-punts-horitzontal.png) repeat-x 10px bottom; padding-bottom:20px }
div.noticia .row { background:none}
.noticia h2 { font-size:26px;  line-height:26px; margin-top:0px; font-weight:normal; font-style:normal}                             /*eliminado 19*/
.noticia h4 { font-size:17px; font-weight:normal;}																					/*eliminado 19*/
.cuerpo-noticia {margin:10px 0 10px 0; padding-top:16px; background: url(../img/fons-punts-horitzontal.png) repeat-x top;}
.data-tags  { width:100%; margin:0 0 10px 0;}
.cuerpo-noticia span.data { background:#E4F2FB; font-size:11px; display:block; float:left;}
.cuerpo-noticia span.data { background:#c9d8de;padding: 0 5px;}
ul.tags { list-style-type:none; font-size:11px; float:left; padding:0; margin: -2px 0 0 20px;}
ul.tags li{ display:inline; list-style-type:none; margin: 0 10px 0 0;}




@media (max-width: 767px) {
	div.notis .row,
	div.notistres .row, div.notisdos .row,
	div.notistres .row .sep { background:none}
}

a.volver { font-size:12px; margin-bottom:10px; display:block}

div.titulo-red { min-height: 30px;  margin: 0 0 10px 0; padding:18px 0}
div.titulo-red h2{ color:#FFF; font-size:26px; line-height:28px; text-transform:uppercase; margin: 0 0 0 10px;}
div.titulo-red h2 a {color:#FFF;}

div.titulo-redt { min-height: 20px;  margin: 0 0 10px 0; padding:6px 0; background:rgb(153, 153, 153)}
div.titulo-redt h3 span.label {  font-size:12px; color:#fff; margin-right:10px;  line-height:inherit; text-transform:uppercase; font-family:LatoRegular; font-weight:normal; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);}
div.titulo-redt h3{ color:#FFF; font-size:22px; line-height:27px; margin: 0 0 0 10px; }


.red-descripcion {background:rgb(228, 242, 251); margin: 0 0 10px 0; padding:10px;}
.red-descripcion{ background: #c9d8de;}
.red-descripcion a{ font-weight: 700;}
.red-descripcion.tema{background:#ececec;}
.red-descripcion  img{margin:0 0 10px 0; padding:0;}

.red-descripcion dl { margin-top:4px; font-size:13px}
.red-descripcion dt, .red-descripcion dd { line-height:normal}
.red-descripcion dd { margin-bottom:16px;margin-top: 4px; font-family:LatoRegular; }
.red-descripcion dl {  font-family:LatoBold; }


.columna-texto iframe { width:100%!Important; height:auto; min-height: 467px;}

@media (min-width: 981px) and (max-width: 1199px) {.columna-texto iframe { min-height: 408px;}}
@media (max-width: 980px) {.columna-texto iframe { min-height: 311px;}}



/* FOOTER */



.footer { background:#4c4c4c; color:#fff; font-size:12px; padding:6px 0px}
.footer .container { background:none; padding:0px}
.footer ul { margin-bottom:0px}
.footer a, .footer a:hover { color:#FFF}

/**/


/* BANNERS i widgets */
.banner-petit { text-transform:uppercase; font-family:LatoLight; padding:10px; font-size:25px; color:#fff; line-height:27px; margin-bottom:10px;   }
@media (max-width: 979px) {
	.banner-petit { font-size:20px;  line-height:22px}
}
.banner-petit a {  display:block; color:#FFF; text-decoration:none; padding-right:30px; background:url(../img/fletxa.png) no-repeat bottom right;}
.banner-petit:hover { background-color:#777; color:#FFF;}
.banner-petit a:hover {color:#FFF;}
.banner-petit span { font-family:LatoBold}

.widget-title{
font-size: 16px;
text-transform: uppercase;
line-height: 18px;
font-weight: bold;background: url(../img/fons-punts-horitzontal.png) repeat-x bottom; padding-bottom:6px; margin-top:15px}

ul.tweets { list-style:none; margin-left:0px; list-style: none;margin-left: 0px;font-size: 12px;}
ul.tweets li {line-height: 17px;
margin-bottom: 5px;
background: url(../img/fons-punts-horitzontal.png) repeat-x bottom;
padding-bottom: 5px;} 
.twitter-follow-button { margin-bottom:20px} 

/* .gallery {
	display: flex !important;
  flex-flow: row wrap !important;
} */
.gallery .gallery-item {
  margin: 0 !important;
  /* flex: 0 0 33.3% !important;
  float: none !important;
  width: auto !important; */
  padding: 2px !important;
  box-sizing: border-box !important;
}

@media (max-width: 766.9px) {
	.gallery .gallery-item {
		width: 49% !important;
	}
}

.gallery .gallery-item .thumbnail {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	box-shadow: none !important;
}
.gallery .gallery-item img {
	border: 0 !important;
	margin: 0 !important;
	width: 100% !important;
}
@media (max-width: 767px) {
	.gallery br {
		display: none;
	}
}


/*--------countdown-----------*/

.scd-all-wrapper {
	background-color: #ad1d8c;
	padding: 10px 10px;
	display: flex;
	flex-flow: column;
	max-width: 100%;
	width: auto;
	color:#fff;
	font-family: LatoBold;
	background-image: url('/wp-content/themes/wordpress-bootstrap-master-child/img/clock.png');
	background-size: 65%;
	background-position: top right;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
.scd-title {
	text-transform: uppercase;
	margin: 0px;
	font-size: 20px !important;
	text-align: left;
	order: 1;
}

.scd-counter.scd-counter-col.clearfix{
	display: flex!important;
	flex-flow: row;
	flex-wrap: wrap;
	order: 2;
}

.scd-unit {
	display: flex;
	flex: auto;
	flex-flow: column;
	text-align: center;
	justify-content: center;
	align-content: center;
	align-items: center;
	width: 25%;
}

.scd-digit div, .scd-digit img {
	display: flex;
}

.scd-unit{
	/*display: none !important;*/
	height: auto !important;
	margin-top: 10px;
}

.scd-unit:nth-child(4){
	display: flex!important;
}

.scd-label {
	text-transform: lowercase;
	font-size: 13px !important;
	font-family: LatoLight;
	min-width: auto !important;	
}

.scd-digits{
	display: flex;
	flex-flow: row;
}

.scd-digits-row{
	line-height: 32px;
}

.scd-digit{
	font-size: 30px!important;
	
}

.scd-title:last-child{
	font-family: LatoLight;
}

.scd-title a{
	font-family: LatoLight;
	color: #fff;
}

.scd-title a:hover{
	color: #fff;
}