#visualarea{
	background: url(visualarea-rrhh.jpg) no-repeat;
}

#visualtext{
	float: left;
	width: 340px;
	color: #fff;
	padding-top: 30px;
	padding-left: 30px;
}

#visualtext h2{
	font-size: 36px;
	line-height: 32px;
	letter-spacing: -2px;
	margin-bottom: 5px;
}

#visualtext h3{
	font-size: 16px;
	margin-bottom: 5px;
	color: #0f3724;
	padding: 4px;
	font-weight: normal;
	background: #30a770;
}

#content{
	padding-top: 20px;
}


#content div.leftcolumn h4{
	font-size: 22px;
	color: #72b92c;
	letter-spacing: -2px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

#content div.leftcolumn p{
	text-align: justify;
	margin-bottom: 10px;
}

#ofertas_rrhh{
	float: left;
	width: 500px;
}

/* OFERTAS DE EMPLEO */

#ofertas_rrhh{
	padding-left: 0px;
}
#ofertas_rrhh hr{
	border: 0;
	background: #fff;
	height: 5px;
	margin-bottom: 20px;
	text-align: left;
}
#ofertas_rrhh div.oferta hr{
	border: 0;
	background: #2b2b2b;
	height: 1px;
	width: 300px;
	margin-bottom: 20px;
}
#ofertas_rrhh div.oferta{
	border: 1px #333 solid;
	padding: 10px;
	margin-bottom: 30px;
}
div.oferta p.puesto, #ofertas div.oferta p.oferta {
	margin-bottom: 0;
	text-transform: uppercase;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 3px;
	border-bottom: 1px #30a770 dotted;
}

div.oferta p.location{
	float: left;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	margin-bottom: 10px;
}

div.oferta p.hotel{
	float: right;
	text-align: right;
	width: 355px;
}

div.oferta div.detalles{
	border-top: 1px #30a770 dotted;
}

div.oferta div.funciones, div.oferta div.requisitos{
	width: 210px;
	float: left;
	margin-right: 10px;
	padding-bottom: 10px;
}

div.oferta div.requisitos{
	padding-left: 10px;
	border-left: 1px #30a770 dotted;
}

div.oferta p.tab{
	color: #30a770;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	margin-top: 10px;
}
div.oferta p.inscripcion{
	border-top: 1px #30a770 dotted;
	margin: 5px;
	margin-top: 0px;
	padding-top: 8px;
}
div.oferta p.inscripcion a{
	background: url(edit.gif) no-repeat 2px 2px;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px 3px 25px;
	text-decoration: none;
}
div.oferta p.inscripcion a:hover{
	background: #72b92c url(edit.gif) no-repeat 2px 2px;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px 3px 25px;
	text-decoration: none;
}


/* INSCRIPCION A OFERTAS DE EMPLEO */
#inscripcion{
	padding: 20px;
}
#inscripcion h1{
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 20px;
	border-bottom: 1px #333 solid;
	font-size: 22px;
	line-height: 22px;
}
#inscripcion p.puesto{
	text-transform: uppercase;
	color: #72b92c;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 0px;
}

#inscripcion p.atencion{
	font-style: italic;
	color: #999;
	margin: 20px 0px;
}
#inscripcion p.atencion span{
	padding: 1px 3px;
	border: 1px #555 solid;
}

#inscripcion hr{
	border: 0;
	background: #333;
	height: 6px;
	margin-bottom: 10px;
}

#inscripcion p.loc{
	color: #999;
}
#inscripcion div#opciones td{
	padding: 5px;
}
#inscripcion form fieldset{
	padding: 20px;
	margin-bottom: 20px;
	border: 1px #555 dotted;
}
#inscripcion form fieldset legend{
	padding: 0px 15px;
	font-weight: bold;
	color: #30a770;
	text-transform: uppercase;
}
#inscripcion form label{
	color: #fff;
	border: 0;
	padding: 0px 5px;
}
#inscripcion form table{
	margin-top: 20px;
}
#inscripcion form td{
	padding: 2px;
}
#inscripcion form td.nomcampo{
	text-align: right;
	padding-right: 10px;
	vertical-align: top;
}

#inscripcion form input.textbox{
	background: #fff;
	font: normal 11px/16px "Trebuchet Ms", Arial, Helvetica, sans-serif;
	padding: 0px 3px;
	color: #222;
}
#inscripcion form textarea{
	border: 1px #999 solid;
	font: normal 11px/16px "Trebuchet Ms", Arial, Helvetica, sans-serif;
	padding: 0px 3px;
	color: #222;	
}
#inscripcion form input.button{
	background: #72b92c;
	border: 0;
	padding: 2px 10px;
	font: normal 16px/16px Arial, Helvetica, sans-serif;
	color: #0f3724;
	font-weight: bold;
}


/* gracias... */

#gracias{
	padding-bottom: 100px;	
}

#gracias h2{
	font-size: 22px;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: -1px;
	color: #30a770;
	margin-bottom: 10px;
	font-weight: normal;
}

#gracias h3{
	text-transform: uppercase;
	color: #72b92c;
	letter-spacing: -1px;
	font-size: 26px;
	line-height: 26px;
	margin-bottom: 20px;
}

#gracias p{
	font-size: 16px;
	width: 400px;
}