@charset "utf-8";


/** STRUCTURE **/

.fb3area {
	display: block;
	border: 0px;
	padding: 0px;
	margin: 0px;
}
.fb3area .fb3clear {
	clear: both;
}
.fb3area .fb3col {
	display: table;
	width: 60% !important;
	vertical-align: top;
	
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.fb3area .fb3col + .fb3col {
	padding-left: 3%;
}

.fb3area .fb3col.fb3width-small {
	width: 33%;
}
.fb3area .fb3col.fb3width-normal {
	width: 50%;
}
.fb3area .fb3col.fb3width-large {
	width: 66%;
}

.fb3area .fb3sep {
	display: block;
	height: 0px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cccccc;
	clear: both;
}
.fb3area .fb3row {
	margin-top: 10px;
}
.fb3area .fb3row:first-child {
	margin-top: 0px;
}
.fb3area .fb3label {
	font-weight: bold;
}
.fb3area .fb3labelsep {
	margin-left: -2px;
}
.fb3area .fb3ast {
	
}
main .block form textarea, main .block form input[type=text],
.fb3area .fb3row .fb3field select,
.fb3area .fb3row .fb3field .select2-container,
.fb3area .fb3row .fb3field textarea,
.fb3area .fb3row .fb3field input[type=file],
.fb3area .fb3row .fb3field input[type=text] {
	width: 100%;
	margin: 0px;
	
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	padding: 9px 5px; color: #8c8c8c; font: normal 13px 'opensans', sans-serif; border: 1px solid #e5e5e5; 
}
.fb3area .fb3row .fb3field input.fb3phone { width: 140px; }
.fb3area .fb3row.fb3date .fb3field input[type=text].datepicker { width: 110px; }
.fb3area .fb3row .fb3field input[type=file] { width: 50%; }
.fb3area .fb3row .fb3field .jfilestyle input[type=text] { border: none; border-bottom: 1px solid #e5e5e5; }

.fb3area .fb3row .fb3field textarea {
	min-height: 30px;
	resize: vertical;
}
.fb3area .fb3row.fb3left {
	display: table;
	border: 0px;
	padding: 0px;
	width: 100%;
	border-collapse: collapse;
}
.fb3area .fb3row.fb3left .fb3label {
	display: table-cell;
	vertical-align: top;
	width: 30%;
	padding-right: 2%;
	position: relative;
	top: 7px; 
	white-space: nowrap;
	
	font: 600 16px 'opensans', sans-serif; 
	margin-bottom: 10px; 
}
.fb3area .fb3row.fb3ph .fb3label {
	display: none;
	margin: 0 10px 5px 0; 
}
.fb3area .fb3row.fb3left .fb3field {
	display: table-cell;
	vertical-align: top;
}
.fb3area .fb3row.fb3left .fb3clear {
	display: none;
}

.fb3area .fb3row.fb3date .fb3field input[type=text] {
	margin-right: -24px;
}

.fb3area .fb3row.fb3codpostal .fb3codpostal2,
.fb3area .fb3row.fb3codpostal .fb3codpostal1 {
	width: 50px !important;
	margin: 0 !important;
	letter-spacing: 3px;
	text-align: center;
	
	-moz-box-sizing: content-box !important;
	box-sizing: content-box !important;
}
.fb3area .fb3row.fb3codpostal .fb3codpostal2 {
	width: 40px !important;
}
.fb3area .fb3row.fb3codpostal .fb3codpostalsep {
	display: inline;
	margin: 0 5px;
}
.fb3area .fb3row.fb3captcha .fb3field img {
	width: 120px;

	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.fb3area .fb3row.fb3captcha .fb3field input[type=text] {
	width: 120px;
	text-align: center;
	letter-spacing: 5px;
}
.fb3area .fb3row.fb3radio.fb3field input,
.fb3area .fb3row.fb3checkbox .fb3field input {
	vertical-align: middle;
}
.fb3area .fb3row.fb3radio.fb3field label,
.fb3area .fb3row.fb3checkbox .fb3field label {
	vertical-align: middle;
}

.fb3area .fb3row.fb3html {
	display: block;
}
.fb3area .fb3row.fb3html .fb3label {
	display: block;
	width: auto;
	padding-right: 0px;
}
.fb3area .fb3row.fb3html .fb3label .fb3ast,
.fb3area .fb3row.fb3html .fb3label .fb3labelsep {
	display: none;
}
.fb3area .fb3row.fb3html .fb3field {
	display: none;
}


/** STYLE **/

.fb3area .fb3ast {
	color: #c22536;
}
.fb3area .fb3sep {
	border-bottom: 1px solid #cccccc; margin: 30px 0 20px 0; 
}
.fb3area .fb3row.fb3captcha .fb3field img {
	padding: 5px;
	background: #ffffff;
	border: 1px solid #cccccc;
}

.fb3area .fb3error .fb3label {
	/*color: #ff0000;*/
}
.fb3area .fb3error input[type=text], 
.fb3area .fb3error select, 
.fb3area .fb3error textarea {
	/*border: 1px solid #ff0000 !important;
	background: #ffeeee !important;*/
	background: url(/temas/xarmadis/img/form_invalido.png) no-repeat right center;
}

.fb3area .last_fb3sep { margin-top: 10px; }
.fb3area .last_fb3sep.fb3sep { border: none; }



/* styled checkboxes */
.fb3area .fb3row.fb3left .fb3field .icheckbox_minimal-grey { float: left; margin-right: 10px; position: relative; top: 2px; }

/*only mobile*/
@media (max-width: 1400px) {
	.fb3area .fb3col { width: 90% !important; }
}
@media (max-width: 1024px) {
	.fb3area .fb3col { width: 100% !important; }
}
@media (max-width: 714px) {
	.fb3area .fb3col { display: block; width: 100% !important; padding-left: 0 !important; }
	.fb3area .fb3row.fb3left .fb3field,
	.fb3area .fb3row.fb3left .fb3label,
	.fb3area .fb3field,
	.fb3area .fb3label { display: block; }
	.fb3area .fb3row.fb3left .fb3field,
	.fb3area .fb3field,
	.fb3area .fb3row.fb3left .fb3label,
	.fb3area .fb3label { width: 99% !important; }
	
	.fb3col { width: 100% !important; }
	.fb3area .fb3row.fb3radio.fb3field label, .fb3area .fb3row.fb3checkbox .fb3field label { text-align: left; }
	.fb3area .chk_container:nth-of-type(1) { margin-top: 25px; }
}

main .block .fb3area .fb3row.fb3left .fb3field .radio_container label, 
main .block .fb3area .fb3field .radio_container label, 
main .block .fb3area .fb3row.fb3left .fb3label .radio_container label, 
main .block .fb3area .fb3label .radio_container label { display: inline-block; }