/* CSS Document */

body
{
	margin: 30px 0 0 212px;
	padding: 0;
	background: url(../images/logo_new.png) no-repeat;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
}

form
{
	margin: 0;
}

#main
{
	width: 578px;
}

p
{
	margin: 0.5em 0;
}

h1
{
	font: bold 16px "Trebuchet MS", arial, helvetica, sans-serif;
	margin: 1em 0 0.5em 0;
	color: #777777;
}

#titulo
{
	margin: 0 0 10px -7px;
}

#logout
{
	float: right;
	background: url(../images/icon_lock.gif) no-repeat left top;
	padding-left: 22px;
	margin-top: 10px;
}

#ruta
{
	font: normal 10px "Trebuchet MS", arial, helvetica, sans-serif;
	text-transform: uppercase;
	margin-bottom: 1.5em;
	color: #777777;
}

#gotop
{
	position: relative;
	left: -98px;
}

#goback
{
	position: absolute;
	top: 140px;
	left: 112px;
}


ul.dotgreen
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.dotgreen li
{
	background: url(../images/dot_green.gif) no-repeat 2px 5px;
	padding: 0 0 5px 20px;
}

ul.dotgreen2 li
{
	background: url(../images/dot_green.gif) no-repeat 2px 3px;
	padding: 0 0 2px 20px;
}

ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.square
{
	list-style-type: square;
	margin: 0 0 0 14px;
	padding: 0;
}

li.red
{
	background: url(../images/bullet_red.png) no-repeat 2px 5px !important;
	padding: 0 0 0 20px;
}

li.green
{
	background: url(../images/bullet_green.png) no-repeat 2px 5px;
	padding: 0 0 0 20px;
}

a:link, a:visited
{
	font: normal 10px "Trebuchet MS", arial, helvetica, sans-serif;
	text-transform: uppercase;
	color:#777; 
	text-decoration:none;
	border-bottom: 1px dotted #777;
}

a:hover {
	font: normal 10px "Trebuchet MS", arial, helvetica, sans-serif;
	text-transform: uppercase;
	color:#66b5c5;
	text-decoration:none;
	border-bottom: 1px dotted #66b5c5;
}

.menu
{
}


#menu_bottom
{
	margin: 0 0 3em 0;
}

#menu_bottom a:link, #menu_bottom a:visited { border: 0; }
#menu_bottom a:active, #menu_bottom a:hover { border-bottom: 1px dotted #66b5c5; }

.a11 { font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; }

.a10up { font: normal 10px "Trebuchet MS", arial, helvetica, sans-serif; text-transform: uppercase; color: #777777; }

/* Estilos para evitar bordes en las imágenes */
a.imagen:link, a.imagen:visited  { border: 0; text-decoration: none; }
a.imagen:active, a.imagen:hover  { border: 0; text-decoration: none; }
a img { border: 0; }


/* Estilos para currículum completo, incompleto y desactivado */

#curriculum_ok  { background:url(../images/icon_document_ok.gif) no-repeat 5px top; padding-left: 42px; font-size: 11px; color:#777777; }
	#curriculum_ok div { font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#019b00; }
#curriculum_in  { background:url(../images/icon_document.gif) no-repeat 5px top; padding-left: 42px; font-size: 11px; color:#777777; }
	#curriculum_in div { font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#d09800; }
#curriculum_off  { background:url(../images/icon_document_error.gif) no-repeat 5px top; padding-left: 42px; font-size: 11px; color:#777777; }
	#curriculum_off div { font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fb1c05; }

/* Ofertas y Datos de Usuario */
#ofertas  { background:url(../images/icon_ofertas.gif) no-repeat 5px top; padding-left: 42px; font-size: 11px; color:#777777; }
	#ofertas div { font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#777777; }

#usuario  { background:url(../images/icon_usuario.gif) no-repeat 5px top; padding-left: 42px; font-size: 11px; color:#777777; }
	#usuario div { font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#777777; }

#personales  { background:url(../images/icon_personales.gif) no-repeat 5px top; padding-left: 42px; font-size: 11px; color:#777777; }
	#personales div { font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#777777; }

#fotografia  { background:url(../images/icon_foto.gif) no-repeat 5px top; padding-left: 42px; font-size: 11px; color:#777777; }
	#fotografia div { font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#777777; }

#libro  { background:url(../images/icon_libro.gif) no-repeat 5px top; padding-left: 42px; font-size: 11px; color:#777777; }
	#libro div { font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#777777; }

/* Formularios */
#formulario
{
	margin-top: 1.5em;
}

#formulario table td
{
	padding-right: 5px;
	vertical-align: top;
}

label
{
	display: block;
	margin: 0.5em 0 0 0;
	font: bold 10px "Trebuchet MS", arial, helvetica, sans-serif;
	color: #777777;
	text-transform: uppercase;
}

input, textarea, select
{
	font: normal 12px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
}

span.formhelp
{
	color: #777777; font-size: 10px; font-weight: normal;
}

.botones
{
	margin-top: 1.5em;
}

.validation-advice {
	background: url(../images/arrow_validacion.gif) no-repeat left 2px;
	margin: 0px 3px;
	padding: 0px 5px 5px 10px;
	color : #FF3300;
	font-size: 11px;
}


#ultima_actualizacion
{
	background: url(../images/icon_estatus.gif) no-repeat left top;
	margin: 2em 0 0 0;
	padding-left: 22px;
	font-size: 11px;
	color: #777777;
}

#help
{
	background: url(../images/icon_estatus.gif) no-repeat left top;
	margin: 0.5em 0 0 0.5em;
	padding-left: 22px;
	font-size: 10px;
	color: #777777;
}

#info
{
	background: url(../images/icon_info.gif) no-repeat left top;
	margin: 1em 0 0 0;
	padding-left: 22px;
	font-size: 11px;
	color: #777777;
	font-weight: bold;
}

/* Listados */

table.listado, table.listado2
{
	border-top: 1px solid #efefef;
	width: 100%;
	font: normal 11px "Trebuchet MS", arial, helvetica, sans-serif;
	margin: 1em 0 0 0;
	width: 100%;
}

table.listado td
{
	border-bottom: 1px solid #efefef;
	padding: 0 8px;
}

table.listado2 td
{
	border-bottom: 1px solid #efefef;
	padding: 3px 8px;
}

table.listado2 td.etiqueta
{
	font: normal 10px "Trebuchet MS", arial, helvetica, sans-serif;
	color: #777777;
	text-transform: uppercase;
	white-space: nowrap;
}

table.listado table td { border: 0; }

table.listado td.acciones
{
	padding: 3px 0;
	white-space: nowrap;
}

table.listado th, table.listado2 th
{
	color: #777777;
	text-align: left;
	text-transform: uppercase;
	padding: 3px 8px;
	font: bold 10px "Trebuchet MS", arial, helvetica, sans-serif;
}

table.listado tr.par, table.listado2 tr.par  { background-color: #ffffff; }
table.listado tr.impar, table.listado2 tr.impar { background-color: #f8f8f8; }

.nr	{ padding: 15px !important; background-color: #f8f8f8; }

.centrar { text-align: center !important; }


/* Currículum en pantalla */
#tituloprint
{
	font: bold 48px Arial, Helvetica, sans-serif;
	color: #efefef;
	letter-spacing: -0.1em;
	text-align: right;
}

#nombre
{
	font: normal 28px Georgia, "Times New Roman", Times, serif;
	text-transform: capitalize;
	margin: 0px 0 1em 30px;
	text-align: right;
}

.cur_seccion
{
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-right: 1px solid #efefef;
	text-align: right;
	padding: 0 1em 0 0;
	white-space: nowrap;
	vertical-align: top;
}

.cur_seccion2
{
	font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-right: 1px solid #efefef;
	text-align: right;
	padding: 0 1em 0 0;
	white-space: nowrap;
	vertical-align: top;
	color: #999999;
}

.cur_titseccion
{
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #f8f8f8;
	color: #777777;
	border-bottom: 2px solid #777777;
	text-align: right;
	padding: 0.5em 1em 0.5em 1em;
	white-space: nowrap;
}

.cur_contenido
{
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0 0 0 1em; 
}

.cur_detalle
{
	font: normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* Paginación */
div.pgn_limites		{ text-align: right; margin: 1em 0 1em 0.5em; }
div.pgn_limites a, div.pgn_limites a:visited	{ display: inline; padding: 2px 4px; text-decoration: none; border: 1px solid #efefef; background-color: #f8f8f8; color: #777777; }
div.pgn_limites a:active, div.pgn_limites a:hover { background-color: #dae7ea; color: #777777;}
a.pgn_paginaon		{ background-color: #66b5c5 !important; color: #ffffff !important; font-weight: bold; }

