
/* ######################################################################################
   #################################     G E N E R A L     ############################## */

.main-container.container{
	padding-right: 0px;
  padding-left: 0px;
}

/* ######################################################################################
   #############################     N E W   P R O F I L E     ########################## */
   
#new-profile.wrap {
  width: 100%;	
  max-width: 940px;
  margin: 65px auto 0;
  padding: 30px;
  overflow: hidden;
  padding-bottom: 30px;
  background: #FFF; 
  color: #666;
}
#new-profile.wrap .language {
  text-align: center;
}
#new-profile.wrap .language h1 {
	margin: 0;
  color: #008fd0;
  font-size: 27px;
  line-height: 1.2;
  font-weight: 300;
}

#new-profile.wrap .language p {
	display: none; /* quitar */
	margin-bottom: 0;
  font-size: 16px;
  color: #008fd0;
  font-weight: 300;
}
#new-profile.wrap .steps {
	padding: 45px 0 35px; /* 23px 0 35px; */
	text-align: center;
}
#new-profile.wrap .steps span {
	display: inline-block;
	width: 44px;
	height: 44px;
	margin: 0 17px;
  -webkit-border-radius: 22px;
          border-radius: 22px;	
  border: 2px solid #ff4c2b;
  font-size: 26px;
  line-height: 42px;
  color: #ff4c2b;
  text-align: center;
}
#new-profile.wrap .steps span.active {
	background-color: #ff4c2b;
	color: #FFF;
}
#new-profile.wrap .row {
  margin-left: auto;
  margin-right: auto;
}
#new-profile.wrap .contenido-principal {
	min-height: 510px;
}
#new-profile .quest-container form > section {
	text-align: right;
}
#new-profile .quest-container form > section > article {
	text-align: left;
	min-height: 300px;
}

#new-profile div.quest-container section.definition > article > h1,
#new-profile .quest-container h2 {
	display: none;
}

/* ####################
   #####  PASO 1  ##### */

#new-profile .quest-container form section section h2 {
  display: block;
  margin: 0;
  padding: 10px 5px 23px 0;
  font-size: 25px;
  font-weight: 400;
  color: #ff4c2b; 
}
#new-profile .quest-container .pro_turista_agrupacio-1-1 {
	padding: 0 8px 9px;
}
#new-profile .quest-container form .pro_turista_seccio-1 div[data-fc-id] {
	position: relative;		
	min-height: 57px;	
}
#new-profile .quest-container form div[data-fc-required], 
#new-profile .quest-container form div[data-fc-error=true] {
  padding-top: 3px;
  font-size: 11px;
  font-weight: normal;
}
#new-profile .quest-container form div[data-fc-required] {
	display: none !important;
}
#new-profile .quest-container form div[data-fc-error=true] {
  color: #ff4c2b;
  min-height: 16px !important;
}
#new-profile .quest-container form div[data-fc-id] label {
	display: none;
}
#new-profile .quest-container form input[type=text], 
#new-profile .quest-container form input[type=password], 
#new-profile .quest-container form div.mono-choice-select select {
	height: 34px;
	width: 100%;
	border: 1px solid #7d8587;
  padding: 6px 10px;
	font-size: 15px;
	color: #555; 
}
#new-profile .quest-container form div[data-fc-id=persona_turista_uid] {
  display: none !important;
}


/* ####################
   #### PASO 2/3/4 #### */

#new-profile .quest-container form div[data-fc-type="multi-choice"] > span {
	display: none;
}
#new-profile .quest-container form div[data-fc-type="multi-choice"] label {
	display: block;
	margin-bottom: 0;
	padding: 0 10px 0 24px;
	color: #666;
	font-weight: 400;
	cursor: pointer;
	font-size:15px;
}
#new-profile .quest-container form div[data-fc-type="multi-choice"] > div { 
	padding-bottom: 10px;		
}

#new-profile .quest-container div[data-fc-type=mono-choice] input[type=radio],
#new-profile .quest-container div[data-fc-type=mono-choice] input[type=checkbox],
#new-profile .quest-container div[data-fc-type=multi-choice] input[type=checkbox]{
	position: absolute;
	margin: 0;
	padding: 0;
	opacity: 0;
	        filter: alpha(opacity=0);
	  -moz-opacity: 0;
	-khtml-opacity: 0;	
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

#new-profile .quest-container div[data-fc-type=mono-choice] div:not(#foo)>input[data-fc-checked=unchecked]+label,
#new-profile .quest-container div[data-fc-type=multi-choice] div:not(#foo)>input[type=checkbox][data-fc-checked=unchecked]+label {
	background:url('../images/libs/quest-radio-icon-unchecked-new.png') no-repeat;
}
#new-profile .quest-container div[data-fc-type=mono-choice] div:not(#foo)>input[data-fc-checked=checked]+label,
#new-profile .quest-container div[data-fc-type=multi-choice] div:not(#foo)>input[type=checkbox][data-fc-checked=checked]+label {
	background:url('../images/libs/quest-radio-icon-checked-new.png') no-repeat;
}

#new-profile .quest-container div[data-fc-type=mono-choice] div:not(#foo)>input[type=checkbox][data-fc-checked=unchecked]+label {
	background:url('../images/libs/quest-checkbox-icon-unchecked-new.png') no-repeat;
}
#new-profile .quest-container div[data-fc-type=mono-choice] div:not(#foo)>input[type=checkbox][data-fc-checked=checked]+label {
	background:url('../images/libs/quest-checkbox-icon-checked-new.png') no-repeat;
}

/* ####################
   #####  PASO 4  ##### */
   
#new-profile .quest-container .pro_turista_agrupacio-4-2 h2 {
	display: none;
}
#new-profile .quest-container .pro_turista_agrupacio-4-2 #persona_turista_acogelopd-permitido {
	position: absolute;
	outline: none;
}
#new-profile .quest-container .pro_turista_agrupacio-4-2 div[data-fc-inline-block] {
	padding: 15px 0 10px;
}
#new-profile .quest-container .pro_turista_agrupacio-4-2 label {
	display: block !important;
	padding: 0 0 0 20px;
	font-weight: 400;
	cursor: pointer;
}

/* ####################
   #####  PIE FORM  ### */

#new-profile .quest-container input[type="button"] {
	display: inline-block;
	height: 45px;
	margin: 25px 0 0;
	padding: 8px 44px 8px 19px;
	border: 1px solid #008dca;
	font-size: 27px;
	line-height: 24px;
	font-weight: 100;
  color: #008dca;
  text-transform: uppercase;
  background: url("../images/link.png") no-repeat right center;
}



#new-profile .quest-container .pro_turista_seccio-2 input[type="button"]:nth-of-type(1),
#new-profile .quest-container .pro_turista_seccio-3 input[type="button"]:nth-of-type(1),
#new-profile .quest-container .pro_turista_seccio-4 input[type="button"]:nth-of-type(1) {
	padding: 8px 19px 8px 44px;
	background: url("../images/link-previous.png") no-repeat 17px  center;
	
}

#new-profile div#ui-datepicker-div {
  width: 285px;
  display: none;
}

/* ####################
   #####  GRACIAS  #### */

#new-profile #questThanks {
	text-align: center;
	display: none;
}
#new-profile #questThanks p {
	padding: 150px 0 120px;	
	font-size: 24px;
	color: #ff4c2b;
	font-weight: 400;
}
#new-profile #questThanks big {
	display: block; 
	font-size: 32px;
}	
#new-profile #questThanks a {
	display: inline-block;
	height: 45px;
	padding: 8px 19px;
	border: 1px solid #008dca;
	font-size: 27px;
	line-height: 24px;
	font-weight: 100;
  color: #008dca;
  text-transform: uppercase;
}
/* ####################
   #####  DIALOGO  #### */

#new-profile .dialog {
  padding: 30px 20px 35px 40px;
  text-align: left;
  width: 50%;
  min-width: 400px;
  margin: 0 auto 0 auto;
  position: relative;
}
#new-profile .dialog img.error {
	margin: 8px 10px 0 0;
}
#new-profile .dialog p {
	font-size: 16px;
}
#new-profile p.error, p.success {
	text-align: center;
	font-size: 19px;
	padding: 20px;
	padding: 50px;
}
#new-profile p.success {
  color: #00b200;
}

#new-profile #error-popup.dialog p {
  font-size: 19px;
  text-align: left;
  padding: 0 20px 0 0 !important;
}

#new-profile #error-popup.dialog ul {

  padding: 0px;
  margin: 0px;
}

#new-profile #error-popup.dialog ul li { 
	font-family; inherit;
  font-size: 14px;
  display: block;
  padding: 5px 0 0 20px;
  margin: 0px;
  text-align: left;
}

#new-profile #error-popup.dialog  ul li span.label{
  display: inline-block;
  padding: 0;
  line-height: 1;
  color: #d5523f;
  white-space: nowrap;
  vertical-align: baseline;
  font-size: 100%;
  font-weight: normal;
}


/* ##################################################
   ################  MAYOR A 768px ################## */

@media only screen and (min-width: 767px) {
	
	/* ### GENERALES ### */
	
	#new-profile.wrap {
  	padding: 25px 65px 45px 75px;
  }
	
	/* ### PASO 1 ### */
	
	#new-profile .quest-container .pro_turista_seccio-1 section {
		display: inline-block;
		vertical-align: top;
	}
	#new-profile .quest-container form .pro_turista_seccio-1 div[data-fc-id] {
		display: inline-block;
		vertical-align: text-top;	
	}
	#new-profile .quest-container .pro_turista_agrupacio-1-1 {
		width: 280px;
		border-right: 1px solid #008ccc;
	}
	#new-profile .quest-container .pro_turista_agrupacio-1-2 {
		width: 515px;
		padding-left: 48px;
		margin-left: -1px;
		border-left: 1px solid #008ccc;
	}
	#new-profile .quest-container form .pro_turista_seccio-1 div[data-fc-id] {
		width: 220px;
	}
	#new-profile .quest-container form .pro_turista_seccio-1 div[data-fc-id="persona_turista_email"] {
		min-height: 114px; 
	}
	#new-profile .quest-container form .pro_turista_agrupacio-1-2 div[data-fc-id]:nth-child(2n+1) {
		float: right;
	}
	#new-profile .quest-container form div[data-fc-id] > div {
		min-height: 0 !important;
		float: none !important;
	}
	
	/* ### PASO 2/3/4 ### */
	
	#new-profile .quest-container form div[data-fc-type="multi-choice"] > div {
		display: inline-block;
		vertical-align: top;
		width: 33%;
		min-height: 48px !important;
		padding-bottom: 0;
	}
	
	/* ### PIE FORM ### */
	
	#new-profile .quest-container input[type="button"] {
		margin: 8px 0 0;
	}
	
}








.wrap.pass .contenido-principal {
	width: 100%;
    float: left;
    overflow: hidden;
}

.wrap.pass  .language {
    width: 100%;
    text-align: left;
}

.wrap.pass .quest-container form section.level-2, .quest-container section.level-2 {
    padding: 34px 0px 40px 30px;
}
.wrap.pass .quest-container form section.level-2, .quest-container section.level-2 {
    background-color: rgba(0,0,0,0.15);
}
.wrap.pass .quest-container section[data-fc-group], .quest-container section.level-1 {
    border: none;
    padding: 0px;
}
.wrap.pass div.quest-container section {
    padding-left: 2%;
    padding-right: 2%;
    background-color: transparent;
}

.wrap.pass .quest-container form div[data-fc-id] {
    display: inline-block;
    vertical-align: text-top;
    position: relative;
    margin-bottom: 20px;
    width: 300px;
}

.wrap.pass .quest-container form div[data-fc-id=persona_turista_email] label, .quest-container form div[data-fc-id=persona_turista_password] label {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    padding-bottom: 28px;
    margin: 0px;
}
.wrap.pass .quest-container form div[data-fc-id] label {
    padding-top: 40px;
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    display: block;
}


.wrap.pass .quest-container form div[data-fc-type=text] input[type=text], .quest-container form div[data-fc-type=text] input[type=password] {
    border-radius: 0px;
    width: 100%;
    padding: 10px;
}


.wrap.pass .quest-container form div[data-fc-id=persona_turista_submit] {
    vertical-align: bottom;
    width: 100px;
}

.wrap.pass {
	background: transparent;
}

.wrap.pass .language h1 {
    margin: 20px 0 10px;
    color: #FFF;
    margin-top: 35px;
    font-size: 60px;
    font-weight: bold;
    line-height: 1.1;
}

.wrap.pass .quest-container form div[data-fc-id=persona_turista_email] label, .wrap.pass .quest-container form div[data-fc-id=persona_turista_password] label {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    padding-bottom: 28px;
    margin: 0px;
}

.wrap.pass .quest-container form div[data-fc-id=persona_turista_submit] input {
    width: 100%;
    padding: 0px;
}
.wrap.pass .quest-container form div input {
    font-size: 16px;
}

.wrap.pass .quest-container form > section {
    text-align: left;
}

.wrap.pass .language {
    width: 100%;
    text-align: left;
}

.wrap.pass {
	margin: 0;
	padding: 0;
}

.wrap.pass input[type=text] {
	height: 38px;
}



/* ######################################################################################
   ############################     E D I T   P R O F I L E     ######################### */
   

#edit-profile.wrap {	
	width: 100%;
	max-width: 940px;
	margin: auto;	
	padding-bottom: 30px;
}	


#edit-profile.wrap .row{
	margin-left: auto;
	margin-right: auto;
}
/*
#edit-profile.wrap .contenido-principal {
	width:100%;
  float:left;
  overflow:hidden;
}

#edit-profile.wrap .language{
    width:100%;
    text-align: left;
}
*/
#edit-profile.wrap .language h1{
	margin: 20px 0 10px;
  margin-top: 35px;
  font-size: 60px;
  font-weight: bold;
  line-height: 1.1;
  color: #FFF;
}

#edit-profile.wrap .language p {
	margin-bottom: 30px;
  font-size: 14px;
  color: #fff;
  font-weight: 300;
}

#edit-profile .quest-container section {
	padding-left: 2%;
	padding-right: 2%;
	background-color: transparent;
}

#edit-profile .quest-container h2, .quest-container .searcher h2 {
	margin-top: 0;
	margin-bottom: 10px;	
	display: block;
	font-size: 24px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 300;  
}

#edit-profile .quest-container section.level-1 {
  margin-bottom: 60px;
  width: 100%;
  border: none;
  padding: 0;
}
#edit-profile .quest-container section.level-2 {
	padding: 34px 0px 40px 30px;
  background-color: rgba(0,0,0,0.15);
}
#edit-profile .quest-container form section.level-2 > article > div {
  width: 285px;
  margin-right: 11px;    
}
#edit-profile .quest-container form div[data-fc-id]{
  display: inline-block;
  vertical-align: text-top;
  position: relative;
  margin-bottom: 20px;
}
#edit-profile .quest-container form div[data-fc-required], 
#edit-profile .quest-container form div[data-fc-error=true]{
  padding-top: 10px;
  font-size: 12px;
  font-weight: normal;
  display: block;
  position: absolute;
}
#edit-profile .quest-container form div[data-fc-required] {
 	color: #fff;
}
#edit-profile .quest-container form div[data-fc-error=true] {
	color: red;
}
#edit-profile .quest-container form div[data-fc-id] label {
  padding-top: 40px;
  font-size: 14px;
  color: #fff;
  font-weight: normal;
}
#edit-profile .quest-container form div[data-fc-type=text] input[type=text], 
#edit-profile .quest-container form div[data-fc-type=text] input[type=password]{
  border-radius: 0px;
  width: 100%;
  padding: 10px;
}
#edit-profile .quest-container form div input{
  font-size: 16px;
}
#edit-profile .quest-container form div.mono-choice-select select {
  border-radius: 0px;
  width: 100%;
  height: 39px;
  font-size: 16px;
}
#edit-profile .quest-container form div[data-fc-id=persona_turista_repassword] {
	display: block;
	margin-left: 330px;
	margin-top: -20px;
}

#edit-profile .quest-container form div[data-fc-id=persona_turista_uid] {
  display: none !important;
}
#edit-profile .quest-container form div[data-fc-id=persona_turista_email] label, 
#edit-profile .quest-container form div[data-fc-id=persona_turista_password] label {
  color: #fff;
  font-size: 24px;
  font-weight: 300;
  padding-bottom: 28px;
  margin: 0px;
}
#edit-profile .quest-container div[data-fc-id=persona_turista_password] a{
  display: block;
  font-size: 16px;
  text-decoration: underline;
  font-weight: bold;
}
#edit-profile .quest-container form div[data-fc-id=persona_turista_fechanacimiento] input{
  border-radius: 0px;
  width: 100%;
}

#edit-profile .quest-container form section.level-2  div[data-fc-id=persona_turista_avisolegal] {
	width: 100%;
}
#edit-profile .quest-container form div[data-fc-id=persona_turista_avisolegal] span {
  color: #fff;
  font-size: 14px;
  display: block;
}
#edit-profile .quest-container form div[data-fc-id=persona_turista_avisolegal] div[data-fc-inline-block]{
	margin-top: 42px;
}
#edit-profile .quest-container form div[data-fc-id=persona_turista_avisolegal] input {
  margin: 0px;
  margin-right: 10px;
  margin-top: 3px;
  float: left;
  height: auto;
}
#edit-profile .quest-container form div[data-fc-id=persona_turista_avisolegal] label {
  padding-top: 0px;
  width: 95%;
}
#edit-profile .quest-container form div[data-fc-id=persona_turista_avisolegal] div[data-fc-required] {
  display: none;
}
#edit-profile .quest-container form div[data-fc-id=persona_turista_submit] {
  vertical-align: bottom;
  width: 100px;
}
#edit-profile .quest-container form div[data-fc-id=persona_turista_submit] input {
	width: 100%;
	padding: 0px;
}
#edit-profile .quest-container div.buttonHolder, div.buttonHolder{
  display: block;
  width: 100%;
  text-align: center;
}
#edit-profile .quest-container#questId div.buttonHolder input, 
#edit-profile div.buttonHolder a ,
#edit-profile div.buttonHolder input{
  float: none;
	width: 265px;
	text-align: center;
	background-color: #086f88 !important;	
	border: 1px solid #fff !important;
	font-size: 20px !important;	
	padding: 0px;	
	color: #fff;	
	background-image: url("../images/link-white.png");	
	background-repeat: no-repeat;	
	background-position: 240px 8px;
}
#edit-profile div.buttonHolder a {
	display: inline-block;
	padding-top: 5px;
	padding-bottom: 5px;
}



#edit-profile .quest-container table {

    color: white;

    font-size: 16px;

    line-height: 2;

}



#edit-profile .quest-container table tbody {

    border: 0px;

}



#edit-profile .quest-container table tr td:nth-child(2n+1){

    font-weight: bold;

    min-width: 200px;

}

#edit-profile .update-password {

    display: table;

}



#edit-profile .update-password > div{

    display: table-cell;

}

#edit-profile div.update-password > div[data-fc-type=text] label {

    font-size: 20px;

    font-weight: bold;

   

    text-align: right;

    padding-top: 0px;

    padding-right: 20px;

    padding-bottom: 0px;

    margin: 0px;
    color: white;

}



#edit-profile .update-password div[data-fc-id=persona_turista_email] {
	width: 400px;
}
#edit-profile form .update-password  div[data-fc-id=persona_turista_password]  {
	float: right;
}
#edit-profile form .update-password  div[data-fc-id=persona_turista_repassword]  {
	margin-top: 0px;
}
#edit-profile .update-password div[data-fc-id=persona_turista_email] span, 
#edit-profile .update-password div[data-fc-id=persona_turista_password] span {
	font-size: 20px;
	color: white;
}
#edit-profile div.update-password div[data-fc-id=persona_turista_email] input[data-fc-id=persona_turista_email] {
	width: auto;
}
#edit-profile .update-password >div div.row input[data-fc-id=persona_turista_password], 
#edit-profile .update-password >div div.row input[data-fc-id=persona_turista_repassword] {
	display: inline-block;
	width: 280px;
}
#edit-profile .update-password >div div.row label[for=persona_turista_repassword]  {
	vertical-align: middle;
	padding-right: 25px;
}
#edit-profile form .update-password div[data-fc-id=persona_turista_submit]  {
  display: block;
  width: 100%;
  margin: 45px 0 0;  
  text-align: right;
}

#edit-profile .update-password div[data-fc-id=persona_turista_submit] input[type=submit] {
	float: none;
	width: auto;
	background-color: #086f88 !important;
	border: 1px solid #fff !important;
	font-size: 20px;	
	padding: 0 43px 0 20px;	
	color: #fff;	
	background: url("../images/link-white.png") no-repeat right 8px;
}


@media (max-width:767px){

    #edit-profile.wrap .language{
    	text-align: center;
    }
    #edit-profile form .update-password div[data-fc-id=persona_turista_password] {
			float: none;
    }
    #edit-profile.wrap div.language p {
	     margin: 50px auto;
	     padding: 0px 30px;
    }
    #edit-profile .quest-container h2, .quest-container .searcher h2 {
      font-size: 24px;
      font-weight: 400;
      padding-left: 20px;
      padding-bottom: 10px;
		}
    #edit-profile .quest-container form section.level-2 {
      padding: 10px;
      padding-bottom: 40px;
    }
    #edit-profile .quest-container form section.level-1 section.level-2 > article > div {
      width: 90%;
      display: block;
      margin-right: auto;
      margin-left: auto;
    }
    #edit-profile .quest-container form div[data-fc-id] {
      display: block;
      width: 80%;
      margin: auto;
    }
    #edit-profile .quest-container form div[data-fc-id=persona_turista_submit] {
      margin: 20px auto;
      width: 100px;
    }
    #edit-profile .quest-container form div[data-fc-type=text] input[type=text] {
    	width: 100%;
    }
    #edit-profile .quest-container form div[data-fc-id=persona_turista_email] label, .quest-container form div[data-fc-id=persona_turista_password] label {
   		padding-bottom: 5px;
    }
    #edit-profile .quest-container form div[data-fc-id=persona_turista_fechanacimiento] input,
    #edit-profile .quest-container form div.mono-choice-select select {
    	width: 100%;
    }
    #edit-profile .quest-container form div[data-fc-id=persona_turista_avisolegal] label {
    	width: 90%;
    }

}



#edit-profile div#ui-datepicker-div {
  width: 285px;
	display: none;
}



/* modify form */ 

#edit-profile article.modify section.pro_turista_agrupacio-2.level-2, article.modify section.pro_turista_seccio-3.level-1{
	display: none;
}
#edit-profile .dialog {
  padding: 30px 20px 42px 40px;
  text-align: left;
  width: 100%;
  margin: 0 auto 0 auto;
  position: relative;
}
#edit-profile p.error, 
#edit-profile p.success {
	text-align: center;
	font-size: 24px;
	padding: 20px;
	padding-top: 50px;
}
#edit-profile p.success {
	color: #00b200;
}
#edit-profile #error-popup.dialog p {
	font-size: 24px;
	text-align: left;
	padding-top: 0px;
}
#edit-profile #error-popup.dialog  ul {
  font-size: 20px;
  padding: 0px;
  margin: 0px;
}
#edit-profile #error-popup.dialog  ul li{
  display: block;
  padding: 0px;
  margin: 0px;
  text-align: center;
}
#edit-profile #error-popup.dialog  ul li span.label{
  display: inline-block;
  padding: 0;
  line-height: 1;
  color: #8c2e0b;
  white-space: nowrap;
  vertical-align: baseline;
  font-size: 100%;
  font-weight: normal;
}



/* AJUSTAMOS EL DATEPICKER */

#ui-datepicker-div {
	min-width: 260px;
	border: 1px #666 solid !important;
	margin: -1px 0 0 -1px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	width: 65px !important;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	left: inherit !important;
	margin-top: -3px;
	margin-left: 0 !important;
}
.ui-datepicker .ui-datepicker-next span {
	right: 0 !important;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 50px !important;
	padding: 5px 0 5px 2px !important;
	float: none !important;
}
.ui-datepicker select.ui-datepicker-year {
	width: 61px !important;
}
.ui-datepicker td span, .ui-datepicker td a {
	text-align: center !important;
}