body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #eaeaea; background-image:url(../images/h_bg.jpg); background-repeat:repeat-x; } /* Header Style ----------------------------------------------- */ /*#header { position:relative; width:1081px; height:278px; margin:auto; background-image:url(../images/header_bg_small.jpg); background-repeat:no-repeat;}*/ #header { position:relative; width:1081px; height:428px; margin:auto; background-image:url(../images/header_bg.jpg); background-repeat:no-repeat;} a:visited, a:active, a:link { color:#3f8311;text-decoration:underline; } a:hover {color:#3f8311;text-decoration:none; } /* Header + language ----------------------------------------------- */ #header #prize {z-index:8888; width:100px; overflow:hidden;position:relative; top:140px; right:70px; float:right; height:100px; } #header .language { float:right; position:absolute; top:5px; right:100px;} #header .language { font-family:Tahoma; font-size:11px; color:#999;} #header .language a:link, #header .language a:visited, #header .language a:active { font-family:Tahoma; font-size:11px; text-decoration:none; color:#999;} #header .language a:hover { font-family:Tahoma; font-size:11px; text-decoration:underline; color:#999;} #header .logo { position:relative; left:122px; top:2px; float:left; width:217px; height:169px; background-image:url(../images/logivations-logo.jpg); background-repeat:no-repeat; } #header .logo h1 { position:absolute; left:-2000px;} #container-menu { width:700px; position:relative; float:left; left:80px; top:80px; background-repeat:no-repeat;} /* Header Menu Style ----------------------------------------------- */ .menu ul#menu-item { position:relative; float:right; list-style:none; margin:0; padding:0; line-height: 1.0; } .menu ul#menu-item li { float: left; color:#333; } .menu ul#menu-item a { float:left; color:#fff; font-size:16px; text-align:center; height:20px; padding-left:10px; padding-right:10px; padding-top:5px; font-weight:bold; text-transform:none; text-decoration: none; } .menu ul#menu-item a strong , .menu ul#menu-item a:hover { color: #333; background-color:#b7f58c; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } #notification {position:absolute; margin-top:-9px; z-index:99; padding-left:28px; padding-top:8px; font-size:13px; color:#b7f68d; opacity:0;} /* Keywords header ----------------------------------------------- */ .keywords {width:443px; height:193px; position:absolute; top:230px; left:65px; background-image:url(../images/home-icon.jpg); background-repeat:no-repeat; z-index:1002;} #tag_words {float:left; position:relative; top:0px; } #tag5 {position:relative; top:20px; left:230px; font-size:15px; font-weight:bold; color:#FFFFFF; padding-left:26px; } #tag4 {position:relative; top:-10px; left:210px; font-size:12px; font-weight:bold; color:#FFFFFF; padding-left:26px; } #tag3 {position:relative; top:80px; left:20px; font-size:17px; font-weight:bold; color:#FFFFFF; padding-left:26px; } #tag2 {position:relative; top:35px; left:-30px; font-size:16px; font-weight:bold; color:#FFFFFF; padding-left:26px; } #tag1 {position:relative; top:0px; left:40px; font-size:14px; font-weight:bolder; color:#FFFFFF; padding-left:40px; } #notebook-animation { position:relative; width:483px; height:255px; top:184px; left:315px; z-index:100; float:left; background-image:url(../images/notebook.jpg); background-repeat:no-repeat;} #animatie { width:284px; height:178px; position:absolute; left:73px; top:25px;} /* Keywords header SOLUTIONS ----------------------------------------------- */ .keywords-solutions { position:relative; left:546px; z-index:100; top:278px; background-image:url(../images/solutions-icon.jpg); background-repeat:no-repeat; width:470px; height:175px;} #tag_words-solutions{float:left; position:relative; top:-200px; } #tag_words-solutions #tag5 {position:relative; top:20px; left:230px; font-size:15px; font-weight:bold; color:#FFFFFF; padding-left:26px; } #tag_words-solutions #tag4 {position:relative; top:-60px; left:-200px; font-size:12px; font-weight:bold; color:#FFFFFF; padding-left:26px; } #tag_words-solutions #tag3 {position:relative; top:50px; left:-350px; font-size:17px; font-weight:bold; color:#FFFFFF; padding-left:26px; } #tag_words-solutions #tag2 {position:relative; top:15px; left:-30px; font-size:16px; font-weight:bold; color:#FFFFFF; padding-left:26px; } #tag_words-solutions #tag1 {position:relative; top:40px; left:-500px; font-size:16px; font-weight:bolder; color:#FFFFFF; padding-left:40px; } /* Content Style ----------------------------------------------- */ #container { width:100%; background-color: #eaeaea;} #content { width:956px; left:-2px; margin:auto; position:relative; background-image:url(../images/bg-content.jpg); background-repeat:repeat-y;} /* HOME LEFT BOX ----------------------------------------------- */ #content .home-left { position:relative; left:25px; width:250px; float:left;} .fadehover {position: relative; width:248px; height:93px; padding-top:10px; } .fadehover .content { position:absolute; top:15px; left:10px; z-index:1000; width:200px;} .fadehover .content h2 { font-size:15px; position:relative; top:10px; color:#666; } .fadehover .content h2 strong { color:#333;} .fadehover .content .text { width:200px; font-family:Arial; color:#999; font-size:11px; position:relative; top:-10px;} img.white { position: absolute; left: 0; top: 0;z-index: 10;} img.green { position: absolute; left: 0; top: 0;} .fadehover a,.fadehover a:active,.fadehover:visited { text-decoration:none; color:#666;} /* CONTACT ----------------------------------------------- */ #content .stanga2 { width:200px; border-right:1px solid #ddd; float:left; padding-left:30px; padding-right:20px; font-family:Arial; color:#333; font-size:12px;} #content .mijloc3 { width:600px; position:relative; left:30px; float:left; padding-left:20px; padding-right:20px; font-family:Arial; color:#33; font-size:12px;} .check_text{font-family: Arial;color: #666666;padding-top: 3px;padding-left: 2px;} .check_text h2 { color:#333; font-size:16px;} .stanga2 h3 { font-size:15px; } /* HOME RIGHT BOX ----------------------------------------------- */ #content .home-right { position:relative; width:530px; float:left; left:100px; font-family:Arial; font-size:13px; line-height:16px; color:#333;} #content .home-right .titlu { font-size:22px;} #content .home-right em { color:#3f8311;} /* EVENTS & NEWS BOX ----------------------------------------------- */ #content .events-left { position:relative; left:45px; width:400px; float:left; font-family:Arial; font-size:12px; color:#333; } #content .events-left h2 { font-size:17px; color:#333; width:400px; background-color:#efefef; padding-top:6px; padding-left:5px; padding-bottom:6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;} #content .events-right h2 { font-size:17px; color:#333; width:340px; background-color:#efefef; padding-top:6px; padding-left:5px; padding-bottom:6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;} #content .events-right { position:relative; padding-left:30px; border-left:1px solid #ddd; width:230px; float:left; left:80px; font-family:Arial; font-size:13px; line-height:16px; color:#333;} #content .events-right .titlu { font-size:22px;} #content .events-right em { color:#3f8311;} /* SOLUTIONS BOX ----------------------------------------------- */ #content .solutions { position:relative; width:530px; float:left; left:100px; font-family:Arial; font-size:13px; line-height:16px; color:#333;} #content .solutions em { color:#3f8311;} #content .solutions .titlu { font-size:20px;} #content .solutions .solutii { font-size:16px; color:#333; width:500px; background-color:#efefef; padding-top:6px; padding-left:5px; padding-bottom:6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;} .solutions a, .solutions a:active,.solutions a:visited,.solutions a:link { font-size:13px; color:#666; line-height:21px; text-decoration:underline;} .solutions a:hover { font-size:13px; color:#000; line-height:21px; text-decoration:underline;} /* SOLUTIONS PAGE ----------------------------------------------- */ #content .solutions-page { position:relative; width:570px; float:left; text-align:justify; left:100px; font-family:Arial; font-size:13px; line-height:16px; color:#333;} .solutions-pick .left-title {font-size:15px; position:relative; top:-15px; background-color:#FFF; padding:9px; border-bottom:1px solid #fff; padding-bottom:10px;} .solutions-page .solutii { font-size:17px; color:#333; width:600px; background-color:#efefef; padding-top:6px; padding-left:5px; padding-bottom:6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;} #content .solutions-page h4 { font-size:15px; text-indent:0px; margin:0px; color:#3f8311;} #content .solutions-page h3 { font-size:17px; text-indent:0px; margin:0px; color:#3f8311;} .titlu-sol {position:absolute; top:212px; left:372px; font-size:17px; color:#3f8311; width:628px; background-color:#fff; padding-top:12px; padding-left:12px; padding-bottom:12px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;} .titlu-sol em { color:#333; } .solutions-pick { width:280px; padding:10px; background-color:#dbffcd; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; font-family:Arial; font-size:12px;} .solutions-pick a,.solutions-pick a:active,.solutions-pick a:visited,.solutions-pick a:link { font-size:12px; color:#666; line-height:21px; text-decoration:underline;} .solutions-pick a:hover { font-size:12px; color:#000; line-height:21px; text-decoration:underline;} .solutions-pick a.active { color:#333; font-weight:bold; font-size:13px; text-decoration:none;} .solutions-page a, .solutions-page a:active,.solutions-page a:visited,.solutions-page a:link { font-size:13px; color:#666; line-height:21px; text-decoration:underline;} .solutions-page a:hover { font-size:13px; color:#000; line-height:21px; text-decoration:underline;} /* TECHNOLOGII BOX ----------------------------------------------- */ #content .technology { position:relative; width:800px; float:left; text-align:justify; left:70px; font-family:Arial; font-size:13px; line-height:16px; color:#333;} .technology .solutii { font-size:18px; color:#333; width:800px; background-color:#efefef; padding-top:6px; padding-left:5px; padding-bottom:6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;} .technology .solutii2 { font-size:18px; color:#333; width:200px; background-color:#efefef; padding-top:6px; padding-left:5px; padding-bottom:6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;} #content .technology h4 { font-size:16px; text-indent:0px; margin:0px; color:#3f8311;} /* COMPANY BOX ----------------------------------------------- */ #content .company-right { width:700px; position:relative; left:50px; font-family:Arial; font-size:13px; line-height:16px; color:#333;} #content .company-right h2 { font-size:18px;} #content .company-right em { color:#3f8311;} #content .company-right .sub-pages { font-size:16px; color:#333; width:680px;; background-color:#efefef; padding-top:8px; padding-bottom:8px; padding-left:10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;} .company-right a, .company-right a:active,.company-right a:visited,.company-right a:link { font-size:13px; color:#666; line-height:21px; text-decoration:underline;} .company-right a:hover { font-size:13px; color:#000; line-height:21px; text-decoration:underline;} /* GO TOP ----------------------------------------------- */ .go-top { background-image:url(../images/go-top.gif); background-repeat:no-repeat; text-decoration:none; color:#666; font-family:Tahoma; position:relative; top:-43px; width:60px; float:right; font-size:11px;} .go-top a:link, .go-top a:active,.go-top a:visited {font-size:11px; padding-left:16px; color:#666; text-decoration:none;} .go-top a:hover { padding-left:16px; color:#666;font-size:11px; text-decoration:underline;} /* popup BOX ----------------------------------------------- */ #backgroundPopup{display:none;position:fixed;_position:absolute; /* hack for internet explorer 6*/height:100%;width:100%;top:0;left:0; border:1px solid #cecece;z-index:1;} #popupContact1{display:none; position:absolute; /* hack for internet explorer 6*/height:550px; width:600px; background:#FFFFFF; border:2px solid #666; z-index:22; padding:12px;font-size:12px; font-family:Arial; color:#333; margin:auto;} #popupContact1 h1{text-align:left;color:#6FA5FD;font-size:22px;font-weight:700;border-bottom:1px dotted #D3D3D3;padding-bottom:2px;margin-bottom:20px;} #popupContactClose1{font-size:14px;line-height:14px;right:6px;top:4px;position:absolute;color:#6fa5fd;font-weight:700;display:block;} #popupContact2{display:none; position:absolute; /* hack for internet explorer 6*/height:620px; width:600px; background:#FFFFFF; border:2px solid #666; z-index:22; padding:12px;font-size:12px; font-family:Arial; color:#333; margin:auto;} #popupContact2 h1{text-align:left;color:#6FA5FD;font-size:22px;font-weight:700;border-bottom:1px dotted #D3D3D3;padding-bottom:2px;margin-bottom:20px;} #popupContactClose2 {font-size:14px;line-height:14px;right:6px;top:4px;position:absolute;color:#6fa5fd;font-weight:700;display:block;} #popupContact3{display:none; position:absolute; /* hack for internet explorer 6*/height:620px; width:600px; background:#FFFFFF; border:2px solid #666; z-index:22; padding:12px;font-size:12px; font-family:Arial; color:#333; margin:auto;} #popupContact3 h1{text-align:left;color:#6FA5FD;font-size:22px;font-weight:700;border-bottom:1px dotted #D3D3D3;padding-bottom:2px;margin-bottom:20px;} #popupContactClose3 {font-size:14px;line-height:14px;right:6px;top:4px;position:absolute;color:#6fa5fd;font-weight:700;display:block;} #popupContact4{display:none; position:absolute; /* hack for internet explorer 6*/height:500px; width:600px; background:#FFFFFF; border:2px solid #666; z-index:22; padding:12px;font-size:12px; font-family:Arial; color:#333; margin:auto;} #popupContact4 h1{text-align:left;color:#6FA5FD;font-size:22px;font-weight:700;border-bottom:1px dotted #D3D3D3;padding-bottom:2px;margin-bottom:20px;} #popupContactClose4 {font-size:14px;line-height:14px;right:6px;top:4px;position:absolute;color:#6fa5fd;font-weight:700;display:block;} #popupContact5{display:none; position:absolute; /* hack for internet explorer 6*/height:500px; width:600px; background:#FFFFFF; border:2px solid #666; z-index:22; padding:12px;font-size:12px; font-family:Arial; color:#333; margin:auto;} #popupContact5 h1{text-align:left;color:#6FA5FD;font-size:22px;font-weight:700;border-bottom:1px dotted #D3D3D3;padding-bottom:2px;margin-bottom:20px;} #popupContactClose5 {font-size:14px;line-height:14px;right:6px;top:4px;position:absolute;color:#6fa5fd;font-weight:700;display:block;} #popupContact6{display:none; position:absolute; /* hack for internet explorer 6*/height:250px; width:600px; background:#FFFFFF; border:2px solid #666; z-index:22; padding:12px;font-size:12px; font-family:Arial; color:#333; margin:auto;} #popupContact6 h1{text-align:left;color:#6FA5FD;font-size:22px;font-weight:700;border-bottom:1px dotted #D3D3D3;padding-bottom:2px;margin-bottom:20px;} #popupContactClose6 {font-size:14px;line-height:14px;right:6px;top:4px;position:absolute;color:#6fa5fd;font-weight:700;display:block;} /* end popup BOX ----------------------------------------------- */ #content .company-right .sub-pages p { font-size:13px; color:#333; line-height:16px; position:relative; left:-20px;} #content .company-right .sub-pages .jobs { font-size:13px; color:#333; } /* Footer Style ----------------------------------------------- */ #footer { width:957px; left:1px; height:56px; margin:auto; position:relative; background-image:url(../images/footer.jpg); background-repeat:no-repeat;} #footer ,#footer a:link,#footer a:active,#footer a:visited{ padding:2px; font-family:Arial; font-size:11px; color:#666; text-decoration:none;} #footer a:hover{ padding:2px; font-family:Arial; font-size:11px; color:#333; text-decoration:none;} #footer .links {position:relative; left:420px; top:6px; float:left;} #footer .copyright{ position:relative; top:20px; left:50px;} /*-- jShowOff module styles --*/ .jshowoff { } .jshowoff div { } .jshowoff div, .jshowoff img, .jshowoff { } #basicFeatures, .jshowoff.basicFeatures, .jshowoff.basicFeatures img, .jshowoff.basicFeatures div { } .jshowoff div p, .jshowoff div h2 { } .jshowoff h2, .jshowoff p { } .jshowoff p { } .eddie { } .jshowoff p.jshowoff-slidelinks { position: absolute; height:25px; bottom: 5px; right: 15px; margin: 0; padding: 0; } .jshowoff-slidelinks a, .jshowoff-controls a { } .jshowoff-slidelinks a:hover, .jshowoff-controls a:hover { color: #dd5900; } .jshowoff-slidelinks a.jshowoff-active, .jshowoff-slidelinks a.jshowoff-active:hover { } p.jshowoff-controls { overflow: auto; height: 0px; padding: 0 0 5px 5px; margin: 0; } .jshowoff-controls a { margin: 5px 5px 0 0; font-size: 12px; line-height: 15px; padding: 4px 8px 5px; } .jshowoff-pausetext { color: #fff; } .jshowoff-slidelinks { display:none; } /*-- Re-styled Thumbnail Demo --*/ .jshowoff-slidelinks { display:none; } .thumbFeatures .jshowoff-slidelinks a { display:none; } .thumbFeatures .jshowoff-slidelinks a.jshowoff-active { border: 1px solid #fff; } .thumbFeatures .jshowoff-slidelink-0 { } .thumbFeatures .jshowoff-slidelink-1 { } .thumbFeatures .jshowoff-slidelink-2 { } .thumbFeatures .jshowoff-slidelink-3 { } .thumbFeatures p.jshowoff-controls { } .thumbFeatures .jshowoff-controls a { } .thumbFeatures .jshowoff-controls a.jshowoff-prev { left: 15px; } .thumbFeatures .jshowoff-controls a.jshowoff-next { right: 15px; } .thumbFeatures .jshowoff-controls a.jshowoff-play { display: none; } .jshowoff.thumbFeatures { } a.jshowoff-play, a.jshowoff-prev, a.jshowoff-next{ display:none; height:10px;} a.jshowoff-sidelinks { position:relative; top:10px;} /* Navigation */ #header #nav, #header #nav * { z-index: 9999; } #header #nav { margin: 0; border: 0 none; padding: 0; width: auto; /*For KHTML*/ list-style: none; height: 25px; padding: 0; float: left; margin-left:150px; } #header #nav li { margin: 0; border: 0 none; padding: 0; color:#333; float: left; /*For Gecko*/ display: inline; list-style: none; position: relative; height: 50px; padding: 0; } #header #nav li.nobg { background: none; } #header #nav ul { margin: 0; border: 0 none; padding: 0; padding-right:4px; list-style: none; display: none; padding-left:2px; font-size:13px; padding-top:10px; text-decoration: none; background-color:#c1f0a0; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; position: absolute; top: 25px; color:#333; left: 0; padding-bottom:6px; } #header #nav ul:after /*From IE 7 lack of compliance*/{ clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; } #header #nav ul li { float: left; /*For IE 7 lack of compliance*/ display: block !important; display: inline; /*For IE*/ position: relative; top: 0; padding: 0; background: none; } /* Root Menu */ #header #nav a { float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; height: auto !important; height: 1%; /*For IE*/ color:#fff; height:20px; padding-left:10px; padding-right:10px;padding-bottom:7px; padding-top:7px; font-weight:bold; text-transform:none; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } #header #nav a:hover { float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; height: auto !important; height: 1%; /*For IE*/ color: #333; background-color:#c1f0a0; text-decoration: none; } #header #nav li.active a { color:#fff; } #header #nav li.active a:hover { color:#333; } /* 2nd Menu */ #header #nav li:hover li a, #header #nav li.iehover li a { text-transform: none; color: #333; } /* 3rd Menu */ #header #nav li:hover li:hover li a, #header #nav li.iehover li.iehover li a { float: none; } #header #nav ul ul, #header #nav ul ul ul { display: none; position: absolute; top: 0; left: 190px; } /* Do Not Move - Must Come Before display:block for Gecko */ #header #nav li:hover ul ul, #header #nav li:hover ul ul ul, #header #nav li.iehover ul ul, #header #nav li.iehover ul ul ul { display: none; } #header #nav li:hover ul, #header #nav ul li:hover ul, #header #nav ul ul li:hover ul, #header #nav li.iehover ul, #header #nav ul li.iehover ul, #header #nav ul ul li.iehover ul { display: block; } #header #nav li ul li a { margin-left:5px; font-family:Tahoma; font-weight:normal; font-size:12px; text-align:left; color:#333; width:100%;} #header #nav li ul li a:hover { text-align:left; color:#333; background-color:#FFF} #header #nav li ul li { margin-top:1px; height:30px; width:90%;}