/* ==========================================================================
   CIDOB Responsive styles
   ========================================================================== */

@media (max-width: 767px) {

	#carousel-arees .item div {
		width: 48%;
	}
	#carousel-arees .item a {
		width: 100%;
	}
	#carousel-arees .item a img {
		height: 100%;
		width: 100%;
	}
	.navbar-toggle .icon-bar {
		background-color: #FFF;
	}	
	.navbar-toggle {
		position: relative;
	}	
	.navbar-toggle:before {
		content: 'Menu';
		color: #FFF;
		position: absolute;
		top: 2px;
		left: -34px;
	}	
	.navbar-nav {
		border-left: none;
		border-right: none;
		margin: 0;
	}
	.navbar-nav .fa {
		display: none;
	}
	.principal,
	.principal-solo {
		width: 100%;
		border-bottom: 1px solid rgba(255,255,255,.2);
	}
	.principal:last-child,
	.principal-solo:last-child {
		border-bottom: none;
	}
	.principal>a,
	.principal-solo>a {
		border-left: none;
		border-right: none;
		width: 100%;
	}
	.principal .sub-nav,
	.black-overlay {
		display: none !important;
	}
	.principal>a:hover,
	.principal.hover>a,
	.principal-solo>a:hover,
	.principal.hover a.pest {
		background: rgba(255,255,255,.1) !important;
		color: #FFF !important;
		text-decoration: underline;
	}
	.principal a.pest:before,
	.principal a.pest:after {
		display: none;
	}
	.principal>a.current:hover,
	.principal-solo>a.current:hover {
		background: #FFF !important;
		color: #7d193c !important;
	}
	#content-slider .col-md-8 img {
		min-width: 100%;
	}
	#content-slider .col-md-4 article {
		margin: 13px 13px 0 0;
	}
	#content-slider .col-md-4 article img {
		float: left;
		margin-right: 10px;
	}
	footer .image-bg {
		background: url(../bundles/cidob/img/CIDOB-footer-foto-entrada-tablet-02.jpg) no-repeat center bottom fixed; 
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	.participantes .item,
	.participantes .list-colabora .item,
	.main .tapas-list article {
		width: 100%;
	}	
	.gallery-row .fancybox {
		width: 48%;
	}	
	.footer-links {
		margin-bottom: 10px;
	}
	.footer-info {
		width: 100%;
		margin-top: 0;
	}	
	.footer-bottom .copy,
	.footer-bottom .menu {
		width: 100%;
		text-align: center;
	}
	.footer-bottom .menu ul {
		display: inline-block;
	}
	.biografias .big h4 {
		font-size: 16px;
		line-height: 19px;
	}
	.second-row .col-sm-6:last-child {
		margin-top: 15px;
	}
	.banda-titulo .col-sm-8 .addthis_sharing_toolbox {
		padding-bottom: 0;
	}
	.projecte .banda-titulo .col-sm-8,
	.projecte .banda-titulo .col-sm-4 {
		min-height: inherit;
	}
	.col-sm-4 .side-data {
		margin-top: 40px;
		margin-bottom: 122px;
		min-height: inherit;
	}
	.banda-titulo .col-sm-8 .bottom-toolbox {
		position: relative;
		bottom: 0;
		right: inherit;
		left: 0;
		float: left;
		margin: 10px 0;
		width: 100%;
	}
	.banda-titulo .black-bg {
		top: 7px;
	}
	.banda-titulo .black-bg:after {
		display: none;
	}
	.banda-titulo h1.boxed {
		margin-bottom: 25px;
	}
	.banda-titulo.con-img {
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	.banda-titulo.presentacio {
		background-size: cover !important; 
	}	
	.side-data .fecha:before {
		display: none;
	}
	.side-right {
		padding-top: 5px; 
		padding-bottom: 5px; 
	}
	.banda-titulo h1 {
		font-size: 32px;
		line-height: 36px;
	}
	.banda-titulo h2 {
		font-size: 17px;
		line-height: 24px;
	}
	.actividad-destacada .contenido h2 {
		font-size: 19px;
		line-height: 24px;
	}
	.main .nav-tabs li.active:after {
		display: none;
	}
	.side-right .banner .hvr,
	.side-right .banner .hvr img {
		min-width: 100%;
	}
	.arees-2col .hvr {
		width: 92%;
		padding-bottom: 4px;
	}
	.arees-2col img {
		min-width: 100%;
	}
	.arees-2col .hvr p {
		position: relative;
		top: 0;
		padding: 10px 0 0;
		background-color: transparent; 
		max-height: 73px;
	}
	.arees-2col .col-sm-6:first-child {
		margin-bottom: 14px;
	}
	.side.pull-left {
		top: -10px !important; 
	}	
	.sidebar-sh .inner {
		padding-bottom: 30px;
	}	
	.banda-titulo .expert-detall .contenido {
		left: 10px;
		padding-bottom: 4px;
		padding-right: 14px;
	}
	.banda-titulo .expert-detall img {
		margin: 10px 10px 0;
	}
	.projecte .banda-titulo .logo {
		margin-top: 0;
		margin-bottom: 121px !important;
	}
	.projecte .banda-titulo .financia {
		width: 100%;
		left: 0;
		margin-bottom: 12px;
	}
	.categoria-box .boton {
		margin-top: 5px;
	}	
	.pre-footer h4 {
		padding-bottom: 26px;
		font-size: 24px;
		line-height: 30px;
	}
	.rsDefault .rsTab.rsNavSelected:after {
		display: none;
	}
	.resultados .form-horizontal {
		padding: 0 12px;
	}
	.main .filter-box {
		float: none;
	}
	.main .filter-box a {
		float: none;
		display: block;
		margin-left: 0;
	}
	.main .filter-box .contador {
		float: none;
	}
	
}
@media (max-width: 991px) {

	.col-md-3 .tit-gris {
		margin-top: 15px;
	}
	.col-md-3.second-side .tit-gris {
		margin-top: 0;
	}
	.footer-links div {
		width: 50%;
		margin-bottom: 10px;
		overflow: hidden;
	}
	.projecte .partners h4 {
		margin: 0;
		padding: 14px 6px;
		height: auto !important;
	}
	.projecte .partners h4:after {
		display: none;
	}	
	.biografias .big {
		padding-right: 4px;
	}	
	.second-row {
		margin-top: 15px;
	}
	.biografias {
		margin-bottom: 9px;
	}	
	.main .filters .col-md-4,
	.main .filters .col-md-3 {
		margin-bottom: 6px;
	}
	.main .activ-past .filters .col-md-2 {
		margin-bottom: 6px;
	}
	.main .activ-past .filters label {
		top: 4px;
		right: inherit;
	}
	.actividad-destacada .side-data .fecha:before {
		display: none;
	}
	.actividad-destacada .side-data {
		min-height: inherit;
		border-left: none;
	}
	.banda-titulo .expert-detall .contactar {
		border-left: none;
	}
	.projecte .banda-titulo .logo {
		margin-bottom: 114px;
	}
	.side-right .tit-gris {
		margin-top: 0 ;
	}
	.row.en-activitats .col-md-6:last-child {
		padding-top: 30px;
	}
	
}
@media (min-width: 768px) and (max-width: 991px) {

	#carousel-arees .item a {
		width: 184px;
	}
	#carousel-arees .item a img {
		height: 100%;
		width: 100%;
	}
	.publicacions-list article h4,
	.publicacions-list article h4 a {
		font-size: 12px;
		line-height: 14px;
	}
	.principal>a,
	.principal-solo>a {
        padding: 7px 5px 6px;
        font-size: 13px;
	}
	footer .image-bg {
		background: url(../bundles/cidob/img/CIDOB-footer-foto-entrada-tablet.jpg) no-repeat center bottom fixed; 
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	.participantes .item {
		width: 342px;
	}
	.participantes .list-colabora .item {
		width: 225px;
	}	
	.gallery-row .fancybox {
		width: 248px;
	}
	.main .tapas-list article {
		width: 248px;
	}	
	.principal .sub-nav .boton.con-icon,
	.sidebar-document .boton.con-icon,
	.main .icon-boton,
	.categoria-box .boton,
	.banda-titulo .publicacion .boton {
		padding: 4px 7px;
	}
	.main .tapas-list article h3 {
		font-size: 13px;
		line-height: 16px;
	}
	.side-right .banner .hvr {
		height: 110px;
	}
	.side-right .banner .hvr h4 {
		font-size: 16px;
		line-height: 18px;
	}
	.banda-titulo .expert-detall .contenido {
		left: 8px;
		padding-bottom: 6px;
	}
	.banda-titulo .expert-detall img {
		margin: 15px;
	}
	.projecte .banda-titulo .col-sm-8,
	.projecte .banda-titulo .col-sm-4 {
		padding-bottom: 30px;
	}
	.projecte .banda-titulo .logo img {
		max-width: 220px;
	}
	.projecte .banda-titulo .financia {
		width: 247px;
	}
	.main #carousel-publicacions-destacada .tapas-list article {
		width: 100%;
	}

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

	footer .image-bg {
		background: url(../bundles/cidob/img/CIDOB-footer-foto-entrada-monitor.jpg) no-repeat center bottom fixed; 
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	.participantes .item {
		width: 457px;
	}
	.projecte .banda-titulo .financia {
		width: 322px;
	}

}
@media (min-width: 1200px) {

	#carousel-arees .item a {
		width: 306px;
	}
	#carousel-arees .item a img {
		max-height: 100%;
		width: 100%;
	}
	.main .tapas-list article {
		width: 406px;
	}
	.participantes .list-colabora .item {
		width: 365px;
	}	
	.gallery-row .fancybox {
		width: 267px;
	}
	.banda-titulo .expert-detall img {
		min-width: 90%;
	}
	.banda-titulo .expert-detall .contenido {
		left: 0;
	}

}
@media (max-width: 620px) {
	
	#header .logo {
		width: 100%;
		text-align: center;
	}
	header .right-tools {
		width: 100%;
		display: block;
		text-align: center;
	}

}
@media (max-width: 520px) {

	#carousel-arees .item div {
		width: 100%;
	}
	#carousel-arees .item a {
		width: 100%;
	}
	#carousel-arees .item a img {
		height: 100%;
		width: 100%;
	}
	#content-slider .sobre-img h2 {
		font-size: 20px;
		line-height: 22px;
	}
	#content-slider .sobre-img p {
		display: none;
	}
	#content-slider .col-md-4 h2 {
		font-size: 14px;
		line-height: 18px;
	}
	.biografias .big,
	.biografias .list div {
		width: 100%;
		border-right: none;
	}
	.biografias .big {
		margin-bottom: 6px;
	}
	footer .image-bg {
		background: url(../bundles/cidob/img/CIDOB-footer-foto-entrada-mobil.jpg) no-repeat center bottom fixed; 
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	.footer-social .social-boxes {
		width: 100%;
		margin: 20px 0 0 0;
	}	
	.footer-info .telefono {
		clear: both;
		margin: 20px 0 0 0;
	}	
	.footer-links div {
		width: 100%;
		margin-bottom: 0;
	}	
	.footer-links ul {
		min-height: inherit;
	}
	.footer-links h4 {
		margin-top: 10px;
	}
	.gallery-row .fancybox {
		width: 100%;
	}	
	.activ-past .activitats-list article {
		padding-left: 0;
	}
	.activ-past .activitats-list .calen.image {
		top: 0;
		position: relative;
		margin-bottom: 4px;
	}
	.actividad-destacada .contenido h2 {
		display: inline-block;
	}
	.main .tapas-list article h3 {
		font-size: 13px;
		line-height: 16px;
	}
	.main .tapas-list.sin-img article h3 {
		font-size: 15px;
		line-height: 18px;
	}
	.main .tab-pane ul.list-projectes li.con-img {
		padding-left: 5px;
		min-height: inherit;
	}	
	.main ul.list-projectes li.con-img .block-img {
		position: relative;
		left: 0 !important;
		top: 0 !important;
	}
	.main ul.list-projectes li.con-img {
		padding: 5px 5px 5px 5px;
	}
	.banda-titulo .publicacion img {
		position: relative;
		top: 15px;
	}
	.banda-titulo .publicacion {
		padding-left: 5px;
	}
	.arees-2col .hvr h3 {
		bottom: 50px;	
	}
	
}
@media (max-width: 320px) {
	
	.main ul.list-bloques>li.con-img {
		padding: 5px 5px 5px 5px;
		min-height: inherit;
	}
	.main ul.list-bloques>li.con-img img {
		position: relative;
		left: 0;
		top: 0;
	}
	.form-horizontal.contacto {
		padding: 20px;
	}
	.arees-2col .hvr h3 {
		width: 100%;
		height: auto;
		top: 10px;
		bottom: 0;	
	}
	.arees-2col .hvr h3 a {
		padding: 9px 0;
		width: 100%;
		display: block;
	}
	
}









.main div.ezxmltext-field h4 {
    font-size: 18px;
    line-height: 22px;
    color: #302a22;
    font-weight: bold;
    margin: 42px 0 8px;
}

.main div.ezxmltext-field h5 {
    font-size: 16px;
    line-height: 21px;
    color: #7d193c;
    font-weight: bold;
    margin: 28px 0 8px;
}

.main #results.noticias h4 {
    font-size: 16px;
    line-height: 21px;
    color: #7d193c;
    font-weight: bold;
    margin: 5px 0 8px;
}

.noticia .banda-titulo .logo {
    white-space: nowrap;
    width: 100%;
    text-align: center;
    background-color: #FFF;
    display: inherit;
    margin-top: 28px;
    border: 1px solid #E4E1E1;
    display: inline-block;
}

.tab-pane .scroll h3 {
    font-family: Arial, Helvetica, sans-serif;
    color: #3F372D;
    font-size: 15px;
    line-height: 18px;
    font-weight: bold;
    margin: 4px 0 2px;
}

.main .tapas-list article.cronologia {
    padding: 0;
}

.banda-titulo.publicacion.cronologia {
    padding-left: 0;
}

.cronologia h3, .cronologia .intro {
    padding-right: 15px;
}

/* Home Slider */

#content-slider article.publicacion {
    margin-top: 10px;
    display: block;
    position: relative;
    padding: 0 0 0 140px;
    min-height: 174px;
    margin-bottom: 12px;
}

#content-slider article.publicacion img {
    position: absolute;
    display: block;
    top: 0;
    left: 5px;
    padding: 0 14px 14px 0;
    background: url(../bundles/cidob/img/CIDOB-tapas-shadow.png) 0 0 no-repeat;
}

#content-slider article.publicacion span {
    color: #7d193c;
    font-size: 12px;
    margin: 0;
    line-height: 12px;
}

#content-slider article.publicacion h3 {
    font-size: 15px;
    line-height: 18px;
    font-weight: bold;
    color: #302a22;
    margin: 2px 0 4px;
}

#content-slider article.publicacion h3 a {
    color: #302a22;
}

#content-slider article.publicacion .meta {
    color: #7d193c;
    font-size: 12px;
    margin: 0;
    line-height: 12px;
    display: block;
}

#content-slider article.publicacion .meta span {
    color: #666;
}

.banda-titulo.memoria {
    min-height: 200px;
}

.line-document .boton {
    border-radius: 4px;
    background-color: #7d193c;
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    padding: 3px 12px;
    display: inline-block;
}

.line-document .boton {
    font-size: 12px;
    background-color: #9d9d9d;
    margin: 8px 0 7px;
}

.line-document .boton .fa {
    color: #FFF;
    font-size: 13px;
    margin-right: 6px;
}
.line-document .boton .fa {
    font-size: 15px;
}

.line-document .meta {
    color: #7d193c;
    font-size: 10px;
}

.line-document {
    margin: 20px 9px 9px;
    padding: 4px 13px 6px;
    background-color: #edebe1;
}

.line-document p {
    font-size: 15px;
    line-height: 18px;
    color: #3f372d;
    font-weight: bold;
    margin: 3px 0 0;
}
.line-document p span {
    font-size: 12px;
    color: #838383;
    font-weight: normal;
}

.line-document .ezxmltext-field,
.line-document .ezxmltext-field p {
    color: #abadac;
}

.expert-detall p.update {
    float: right;
    margin-right: 5px;
    color: #aeaeae;
    font-size: 0.8em;
}

.expert-detall p.photo-credit {
    margin-left: 20px;
    color: #aeaeae;
    font-size: 0.8em;
}

.noticias.press article {
    display: block;
}

.filters-sidebar .form-group {
    min-height: 30px;
}

.form-error {
    border: 1px solid red;
}
.form-ok {
    border: 1px solid lawngreen;
}

#contact-form .checkbox label span {
    padding-left: 16px;
    font-size: 12px;
    font-weight: bold;
    color: #838383;
}

.main > .encajado.cont-publi {
    margin-top: 33px;
}

.publicacion {
    min-height: 200px;
}

.footer-links ul {
    background-color: initial;
}

.footer-links.clearfix {
    background-color: rgba(255,255,255,.89);
}

.projecte .scroll.image-xml > img {
    float: left;
    display: inline;
    margin-right: 20px;
}

.projecte .scroll.image-xml > .ezxmltext-field {
    display: inline;
}

.pagination > li > a:hover{
    cursor: pointer;
}
.pagination li > a:hover{
    cursor: pointer;
}
.noticias .no-image {
    padding-left: 0px;
}

.activ-past .activitats-list .calen.image {
    background-color: initial;
}

.banda-titulo .publicacion.no-image {
    padding-left: 0px;
}

.prensa [class^="col-sm"] {
    padding-bottom: 30px;
}

.noticias#results .no-image {
    padding-left: 0px;
}

.hvr.ttarget.memoria {
    margin-bottom: 30px;
}

.noticia .banda-titulo [class^="col-sm"] {
    padding-bottom: 30px;
}

.side-right .banner {
    position: relative;
    display: block;
    padding-bottom: 0;
    overflow: hidden;
    margin-bottom: 25px;
}

.destacats .hvr.ttarget.no-image {
    padding-left: 20px;
    padding-right: 20px;
}

.main .categoria-box .ezxmltext-field a {
    float: initial;
}

.jcarousel img {
    background: #FFF;
}

.content-search .form-control {
    width: 80%;
}

.content-search .form-control, .content-search .btn {
    display: inline-block;
}

.expert-detall .contenido ul {
    margin-top: 30px;
}

.expert-detall .contenido .alias {
    font-style: italic;
    font-weight: bold;
}

.expert-detall .contenido .country {
    font-weight: bold;
}

.filters-sidebar.biographies {
    min-height: 265px;
}

.banda-titulo .expert-detall .boton {
    border-radius: 4px;
    background-color: #7d193c;
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    padding: 3px 12px;
    display: inline-block;
}

.banda-titulo .expert-detall .boton.red {
    background-color: #7D193C;
}

.banda-titulo .expert-detall .boton {
    font-size: 12px;
    background-color: #9d9d9d;
    margin: 8px 0 7px;
}

.banda-titulo .expert-detall .boton {
    margin: 0 0 4px;
}

.banda-titulo .expert-detall .boton {
    padding: 4px 12px 4px 10px;
}

.banda-titulo .expert-detall .boton:hover {
    background-color: #3f372d;
    text-decoration: underline;
}

.banda-titulo .expert-detall .boton .fa {
    color: #FFF;
    font-size: 13px;
    margin-right: 6px;
}

.banda-titulo .expert-detall .boton {
    text-shadow: none;
}

.bolddt {
    margin-right: 4px;
    color: #302A22;
    font-weight: bold;
}

.dl-bottom  {
    width:45%;
    float:left;
}

ul.butllet-less {
    list-style: outside none none;
    padding-left: 0;
    margin-bottom: 0px;
}

#contact-form .date {
    display: inline-block;
    
}

#contact-form .date .element {
    float:left;
    
}

#contact-form .form-group div, #contact-form .form-group label {
    
    text-align: left;
}

.contacte-dades li::before{

    content : none !important;

}

ul ul {
    
    margin-bottom: 0;
    margin-left: 30px !important;
    
}

.billing label{
    display: none !important;
}

p.pbody{
    color: #333;
}

.main p {
    display: table;
}

 .checkbox .subcategories {
    display:none;
 }

.selected .subcategories{
    display: block;
    padding-top:10px;
    padding-left:17px;
}

#results.noticias article{
    display: block;
}
.actividad-destacada.evento p{
    line-height: 17px !important;
}
.experts-butllet-less li{
    list-style: none;
    margin-bottom: 0px !important;
}
.evento .contact-list li, .events-list .contact-list li{
    list-style-type: none;
    float: left;
    display: inline-block;
}

.evento li:before, .events-list li:before {
    content: '' !important;
}

.evento .contact-tit, .events-list .contact-tit {
    min-width: 180px;
    float:left;
}

.evento ul.contact-list, .events-list ul.contact-list {
    float: left;
}

.experts_line_list{
    float: left;
}

.experts_line_title{
    width: 200px;
    float: left;
}
.clear-fix{
    clear:both
}
.full-width{
    width: 100%;
    margin: 0;
    padding: 0;
}
.evento .contact-list .fa-phone-square, .events-list .contact-list .fa-phone-square {
	color: #7d193c;
}
.evento .contact-list .fa-envelope-square, .events-list .contact-list .fa-envelope-square {
	color: #3a0a18;
}
.evento .contact-list .fa-linkedin-square, .events-list .contact-list .fa-linkedin-square {
	color: #0d6fdf;
}
.evento .contact-list .fa-link , .events-list .contact-list .fa-link {
	color: #CCC;
}
.evento .contact-list .fa-twitter-square, .events-list .contact-list .fa-twitter-square{
	color: #2ca9d3;
}
.events-list div.bibliography{
    margin-top:5px;
    margin-bottom: 5px;
}
.experts_line_title{
    color: #666;
    font-size:14px;

}
.agenda_selector{
    float: right;
    clear: both;
    /* margin-top: 5px; */
    position: absolute;
    right: 10%;
    top: 48px;
    margin-top: 10px;

}
.agenda_selector  .form-control{
    width:300px;
    z-index: 14;
    position: relative;
}

.agenda_selector  .prev_ev_label{
    position: absolute;
    top: -22px;
    left: 10px;
    width: 100%;
    text-align: left;
    color: #7d193c;
    font-weight: bold;
    z-index: 10;
    background-color: white;
}
.agenda.pager a:hover{
    text-decoration: none;
}
.previous_agenda{
    color:gray;
        margin-right:5%;
        font-size: 16px;
        float: right;
}
.next_agenda{
    color:gray;
    margin-left:5%;
    font-size: 16px;
    float: left;
    }
.previous_agenda .red{
    color:#9f0c34;
    margin-left:30px;
}
.next_agenda .red{
    color:#9f0c34;
    margin-right:30px;
}
.agenda_footer_selector .prev_ev_label{
        position: relative;
    /* top: -22px; */
    left: 10px;
    /* width: 100%; */
    text-align: center;
    color: #7d193c;
    font-weight: bold;
    /* top: 10px; */
}

.agenda_footer_selector .resp_combo{
    width: 80%;
    margin-left: 9%;
}

.agenda_footer_selector .form-control{
        /* width: 300px; */
            width: 80%;
    background-color: white;
    z-index: 14;
    position: relative;
    margin-left: 10%;
    padding-right: 10%;
}

.agenda_footer_selector .resp_combo{
    position: relative;
    left: 10px;
    text-align: center;
    color: #7d193c;
    font-weight: bold;
}

.form-error[type='checkbox']{
    outline: solid 1px red;
}

.no-border {
    border: 0px !important;
}

.no-margin {
    margin: 0px 0px 0px 0px !important;
}