html { width:100%; height:100%; }
body { position:relative; min-width:810px; width:100%; height:100%; font:normal 62.5%/1.4 Tahoma, Arial, Verdana, Helvetica, sans-serif; color:#000; background:#fff url(../images/bg-body.gif) repeat-x; } /* fixed for IE in hacks.css */

a { color:#000; text-decoration:underline; }
a:hover { color:#090; }

#all { position:relative; width:805px; min-height:100%; height:auto; margin:0 auto; background:#fff; } /* fixed for IE in hacks.css */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.header { position:relative; padding:93px 0 16px 0; }
.header h2 { position:absolute; top:39px; right:26px; width:287px; height:38px; background:url(../images/slogantest.png) no-repeat; }
.header h2 span { display:none; }

h1.logo { position:absolute; top:19px; left:30px; }
h1.logo a { display:block; width:124px; height:56px; background:url(../images/logo.png) no-repeat; }
h1.logo span { display:none; }

/* Menu */
.menu { height:30px; margin:0 11px 0 14px; border-bottom:1px solid #333; }
.menu li { position:relative; display:block; float:left; padding-bottom:13px; font:bold 1.3em Arial; background:url(../images/bg-menu-li.gif) no-repeat 100% 0; }
.menu li.last-child { background:none; }
.menu li a { display:block; height:17px; margin-right:1px; padding:0 30px 0 26px; color:#333; white-space:nowrap; text-decoration:none; } /* fixed for IE in hacks.css */
.menu li.last-child a { padding:0 17px 0 19px; }
.menu li a:hover { color:#333; background:#ccc; }
.menu li a.here { color:#090; }
.menu li a.here:hover { background:none; }

.menu ul.inner { display:none; position:absolute; z-index:200; top:19px; left:-1px; background:#fff; border-top:1px solid #cdcdcd; }
.menu li:hover ul.inner { display:block; }
.menu ul.inner li { float:none; padding:0; font:normal 13px Arial; border:1px solid #cdcdcd; border-top:0; background:none; }
.menu ul.inner li a { padding:1px 15px 2px 10px; margin:0; height:auto; }

/* Illustrate block */
.thematic-header { width:490px; height:131px; margin-bottom:21px; padding:35px 0 0 27px; font:1.4em Arial; color:#fff; background:url(../images/illustrate-index2.jpg) no-repeat; }
.thematic-header h1 { padding-bottom:8px; font:bold 1.43em Arial; color:#fff; }
.thematic-header h1 span { color:#090; }
.thematic-header ul { padding:0 0 6px 62px; }
.thematic-header li { padding-bottom:2px; }

.thematic-header p { padding-left:63px; }
.thematic-header a.orange { padding-left:28px; font-size:0.86em; color:#f90; text-decoration:none; background:url(../images/bg-orange.gif) no-repeat 0 3px; }
.thematic-header a.orange span { color:#fff; }
.thematic-header a.orange:hover { text-decoration:underline; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.content { overflow:hidden; padding-bottom:81px; } /* fixed for IE in hacks.css */
.left-content { float:left; width:518px; padding-left:14px; }
.right-content { float:right; width:251px; padding-right:11px; }

.block-index { padding-bottom:20px; overflow:hidden; } /* fixed for IE in hacks.css */
.employers, .candidates { width:225px; min-height:238px; height:auto; float:left; padding:8px 12px 0 12px; font:1.2em Arial; color:#333; background:#fff url(../images/bg-block-index.gif) repeat-x; border:1px solid #818181; }
.candidates { float:right; }

.block-index h2 { padding-bottom:10px; font:bold 2.17em Arial; color:#333; }
.block-index p { padding-bottom:16px; }
.block-index ul { padding:0 0 17px 20px; }
.block-index li { padding:0 0 1px 8px; font:bold 1em Arial; color:#333; background:url(../images/bg-li.gif) no-repeat 0 6px; }
.block-index a.green { padding-left:16px; font:bold 1.17em Arial; color:#090; background:url(../images/green-ico.gif) no-repeat 0 5px; }
.block-index a.green:hover { text-decoration:none; }

.text { padding:0 5px; font:1.2em Arial; color:#000; }
.text h1 { padding-bottom:15px; font:bold 1.30em Arial; color:#333; }
.text h5 { padding-bottom:15px; font:bold 1em Arial; color:#000; }
.text p { padding-bottom:15px; }
.text p.big { font-size:1.17em; font-weight:bold; padding:10px 0 25px 0; }
.text p.big a { color:#090; text-decoration:none; }
.text p.big a:hover { text-decoration:underline; }

.select-overview { overflow:hidden; padding:0 0 25px 5px; font:1.2em Arial; color:#000; } /* fixed for IE in hacks.css */
.select-overview p { padding-bottom:7px; }
.select-overview select { width:210px; }
.select-left { width:210px; float:left; }
.select-right { width:235px; float:right; }

.text-second { padding:0 5px 15px 5px; font:1.2em Arial; color:#000; }
.text-second h1 { padding-bottom:13px; font:bold 2.33em Arial; color:#333; }
.text-second h2 { padding-bottom:10px; font:bold 1.33em Arial; color:#090; }
.text-second p { padding-bottom:17px; }
.text-second ul { padding:10px 0 27px 16px; }
.text-second li { padding:0 0 10px 7px; font-weight:bold; font-style:italic; background:url(../images/bg-li.gif) no-repeat 0 6px; }
.text-second a.green { margin-right:12px; padding-left:18px; font:bold 1em Arial; color:#090; background:url(../images/green-ico.gif) no-repeat 0 4px; }
.text-second a.green:hover { text-decoration:none; }
.text-second span.arrow-link { margin-right:12px; padding-left:18px; font:bold 1em Arial; color:#000; background:url(../images/green-ico.gif) no-repeat 0 4px; }

.job-position { padding:0 20px 8px 0; margin-bottom:20px; border-bottom:1px solid #999; }
.detail { border-bottom:0; }
.job-position h3 { padding-bottom:7px; font:18px Arial; color:#333; }
.job-position h2 { padding-bottom:8px; }
.job-position p { padding-bottom:10px; }

.sectors-covered { margin:10px 0 25px 0; padding:10px 20px; background:#fff url(../images/bg-block-index.gif) repeat-x; border:1px solid #818181; }
.sectors-covered h5 { padding-bottom:10px; font:bold 14px Arial; color:#000; }
.sectors-covered td { padding-bottom:6px; }

h2.big-green { height:27px; padding-bottom:0; background:url(../images/bg-h2.gif) repeat-x; }
h2.big-green span { display:block; height:19px; padding:8px 0 0 16px; background:url(../images/bg-h2-span.gif) no-repeat; }
h2.big-green span img { display:block; }

.contact-block { margin-bottom:20px; padding:15px 0 15px 15px; background:#ebebeb; }
.contact-block p { padding-bottom:15px; }

#contactos { padding-top:15px; }
#contactos .group { padding-bottom:22px; }
#contactos .row { overflow:hidden; padding-bottom:12px; } /* fixed for IE in hacks.css */
#contactos label { display:block; float:left; width:112px; padding:3px 27px 0 0; font:12px Arial; color:#000; text-align:right; }
#contactos input { display:block; float:left; width:309px; border:1px solid #666; background:#fff; }
#contactos input.btn { width:62px; height:21px; float:none; margin:0 0 0 139px; border:0; background:url(../images/btn-submit.gif) no-repeat; cursor:pointer; }
#contactos textarea { display:block; float:left; width:309px; height:110px; border:1px solid #666; background:#fff; }
#contactos select { display:block; float:left; width:309px; border:1px solid #666; background:#fff; }

/* Illustrate on second page */
.illustrate { width:498px; height:66px; margin-bottom:24px; padding:43px 0 0 20px; }
.illustrate h1 { padding-bottom:6px; font:bold 2em Arial; color:#fff; }
.illustrate h1 span { color:#090; }

.why-isr { background:url(../images/illustrate-why_isr.jpg) no-repeat; }
.job-page { background:url(../images/illustrate-job_page.jpg) no-repeat; }
.job-page h1 { font-size:2.4em; }
.candidate { background:url(../images/illustrate-candidates.jpg) no-repeat; }
.candidate h1 { font-size:2.2em; }
.clients { background:url(../images/illustrate-clients.jpg) no-repeat; }
.clients h1 { font-size:2.2em; }

/* Right content blocks */
.right-content h2 { height:27px; background:url(../images/bg-h2-right.gif) repeat-x; border-bottom:1px solid #fff; }
.right-content h2 span { display:block; height:18px; padding:9px 0 0 16px; background:url(../images/bg-h2-span.gif) no-repeat; }
.right-content h2 span img { display:block; }
.right-content .block { margin-bottom:10px; padding:2px 12px 1px 8px; background:#ebebeb; }

.right-content .second { margin-bottom:10px; }
.right-content .second a.green { padding-left:18px; margin-left:7px; font:bold 1.2em Arial; color:#090; background:url(../images/green-ico.gif) no-repeat 0 4px; }
.right-content .second a.green:hover { text-decoration:none; }
.right-content .second p { padding-bottom:10px; }

.right-content ul { padding:10px 0 10px 7px; }
.right-content li { padding:0 0 5px 7px; font:bold 1.2em Arial; background:url(../images/bg-li.gif) no-repeat 0 6px; }

#job-search { padding:19px 0 18px 4px; font:bold 1.2em Arial; }
#job-search p { padding-bottom:16px; }
#job-search select { width:226px; margin-bottom:13px; font-weight:normal; }
#job-search input { display:block; width:31px; height:21px; margin:0 0 11px 195px; border:0; background:url(../images/btn-job-search.gif) no-repeat; cursor:pointer; }
#job-search a.green { padding-left:18px; font:bold 1em Arial; color:#090; background:url(../images/green-ico.gif) no-repeat 0 4px; }
#job-search a.green:hover { text-decoration:none; }

.block p.view-all { padding-bottom:12px; font:1.2em Arial; }
.block p.view-all a { padding-left:20px; font:bold 1em Arial; color:#090; background:url(../images/green-ico.gif) no-repeat 2px 4px; }
.block p.view-all a:hover { text-decoration:none; }

.job { margin:7px 0 10px 0; padding-bottom:10px; font:1.2em Arial; color:#333; border-bottom:1px solid #fff; }
.job h5 { padding-bottom:6px; font:bold 1em Arial; color:#333; }
.job h5 a { padding-left:18px; color:#333; background:url(../images/green-ico.gif) no-repeat 0 3px; }
.job h5 a:hover { color:#090; }
.job p { padding-left:18px; }

.contact-right { padding-top:165px; font:1.2em Arial; color:#000; }
.contact-right h5 { padding-bottom:10px; font:bold 1.33em Arial; color:#090; }
.contact-right p { padding-bottom:11px; }
.contact-right a { color:#090; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer { position:relative; z-index:100; width:805px; height:81px; margin:-81px auto 0 auto; } /* fixed for IE in hacks.css */

.bottom-menu { overflow:hidden; height:28px; margin:0 11px 0 14px; padding-top:12px; border-top:1px solid #666; } /* fixed for IE in hacks.css */
.bottom-menu li { float:left; padding:2px 10px 2px 11px; font:1.1em Arial; color:#333; background:url(../images/bg-bottom-menu-li.gif) no-repeat 100% 3px; }
.bottom-menu li.last-child { background:none; }
.bottom-menu li a { color:#333; }
.bottom-menu li a:hover { color:#090; }

.copyright { padding:3px 0 0 30px; font:1em Arial; color:#b2b2b2; }
.copyright span { padding-right:15px; }
