@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;/*vertical-align: baseline*/;background: transparent;list-style:none;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
a {text-decoration:none;}
/* -------------------------------------------------------------------- */
body { font-family: 'Lora', serif; font-size:14px; overflow-X:hidden; }

.container{ width: 100%; max-width: 980px; margin:auto;}
.wrapper{ width: 100%; margin: auto; }
.mc_gris{ background-color: #464948; }


/* PANTALLA + TABLET ----------------------------------------------------------- */
@media only screen and (min-width: 764px) {
} 

/* PANTALLA --------------------------------------------------------------------------------------- */
@media only screen and (min-width: 980px) { 
	.item{ width: 490px; float: left; }

	/* head ---------------- */
	.logo_adresa{ margin-left: 15px; margin-top: 25px; }
		.logo{ float: left; }
		.adresa{ float: left; margin-left: 50px; width: 270px; font-size: 36px; }
			.adresa_txt1{ color: #DC6B10; }
			.adresa_txt2{ color: #464948; }
	
	.logo_separa{ clear: both; height: 25px; }

	.contacte{ margin-left: 10px; }
		.contacte a{ color: #fff; font-size: 17px; }
		.contacte a:hover{ opacity: .7; }
		.contacte_txt{ position: absolute; font-size: 21px; font-style: italic; color: #464948; margin-top: 25px; }
		.contacte_marca{ position: absolute; margin-left: 160px; margin-top: 30px;  }
		.contacte_tlf{ position: absolute; margin-left: 205px; background-color: #F08312; padding: 10px; }
		.contacte_mail{ position: absolute; margin-left: 205px; margin-top: 40px; background-color: #DC6B10; padding: 10px;  }

	.head_img img{ width: 100%; height: auto; }


	/* contingut ------------------------------ */
	.contingut1{ webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 25px; color: #fff; }
	.contingut1_title{ font-size: 34px; }
	.contingut1_title span{ color: #F08312; }
	.contingut1_txt{ margin-top: 30px; line-height: 1.3; }
	.contingut1_txt p{ margin-bottom: 15px; }

	.contingut_img img{ width: 100%; height: auto; margin-top: -1px; }
	.contingut2{ position: absolute; width: 185px; margin-left: 25px; margin-top: 30px; font-size: 16px; }
	.contingut2_img{ margin-left: 40px; }
	.contingut2_txt{ line-height: 1.3; margin-top: 20px; color: #464948; }
	.contingut2_txt span{ font-style: italic; }


	/* serveis ------------------------------------ */
	.serveis_title{ padding-top: 50px; font-size: 30px; color: #DC6B10; text-align: center; margin-bottom: 50px; }

	.servei_item_esq, .servei_item_centre, .servei_item_dre{ width: 33%; float: left; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.servei_item_esq { padding-right: 50px; }
	.servei_item_centre { padding: 0 25px; }
	.servei_item_dre{ padding-left: 50px; }
	.servei_item_title{ font-size: 18px; color: #333; line-height: 1.3; }
	.servei_item_txt{ margin-top: 25px; font-size: 16px; color: #333; line-height: 1.3; }

	/* google map ------------------------------------- */
	.iframe_map iframe{ width:100%; height:350px; margin-top: 70px; }

	/* footer ------------------------------------------- */
	.footer_txt{ text-align: center; padding: 15px 0; color: #fff; }
	.footer_txt a{ color: #fff; }
	.footer_txt a:hover{ text-decoration: underline; }

}

/* TABLET ------------------------------------------------------------- */
@media only screen and (min-width: 764px) and (max-width: 979px) {
	.item{ width: 100%; }

	/* head ---------------- */
	.logo_adresa{ margin-left: 15px; margin-top: 25px; float: left; }
		.logo{ float: left; }
		.adresa{ float: left; margin-left: 50px; width: 270px; font-size: 36px; }
			.adresa_txt1{ color: #DC6B10; }
			.adresa_txt2{ color: #464948; }

	.contacte{ position: absolute; right: 40px; top: 10px; }
		.contacte a{ color: #fff; font-size: 17px; }
		.contacte a:hover{ opacity: .7; }
		.contacte_txt{ font-size: 21px; font-style: italic; color: #464948; margin-top: 25px; width: 100px; line-height: 1.3; }
		.contacte_marca{ position: absolute; margin-left: 70px; margin-top: -15px;  }
		.contacte_tlf{  background-color: #F08312; padding: 10px; margin-top: 30px; }
		.contacte_mail{ margin-top: 10px; background-color: #DC6B10; padding: 10px;  }

	.head_img img{ width: 100%; height: auto; margin-top: 40px; }


	/* contingut ------------------------------ */
	.contingut1{ webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 25px; color: #fff; }
	.contingut1_title{ font-size: 34px; }
	.contingut1_title span{ color: #F08312; }
	.contingut1_txt{ margin-top: 30px; line-height: 1.3; }
	.contingut1_txt p{ margin-bottom: 15px; }

	.contingut_img img{ width: 100%; height: auto; margin-top: -1px; }
	.contingut2{ position: absolute; width: 185px; margin-left: 25px; margin-top: 30px; font-size: 16px; }
	.contingut2_img{ margin-left: 40px; }
	.contingut2_txt{ line-height: 1.3; margin-top: 20px; color: #464948; }
	.contingut2_txt span{ font-style: italic; }


	/* serveis ------------------------------------ */
	.serveis_title{ padding-top: 50px; font-size: 30px; color: #DC6B10; text-align: center; margin-bottom: 50px; }

	.servei_item_esq, .servei_item_centre, .servei_item_dre{ width: 33%; float: left; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.servei_item_esq { padding:0 30px 0 10px; }
	.servei_item_centre { padding: 0 15px; }
	.servei_item_dre{  padding:0 10px 0 30px; }
	.servei_item_title{ font-size: 18px; color: #333; line-height: 1.3; }
	.servei_item_txt{ margin-top: 25px; font-size: 16px; color: #333; line-height: 1.3; }

	/* google map ------------------------------------- */
	.iframe_map iframe{ width:100%; height:350px; margin-top: 70px; }

	/* footer ------------------------------------------- */
	.footer_txt{ text-align: center; padding: 15px 0; color: #fff; }
	.footer_txt a{ color: #fff; }
	.footer_txt a:hover{ text-decoration: underline; }
}

/* MOVIL ------------------------------------------------------------- */
@media only screen and (max-width: 763px) {	
	.item{ width: 100%; }

	/* head ---------------- */
	.logo_adresa{ margin-top: 25px; }
		.logo{ text-align: center; }
		.logo img{ width: 105px; height: auto; }
		.adresa{ width: 90%; max-width: 270px; font-size: 24px; margin:20px auto;  }
			.adresa_txt1{ color: #DC6B10; }
			.adresa_txt2{ color: #464948; }

	.contacte{ width: 90%; max-width: 270px; margin: auto; }
		.contacte a{ color: #fff; font-size: 17px; display: inline-block; }
		.contacte a:hover{ opacity: .7; }
		.contacte_txt{ font-size: 21px; font-style: italic; color: #464948; margin-top: 25px;  line-height: 1.3; }
		.contacte_marca{ display: none;  }
		.contacte_tlf{  background-color: #F08312; padding: 10px; margin-top: 10px; }
		.contacte_mail{ margin-top: 10px; background-color: #DC6B10; padding: 10px;  }

	.head_img img{ width: 100%; height: auto; margin-top: 40px; }


	/* contingut ------------------------------ */
	.contingut1{ width: 90%; margin: auto; padding: 25px 0; color: #fff; }
	.contingut1_title{ font-size: 24px; }
	.contingut1_title span{ color: #F08312; }
	.contingut1_txt{ margin-top: 30px; line-height: 1.3; }
	.contingut1_txt p{ margin-bottom: 15px; }

	.contingut_img{}
	.contingut_img img{ display: none;  }
	.contingut2{ width: 100%; margin: auto; padding: 25px 5%; font-size: 16px; background-color: #fff; 
	webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.contingut2_img{ text-align: center; margin-left: -20px;}
	.contingut2_txt{ line-height: 1.3; margin-top: 30px; color: #464948; }
	.contingut2_txt span{ font-style: italic; }


	/* serveis ------------------------------------ */
	.serveis_title{ margin: 30px auto; font-size: 21px; color: #DC6B10; width: 90%; }

	.servei_item_esq, .servei_item_centre, .servei_item_dre{ width: 90%; margin: auto; }
	.servei_item_title{ font-size: 16px; color: #333; line-height: 1.3; margin-top: 30px; }
	.servei_item_txt{ margin-top: 5px; font-size: 16px; color: #333; line-height: 1.3; }

	/* google map ------------------------------------- */
	.iframe_map iframe{ width:100%; height:350px; margin-top: 70px; }

	/* footer ------------------------------------------- */
	.footer_txt{ text-align: center; padding: 15px 10px; color: #fff; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.3; }
	.footer_txt a{ color: #fff; }
	.footer_txt a:hover{ text-decoration: underline; }
}

/* MOVIL_H ----------------------------------------------------------- */
@media only screen and (min-width: 470px) and (max-width: 763px) {	
}

/* MOVIL_V ----------------------------------------------------------- */
@media only screen and (max-width: 469px) {
}