/* =========================================
	Estils per la web mberamendi.cat
			      estils_disseny.css			  
   colors:
	fons gris: #EEEEEE; #DDDDDD; #A0A0A0
	enlla�os seleccionats: #555555;
	enlla�os actius:  #BBBBBB;
	peu de foto: color: #888888; 	
	fons del menu: #0079B4;
	titols sobre blanc #5f6067;
   =========================================*/
* {border-collapse:collapse; margin: 0; padding: 0;}
html {scroll-behavior: smooth;}
body {font-family: 'Signika', Verdana, Arial; font-size: 1.1em; color: #5f6067;}
.cap  {width:100%; background: #DDDDDD;}
.cos  {width:100%; background: #FFFFFF;} 
.peu  {width:100%; background: #0079B4; clear:both;} 
.menu, .menu_fixe {width:100%; background: #0079B4; padding: 0px;}
.menu_fixe {position:fixed; top: 0; z-index: 10;}
.subcap  {width:96%; max-width: 1366px; margin: 0px auto; padding: 2px 2% 6px;}
.subcos  {width:96%; max-width: 1366px; margin: 0px auto; padding: 0 2% 15px; position:relative; overflow:hidden;} 
.subpeu  {width:96%; max-width: 1366px; margin: 0px auto; padding: 12px 2%; min-height: 150px; overflow:hidden; color: white;}
.submenu {width:96%; max-width: 1366px; margin: 0px auto; padding: 0px 2%;}
/* =================== Estils del cos */
h1 {font-size:1.6em; margin: 35px 0 15px; text-align:left; color: #0079B4;}
h2 {font-size:1.2em; margin: 35px 0 10px; text-align:left; color: #0079B4; clear: left;}
h3 {font-size: 1em; font-style:italic; margin-bottom: 10px; clear: left;}
p {margin-bottom: 26px; font-size: 18px; line-height: 26px; text-align:justify;}
p.frances {padding-left: 45px; text-indent:-45px;}
p.numera {padding-left: 28px; text-indent:-28px;}
li {line-height: 1.4em;}
ul {margin: 0 0 0 6%;  margin-bottom: 12px;}
/*Home*/
.gran_gris {width: 100%; background-color: #ededed;}
.text {float:left; width: 61%;  height: auto; margin: 0; padding: 0; overflow:hidden;}
.text_data {width: 100%; clear: both;}
.imatge {float:right; width: 34.5%; height: auto; margin: 5px 0px 0px; padding: 4px 0.25%; max-width: 640px; clear: right;}
.imatge p {font-size: 14px;}
.imatge_esquerra {float:left;}
.imatge_home img, .imatge_esquerra img {display: block; margin: 35px auto ; max-height: 320px; object-fit: contain;}
.text a {text-decoration:none;}
.text a:hover {color: #555555; text-decoration:underline;}
.imatge img {width:100%;}
.text img {max-width:500px; margin: 0 auto; display: block;}
.peu_foto {text-align: right; color: #888888; padding: 4px; font-size: 10px; margin: 2px;}
.text li {text-align:justify;}
.esquerra {float:left; width:47.5%;}
.dreta {float:right; width:47.5%;}
.separa {width:100%; border:none; height: 1px; clear:both;}
/*especial Home*/
.text_home, .text_dreta,  .contacte {float:left; width: 51.61%; padding: 15px 0 20px;}
.text_dreta  {float:right;}
.imatge_home, .imatge_esquerra {float:right; width: 45.32%; height: auto; max-width: 640px;}
.imatge_esquerra {float: left;}
.caixa_blog_home, .caixa_treball_home {float: left; width: 44%; margin: 15px 2% 35px 0; padding: 15px 2%; height: 300px !important; position: relative; overflow:hidden;
	 background-color: white;}
.caixa_treball_home p.normal {margin-bottom: 10px;}
.caixa_treball_home .data_entrega {color: #5f6067; display: block; position:absolute; top: 0; left:0;}
.caixa_blog_home {background-color: #ededed;}
.caixa_treball_home  {float: left; width: 29.33%; height: auto; padding: 15px 1%;}
.caixa_blog_home h3, .caixa_treball_home  h3 {margin:0; font-style:normal;}
.caixa_treball_home h3 {margin-bottom: 12px;}
.caixa_blog_home img {width:48%; height: 185px; margin-right:2%; object-fit: cover; float: left;}
.caixa_blog_home .mes {text-align: right; position: absolute; bottom: 10px; right: 2%;}
.home_veure_tots {width: 98%;text-align:right; padding: 0 2% 15px 0;}
/*generals*/
.links, .peu_blog {float: right; width: 32.75%; margin: 7px 0px; padding: 4px 0.25% 4px 2%; max-width: 640px; clear:right;}
.links li {}
.links h2 {color: #5f6067;}
span.actiu {color: #BBBBBB;}
.negre, .black {color:black;}
/* Que Fem */
.h2_fase {}
.fase {float: left; width: 20%; padding: 25px 2.5%; position: relative; height: 320px; margin: 0 0 35px;}
.fase h3 {width:80%; font-size: 24px; color: inherit; font-style:normal; text-align:center; position: absolute; top:24px; padding: 0 0;}
.fase img {position: absolute; top: 75px;  left:0; width:100%; height: calc(100% - 75px); max-height: 172px; object-fit: contain; object-position: center center}
.fase p {width: 70%; padding: 0 15%; text-align:center; position:absolute; bottom: 0; left:0;}
.article {position: relative; float: left; width: 31.33%; height: 640px; margin: 20px 2% 35px 0;
	 background: #EEEEEE;}
.article td {font-size: 12px; vertical-align:top; padding: 1px;}
.article footer {height: 150px; margin: 2px 0px; padding: 2px;}
.article h3 {margin:0; font-style:normal; font-size: 1.35em;}
.titol {position: relative; color: white; padding: 12px 4%;
		background-color: #A0A0A0;}
.titol h2 {position: relative; color: white; margin: 0;}
.preu {position: absolute; top:12px; right: 4%; font-size: 1.35em; color: #d3d3d3;}
.article_contingut {padding: 20px 4% 5px; z-index:5;}
.article img {position: absolute; bottom:0; right:0;}
.article a, .links a {color: #0079B4; text-decoration:none;}
.article a:hover, .links a:hover {text-decoration:underline;}
/*ip*/
.ip_location {width: 99%; height: 340px; border:none; margin-bottom: 20px;}
.carregant {background-image: url('img/carregant.gif'); background-position: center 40px; background-repeat:no-repeat;}
#caixa_ip {border: solid 1px #d3d3d3; text-align:right; padding: 1px 2px; width: 135px;}
/* Treballs */
.caixa_treball {float: left; width:30%; margin: 15px 0 50px; padding: 5px 1%;
	 background: #EEEEEE;}
.una, .dos {margin-right: 2%}
.tres {}
.caixa_treball h2 {color: #5f6067; margin: 12px 0;}
.caixa_descripcio {position:relative; height: 240px;}
.enllas, .enllas_web {height: 22px; color:#0072A8; text-align:right; margin: 5px 0; position:relative;}
.caixa_treball_home .enllas {margin: 5px 0 15px;}
.enllas a, .enllas_web a{color:#0072A8;}
.enllas_web {position: absolute; top: 8px; right: 2%;}
.mes_info {position: absolute; top:0; left:0; }
.treball_text {}
.treball_text p {padding-left: 45px; text-indent:-45px; margin-bottom: 12px; line-height: inherit; text-align:left;}
.treball_text p.normal {padding-left: 0; text-indent:0; text-align: left;}
.fitxa {float:left; padding: 5px 2%; margin: 25px 0; width: 58%; overflow:hidden; position: relative;
	background-color: #eeeeee;}
.fitxa p {margin-bottom: 9px;}
.fitxa h3 {}
/* formulari Contacte */
.formulari {padding: 25px 0 15px; position: relative;}
.etiqueta {clear: both; padding: 10px 0 0;}
.camp, .camp_consulta {width: 100%; margin: 5px 0;}
.caixa_boto {width: 100%; position:relative;}
input {font-family: 'Signika', Verdana, Arial; padding: 3px 2px; font-size:1em; border: none;}
.llarg {width: 100%;}
textarea {width: 98%; height: 150px; font-family: 'Signika', Verdana, Arial; font-size:1em; padding: 5px 1%;  border: none;}
.boto, .boto_envia {display: inline-block; margin-bottom: 6px; padding: 5px 10px; color:white;
	 background-color:#0079B4; border: solid 1px #DDDDDD; border-radius:4px; font-size:1em; font-weight:normal;}
.boto_envia {position: absolute; right: 0;}
.boto_envia:disabled {color: #5f6067; background: #dedede;}
.trampa {width: 100%; display: none;}
.llei {position: absolute; bottom: 0; left: 0; width:0; height: 0; color: white; overflow: hidden;
	background-color: rgba(0,0,0,0.85);
	-webkit-transition: height 1.5s, width 1.5s; transition: height 1.5s, width 1.5s;}
.llei p {margin: 35px 0 0; padding: 0 4%; font-size: 0.9em; line-height: 24px;}
.llei a {color: white; font-weight: bold;}
.tanca {position:absolute; top: 5px; right: 10px; width: 35px; height: 35px; font-size: 1.75em; color: white; text-align:right}
/*Blog*/
.caixa_vista_ultim_blog {width: 66%; float: left;}
.caixa_vista_ultim_blog h2 {margin: 15px 0 10px;  color: #5f6067;}
.caixa_vista_ultim_blog img {float: right; margin: 8px 0 10px 15px; width: 40%; max-width: 360px;}
.llista_altres_blog {width: 30%; float:right; background-color: #EEEEEE; padding-bottom: 35px; margin-bottom: 25px;}
.llista_altres_blog h2 {padding: 20px 4%; margin:0;}
.altre_blog {padding: 0 4%; margin-bottom: 25px;}
.altre_blog h3 {margin:0;}
.altre_blog h3 a {}
.altre_blog .data {margin-bottom: 4px;}
.altre_blog .mes {position: absolute; right:0; bottom: 0;}
.altre_blog .mini_resum {position:relative; font-size: 0.9em; line-height: 22px; min-height: 44px;}
.final {width: 100%; margin: 10px 0 35px; padding: 15px 0; border-bottom: solid 1px #0079B4; text-align: right; clear:both;}
.final .mes {text-align:right;}
.caixa_blog {float:left; width: 46%; margin: 10px 1% 20px; padding: 8px 1%; background-color: #EEEEEE; height:315px; position:relative; overflow:hidden;}
.caixa_blog h2 {margin: 12px 0 0;}
.data {font-size:0.9em; font-style:italic;}
.caixa_blog img {width:48%; height: 240px; margin-right:2%; object-fit: cover; float: left;}
.caixa_blog .mes {position: absolute; bottom: 10px; right:3%;}
/*article del blog*/
.article_blog h2 {margin-top:0;}
.peu_blog, .peu_treball {width: 35%; padding: 10px 0 65px; margin-top: 40px; background-color: #EEEEEE; position:relative;}
.peu_treball {float: right; clear:right; padding: 20px 0 65px;}
.publicat {padding: 0 4%; text-align:right; font-style:italic; margin:0; font-size: 16px; line-height: 20px;}
.compartir_xarxes {position: absolute; bottom: 10px; left: 4%;}
.compartir_xarxes img {height: 38px; margin-right: 5px;}
.torna {position: absolute; bottom: 10px; right: 4%; margin-bottom: 0; text-align:right;}
.code {font-size: 0.85em; text-align:left; padding: 6px; background-color: #eeeeee; color: black;}
/* =========================== Estils per al MENU */
.submenu ul {margin: 0px; padding: 0px;}
.submenu li {display: inline-block; list-style: none;}
.submenu a {display: block; color: white; text-decoration:none;  padding: 10px 14px; font-size: 1.1em;}
.submenu a:hover {color: #0079B4; background: #DDDDDD; text-decoration:none;}
.submenu a.actiu {color: #0079B4; background-color: #FFFFFF;}
/* =========================== Estils per al PEU */
.subpeu a {color: white; text-decoration:none;}
.subpeu a:hover {color: #BBBBBB; text-decoration:none;}
.subpeu table {width:100%;}
.peu_e {float:left;}
.peu_d {float:right;}
/*COOKIES*/
.cookies {width:100%; position: fixed; bottom:0; left:0; padding:0; height: 0; z-index: 10;
	background-color: rgba(0,0,0,0.8);
		-webkit-transition: height 2s; /* For Safari 3.1 to 6.0 */
		transition: height 2s;}
.sub_cookies {width:100%; max-width: 1366px; margin: 0 auto; position: relative;}
.cookies p {color: white; padding: 20px calc(7.32% + 130px) 20px 3.66%; font-size: 0.95em; line-height: 140%;}
.cookies a {color: white; font-weight:bold;}
.cookies span.ok {position: absolute; right:3.66%; bottom: 20px; padding: 20px 30px; color: #425563; background-color: white;}
.cookies span.ok:hover, .desplega:hover {cursor:pointer;}
.desplega {display: none;}
a {color: #0072A8; text-decoration:none;}
a:hover {color: black; text-decoration:underline;}
.llei a:hover {color: #dedede;}
.menu_resp:hover, .tanca_resp:hover, .compartir_xarxes img:hover, a:hover, .boto_envia:hover, .boto:hover, .tanca:hover {cursor:pointer;}
.boto_envia:disabed {cursor: default;}
.tanca_resp {display:none;}

@media only screen and (max-width: 1366px) {
.subcap img {display: block; width: 100%; max-width:337px;}
}

@media only screen and (max-width: 1180px) {
.subcap  {width:92%; padding: 2px 4% 6px;}
.subcos  {width:92%; padding: 0px 4% 20px;} 
.subpeu  {width:92%; padding: 6px 4%;}
.submenu {width:92%; padding: 0px 4%;}
.caixa_treball_home, .caixa_blog_home {height: 265px !important;}
.caixa_treball_home p, .caixa_blog_home p {line-height: 20px; text-align:left;}
/*generals*/
.text, .contacte {width: 53%;}
.imatge, .peu_treball {width: 42.5%;}
.fitxa {float:none; width: 96%;  margin: 5px 0 15px; padding: 0 2%;}
.links, .home {width: 38.5%}
.home_treball {width: 38.5% !important;}
.peu_blog {width: 40.75%;}
/*Que fem */
.article {position: relative; float: left; width: 48%;}
/* Treballs */
.caixa_treball {width: 46%;}
.una, .dos {margin-right:0;}
.parell {}
.senas {margin-right: 4%;}
/*Formulari*/
.etiqueta {width: 30%;}
.camp{ width: 60%; margin: 5px 10% 5px 0;}
.camp_consulta {width: 70%;}
textarea {height: 200px;}
/*------ Originalment a 1024 */
/*blog*/
.caixa_blog {height: 445px;}
.caixa_blog img {width:100%; float:none; height:210px; background-color: white; object-fit: contain;}
.esquerra, .dreta {float:none; width:100%}
}
@media only screen and (max-width: 910px) {
.subcap  {width:94%; padding: 2px 3% 6px;}
.subcos  {width:94%; padding: 2px 3%;} 
.subpeu  {width:94%; padding: 6px 3%;}
.submenu {width:94%; padding: 0px 3%;}
/*especial Home*/
.text_home, .text_dreta {width: 51.61%;}
.imatge_home, .imatge_esquerra {width: 46.32%;}
.subcos > h2 {/*padding: 0 4%; width:92%;*/}
.caixa_blog_home {height: 225px !important;}
.caixa_blog_home img {width:36%; height: 140px; margin-right:4%; object-fit: cover; float: left;}
.home_veure_tots {width: 96%;text-align:right; padding: 0 4% 15px 0;}
/*seccions*/
.text, .contacte {width: 60%;}
.imatge, .peu_treball {width: 35.5%;}
.links {width: 44%;}
.peu_blog {width: 43.75%;}
.article {height: 600px;}
.caixa_treball {width: 47.5%;}
.senas {margin-right: 2%;}
/*Formulari*/
.etiqueta, .camp, .camp_consulta {display: block; width: 98%;}
.camp {margin: 5px 0 5px 0;}
textarea {height: 250px;}
}
@media only screen and (max-width: 800px) {
.caixa_descripcio {height: 260px; overflow:hidden;}
}
@media only screen and (max-width: 768px) {
.subcap  {width:95%; padding: 2px 2.5% 6px;}
.subcos  {width:100%; padding: 2px 0 0;} 
.subpeu  {width:92%; padding: 6px 4%;}
.submenu {width:95%; padding: 0px 2.5%;}
.menu, .menu_fixe {margin-bottom: 0;}
/*especial Home*/
.text_home, .text_dreta, .imatge_home, .imatge_esquerra, .caixa_blog_home, .caixa_treball_home {float:none; width: 92%; margin: 0 auto;}
.caixa_blog_home, .caixa_treball_home {width: 88%; height: auto !important; margin: 30px auto; overflow:hidden; max-width: 500px; padding: 15px 2%;}
.caixa_blog_home p {line-height: 26px; text-align:justify;}
/*seccions*/
.text, .contacte, .links, .imatge {float:none; width: 92%;  margin: 10px auto; padding: 0 4%;}
.text_data {width: 92%;  padding: 0 4%;}
.peu_blog, .peu_treball {float:none; width: 92%; margin: 5px auto 15px;}
.article {float: none; width: 96%; height: auto; min-height: 570px; margin: 0 auto 20px; max-width: 550px;}
.una {margin: 0}
.h2_fase {margin: 25px 2% 20px;}
.fase {float: none; width: calc(92% - 65px); padding: 0 0 0 65px; position: relative; height: auto; margin: 0 auto 25px; overflow:hidden}
.fase img {top: 0; left: 0; width:50px;  height: 50px; max-height: none;}
.fase h3 {width:auto; display: block; font-size: 20px; text-align: left; position: relative; top: auto; padding: 0; margin: 0;}
.fase p {position:relative; bottom: auto; width: 100%; padding: 0; text-align:left; }
.fase p br {display: none;}
.caixa_treball {float: none; width:80%; margin: 0 auto 45px; padding: 5px 2% 10px;}
.caixa_descripcio {height:auto;}
.caixa_blog {width: 46%;}
.caixa_blog img {width:100%; height: 220px;}
.caixa_blog .mes {bottom: 10px; right: 2%;}
.fitxa {width: 92%; margin: 25px 0 0; padding: 15px 4% 25px;}
.fitxa .enllas_web {right: 4%;}
.esquerra, .dreta {width: 100%; margin: 15px auto;}
.subcos > .esquerra, .subcos > .dreta {width: 92%;}
.subcos > h1, .subcos > h2 {padding-left:4%;}
.text > h1, .contacte > h1 {padding-left: 0;}
.caixa_blog img {object-fit: cover;}
.caixa_blog p {line-height:normal;}
.caixa_vista_ultim_blog {float: none; width: 92%; margin: 0 auto;}
.caixa_vista_ultim_blog img {display: block; float: none; width: 100%; max-width: 400px; margin: 0 auto 25px;}
.llista_altres_blog {float: none; width: 92%; margin: 0 auto;}
.llei p {}
}
@media only screen and (max-width: 640px) {
.subcap  {width:97%; padding: 2px 1.5% 6px;}
.subcap img {margin: 0 auto;}
.subcos  {} 
.subpeu  {padding: 15px 4% 0;}
.caixa_treball {width:88%;}
/* Menu */
.menu {height: 8px;}
.submenu {position: fixed; top:0; right:0; width: 92%; padding: 40px 4% 25px; margin:0; height: auto; z-index:10; display: none; 
		background-color: rgba(64,64,64,0.9);}
.menu_resp {position: fixed; top: 10px; right: 2%; width: 30px; height:30px; border-radius: 3px; display:block; z-index:5;
		background-position: center center; background-image:url('img/menu_resp.png'); background-size: 80%; background-repeat:no-repeat;
		background-color: rgba(0, 121, 180, 0.65)}
.tanca_resp {position: absolute; top: 10px; right: 2%; padding-right: 10px; font-size: 1.4em; display: block; color: white;}
.submenu li {display: block; width: 98%; margin: 0 auto;}
/*blog*/
.caixa_blog {width: 84%; height: auto; padding: 8px 4% 18px; margin: 10px 4% 20px;}
.caixa_blog img {height:260px;}
.home {width: 92%; height: auto; padding: 8px 4% 18px; margin: 0;}
.home_treball {float: none !important; width: 92% !important; padding: 10px 4%; margin: 0 auto;}
/*peu*/
.subpeu td, .subpeu {line-height: 200%;}
/*cookies*/
.sub_cookies {padding-bottom: 35px;}
.cookies p {width: auto; color: white; padding: 20px 6.25%; font-size: 0.9em;}
.cookies a.ok {right:6.25%; bottom: 10px; padding: 10px 20px;}
}
@media only screen and (max-width: 480px) {
.menu {height: 5px;}
.imatge_home img, .imatge_esquerra img {width:100%; margin: 35px auto ;}
.caixa_blog_home img {width:100%; height: auto; margin: 0 0 18px; float: none;}
.caixa_blog_home {padding: 15px 2% 25px;}
.imatge {width: 92%;}
.article {float: none; width: 100%; min-height: 600px; margin-bottom:0;}
.links li a, .links li {padding: 6px 0;}
.caixa_boto {height: 64px;}
.boto_envia {bottom:0;}
.llei p {line-height: 20px;}
.esquerra, .dreta {margin: 0 auto;}
.text, .contacte, .links {margin: 0 auto;}
.imatge {margin: 5px auto;}
/*treballs*/
.caixa_treball {width:96%; margin:0; border-top: solid 2px #5f6067; padding: 10px 2% 25px;}
.home_treball {width: 92% !important; border-top: none; padding: 10px 4%;}
/*blog*/
.llista_altres_blog {width: 100%;}
.altre_blog .mini_resum {min-height: 66px;}
.caixa_blog img {height:210px;}
.home {height: auto !important; padding: 8px 4% 25px;}
.home img {width:100%; float:none;}
}

@media only screen and (max-width: 360px) {
.subcap img {width: 92%; max-width:256px;}
}