@charset "utf-8";

body{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
}

img{
	vertical-align:middle;
	border:none;
}


#contenedor {
	background-image: url(../img/fondo_formulario.png);
	height: 580px;
	width: 977px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: left top;
/*	background-color:#0C9;*/
}




#logo_top_left {
	float: left;
	height: 343px;
	width: 113px;
	padding-top: 17px;
	padding-left: 9px;
/*	background-color: #34F;*/
}




#title {
	float: left;
	height: 88px;
	width: 795px;
	padding-left: 50px;
	padding-top: 12px;
/*	background-color:#C00;*/
}
#text {
	float: left;
	height: 155px;
	width: 827px;
	padding-left: 18px;
	padding-top: 5px;
/*	background-color:#3F9;*/
}




#datos {
/*	background-color: #CC3;*/
	float: left;
	height: 140px;
	width: 420px;
}
#cabecera_datos {
	float: left;
	height: 35px;
	width: 420px;
	padding-top: 5px;
}
#formulario_datos {
/*	background-color:#993;*/
	float: left;
	height: 100px;
	width: 400px;
	padding-left:20px;
	overflow:visible;
	position:relative;	/*	Esto es para que se pueda hacer click en los campos del formulario que
							se salen del DIV y son tapados por el que hay debajo.	*/
	}




#empresa {
/*	background-color: #366;*/
	float: left;
	height: 140px;
	width: 420px;
}
#cabecera_empresa {
	float: left;
	height: 35px;
	width: 425px;
	padding-top: 5px;
}
#formulario_empresa {
/*	background-color:#9C3;*/
	float: left;
	height: 100px;
	width: 405px;
	padding-left:20px;
	overflow:visible;
	position:relative;	/*	Esto es para que se pueda hacer click en los campos del formulario que
							se salen del DIV y son tapados por el que hay debajo.	*/
}




#pie {
/*	background-color: #0C6;*/
	float: left;
	height: 70px;
	width: 780px;
}
#logo_bottom_left {
/*	background-color: #F0C;*/
	float: left;
	height: 152px;
	width: 171px;
	padding-left: 26px;
	padding-top: 28px;
}
#logo_premios {
/*	background-color: #99C;*/
	float: left;
	height: 110px;
	width: 121px;
	padding-left: 34px;
}
#premios {
/*	background-color: #963;*/
	float: left;
	height: 110px;
	width: 596px;
	padding-left:19px;
}
#botonera {
	float: left;
	height: 30px;
	width: 780px;
/*	background-color: #3F6;*/
}
#boton_dch {
	float: right;
	height: 36px;
/*	background-color: #36F;*/
	overflow: hidden;	/*	Necesario para el IE6, ya que pone padding en los formularios	*/
}


#aclaracion {
	float: left;
	height: 34px;
	width: 780px;
/*	background-color: #F00;*/
}
#texto_aclaracion {
	float: right;
	width: 755px;
	height: 31px;
	font-size: 10px;
	padding-top: 3px;
	
}
#asterisco {
	float: left;
	width: 25px;
	height: 34px;
}
.premio {
	float: left;
	height: 94px;
	width: 88px;
	margin-right: 26px;
	text-align: center;
}
.cabecera_premio {
	float: left;
	height: 33px;
	width: 88px;
	margin-bottom: 4px;
	background-color: #ffb22e;
	padding-top: 5px;
}
.cuerpo_premio {
	background-color: #ffb22e;
	float: left;
	height: 47px;
	width: 88px;
	padding-top: 5px;
}


.etiqueta1{
	width:53px;
	float:left;
}
.etiqueta2{
	width:57px;
	float:left;
	text-align:center;
}
.etiqueta3{
	width:54px;
	float:left;
}
.etiqueta4{
	width:106px;
	float:left;
	text-align:center;
}
.etiqueta5{
	width:40px;
	float:left;
	text-align:center;
}
.etiqueta6{
	width:29px;
	float:left;
	text-align:center;
}

.linea_formulario input{
	border-top-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	
	border-top-style:solid;
	border-right-style:solid;
	border-bottom-style:solid;
	border-left-style:solid;
	
	border-top-color: #FF9D22;
	border-right-color: #FF9D22;
	border-bottom-color: #FF9D22;
	border-left-color: #FF9D22;
}

.campo1{
	vertical-align:bottom;
	height:12px;
	float:left;
	font-size:9px;
	width:86px;
}
.campo2{
	vertical-align:bottom;
	height:12px;
	float:left;
	font-size:9px;
	width:188px;
	_width:176px;
}
.campo3{
	vertical-align:bottom;
	height:12px;
	float:left;
	font-size:9px;
	width:333px;
	#width:335px;
	_width:323px;
}
.campo4{
	vertical-align:bottom;
	height:12px;
	float:left;
	font-size:9px;
	width:190px;
	_width:180px;
}
.campo5{
	vertical-align:bottom;
	height:12px;
	float:left;
	font-size:9px;
	width:42px;
}
.campo6{
	vertical-align:bottom;
	height:12px;
	float:left;
	font-size:9px;
	width:158px;
}
.campo7{
	vertical-align:bottom;
	height:12px;
	float:left;
	font-size:9px;
	width:140px;
	_width:130px;
}
.campo8{
	vertical-align:bottom;
	height:12px;
	float:left;
	font-size:9px;
	width:340px;
	#width:342px;
	_width:332px;
}
.campo9{
	vertical-align:bottom;
	height:12px;
	float:left;
	font-size:9px;
	width:241px;
	_width:231px;
}
.campo10{
	vertical-align:bottom;
	height:12px;
	float:left;
	font-size:9px;
	width:68px;
}


.linea_formulario {
	height: 17px;
	float:left;
}



#contenedor_gracias_y_sombra {
	height: 300px;
	width: 495px;
	position: absolute;
	z-index: 500;
	left: 330px;
	top: 132px;
/*	overflow:hidden;			/*	Para poder hacer el DIV y todo su contenido "invisible"
									cambiándole el ancho y alto a 0.	*/
}




#contenedor_gracias {
	height: 292px;
	width: 489px;
	float: left;
	background-color:#FFF;
}

#cabecera_gracias {
	float: left;
	height: 38px;
	width: 478px;
	padding-top:17px;
	padding-left:11px;
}
#cuerpo_gracias {
	float: left;
	height: 185px;
	width: 472px;
	padding-top:10px;
	padding-left:17px;
}
#pie_gracias {
	float: left;
	height: 32px;
	width: 489px;
}
#boton_gracias_1 {
	float: left;
	height: 32px;
	width: 186px;
	padding-left: 14px;
}
#boton_gracias_2 {
	float: right;
	height: 32px;
	width: 193px;
	text-align:right;
	padding-right: 7px;
	_cursor:pointer;	/*	Esto es porque en IE6 no se puede poner directamente en la imagen	*/
}
#boton_gracias_2 img{
	cursor:pointer;
}

#sombra_dcha {
	float: left;
	height: 292px;
	width: 6px;
}
#sombra_abajo {
	float: left;
	height: 8px;
	width: 495px;
}
#sombra_abajo img{
	vertical-align:top;		/*	Necesario para que no se vea separada la imagen en IE6	*/
}