/*----------------CONTACT--------------------*/

.contact_mail {
	/* [disabled]font-family:"Courier New", Courier, monospace; */
	font-size: 15px;
	font-weight: normal;
	color: #222;
	text-align:left;
}
.contact_mail a {
	color: #999;
	text-decoration: none;
	outline:0; /*evita que es posi la linia vermella a FF i IE*/
	letter-spacing: 1px;
	text-align:left;
	margin-top: 10px;
	margin-bottom:-25px;
	display:block; /* necesari pels margins */
}
.contact_mail a:hover {
	color: rgba(110,150,160,1.00);
	text-decoration: none;
	outline: 0; /*evita que es posi la linia vermella a FF i IE*/
}
.hr-contact{
	height: 0px;
	border: 0px;
	border-bottom: 1px solid #CCC;
	margin-right: 20px;
}

/*------------------FORM---------------------*/
/*--- estils per els ul i li del formulari ---*/

.contact_form ul { 
    max-width:700px;
    list-style-type:none;
    margin:0px;
    padding:0px; 
	color: #000 !important;
}
.contact_form li{
    padding:5px; /*separació de cada caixa */
    /*border-bottom:1px solid #eee;*/  /*treu els <hr> entre <li>*/
    position:relative; 
	color: #000 !important;
}

.contact_form label {
	display: inline-block;
	float: left;
	font-family:"Courier New", Courier, monospace;
	font-size: 15px;
	font-weight: normal;
	margin-top: 5px; /*moure els label*/
	padding: 5px;
	width: 100px; 
	color: #000 !important;
	/* [disabled]margin-right: 15px; */
}

.contact_form input { /* llarg camps */
	height:40px; 
	width:500px; 
	padding:5px 8px; 
	color: #000 !important;
}
.contact_form textarea { 
	padding:8px; 
	width:500px;
	color: #000 !important;
}
.contact_form button {
	margin-left:100px;
}
.question { max-width:750px;}

/*----- estilos visuales de los elementos --------*/
.contact_form input, .contact_form textarea {
	border:1px solid #aaa;
	/*box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;*/
	/*border-radius:2px;*/
	/*font-family:Verdana, Geneva, sans-serif; /* afegit */
	color: #000 !important; /*color del area al escriure*/
	font-size: 13px;
	padding-right:30px;
	-moz-transition: padding .25s;
	-webkit-transition: padding .25s;
	-o-transition: padding .25s;
	transition: padding .25s;
}
.contact_form input:focus, .contact_form textarea:focus {
	background: #fff; 
	border:1px solid #555; 
	/*box-shadow: 0 0 3px #aaa;*/
	padding-right:80px; 
}
.contact_form input:hover, .contact_form:hover textarea:hover { border:1px solid #000;}

/* -------- Estilos de Validacion -------- */	
.contact_form input:required:valid, .contact_form textarea:required:valid {
	font-family:"Courier New", Courier, monospace; /* camps a omplir */
	/*font-family:'Roboto', sans-serif;*/
	font-size: 15px;
	font-weight:300;
	box-shadow: 0 0 5px #5cd053;
	border-color: #28921f; 
	color: #000 !important;
}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
	box-shadow: 0 0 5px #d45252;
	border-color: #b03535; 
}

/* ----- Estils del botó Enviar ----- */
button.submit {
	padding: 15px 27px; /*tamany del botó*/
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 2px;
	line-height: 2px;
	color: #444;
	border: none;
	/*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);*/
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
	background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF);
	background-color: #fff;
	/*border: 1px solid #f1f1f1;*/
   /*border-radius: 10px;*/
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
button.submit:hover {
	opacity:.90;
	cursor: pointer; 
	color: #d30;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ccc));
    background-image: -moz-linear-gradient(0% 100% 90deg, #ccc, #FFFFFF);
    background-color: #fff;
}
button.submit:active {
	border: 1px solid #222;
	box-shadow: 0 0 10px 5px #444 inset; 
}
.asterisc {
	font-family: 'Roboto', sans-serif;
	color: #D30;
	font-size: 14px;
	display: inline;
}
#obligatori { float:left; clear:left; padding-top:10px; padding-bottom:20px;}


/*--------- Missatge de OK desprès de "send" ------------------*/
/*.resultat {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#d30;
	padding-top:20px;
}*/
.resultat {
	font-family:'Roboto', sans-serif;
	font-size:14px;
	font-weight:300;
	color:#d30;
	padding-top:-20px;
	padding-left:10px;
}

/*------------------------ FOOTER ------------------------*/
/*------------------ Bootstrap: "col-md-4"  --------------*/
.text-address { /* Columna 1 footer */
	display:block; float:left; clear:left;
	width:40% !important;
	margin: 40px 30px 0px 10px; /* top-right-bottom-left  */
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 15px;
	color: #000;
	line-height: 25px;
}

.text-address2 { /* Columna 2 footer */
	display:block; float:left;
	width:33% !important;
	margin: 40px 0px 45px 0px; /* top-right-bottom-left  */
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 15px;
	color: #000;
	line-height: 22px;
}

.text_black { color: rgba(0,0,0,1.00) !important; } /* afegit */
.color_text {color:#000 !important;} /* afegit */
.instagram { margin-bottom:30px; padding-right:35px;} /* afegit */
.nom_instagram { padding-left:10px;} /* afegit */
.texte-footer-petit { /*afegit per mi*/
	font-size: 12px;
	line-height: 20px;
	padding-top: 35px;
	display: block;
}

@media all and (max-width: 990px) { 
.contact_form label {display: block; }
.contact_form input, .contact_form textarea {width:500px; }
.hr-contact{/* [disabled]margin-right: 200px; */}

}

@media all and (max-width: 690px) { 
.contact_form label {display: block; }
.contact_form input, .contact_form textarea {width:360px; }
.hr-contact{/* [disabled]margin-right: 200px; */}
}

@media all and (max-width: 500px) {
.contact_form input, .contact_form textarea {width:320px; clear:left; display:block;}
.contact_form button {margin-left:0;}
}

@media(max-width:768px) { 
	.texte-footer-petit {padding-top: 20px;}
}

@media(max-width:488px) {
	.texte-footer-petit {padding-top: 20px;}
	.contact_form label {margin-top: 5px; /*moure els label*/ padding-bottom: 0px;}
	.text-address {width:200px !important; margin: 40px 30px 0px 10px; /* top-right-bottom-left  */}
	.text-address2 {width:200px !important; margin: 40px 0px 30px 10px; /* top-right-bottom-left  */}
}

@media(max-width:440px) { /* NO TOCAR */
	.text-address {width:200px !important; margin: 40px 30px 0px 10px; /* top-right-bottom-left  */}
	.text-address2 {width:200px !important; margin: -30px 0px 30px 10px; /* top-right-bottom-left  */}
}