:root{
--font-family:  Arial, Helvetica, sans-serif;
}

*{
margin: 0px;
padding: 0px;
box-sizing: border-box;
}

body{
    font-family: var(--font-family);
	background: url('../../arx_Fons/111107120512_back-home-contacto.jpg') no-repeat scroll 50% 0 #ECECEC;
}

p{
	font-size: 1rem;
	line-height: 1.6;
}

h2{
	margin-bottom: 1em;
}

ul li {
	list-style: none;
	margin-bottom: 1em;
	font-weight: bold;
}

button{
	cursor: pointer;
	width: 100%;
	height: 2.5em;
	font-size: 1rem;
}

.send{
	cursor: pointer;
}

.centerElements{
	align-items:center; 
	justify-content:center;
}

.bold{
    font-weight:bold;
}

.wrapper-body {
	width: auto;
}
.wrap{
	background-color: #FFFFFF;
    border: 1px solid #C6C6C6;
	
}

.wrap-box-txt-estatic{
	margin-bottom: 4rem;
}

.inner-content-img2>div>img {
	width: 100%;
}

.box-1 h1.tit-estatic { 
	background-color: #595959; 
	padding: 1rem; 
}

h1.tit-estatic{
	font-weight:bold;
	color: #ffffff;
}

.box-txt-estatic{
	padding: 1rem;
}

.align_label_input{
	display: flex;
	flex-direction: column;
	margin-bottom: 1em;
}
.align_label_input>label{
	margin-bottom: 0.2em;
}
.align_label_input>input{
	height: 2.5em;
	padding-left: 0.2em;
	font-size: 1rem;
}
.align_label_input>textarea{
	padding-left: 0.2em;
	font-size: 1rem;
	font-family: var(--font-family)
}
.align_label_input_consent{
	display: flex;
	align-items: center;
	gap: 1em;
}

.align_label_input_consent>input[type=checkbox], .align_label_input_consent>input[type=radio]{
	display: flex;
	align-items: center;
	gap: 1em;
	height: 45px;
	/* border:1px solid red; */
	transform: scale(1.5);
}

.margin_bottom{
	margin-bottom: 2em;
}

.hidden{
	visibility: hidden !important;   
  }
  #page-top {
  height: 53px;
  width: 100%;
  background-color: #FFF;
  border-bottom: 1px solid #d72b2b;
  margin: auto;
  }
   
  #logo{
	margin-right:16px;
  }
    /*
  Listas
  */
  ul.idiome-list {
	margin:0px 0px;
	padding:0px;
}

ul.idiome-list  li,
ul.idiome-list  li a{
	float: left;
	list-style: none outside none;
	margin: 16px 4px;
}

ul.idiome-list li a:hover {
	font-weight:bold
}

/* INICI modificació SPEC-69753 - ECXHC - Incorporar una validació de tipus captcha en el formulari... */
.wrap-box-btn {
    flex: 1 1 100%;

    padding: 0px!important;
}

.flex_div_form {
    flex: 1 1 100%;
}

#formulario {
    display: flex;
    flex-direction: row;
}

.left_row {
    padding-right: 15px;
}

.right_row {
    padding-left: 15px;
}
/* FI modificació SPEC-69753 - ECXHC - Incorporar una validació de tipus captcha en el formulari... */

/*********************************************/
/*********************************************/
/*********************************************/
/* MEDIA QUERIES*/
/*********************************************/
/*********************************************/
/*********************************************/
@media only screen and (min-width: 800px) {

	.wrapper-body {
		width: 1050px;
		margin: auto;
	}
	.box-txt-estatic{
		padding: 0rem;
	}

	.inner-content-img2>div>img {
		width: 100%;
	}
	.inner-content-img2>div {
		margin-left: 25px;
	}
	.wrap{
		margin-top: 2rem;
	}
	.wrap-box-txt-estatic{
		display: flex;
		margin-bottom: 2rem;
	}
	.wrap-box-txt-estatic>div{
		flex-basis: 50%;
		padding: 1rem;
	}

	.moveBtns{
		position: relative;
		margin-top: 50px;
	}
	.moveBtnsD{
		position: relative;
		margin-top: 50px;
	}
	.idiome-list{
		float:left;
		padding-left: 200px;
		padding-top: 5px;
	} 
	#page-top .middle {
		margin: 0 auto; 
		width:75%; 
		display: flex; 
		justify-content: space-between; 
		align-items: center; 
	}
}
/**********************************/
/*****CAPÇALERA********************/
/**********************************/
@media only screen and (max-width: 800px) {


 
  #page-top .middle { 
	  margin: 0 auto; 
	  width:95%; 
	  display: flex; 
	  justify-content: space-between; 
	  align-items: center;
	}

  .idiome-list{
	float:left;
	padding-left: 500px;
	padding-top: 5px;
  } 

}
@media only screen and (min-width:1368px) {


 
	#page-top .middle { 
		margin: 0 auto; 
		width:1024px; 
		display: flex; 
		justify-content: space-between; 
		align-items: center;
	  }
  
	.idiome-list{
	  float:left;
	  padding-left: 500px;
	  padding-top: 5px;
	} 
  
  }