/* @group Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button, input,
table, caption, tbody, tfoot, thead,
tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
hr { display: none; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before,
blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* @end */
/* @group Typography */
body { font-size: 62.5%; line-height: 1.6; font-family: "Helvetica Neue", arial, helvetica, verdana, sans-serif; text-align: center; background-color: #fff; color: #000; }
h1, h2, h3,
h4, h5, h6 { font-weight: bold; color: #8a1d8a; }
#agency h1, #agency h2, #agency h3,
#agency h4, #agency h5, #agency h6 { color: #ffd11c; }
h1 { font-size: 240%; }
h2 { font-size: 180%; }
h3 { font-size: 160%; }
h4 { font-size: 140%; }
h5 { font-size: 130%; }
h6 { font-size: 120%; }
dl, li, p { font-size: 140%; }
li p { font-size: 100%; }
li li { font-size: 100%; }
a { outline: none; text-decoration: none; color: #8a1d8a; }
form a { text-decoration: underline; }
#employer a { color: #8a1d8a; }
#agency a { color: #ffd11c; }
#employer #footer a,
#agency #footer a { color: #8a1d8a; }
p a { font-size: 100%; }
input, label, textarea, button { font-size: 12px; font-family: "Helvetica Neue", arial, helvetica, verdana, sans-serif; }
em { font-style: italic; }
strong { font-weight: bold; }
code { font-size: 18px; font-family: Monaco, courier, monospace; }
textarea { font-family: "Helvetica Neue", arial, helvetica, verdana, sans-serif; }
abbr, acronym, address,
bdo, pre, fieldset, dfn,
samp, kbd, var, cite,
tt, table { font-size: 180%; }
acronym { font-size: 100%; border-bottom: 1px dotted #414141; }
big { font-size: 150%; }
small { font-size: 100%; }
button, area { cursor: pointer; }
/* @end */
/* @group Layout */
#wrapper { width: 730px; height: 542px; margin: 20px auto 0; padding: 20px 30px; text-align: left; background: url(images/bg2.gif) no-repeat center top; position: relative; }
#agency #wrapper { background-image: url(images/bg1.gif); color: #fff; }
#employer #wrapper { background-image: url(images/bg2.gif); }
#header { width: 730px; min-height: 114px; }
* html #header { height: 114px; }
#header img,
#header a { display: block; }
#header,
#header ul,
#header li,
#header a { float: left; display: inline; }
#header ul { float: right; width: 400px; height: 62px; padding: 7px 0 6px 24px; background: url(images/ul2.gif) no-repeat left top; }
#agency #header ul { background-image: url(images/ul1.gif); }
#employer #header ul { background-image: url(images/ul2.gif); }
#header li { margin-right: 15px; }
#content { clear: both; width: 730px; position: relative; height: 246px; }
#content, #mainContent,
#info, #video { float: left; display: inline; }
#mainContent { float: right; width: 382px; height: 178px; padding: 20px; background: url(images/mainContent2.gif) no-repeat left top; margin-left: 40px; }
* html #mainContent { margin-bottom: -10px; }
#agency #mainContent { background-image: url(images/mainContent1.gif); }
#employer #mainContent { background-image: url(images/mainContent2.gif); }
#mainContent h1 { line-height: 1.2; margin-bottom: 10px; }
#employer #mainContent h1 { font-size: 22px; }
#employer #mainContent h1,
#agency #mainContent h1 { font-size: 18px; margin-bottom: 5px; }
#employer #mainContent p,
#agency #mainContent p { font-size: 12px; margin-bottom: 4px; }
#employer #mainContent li,
#agency #mainContent li { font-size: 12px; }
#employer #mainContent ul,
#agency #mainContent ul { list-style-type: disc; margin-left: 20px; }
#internal h1 { line-height: 1.2; margin-bottom: 5px; font-size: 220%; }
#agency #internal h2,
#agency #internal h3,
#agency #internal h4 { color: #000; }
#agency #mainContent,
#agency #internal { color: #000; }
#agency #mainContent h1,
#agency #internal h1 { color: #000; }
#mainContent p { line-height: 1.2; font-size: 18px; }
/*
#employer #mainContent p { line-height: 1.2; font-size: 18px; }
*/
#employer #mainContent p,
#agency #mainContent p { line-height: 1.6; }
#internal { width: 690px; height: 322px; padding: 20px; background: url(images/internal2.gif) no-repeat left top; }
#agency #internal { background-image: url(images/internal1.gif); }
#employer #internal { background-image: url(images/internal2.gif); }
#internal p { margin-bottom: 15px; }
#internal h2,
#internal h3,
#internal h4,
#internal li,
#internal p { font-size: 120%; margin-bottom: 0; }
#internal h3 { margin-top: 4px; }
#internal ul, #internal ol { list-style-type: disc; margin-left: 24px; }
#internal ol { list-style-type: decimal; }
#agency #internal a { color: #8a1d8a; }
.scroll-pane { width: 670px; overflow: auto; }
.jScrollPaneContainer { width: 700px !important; }
.jScrollPaneTrack { height: 242px !important; background-color: transparent; }
.jScrollPaneDrag { background-color: transparent; }
#video { background: url(images/video2.gif) no-repeat left top; width: 268px; }
#agency #video { background-image: url(images/video1.gif); }
#employer #video { background-image: url(images/video2.gif); }
#video a { display: block; width: 240px; height: 200px; padding: 9px 0 9px 14px; }
#video p { margin-top: 6px; }
#video p a { display: inline; text-decoration: underline; }
#info { float: right; width: 122px; height: 30px; background: url(images/info2.gif) no-repeat left top; margin-top: 15px; text-indent: -9000px; }
#agency #info { background: url(images/info1.gif); }
#employer #info { background: url(images/info2.gif); }
* html #agency #info { margin-top: 15px; }
#info a { display: block; width: 122px; height: 30px; }
#contact { width: 730px; padding-top: 10px; }
* html #contact { margin-top: -10px; }
#contact, #contact ul,
#contact form, #aziende { float: left; display: inline; }
#employer #contact { padding-top: 36px; }
#contact ul { width: 270px; height: 142px; padding: 0; background: url(images/contactUl.gif) no-repeat left top; }
#contact ul li, #contact ul li a { display: block; width: 270px; height: 71px; text-indent: -9000px; }
#contact h2 { margin-bottom: 3px; }
#contact form { width: 250px; height: 122px; padding: 10px; background: url(images/form2.gif) no-repeat left top; line-height: 1.3; }
#agency #contact form { background-image: url(images/form1.gif); }
input#nome, input#email,
input#studi, input#ragione,
input#telefono, input#ruolo { float: right; display: inline; border: 1px solid #cccccc; }
label { float: left; display: inline; padding-top: 2px; }
label#privacyLabel { margin-right: 8px; }
input#privacy { float: left; display: inline; position: relative; top: 3px; }
input#nome, input#email { width: 200px; }
button { float: right; position: relative; top: 7px; background: url(images/button2.gif) no-repeat left top; width: 54px; height: 21px; text-indent: -90000px; }
#contact form p { font-size: 12px; font-weight: bold; display: none; }
#agency button { background-image: url(images/button1.gif); }
#employer button { background-image: url(images/button2.gif); }
#candidati, #aziende { background-image: url(images/aziende2.gif); width: 350px; height: 72px; position: absolute; right: 40px; text-indent: -20000px; margin-top: 64px; }
#candidati { left: 30px; background-image: url(images/bottone-candidati.gif); }
#agency #aziende { background-image: url(images/aziende1.gif); }
#employer #aziende { background-image: url(images/bottone-aziende.gif); }
#aziende, #aziende p, #aziende a { display: block; width: 350px; height: 72px; }
#candidati, #candidati p,
#candidati a { display: block; width: 350px; height: 72px; }
#footer-wrapper { width: 792px; margin: 5px auto 0; }
#footer { width: 732px; float: left; padding: 10px 30px; text-align: left; background: url(images/footer2.gif) no-repeat left top; line-height: 1.2; }
#footer h2 { color: #000; font-size: 12px; }
#agency #footer { background-image: url(images/footer1.gif); }
#employer #footer { background-image: url(images/footer2.gif); }
#footer p { font-size: 110%; }
#footer #presentazione { width: 732px; float: left; margin-bottom: 30px; }
#footer #filmati { width: 305px; float: left; }
#footer #autorizzazione { width: 427px; float: left; }
#footer #infoMadeinJob { width: 732px; display: inline; }
#footer #links { width: 732px; float: left; margin-top: 10px; }
#footer #links ul li a { font-size: 80%; }
#footer #links ul li { float: left; width: 163px; padding-right: 20px; }
#footer #links ul li a:hover { text-decoration: underline; }
/* @group Extra */
#pane1 { height: 275px; }
#pane2, #pane3, #pane4 { height: 200px; }
.optima a.jScrollArrowUp { height: 40px; /* background: url(css/images/scroll/windows_arrow_up.gif) no-repeat 0 0; */ }
.optima a.jScrollArrowUp:hover { background-position: 0 -20px; }
.optima a.jScrollArrowDown { height: 40px; /* background: url(css/images/scroll/windows_arrow_down.gif) no-repeat 0 0; */ }
.optima a.jScrollArrowDown:hover { background-position: 0 -20px; }
.optima a.jScrollActiveArrowButton,
.winXP a.jScrollActiveArrowButton:hover { background-position: 0 -40px; }
#internal ul.menu { margin: 10px 0; }
#internal ul.menu li { font-weight: bold; background: url(images/menu.gif) no-repeat left center; padding-left: 20px; }
#employer #internal a.top,
#agency #internal a.top { display: inline; float: right; background-color: #8a1d8a; color: #fff; padding: 0 5px; }
#fancy_ajax #container { padding: 10px; }
#fancy_ajax h1, #fancy_ajax p { font-size: 12px; margin-bottom: 15px; color: #000; }
#infoMadeinJob { width: 730px; margin: -55px auto 0; text-align: left; color: #000; font-size: 110%; }
/* @end */