/* quorumseleccion.com - design by Jacques Maes, arqyestudio.com */

/* 1. general rules
----------------------------------------------- */
body {margin: 0;padding: 0;background: #fff url(../pics/header_bg.png) repeat-x;font: 11px verdana, arial, sans-serif;line-height: 18px;color: #555;text-align: center}
#wrapper {width: 720px;margin: 0 auto;background: url(../pics/subnav.png) 0 54px no-repeat;line-height: 18px}
a { color: #878C8D; font-weight:bold; text-decoration: none;outline:none}
a:hover	{color: #A22A20}
img	{border: 0}
.clear {clear: both; height:20px}

/* 2. header (main nav)
----------------------------------------------- */
#header	{height: 139px;text-align:left}
#header	ol { margin: 0; padding:0}
#header	li { display: block; float: left; width: 180px}
#header	.nav {display: block;float: left;width: 180px;height: 60px}
#header strong	{display:none}
#empresas	{background: url(../pics/empresas.png) 0 0 no-repeat;display: block;float: left;width: 180px;height: 60px}
#empresas_on {background: url(../pics/empresas.png) 0 -80px no-repeat; display: block;float: left;width: 180px;height: 60px}
#candidatos {background: url(../pics/candidatos.png) 0 0 no-repeat;display: block;float: left;width: 180px;height: 60px}
#candidatos_on {background: url(../pics/candidatos.png) 0 -80px no-repeat;display: block;float: left;width: 180px;height: 60px}
#quorum_seleccion {background: url(../pics/quorum_seleccion.png)  0 0 no-repeat; display: block;float: left;width: 180px;height: 60px}
#quorum_seleccion_on { background: url(../pics/quorum_seleccion.png) 0 -80px no-repeat; display: block;float: left;width: 180px;height: 60px}
#herramientas {background: url(../pics/herramientas.png) 0 0 no-repeat;display: block;float: left;width: 180px;height: 60px}
#herramientas_on  { background: url(../pics/herramientas.png) 0 -80px no-repeat;display: block;float: left;width: 180px;height: 60px}
.sub, .sub li {clear: both; display: block; float: left; margin: 0;padding:0}
.sub li a	{color: #878C8D; font-weight: bold; text-decoration: none; font-size: 10px;padding: 0 1px 0 8px;height: 12px;vertical-align: bottom; /* This fixes the IE5 Win gap! */ }
.sub li a.highlight {color:#555}
.sub a:hover {color: #A22B20; background: url(../pics/nav_arrow.png) center left no-repeat;height: 12px}
.sub li a.current {color: white}
.sub li a:hover.current, .sub li a:hover.highlight {color: #A22B20}

/* 3. subheader (logo + photos)
----------------------------------------------- */
#subheader_old {position:relative;height:150px;background: #B5B292 url(../pics/subheader.png) top left no-repeat}
#subheader {position:relative;height:150px;background: #B5B292 url(../pics/subheader2.png) top left no-repeat}
#logo {background: url(../pics/logo.png) top left no-repeat;height:50px;width:310px;position:absolute;left:1px;top:0;cursor:pointer}
#SH_home {height:149px; background: url(../pics/subheader_home.png) top right no-repeat;position:relative}
#SH_empresas {height:149px; background: url(../pics/subheader_empresas.png) top right no-repeat;position:relative}
#SH_candidatos {height:149px; background: url(../pics/subheader_candidatos.png) top right no-repeat;position:relative}
#SH_quorum_seleccion {height:149px; background: url(../pics/subheader_quorum.png) top right no-repeat;position:relative}
#SH_herramientas {height:149px; background: url(../pics/subheader_herramientas.png) top right no-repeat;position:relative}

/* 4. site tools (crumb trail & imprimir)
----------------------------------------------- */
#tools 	{ display: block; width: 720px; height: 40px; font-size: 10px; text-align:left;color:#878C8D}
#tools .crumb { width: 480px; float: left; padding: 18px 0 0 8px; display: block;font-weight:bold}
#tools .stylesheet {width: 220px; float: right; padding: 21px 0 0 0; display: block}
#tools .slogan {width: 330px; float: right; padding:0;font-weight:bold; display: block;margin: 15px 0 0 0;text-align:left}
body#cv #tools .stylesheet {display:none}
#tools .date {margin: 15px 0 0 10px;font-weight:bold;float:left;width:300px}
#tools .stylesheet a {line-height: 12px; padding-left: 15px; display: block;background: url(../pics/basic.gif) no-repeat;height:12px}
#content ul.navpager {background: #EFF0EC;border:1px solid #ccc;padding:5px;height:32px}
#content ul.navpager li {background-image:none;padding:0;margin:0 0 6px 0;float:left}
#content ul.navpager li a {padding:5px;margin:0}
#content .navpager a.highlight {color: #000; font-weight: bold}

/* 5. main content (left column)
----------------------------------------------- */
#content {margin-right:220px; width:465px;padding: 10px 20px 20px 8px;text-align:justify}
#content p {padding: 0 0 15px 0;margin:0}
#content p.error {background:#FBE3E4;color:#8a1f11;border:1px solid #FBC2C4;padding:1em;margin-bottom:15px}
#content p.success {color:#264409;border:1px solid #C6D880;background-color:#E6EFC2;padding:1em;margin-bottom:15px}
#content ol {padding: 10px 0 0 15px;margin: 0}
#content dd ol {padding: 0;margin: 0}
#content ul  {padding: 0 10px 15px 15px;margin: 0}
#content ul li {margin: 8px 0 8px 0;padding-left: 15px;line-height: 120%;list-style-type: none;background: url(../pics/bullet_single.gif) no-repeat 0 4px}
#content ol li {margin: 10px 0 10px 0;padding:10px;line-height: 150%;border: 1px solid #EDEDED; list-style-position:outside;background-color:#FAFAFA}
#content ol li strong {color:#AABBB6}
#content ol.faq li strong {color:#A8A582}
#content ol li p {padding:8px 0 0 0}
#content dl {margin:0;padding:10px}
	#content dl.article_summary {border:1px solid #ccc}
#content dt {font-weight:bold;padding:7px;margin:0;background: url(../pics/subtitulos.png);color: #A8A582}
#content dd {margin:10px;padding: 0 0 10px 10px}
#content dd p {padding: 0 0 5px 0}
ul#links li {padding-left: 20px;background: url(../pics/channel_dot.gif) 0 3px no-repeat;line-height:150%;margin: 8px 0 8px 0}
.readmore {padding-left:17px;background: url(../pics/channel_dot.gif) 0 50% no-repeat}
ul#links {border:1px solid #CCC;background-color: #EFF0EC;padding:0 10px 0 10px;margin:0 0 25px 0}
	#content ul .mapa_web {margin-bottom:0;padding-bottom:0;}
	#content ul li .mapa_web {margin-bottom:0;padding-bottom:0}
dl#box {margin: 0 0 20px 10px;padding:0 0 10px 0}
#content dl.box {margin: 0 0 10px 10px;padding:0 0 10px 0}
dl#box dt, #content dl.box dt {padding-bottom:10px}
dl#box dd, #content dl.box dd {padding:0 0 0 10px;margin:0 0 0 10px;line-height:150%}
dl#box a, #content dl.box a { display: block; padding-left: 15px;background: url(../pics/channel_dot.gif) left center no-repeat;height:18px;margin-top:10px}
blockquote {float:left;width:190px;background: url(../pics/blockquote.png) top left repeat-y;border-bottom:2px solid #AAB3B2;border-right:2px solid #AAB3B2;padding:10px 0 0 0;margin:0 10px 0 0;font-weight:bold;color:white;text-align:left}
#articulo img, img.floatLeft {border: none;float:left;margin-right:10px;margin-bottom:10px}
#articulo h2 {font-family: "Trebuchet MS", verdana, sans-serif;color: #A8A582;font-size:12px;background: none;padding:0 0 5px 0px}
.centerBox {background: url(../pics/articulos.png) top left no-repeat}
.centerBox p {padding:5px 10px 5px 10px}
.bottomBox {background: url(../pics/articulos.png) bottom left no-repeat}
.OfertasBox {background: url(../pics/ofertas_box.png) bottom left no-repeat;width:465px}
.OfertasBox h2 {padding:25px 10px 10px 25px;background: url(../pics/ofertas_box.png) top left no-repeat;color:white;font-weight:bold;text-align:center;margin-bottom:0}
.OfertasBox h3 {padding:0 20px 15px 0;font-size:10px;color:#333;font-weight:bold;text-align:right;margin:0}
#enhancedtable {border-collapse:collapse;border:1px solid #CCC;font-size:10px;text-align:left}
#enhancedtable a {line-height: 12px; padding-left: 15px; display: block;background: url(../pics/channel_dot.gif) no-repeat}
#enhancedtable td {border-bottom:1px solid #CCC;padding:5px}
#enhancedtable th {background-color:#AF3B2E;color:white;padding:5px;font-weight:bold}
#enhancedtable tr.alt td {background-color: #EFF0EC}
#enhancedtable tr.over td {background-color:#ddd}


.lowercase {text-transform:lowercase}
.activo {color:#B5B292;font-weight:bold}
#mainnavtabbed li a.tabon {color: #B5B292;padding-bottom:2px;background: url(../pics/dots_h.gif) left bottom repeat-x}
#mainnavtabbed li a:hover.tabon {color: #A22A20}
.tabcontent h2 {font-weight:bold;font-size:13px}
form {padding:0 0 10px 0;margin:0 0 20px 0;width:465px;background: url(../pics/form.gif) left top repeat}
#form_contact {-webkit-border-radius:15px;-moz-border-radius:15px;border: 1px solid #D5D2B2}
#form_contact input, #form_contact textarea {padding:3px}
fieldset {border:none;padding:20px 0 0 0;margin:0}
label {display:block;font-weight:normal;padding:0}
input, textarea, select {font: 11px verdana, arial, sans-serif;font-weight:bold;color:#777}
input, select {width:200px;border:1px solid #D5D2B2}
form#form_contact p {float:left;width:45%;padding-left:18px}
textarea {display:block;width:430px;border:1px solid #D5D2B2}
input#button {width:80px;height:20px;border:none;margin-top:10px}
input#button-activacion {width:202px;height:20px;margin:15px 0 0 135px}
input#button2 {width:80px;height:20px;border:none;margin:25px 0 0 125px}
.subir {clear:both;margin-left:200px}

/* 6. homepage (portada)
----------------------------------------------- */
#portada {text-align:left;margin-top:20px}
#portada .Col1 {float:left;width:340px}
#portada .Col2 {float:right;width:340px}
#portada ul {padding:0 10px 0 0;margin:0 0 10px 10px}
#portada ul li {padding-left: 20px;background: url(../pics/channel_dot.gif) 0 3px no-repeat;line-height:150%;margin: 0 0 5px 0;list-style-type: none}	
#portada dl {margin:10px 0 0 0;padding:0}
#portada dt {font-weight:bold;padding: 7px 0 7px 10px;margin:0;background: url(../pics/subtitulos.png);color: #A8A582}
#portada dd {margin:10px;padding: 0 0 0 10px;border-left: 5px solid #EDEDED;text-align:justify}
#portada dd p {margin:0;padding:0}
#portada .ddOfertas {margin:0 0 0 10px}
#flash_candidatos, #flash_empresas {padding-left:10px;display:block}

/* 7. main content nav (right column)
----------------------------------------------- */
#contentnav	{float: right;width: 220px;text-align:left;padding-top:35px;font-size: 10px}	
#contentnav ul, #contentnav li 	{padding: 0;margin: 0;list-style: none}
#contentnav ul {margin-bottom:20px}
#contentnav li {background: url(../pics/dots_h.gif) bottom repeat-x; padding: 4px 0}
#contentnav a { display: block; padding-left: 15px;background: #FFF url(../pics/channel_dot.gif) left center no-repeat;line-height:18px;height:18px}
#contentnav a:hover {line-height:18px;height:18px;display: block; padding-left: 15px;background: #F5F5F5 url(../pics/channel_dot.gif) left center no-repeat;}
#contentnav p {text-align:justify;border-left:2px solid #CCC;padding-left:10px;margin-bottom:20px}
#contentnav em {font-weight:bold;color: #AABBB6}

/* 8. footer
----------------------------------------------- */
#footer	{padding: 8px; margin:25px 0 0 0; background-color: #EFF0EC;border-top:3px solid #dadada;border-bottom:2px solid #dadada;clear: both;text-align:center;font-weight:bold;color:#888;font-size:10px}
#footer p {padding:0 0 3px 0;margin:0;line-height:145%}
#footer p.credit {padding-top:20px}
#footer p.copyright {padding-bottom:10px}
.inline-button, .inline-button2 {font: bold 9px Verdana, sans-serif;margin: 0 0.2em; padding: 0.1em 0;border: 1px solid #999;white-space:nowrap;text-decoration: none;vertical-align:middle;color: #888}
* html .inline-button {width:8.5em;padding:0}
* html .inline-button2 {width:6.8em;padding:0}
.inline-button em, .inline-button2 em {font-style: normal;margin:0; padding: 0.1em 0.5em;background: #AABBB6;color: #666}
* html .inline-button em, * html .inline-button span, * html .inline-button2 em, * html .inline-button2 span {width:1em}
.inline-button span, .inline-button2 span {margin:0; padding: 0.1em 0.5em 0.1em 0.3em;background:white}
.inline-button:hover, .inline-button2:hover {background: #666;color: #AABBB6}
.inline-button:hover em, .inline-button2:hover em {background: #AAABB6;color: white}

/* 9. titles
----------------------------------------------- */
#content h1 {margin-top:15px;padding:0;text-indent:-5000em;display:block;width:460px;height:32px}
#content h1#empresas_portada {height:115px; background:url(../pics/Empresas_Portada.jpg) top left no-repeat;margin:0}
#content h1#candidatos_portada {height:115px; background:url(../pics/Candidatos_Portada.jpg) top left no-repeat;margin:0}
h1#empresas { background-image:url(../pics/empresas-title.gif)}
h1#seleccion_de_personal, h1#seleccion_de_personal_2, h1#seleccion_de_personal_3, h1#seleccion_de_personal_4 { background-image:url(../pics/seleccion-de-personal-title.gif)}
h1#evaluacion_de_personal, h1#evaluacion_de_personal_2, h1#evaluacion_de_personal_3, h1#evaluacion_de_personal_4 { background-image:url(../pics/evaluacion-de-personal-title.gif)}
h1#consultoria_de_RRHH { background-image:url(../pics/consultoria-de-RRHH-title.gif)}
h1#ubicacion, h1#ubicacion2 { background-image:url(../pics/ubicacion-title.gif)}
h1#peticion_online, h1#peticion_ok, h1#peticion_error { background-image:url(../pics/peticion-online-title.gif)}
h1#candidatos { background-image:url(../pics/candidatos-title.gif)}
h1#envienos_su_CV, h1#envienos_su_CV_ok, h1#envienos_su_CV_error, h1#envienos_su_curriculum, h1#envienos_su_curriculum_ok, h1#envienos_su_curriculum_error { background-image:url(../pics/envienos-su-cv-title.gif)}
h1#ofertas_de_empleo { background-image:url(../pics/ofertas-de-empleo-title.gif)}
h1#centro_de_recursos { background-image:url(../pics/centro-de-recursos-title.gif)}
h1#alertas_ofertas_empleo { background-image:url(../pics/alertas-title.gif)}
h1#quorum_seleccion { background-image:url(../pics/quorum-seleccion-title.gif)}
h1#filosofia_de_trabajo { background-image:url(../pics/filosofia-title.gif)}
h1#dossier_de_prensa, h1#articulo, h1#dossier_de_prensa2 { background-image:url(../pics/dossier-title.gif)}
h1#quienes_somos { background-image:url(../pics/quienes-somos-title.gif)}
h1#consulte-su-candidatura { background-image:url(../pics/consulte-su-candidatura.gif)}
h1#contacto, h1#contacto_ok, h1#contacto_error { background-image:url(../pics/contacto-title.gif)}
h1#herramientas { background-image:url(../pics/herramientas-title.gif)}
h1#preguntas_mas_frecuentes { background-image:url(../pics/faq-title.gif)}
h1#compromiso_de_privacidad { background-image:url(../pics/compromiso-privacidad-title.gif)}
h1#glosario { background-image:url(../pics/glosario-title.gif)}
h1#sugerencias, h1#sugerencias_ok, h1#sugerencias_error { background-image:url(../pics/sugerencias-title.gif)}
h1#mapa_de_la_web { background-image:url(../pics/mapa-web-title.gif)}
h1#gestione-su-cv { background-image:url(../pics/gestione-su-cv.gif)}
h2 {font-family: "Trebuchet MS", verdana, sans-serif;color: #A8A582;font-size:14px;letter-spacing:1px;background: url(../pics/dots_h.gif) left bottom repeat-x;padding:0 0 5px 0}
h3 {font-size:11px;padding:0;color:#999}


/* 10. CV section
----------------------------------------------- */

body#cv #content form {padding:0;margin:0;background-image:none}
body#cv #content .wfPgButtons {width:455px;margin-top:10px}
body#cv #content .wfPagePreviousButton {float:left}
body#cv #content .wfPageNextButton, .submitButton {float:right}
body#cv #content form .errMsg {color:#ae473f;font-weight:bold;font-size:90%;width:auto;padding:0}
body#cv #content form {margin-bottom:10px;color:#222}
body#cv #content fieldset {width:453px;border:1px solid #ccc;margin-top:20px}
body#cv #content legend {text-transform:uppercase;font-size:11px;color:#ae473f;font-weight:bold;padding:5px;margin-bottom:12px;border:1px solid #ccc;margin-left:18px;letter-spacing:0.1em}
body#cv #content legend.accessible {display:none}
body#cv #content h2 {text-transform:uppercase;font-size:11px;padding:10px 0 2px 0;margin:10px;color:#ae473f;font-weight:bold}
body#cv #content h3 {font-family: "Trebuchet MS", verdana, sans-serif;text-transform:uppercase;font-size:11px;padding:3px;background-color:#ededed;margin:10px 10px 0 10px;font-weight:bold;color:#666}
body#cv #content label {display:block;padding-bottom:2px;margin-top:0;color:#111}
body#cv #content input, body#cv #content textarea, body#cv #content select, body#cv #content form div.long p {color:#222}
body#cv #content input, body#cv #content select, body#cv #content textarea {width:195px;border:1px solid #999;background-color:#cfd9d6;font-weight:normal}
body#cv #content input:focus, body#cv #content textarea:focus {background-color:#fafafa}
body#cv #content input.short {width:70px;margin-right:5px}
body#cv #content input.nostyle {border:none;background:none}
body#cv #content select.short {width:50px;margin-right:5px}
body#cv #content select.shorter {width:140px}
body#cv #content select.medium {width:100px}
body#cv #content table {border:0;padding-bottom:15px}
body#cv #content td {vertical-align:top;padding:5px 0 5px 10px;text-align:left}
body#cv #content td em {font-weight:normal;font-size:90%;padding:7px 0 7px 30px;background:url(/pics/info.gif) left center no-repeat;display:block;line-height:140%}
body#cv #content form p label {display:inline;margin-left:10px;padding-top:5px}
body#cv #content form p {padding-bottom:5px}
body#cv #content form p input {float:left;width:10px;margin-left:2px;clear:left}
body#cv #content #button {width:130px;margin:15px 0 15px 0;background-color:#444;color:#fff}
body#cv #content h1 {font-size:12px;text-transform:uppercase;color:#660000}
body#cv #content select {margin-top:1px}
body#cv #content .clear {clear:left}
body#cv #content p label {color:#666}
body#cv #content .campoobligatorio {background:url(/pics/required.gif) no-repeat;padding-left:20px}
body#cv #content .pasos {display:block}
body#cv .subir {margin-top:15px}
.unavailable {display:inline-block;margin-right:15px;line-height:1.4;background:#FBE3E4;color:#8a1f11;border:1px solid #FBC2C4;padding:5px}
.available {color: green;display:inline-block}