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

/* 1. general rules
----------------------------------------------- */
html {overflow-y: scroll}
body {margin: 0;padding: 0;background: #fff url(../pics/header_bg.png) repeat-x;font: 12px sans-serif;color: #555;text-align: center;line-height:1.6}
#wrapper {width: 880px;margin: 0 auto;background: url(../pics/subnav.png) 0 54px no-repeat}
a { color: #7a7f80;font-weight:bold;text-decoration: none;outline:none}
a:hover	{color: #A22A20;-moz-transition: color 0.5s ease-out;-o-transition: color 0.5s ease-out;-webkit-transition: color 0.5s ease-out;-ms-transition: color 0.5s ease-out;transition: color 0.5s ease-out}
.social a:hover {-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;transition: all 0.3s ease-out}
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: 220px;text-shadow: 0 1px #D7E6E0}
#header	.nav {display: block;float: left;width: 220px;height: 60px}
#header strong	{display:none}
#empresas	{background: url(../pics/empresas.png) 0 0 no-repeat;display: block;float: left;width: 220px;height: 60px}
#empresas_on {background: url(../pics/empresas.png) 0 -80px no-repeat; display: block;float: left;width: 220px;height: 60px}
#candidatos {background: url(../pics/candidatos.png) 0 0 no-repeat;display: block;float: left;width: 220px;height: 60px}
#candidatos_on {background: url(../pics/candidatos.png) 0 -80px no-repeat;display: block;float: left;width: 220px;height: 60px}
#quorum_seleccion {background: url(../pics/quorum_seleccion.png)  0 0 no-repeat; display: block;float: left;width: 220px;height: 60px}
#quorum_seleccion_on { background: url(../pics/quorum_seleccion.png) 0 -80px no-repeat; display: block;float: left;width: 220px;height: 60px}
#herramientas {background: url(../pics/herramientas.png) 0 0 no-repeat;display: block;float: left;width: 220px;height: 60px}
#herramientas_on  { background: url(../pics/herramientas.png) 0 -80px no-repeat;display: block;float: left;width: 220px;height: 60px}
.sub, .sub li {clear: both; display: block; float: left; margin: 0;padding:0}
.sub li a	{font-weight: bold; text-decoration: none;padding: 0 1px 0 10px;display:block;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) left center no-repeat}
.sub li a.current {color:#fff;text-shadow:none}
.sub li a:hover.current, .sub li a:hover.highlight {color: #A22B20}

/* 3. subheader (logo + photos)
----------------------------------------------- */
#subheader {position:relative;height:150px;background: #a7a481 url(../pics/subheader.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: 880px; height: 40px; text-align:left;color:#807e5b;text-shadow: 0 1px #EFECB3}
#tools a  {color:#807e5b;}
#tools .crumb { width: 480px; float: left; padding: 15px 0 0 10px; display: block}
#tools .stylesheet {width: 220px; float: right; padding: 18px 0 0 0; display: block}
#tools .slogan {width: 410px; float: right; padding:0;display: block;margin: 15px 0 0 0;text-align:left}
body#cv #tools .stylesheet {display:none}
#tools .date {margin: 15px 0 0 10px;float:left;width:400px}
#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:600px;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 10px;margin: 0}
#content ul li {margin: 8px 0 8px 0;padding-left: 25px;line-height: 120%;list-style-type: none;background: url(../pics/bullet.png) 0 -2px no-repeat}
	#content ul.breather li {line-height: 160%}
#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 0}
	#content dl.article_summary {border:1px solid #ccc}
#content dt {font-weight:bold;padding:7px;margin:0;background: url(../pics/subtitulos.png) left center no-repeat;color: #A8A582;font-size:18px}
#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;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-webkit-box-shadow: inset 0 0 4px #e3e4df;-moz-box-shadow: inset 0 0 4px #e3e4df;box-shadow: inset 0 0 4px #e3e4df}
	#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:300px;background-color: #ccc9a4;padding:10px 0 0 0;margin:0 10px 0 0;font-weight:bold;color:#f3f4e9;text-align:left;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-webkit-box-shadow: inset 0 0 8px #b6b38e;-moz-box-shadow: inset 0 0 8px #b6b38e;box-shadow: inset 0 0 8px #b6b38e}
#content blockquote ul li {background-image:url(../pics/bullet2.png)}
blockquote a {text-shadow: 0 1px #EFECB3}
#articulo img, img.floatLeft {border: none;float:left;margin-right:10px;margin-bottom:10px}
#articulo h2 {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:600px}
.OfertasBox h2 {padding:25px 10px 10px 25px;background: url(../pics/ofertas_box.png) top left no-repeat;color:white;font-size:22px;text-align:center;margin-bottom:0}
.OfertasBox h3 {padding:0 20px 15px 0;font-size:16px;color:#333;font-weight:bold;text-align:right;margin:0}
#enhancedtable {border-collapse:collapse;border:1px solid #CCC;font-size:10px;text-align:left;width:600px}
#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:8px}
#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}

i {background-color:#fffbc3;background-color:rgba(255,251,150,0.5);font-style:normal;padding:1px 2px}
.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:600px;background: url(../pics/form.gif) left top repeat}
	#ofertas form, #resume form {width:auto;background:none}
#form_contact {-webkit-border-radius:15px;-moz-border-radius:15px;border: 1px solid #D5D2B2}
#form_contact textarea {padding:3px;width:536px}
#form_contact input, #form_contact select {padding:3px;width:250px}
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}

#certificate {overflow:hidden;display:block;height:150px;width:300px;border:1px solid #ccc;position:relative;margin-left:10px}
.easy_slides_img1, .easy_slides_img2 {display:none;top:0;position:absolute}
.easy_slides_img1 {z-index:2}
.easy_slides_img2 {z-index:1}
.easy_slides_caption {position:absolute;bottom:0;display:none;z-index:3;color:#fff}


.addthis_toolbox {margin-bottom:3em}

/* CSS3 Buttons */
#content a.button {border: 1px solid #a7a481;border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;text-shadow:0 1px #EFECB3;padding: 8px 20px;background: #dedbbb url(../pics/button-gradient.png) bottom left repeat-x}
#content a.button:active {position: relative;top: 1px}

/* 6. homepage (portada)
----------------------------------------------- */
#portada {text-align:left}
.grid {overflow:hidden;zoom:1;margin-top:30px}
#portada .Col1 {float:left;width:420px}
#portada .Col1 img, #portada .Col2 img {margin-left:10px;border:1px solid #999}
#portada .Col2 {float:right;width:420px}
#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;margin: 0 0 5px 0;list-style-type: none;text-align:left}	
#portada .grid dl {margin:10px 0 0 0;padding:0}
#portada .grid dt {font-weight:bold;padding: 7px 0 7px 10px;margin:0;background: url(../pics/subtitulos.png);color: #A8A582}
#portada .grid dd {margin:10px;padding: 0 0 0 10px;border-left: 5px solid #EDEDED;text-align:justify}
#portada .grid dd p {margin:0;padding:0}
.social {margin-top:20px;background:#fafafa;padding-top:10px;overflow:auto}
.linkedin, .twitter {display:inline;float:left;zoom:1;height:24px;width:24px;text-indent:-9999px;background:url(../pics/social2.png) no-repeat}
.linkedin {background-position:0 0;margin:0 10px 0 20px}
.twitter {background-position:0 100%}
.twitter:hover {background-position:-24px 100%}
.linkedin:hover {background-position:-24px 0}
.tweets {display:inline;float:right;width:800px;padding-bottom:15px}
.tweets .slides_container div {width:800px;word-wrap: break-word}
.tweets .meta {display:block;font-size:90%;border-top:1px solid #ddd;color:#888}
.tweets .meta a {font-weight:normal;color:#888}

/* 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	{margin:25px 0 0 0; background-color: #a29f7d;border-top:2px solid #ccc9a4;border-bottom:2px solid #ccc9a4;clear: both;color:#d7d4b2;overflow:hidden;zoom:1;text-shadow: 0 1px #9d9a78}
	#portada #footer {margin-top:0;border-top:1px solid #ddd}
#footer p {padding:0;margin:0 0 0 20px;font-weight:bold}
.innerwrapper {width:900px;margin:0 auto;padding:10px 0}
#footer dl {float:left;width:280px;text-align:left;margin-left:20px}
#footer dt {font-weight:bold}
#footer dd {pading-left:0;margin-left:0}

/* 9. titles
----------------------------------------------- */
#content h1 {text-align:center;color:#a02b1d;font-size:22px;font-weight:normal;padding:20px 0}
/*#content h1 {margin-top:15px;margin-left:70px;padding:0;text-indent:-5000em;display:block;width:460px;height:32px;overflow:hidden}
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#ubicacion-malaga, h1#ubicacion-barcelona, h1#ubicacion-madrid { 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_curriculum2, 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)}
h1#certifique-sus-competencias, h1#certificado, h1#certificado_ok, h1#certificado_error { background-image:url(../pics/certifique-sus-competencias-title.gif)}*/
h2 {color: #A8A582;font-size:20px;background: url(../pics/dots_h.gif) left bottom repeat-x;padding:0 0 5px 0}
h3 {font-size:11px;padding:0;color:#999}


/* 10. Certificates
----------------------------------------------- */
table.simple, table.simple td {border-collapse:collapse;border:1px solid #999;padding:5px;background-color:white}
table.simple th {text-align:left;padding:5px;background-color:#cdcaa5;text-shadow: 0 1px #EFECB3}
table.simple {width:465px;margin-bottom:20px;-webkit-box-shadow:0 0 3px #ccc;-moz-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc}
table.simple th.silver, table.simple th.gold, table.simple th.bronze {padding:5px 5px 5px 20px;background:#cdcaa5 url(../pics/medals.png) 5px 5px no-repeat}
table.simple th.gold {background-position:bottom left}
table.simple th.silver {background-position:center left}
table.simple th.bronze {background-position:top left}
table.simple td.price {padding-left:25px;background:url(../pics/price.png) 4px center no-repeat}

/* 11. CV section
----------------------------------------------- */
body#cv #content form {padding:0;margin:0;background-image:none}
body#cv #content .wfPgButtons {width:600px;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:598px;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 {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:250px;border:1px solid #999;background-color:#cfd9d6;font-weight:normal;padding:2px}
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:block;margin:10px;line-height:1.4;background:#FBE3E4;color:#8a1f11;border:1px solid #FBC2C4;padding:5px}
.available {color: green;padding-left:10px}