@CHARSET "UTF-8";
/*
* Estils per DEM-BARCELONA
* Autor: Jordi Martínez
* Date: 21/12/2015
* Empresa: CODi9
* www: www.codi9.com
*/


@media screen and (max-width: 1150px) {
	#btn-open-mobile-menu { display: block; cursor: pointer; }
	nav#principal #navmenu-h { display: none; }
	#language__container { margin-left: auto; margin-right: 20px; }
}

@media screen and (max-width: 1023px) {
	#continguts,
	#cont_breadcrumbs {
		padding-left: 10px;
		padding-right: 10px;
	}

	#continguts:not(.home)::after {
		width: calc(100% + 20px);
		margin-left: -10px;
		margin-right: -10px;
	}
}

@media screen and (max-width: 990px) {
		
	#wrapper { width: 100%; }
	
	aside#right {
		display: inline-block; 
		float: right; 
		margin-top: 0px; 
		vertical-align: top; 
		width: 27%; 
	}
	
	/* section#home div#cont_blocs .bloc { box-sizing: border-box; }
	section#home div#cont_blocs .bloc img { width: 20%; }
	section#home div#cont_blocs .bloc div.bloc_text { width: 70%; } */
	/* section#home .bloc .bloc_text * { width: 100%; } */
	
	article.list_news_item div:not([class*="msg_pantalla"]) {
	    width: 80%;
	    /* width: 775px; */
	}
	
	article.list_news_item img, article.list_worker_item img { width: 15%; }
	
	
	div#left_content div.titol_carrec,
	div#left_content div.titol_carrec div { width: 150px; }
	div#left_content div.titol_carrec div p { font-size: 1em; }
	
	.treballador_item .contact_page td,
	.treballador_item .contact_page td:FIRST-CHILD {
		display: block;
		width: 100%;
	}
	
	footer #cont_menu_peu { flex-wrap: wrap; }
	footer .conj_menu_peu { width: calc(100% / 4 - 10px); }
	aside#submenu_left #pinca { display: none; }

	#cont_blocs_pq .bloc .bloc__title * {
		font-size: min(1.5vw, 16px);
	}
}


@media screen and (max-width: 870px) {
	/* header #idiomes_pq_dem { position: absolute; top: 0px; margin-top: 0; right: 0; z-index: 99999999; width: 50%;} */
}

@media screen and (max-width: 860px) {	
	iframe { width: 100%; }

	#cont_blocs_pq .bloc { width: calc(100% / 2 - 4px); }

	#cont_blocs_pq .bloc .bloc__title * { font-size: min(3vw, 18px); }
}

@media screen and (max-width: 740px) {
	#continguts { margin: 0; padding: 10px; box-sizing: border-box; width: 100%; }
	
	section#home { width: 100%; }
	
	aside#right {
		display: block; 
		float: left;
		width: 100%; 
	}
	
	section#home div#cont_blocs .bloc { width: calc(100% / 2 - 4px); }
		
	footer .conj_menu_peu { width: calc(100% / 3 - 10px); }

	#cont_blocs_pq .bloc { width: calc(100% / 4 - 4px); }

	#cont_blocs_pq .bloc .bloc__title * { font-size: min(2vw, 18px); }
}

@media screen and (max-width: 735px) {
	aside#submenu_left {
	    display: block;
	    width: 100%;
	}
	
	section#main,
	section#news {
		width: 100%;
	}
	
	div#left_content { display: block; width: 100%; padding-right: 0; }
	div#right_content { display: block; width: 100%; margin-top: 3em; }
	div#left_content div.titol_carrec,
	div#left_content div.titol_carrec div { width: 60%; /*250px*/}
	div#left_content div.titol_carrec div p { font-size: 1.2em; }
	
	.treballador_item .contact_page td { width: 75%; }
	.treballador_item .contact_page td:FIRST-CHILD { width: 20%; }

	#left_content .treballador_item .contact_page td { width: 100%; }

	section#home div#cont_blocs .bloc-special .bloc__title { font-size: 1rem; }
	.footer-contact__inner { width: 90%; }
}

@media screen and (max-width: 658px) {
	/* header div#logo {
	    float: none;
	    margin-left: 0px;
	    margin: 0 auto;
	} */
	
	header #idiomes_pq_dem { position: absolute; top: 105px; margin-top: 0; right: 0; z-index: 99999999; width: 90%;}
	/* header #sel_idiomes li a { color: white; font-size: 10px; }
	header #sel_idiomes li a:hover,
	header #sel_idiomes li a.actiu { color: orange; } */

	footer .conj_menu_peu { width: calc(100% / 2 - 10px); }

	#cont_blocs_pq .bloc { width: calc(100% / 2 - 4px); }

	#cont_blocs_pq .bloc .bloc__title * { font-size: min(3vw, 18px); }

	form.contact_page table td { display:block; width: 100%!important; }
}

@media screen and (max-width: 507px) {
	article.list_news_item div:not([class*="msg_pantalla"]) {
	    width: 70%;
	}
	
	article.list_news_item img, article.list_worker_item img { width: 15%; }	
	div#left_content div.titol_carrec div p { font-size: 1em; }

	section#home div#cont_blocs .bloc { width: 100%; }
}

@media screen and (max-width: 450px) {
	footer .conj_menu_peu { width: 100%; }
	iframe { width: 100%; }

	#cont_blocs_pq .bloc { width: calc(100% - 4px); }

	#cont_blocs_pq .bloc .bloc__title * { font-size: min(8vw, 18px); }
}