#extra h3 {
	color: #7F7F7F;
	margin: 7px;
}

#principal form {
	display: block;
	width: 430px;
	margin: 0 auto;
	overflow: hidden;
}

#principal fieldset { clear: both; }

#principal h4 {
	display: block;
	text-transform: uppercase;
	margin: 8px 0;
	padding-top: 5px;
}

/********************
Lista
********************/
#principal form li {
	display: block;
	float: left;
	height: 46px;
	overflow: hidden;
	padding-bottom: 5px;
}

#principal li.cl1 { width: 215px; }

#principal form li.cl2 {
	width: 430px;
	height: 140px;
}
/********************
Fin de lista
********************/


/********************
Label
********************/
#principal label {
	display: block;
	height: 22px;
	margin: 2px auto 0;
	padding-left: 8px;
	background: url(../images/input-esq.gif) no-repeat left;
}

#principal label.name {
	display: block;
	height: 18px;
	margin: 5px 0;
	padding: 4px 0 0 5px;
	background: none;
	background-color: #E7E6E3;
}

li.cl1 label { width: 200px; }

li.cl2 label { width: 416px; }

form li label.name { width: 100%; }
/********************
Fin de Label
********************/


/********************
Input
********************/


#principal label input  {
	height: 18px;
	display: block;
	padding: 4px 8px 0 0;
	background: url(../images/input-dir.gif) no-repeat right;
	
}

li.cl1 input { width: 200px; }

li.cl2 input { width: 408px; }

#isPostBack { display: none; }
/********************
Fin de Input
********************/


/********************
Select
********************/
#principal select {
	display: block;
	width: 96%;
	margin: 4px auto 0;
}
/********************
Fin de Select
********************/


/********************
Textarea
********************/
#principal textarea {
	display: block;
	width: 96%;
	height: 103px;
	padding: 5px;
	margin: 3px auto;
	border: 1px solid #D1D1D1;
	background-color: #FBFBFB;
	overflow: -moz-scrollbars-vertical;
}
/********************
Fin de Textarea
********************/


/********************
Boton Enviar
********************/
.enviar {
	width: 410px;
	height: 20px;
	overflow: hidden;
	padding: 2px 10px 1px;
	background-color: #E7E6E3;
}

#principal .enviar p {
	color: #FF8A00;
	text-align: left;
	float: left;
	margin-top: 3px;
}

.enviar button {
	text-indent: -9999px;
	cursor: pointer;
	float: right;
	width: 73px;
	height: 17px;
	margin-top: 1px;
	overflow: hidden;
	background: url(../images/enviar.gif) no-repeat top;
}

.enviar button:hover { background-position: bottom; }
/********************
confirmacion
********************/

#confirma { 
	height: 50px;
	background: #FFF;
	border: solid 1px #ea9104;
	padding: 5px 15px 0;
}

#confirma h3 { 
	margin: 7px 0;
	color: #ea9104;
}

	

/********************
fin de confirmacion
********************/