* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
	font-family: Tahoma;
	overflow:hidden;
}

.label {
	font-size: 13px;
}

.labelSmall {
	font-size: 11px;
}

.labelLarge {
	font-size: 15px;
}

.validator {
	font-size: 12px;
	color: Red;
}

.elementHidden {
	display: none;
}

/* Background Panel
-----------------------------------------------------------*/

.backgroundPanel {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.1);
	padding: 20px 20px 0 20px;
	border-radius: 10px;
}

.backgroundPanelHidden {
	position: absolute;
}

/* Estilos para formulario en orientación vertical
-----------------------------------------------------------*/

.title1Normal {
	font-size: x-large;
	font-weight: bold;
	text-align: center;
	align-content: center;
	margin-bottom: 10px;
}

.title1Small {
	font-size: medium;
	font-weight: bold;
	text-align: center;
	align-content: center;
	margin-bottom: 6px;
}

.title1Medium {
	font-size: large;
	font-weight: bold;
	text-align: center;
	align-content: center;
	margin-bottom: 8px;
}

.title2Normal {
	font-size: large;
	font-weight: 100;
	text-align: center;
	align-content: center;
	margin-bottom: 25px;
}

.title2Small {
	font-size: small;
	font-weight: 100;
	text-align: center;
	align-content: center;
	margin-bottom: 15px;
}

.title2Medium {
	font-size: medium;
	font-weight: 100;
	text-align: center;
	align-content: center;
	margin-bottom: 20px;
}

.tableVerticalNormal td {
	padding-bottom: 12px;
	text-align: left;
	border: 1px solid transparent;
}

.tableVerticalSmall td {
	padding-bottom: 4px;
	text-align: left;
	border: 1px solid transparent;
}

.tableVerticalMedium td {
	padding-bottom: 6px;
	text-align: left;
	border: 1px solid transparent;
}

.inputVerticalNormal {
	font-family: Tahoma;
	font-size: 17px;
	height: 32px;
	width: 97.3%;
	padding: 4px 4px 4px 4px;
	border: 1px solid #c4c4c4;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 0px 8px #d9d9d9;
	-moz-box-shadow: 0px 0px 8px #d9d9d9;
	-webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

	.inputVerticalNormal::-webkit-input-placeholder { /* WebKit browsers */
		font-size: 17px !important;
		color: #cecece;
	}

	.inputVerticalNormal:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		font-size: 17px !important;
		color: #999;
	}

	.inputVerticalNormal::-moz-placeholder { /* Mozilla Firefox 19+ */
		font-size: 17px !important;
		color: #999;
	}

	.inputVerticalNormal:-ms-input-placeholder { /* Internet Explorer 10+ */
		font-size: 17px !important;
		color: #999;
	}

	.inputVerticalNormal:focus {
		outline: none;
		border: 1px solid #fbc04e;
		box-shadow: 0px 0px 8px #fbc04e;
		-moz-box-shadow: 0px 0px 8px #fbc04e;
		-webkit-box-shadow: 0px 0px 8px #fbc04e;
	}

.inputVerticalSmall {
	font-family: Tahoma;
	font-size: 13px;
	height: 20px;
	width: 98.5%;
	padding: 2px 2px 2px 2px;
	border: 1px solid #c4c4c4;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 0px 8px #d9d9d9;
	-moz-box-shadow: 0px 0px 8px #d9d9d9;
	-webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

	.inputVerticalSmall::-webkit-input-placeholder { /* WebKit browsers */
		font-size: 13px !important;
		color: #cecece;
	}

	.inputVerticalSmall:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		font-size: 13px !important;
		color: #999;
	}

	.inputVerticalSmall::-moz-placeholder { /* Mozilla Firefox 19+ */
		font-size: 13px !important;
		color: #999;
	}

	.inputVerticalSmall:-ms-input-placeholder { /* Internet Explorer 10+ */
		font-size: 13px !important;
		color: #999;
	}

	.inputVerticalSmall:focus {
		outline: none;
		border: 1px solid #fbc04e;
		box-shadow: 0px 0px 8px #fbc04e;
		-moz-box-shadow: 0px 0px 8px #fbc04e;
		-webkit-box-shadow: 0px 0px 8px #fbc04e;
	}

.inputVerticalMedium {
	font-family: Tahoma;
	font-size: 14px;
	height: 27px;
	width: 98%;
	padding: 2px 2px 2px 2px;
	border: 1px solid #c4c4c4;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 0px 8px #d9d9d9;
	-moz-box-shadow: 0px 0px 8px #d9d9d9;
	-webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

	.inputVerticalMedium::-webkit-input-placeholder { /* WebKit browsers */
		font-size: 14px !important;
		color: #cecece;
	}

	.inputVerticalMedium:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		font-size: 14px !important;
		color: #999;
	}

	.inputVerticalMedium::-moz-placeholder { /* Mozilla Firefox 19+ */
		font-size: 14px !important;
		color: #999;
	}

	.inputVerticalMedium:-ms-input-placeholder { /* Internet Explorer 10+ */
		font-size: 14px !important;
		color: #999;
	}

	.inputVerticalMedium:focus {
		outline: none;
		border: 1px solid #fbc04e;
		box-shadow: 0px 0px 8px #fbc04e;
		-moz-box-shadow: 0px 0px 8px #fbc04e;
		-webkit-box-shadow: 0px 0px 8px #fbc04e;
	}

.watermarkedVN {
	font-family: Tahoma;
	font-size: 17px;
	height: 32px;
	width: 97.3%;
	padding: 4px 4px 4px 4px;
	color: gray;
	border: 1px solid #c4c4c4;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 0px 8px #d9d9d9;
	-moz-box-shadow: 0px 0px 8px #d9d9d9;
	-webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

	.watermarkedVN:focus {
		outline: none;
		border: 1px solid #7bc1f7;
		box-shadow: 0px 0px 8px #fbc04e;
		-moz-box-shadow: 0px 0px 8px #fbc04e;
		-webkit-box-shadow: 0px 0px 8px #fbc04e;
	}

.watermarkedVS {
	font-family: Tahoma;
	font-size: 13px;
	height: 20px;
	width: 97%;
	padding: 3px 3px 3px 3px;
	color: gray;
	border: 1px solid #c4c4c4;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 0px 8px #d9d9d9;
	-moz-box-shadow: 0px 0px 8px #d9d9d9;
	-webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

	.watermarkedVS:focus {
		outline: none;
		border: 1px solid #7bc1f7;
		box-shadow: 0px 0px 8px #fbc04e;
		-moz-box-shadow: 0px 0px 8px #fbc04e;
		-webkit-box-shadow: 0px 0px 8px #fbc04e;
	}

.watermarkedVM {
	font-family: Tahoma;
	font-size: 14px;
	height: 26px;
	width: 97.3%;
	padding: 3px 3px 3px 3px;
	color: gray;
	border: 1px solid #c4c4c4;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 0px 8px #d9d9d9;
	-moz-box-shadow: 0px 0px 8px #d9d9d9;
	-webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

	.watermarkedVM:focus {
		outline: none;
		border: 1px solid #7bc1f7;
		box-shadow: 0px 0px 8px #fbc04e;
		-moz-box-shadow: 0px 0px 8px #fbc04e;
		-webkit-box-shadow: 0px 0px 8px #fbc04e;
	}

.selectVerticalNormal {
	font-family: Tahoma;
	font-size: 17px;
	height: 42px;
	width: 100%;
	padding: 4px 4px 4px 4px;
	border: 1px solid #c4c4c4;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 0px 8px #d9d9d9;
	-moz-box-shadow: 0px 0px 8px #d9d9d9;
	-webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

	.selectVerticalNormal:focus {
		outline: none;
		border: 1px solid #fbc04e;
		box-shadow: 0px 0px 8px #fbc04e;
		-moz-box-shadow: 0px 0px 8px #fbc04e;
		-webkit-box-shadow: 0px 0px 8px #fbc04e;
	}

.selectVerticalSmall {
	font-family: Tahoma;
	font-size: 13px;
	height: 28px;
	width: 100%;
	padding: 0;
	margin: 0;
	border: 1px solid #c4c4c4;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 0px 8px #d9d9d9;
	-moz-box-shadow: 0px 0px 8px #d9d9d9;
	-webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

	.selectVerticalSmall:focus {
		outline: none;
		border: 1px solid #fbc04e;
		box-shadow: 0px 0px 8px #fbc04e;
		-moz-box-shadow: 0px 0px 8px #fbc04e;
		-webkit-box-shadow: 0px 0px 8px #fbc04e;
	}

.selectVerticalMedium {
	font-family: Tahoma;
	font-size: 14px;
	height: 33px;
	width: 100%;
	padding: 3px 3px 3px 3px;
	margin: 0;
	border: 1px solid #c4c4c4;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 0px 8px #d9d9d9;
	-moz-box-shadow: 0px 0px 8px #d9d9d9;
	-webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

	.selectVerticalMedium:focus {
		outline: none;
		border: 1px solid #fbc04e;
		box-shadow: 0px 0px 8px #fbc04e;
		-moz-box-shadow: 0px 0px 8px #fbc04e;
		-webkit-box-shadow: 0px 0px 8px #fbc04e;
	}

.inputPhoneNumber {
	width: 210px !important;
	margin-left: 3px;
}

.inputPhoneNumber2 {
	width: 210px;
	margin-left: 3px;
}

.inputPhoneNumberSmall {
	width: 169px;
	margin-left: 2px;
}

.inputPhoneNumberSmall2 {
	width: 135px;
	margin-left: 2px;
}

.inputPhoneNumberMedium {
	width: 170px;
	margin-left: 2px;
}

.inputPhoneNumberMedium2 {
	width: 155px;
	margin-left: 2px;
}

.watermarkedPhoneNumber {
	color: gray;
	width: 210px !important;
	margin-left: 3px;
}

.watermarkedPhoneNumber2 {
	color: gray;
	width: 210px;
	margin-left: 3px;
}

.watermarkedPhoneNumberSmall {
	color: gray;
	width: 167px;
	margin-left: 2px;
}

.watermarkedPhoneNumberSmall2 {
	color: gray;
	width: 133px;
	margin-left: 2px;
}

.watermarkedPhoneNumberMedium {
	color: gray;
	width: 168px;
	margin-left: 2px;
}

.watermarkedPhoneNumberMedium2 {
	color: gray;
	width: 153px;
	margin-left: 2px;
}

.inputContact {
	width: 269px;
	margin-left: 3px;
}

.watermarkedContact {
	width: 269px;
	margin-left: 3px;
}

.inputContactSmall {
	width: 212px;
	margin-left: 3px;
}

.watermarkedContactSmall {
	width: 210px;
	margin-left: 3px;
}

.inputContactMedium {
	width: 217px;
	margin-left: 3px;
}

.watermarkedContactMedium {
	width: 215px;
	margin-left: 3px;
}

/* Estilos para formulario en orientación horizontal
-----------------------------------------------------------*/

.tableHorizontal td {
	padding-right: 4px;
	text-align: left;
	border: 1px solid transparent;
}

.inputHorizontal {
	font-family: Tahoma;
	font-size: 13px;
	height: 32px;
	width: 97%;
	padding: 4px 4px 4px 4px;
	border: 1px solid #c4c4c4;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 0px 8px #d9d9d9;
	-moz-box-shadow: 0px 0px 8px #d9d9d9;
	-webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

	.inputHorizontal::-webkit-input-placeholder { /* WebKit browsers */
		font-size: 13px !important;
		color: #cecece;
	}

	.inputHorizontal:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		font-size: 13px !important;
		color: #999;
	}

	.inputHorizontal::-moz-placeholder { /* Mozilla Firefox 19+ */
		font-size: 13px !important;
		color: #999;
	}

	.inputHorizontal:-ms-input-placeholder { /* Internet Explorer 10+ */
		font-size: 13px !important;
		color: #999;
	}

	.inputHorizontal:focus {
		outline: none;
		border: 1px solid #fbc04e;
		box-shadow: 0px 0px 8px #fbc04e;
		-moz-box-shadow: 0px 0px 8px #fbc04e;
		-webkit-box-shadow: 0px 0px 8px #fbc04e;
	}

.watermarkedH {
	font-family: Tahoma;
	font-size: 13px;
	height: 32px;
	width: 97%;
	padding: 4px 4px 4px 4px;
	color: gray;
	border: 1px solid #c4c4c4;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 0px 8px #d9d9d9;
	-moz-box-shadow: 0px 0px 8px #d9d9d9;
	-webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

	.watermarkedH:focus {
		outline: none;
		border: 1px solid #7bc1f7;
		box-shadow: 0px 0px 8px #fbc04e;
		-moz-box-shadow: 0px 0px 8px #fbc04e;
		-webkit-box-shadow: 0px 0px 8px #fbc04e;
	}

.selectHorizontal {
	font-family: Tahoma;
	font-size: 13px;
	height: 41px;
	width: 107%;
	padding: 3px 3px 3px 3px;
	margin: 0;
	vertical-align: middle;
	border: 1px solid #c4c4c4;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 0px 8px #d9d9d9;
	-moz-box-shadow: 0px 0px 8px #d9d9d9;
	-webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

	.selectHorizontal:focus {
		outline: none;
		border: 1px solid #fbc04e;
		box-shadow: 0px 0px 8px #fbc04e;
		-moz-box-shadow: 0px 0px 8px #fbc04e;
		-webkit-box-shadow: 0px 0px 8px #fbc04e;
	}

.inputPhonePrefixHorizontal {
	font-family: Tahoma;
	font-size: 17px;
	height: 32px;
	width: 60px;
}

.watermarkedPhonePrefixH {
	font-family: Tahoma;
	font-size: 13px;
	height: 32px;
	width: 60px;
	padding: 2px 0 0 2px;
	color: gray;
}

.inputPhoneNumberHorizontal {
	font-family: Tahoma;
	font-size: 17px;
	height: 32px;
	width: 150px;
}

.watermarkedPhoneNumberH {
	font-family: Tahoma;
	font-size: 13px;
	height: 32px;
	width: 150px;
	padding: 2px 0 0 2px;
	color: gray;
}

/* Estilo para botones de confirmación 
-----------------------------------------------------------*/

.button {
	background-image: linear-gradient(top, #ff5100 0%, #E14D08 100%);
	background-image: -o-linear-gradient(top, #ff5100 0%, #E14D08 100%);
	background-image: -moz-linear-gradient(top, #ff5100 0%, #E14D08 100%);
	background-image: -webkit-linear-gradient(top, #ff5100 0%, #E14D08 100%);
	background-image: -ms-linear-gradient(top, #ff5100 0%, #E14D08 100%);
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #ff5100), color-stop(1, #E14D08) );
	border: 1px solid #C0830B;
	color: #FFFFFF !important;
	font-family: Arial !important;
	font-size: 26px;
	font-style: normal !important;
	font-weight: bold !important;
	text-align: center;
	text-shadow: 0 1px 0 #FFFFFF;
	white-space: normal;
	width: 100%;
	height: 40px;
}

	.button:hover {
		color: #ffffff !important;
		background-image: linear-gradient(top, #E14D08 0%, #ff5100 100%);
		background-image: -o-linear-gradient(top, #E14D08 0%, #ff5100 100%);
		background-image: -moz-linear-gradient(top, #E14D08 0%, #ff5100 100%);
		background-image: -webkit-linear-gradient(top, #E14D08 0%, #ff5100 100%);
		background-image: -ms-linear-gradient(top, #E14D08 0%, #ff5100 100%);
		background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #E14D08), color-stop(1, #ff5100) );
		border: 1px solid #c0830b;
		cursor: pointer;
	}

	.button:active {
		-webkit-box-shadow: inset 5px 5px 120px 0px rgba(255,107,38,1);
		-moz-box-shadow: inset 5px 5px 120px 0px rgba(255,107,38,1);
		box-shadow: inset 5px 5px 120px 0px rgba(255,107,38,1);
	}

/* Animación en carga inicial 
-----------------------------------------------------------*/

.divImageClass{
    width:100%;
    height:100%;
    position:absolute;
    left:50%;
    top:50%;
}