@charset "utf-8";
/* CSS Document */
@import "reset.css";
/*---GENERAL------------------------------------------------------------------------------*/
/*--before 12-02-10-
body { font-family:Tahoma, Geneva, sans-serif; font-size:62.5%; background: url(../images/body-bg.jpg) repeat-x #DEDEDE; color:#000;}--*/
body { font-family:Arial, Helvetica, sans-serif; font-size:62.5%; background: url(../images/body-inside-bg.jpg) repeat-x #FFF; color:#000;}
body#inside { font-family:Arial, Helvetica, sans-serif; font-size:62.5%; background: url(../images/body-inside-bg.jpg) repeat-x #FFF; color:#000;}
#wrapper {width:950px; margin:10px auto; padding:0 0 10px 0; font-size:11px;}
.shadow{ width:950px; height:44px; background:url(../images/shadow.png) no-repeat; clear:both; margin:0 auto;}
.clearfix{ clear:both;}

/*---Header---*/
#placeholder{ width:950px; overflow:hidden; margin:10px 0 0 0;}
#placeholderh{width:950px; overflow:hidden; margin:10px 0 0 0; height:283px;}
#placeholderh img{ height:283px; width:950px;}

#holder{ width:950px; height:283px; display:block;}
#holder ul{ height:283px;}
ol#controls{ width:150px; list-style-type:none; position:absolute; margin:-35px 0 0 800px;}
ol#controls li{ display:block; height:20px; width:20px; line-height:20px; float:left; background:url(../images/dot.png) no-repeat; text-align:center; margin:0 5px 0 0}
ol#controls li a{ display:block; height:20px; width:20px; line-height:20px; color:#9E9DA0; text-decoration:none;}
ol#controls li.current{ background:url(../images/dot-white.png) no-repeat;}
ol#controls li.current a{ color:#FFF;}


#header{ display:block;}

#header .social{ float:right; display:block; width:400px;}

#header .social .icons{ width:198px; height:62px; margin:10px 0 0 0; background:url(../images/icons.png) no-repeat; float: right;}
#header .social .icons a.linkedin{ display:block; float:left; width:50px; height:50px; margin:13px 0 0 0;}
#header .social .icons a.tweeter{ display:block; float:left; width:50px; height:50px; margin:13px 0 0 24px; display:inline;}
#header .social .icons a.blog{ display:block; float:left; width:50px; height:50px; margin:13px 0 0 24px; display:inline;}

#header a#logo{ display:block; width:174px; height:128px; background:url(../images/newAD.png) no-repeat; margin:0 0 15px 30px; float:left; display:inline;}

#header .social form { float:right; padding:25px 0 0 0;}
#header .social form input { border:1px solid #CCC; width:220px; padding:3px 3px; height:12px; color:#F00; font-family:Tahoma, Geneva, sans-serif; font-size:11px;}

#header .social form input.search {width:66px; height:20px; border:none; background:url(../images/cauta.gif) no-repeat; text-align:center; color:#FFF;}
#header .social form input.search:hover {background:url(../images/cauta.gif) no-repeat left -20px; color:#F00; cursor:pointer;}

#header .social form input.search-en {width:66px; height:20px; border:none; background:url(../images/search.gif) no-repeat; text-align:center; color:#FFF;}
#header .social form input.search-en:hover {background:url(../images/search.gif) no-repeat left -20px; color:#F00; cursor:pointer;}

/*---Footer---*/
#footer-inside, #footer{clear:both; text-align:center; padding:64px 0 40px 0; background:url(../images/footer-line-inside.jpg) repeat-x left bottom;}
#footer-inside p, #footer p{ padding:20px 0 0 0; font-size:11px;}
#footer-inside a, #footer a{ color:#000; text-decoration:none; font-size:11px;}
#footer-inside a:hover, #footer a:hover{ text-decoration:underline;}

/*--Before 12-02-10
#footer{clear:both; text-align:center; padding:20px 0; background:#F00; background:url(../images/footer-line.jpg) repeat-x left center;}
#footer p{ padding:20px 0 0 0; font-size:11px;}
#footer a{ color:#000; text-decoration:none; font-size:11px;}
#footer a:hover{ text-decoration:underline;}
--*/

/*---MAIN MENU------------------*/
#menu-container{height:42px; width:950px; font-size:12px; clear:both; position:relative;}
/*---language---*/
#menu-container .lang{ float:right; background:#000; width:35px; height:42px; position:absolute; z-index:0; margin:0 0 0 915px;}
#menu-container .lang a { display:block; height:21px; width:25px; color:#FFF; text-decoration:none; text-align:right; line-height:21px; font-weight:bold; padding:0 10px 0 0;}
#menu-container .lang a#ro{ background:url(../images/ro-grey.jpg) no-repeat right top #CCC;}
#menu-container .lang a#en{ background:url(../images/en-grey.jpg) no-repeat right bottom #CCC;}
#menu-container .lang a#ro:hover, #menu-container .lang a#ro.current{ background:url(../images/ro-red.jpg) no-repeat right top #F00;}
#menu-container .lang a#en:hover, #menu-container .lang a#en.current{ background:url(../images/en-red.jpg) no-repeat right bottom #F00;}
/*---menu---*/
ul#mainMenu {height:42px; width:920px; float:left; z-index:1; position:absolute;}
ul#mainMenu li {float:left; position:relative;}
ul#mainMenu li a {text-align:center; color:#325C86; text-decoration:none; line-height:42px; background:url(../images/main-nav-bg.jpg) repeat-x;}
ul#mainMenu li a#solutii, ul#mainMenu li a#clienti, ul#mainMenu li a#stiri, ul#mainMenu li a#despre, ul#mainMenu li a#blog { display:block; height:42px;}
ul#mainMenu li a#solutii {width:194px; background:url(../images/menu-sprite.png) no-repeat;}
ul#mainMenu li a#clienti {width:191px; background:url(../images/menu-sprite.png) no-repeat -194px 0;}
ul#mainMenu li a#stiri {width:183px; background:url(../images/menu-sprite.png) no-repeat -385px 0;}
ul#mainMenu li a#despre {width:180px; background:url(../images/menu-sprite.png) no-repeat -568px 0;}
ul#mainMenu li a#blog {width:172px; background:url(../images/menu-sprite.png) no-repeat -748px 0;}
ul#mainMenu li a#solutii:hover {background:url(../images/menu-sprite.png) no-repeat left -42px;}
ul#mainMenu li a#clienti:hover {background:url(../images/menu-sprite.png) no-repeat -194px -42px;}
ul#mainMenu li a#stiri:hover {background:url(../images/menu-sprite.png) no-repeat -385px -42px;}
ul#mainMenu li a#despre:hover {background:url(../images/menu-sprite.png) no-repeat -568px -42px;}
ul#mainMenu li a#blog:hover {background:url(../images/menu-sprite.png) no-repeat -748px -42px;}
ul#mainMenu li a#solutii.current {background:url(../images/menu-sprite.png) no-repeat left -84px;}
ul#mainMenu li a#clienti.current {background:url(../images/menu-sprite.png) no-repeat -194px -84px;}
ul#mainMenu li a#stiri.current {background:url(../images/menu-sprite.png) no-repeat -385px -84px;}
ul#mainMenu li a#despre.current {background:url(../images/menu-sprite.png) no-repeat -568px -84px;}
ul#mainMenu li a#blog.current {background:url(../images/menu-sprite.png) no-repeat -748px -84px;}
ul#mainMenu li ul {display:none; position:absolute; top:42px; left:-1px; z-index:500; margin:0; width:224px; background:url(../images/submenu-bg.png) repeat-x left bottom; padding:10px 3px; border-bottom:solid 1px #B6B6B6; border-left:solid 1px #B6B6B6; border-right:solid 1px #B6B6B6; }
ul#mainMenu li ul.first {left:3px;}
ul#mainMenu li ul li {float:none; padding:0;}
/*---Submeniu with arrows before 26-01-10-----------------------------------------------------------------------
ul#mainMenu li ul li a {text-align:left; line-height:20px; display:block; min-height:20px; height:auto !important; height:20px; background:url(../images/arrow.png) no-repeat 210px center; padding:0 10px; color:#000;}
ul#mainMenu li ul li a:hover {text-align:left; line-height:20px; display:block; min-height:20px; height:auto !important; height:20px; background:url(../images/arrow-white.png) no-repeat 210px center #F00; color:#FFF;}
-------*/
ul#mainMenu li ul li a {text-align:left; line-height:20px; display:block; min-height:20px; height:auto !important; height:20px; padding:0 10px; color:#000;}
ul#mainMenu li ul li a:hover {text-align:left; line-height:20px; display:block; min-height:20px; height:auto !important; height:20px; background:#F00; color:#FFF;}
ul#mainMenu li:hover ul {display:block;}

/*---HOME CONTENT------------------------------------------------------------------------------*/
#content{width:950px; padding:15px 0 0 0; font-size:12px;}
#content .left{ float:left;}
#content .center{ float:left; margin:0 0 0 10px; display:inline;}
#content .right{ float:right;}

/*---left right center box shared---*/
#content .left, #content .center, #content .right, #content .right-inside{width:270px; min-height:230px; height:auto !important; height:330px; background:url(../images/home-box-bg.png) no-repeat; padding:20px;}
#content .left h1, #content .center h1, #content .right h1, #content .right-inside h1{font-family:Arial, Helvetica, sans-serif; font-size:20px; text-transform:uppercase; font-weight:normal; color:#000; border-bottom:1px solid #F00; padding:0 0 3px 0; margin:0 0 30px 0;}
#content .right-inside h1 a {
    text-decoration: none;color:#000;
}
#content .left h2, #content .center h2, #content .right h2, #content .right-inside h2{ color:#F00; line-height:1.4em; clear:both;}
#content .left h2 a, #content .center h2 a, #content .right h2 a, #content .right-inside h2 a{ color:#F00; text-decoration:none;}
#content .left h2 a:hover, #content .center h2 a:hover, #content .right h2 a:hover, #content .right-inside h2 a:hover{text-decoration:underline;}
#content .left p, #content .center p, #content .right p, #content .right-inside p{ line-height:1.4em; clear:both;}
#content .left p a.more, #content .center p a.more, #content .right p a.more, #content .right-inside p a.more{ display:block; background: url(../images/buttons.gif) no-repeat; width:72px; height:16px; color:#FFF; text-decoration:none; margin:10px 0 10px 0; float:right; padding:2px 0; text-indent:10px;}
#content .left p a.more:hover, #content .center p a.more:hover, #content .right p a.more:hover, #content .right-inside p a.more:hover{ display:block; background: url(../images/buttons.gif) no-repeat left -20px;}

/*---center---*/
#content .center .logos { background:url(../images/divider.jpg) repeat-y center; margin:15px 0;}
#content .center .logos .divider{ padding:0 5px; float:left; min-height:105px; height:auto !important; height:105px;}
#content .center .logos ul{ float:left; margin:5px  0; width:130px; overflow:hidden;}
#content .center .logos ul li { padding:10px 0; text-align:center;}

/*---right---*/
#content .right a.contact{ height:83px; width:270px; background:url(../images/home-contact-box.jpg) no-repeat; display:block;}
#content .right .icons{ width:198px; height:93px; margin:25px auto 0 auto; background:url(../images/icons.png) no-repeat;}
#content .right .icons a.linkedin{ display:block; float:left; width:50px; height:50px; margin:13px 0 0 0;}
#content .right .icons a.tweeter{ display:block; float:left; width:50px; height:50px; margin:13px 0 0 24px; display:inline;}
#content .right .icons a.blog{ display:block; float:left; width:50px; height:50px; margin:13px 0 0 24px; display:inline;}

/*---INSIDE CONTENT------------------------------------------------------------------------------*/
#content .right-inside{float:right; clear:right; font-size:12px;} 
#content .left-inside{float:left; width:590px; min-height:330px; height:auto !important; height:330px; background:url(../images/inside-left-bg.png) no-repeat; padding:20px;}
#content .left-inside h1{font-family:Arial, Helvetica, sans-serif; font-size:25px; text-transform:capitalize; font-weight:normal; color:#000; border-bottom:1px solid #CCC; padding:0 0 3px 0; margin:0 0 10px 0;}

/*---inside path---*/
#content .left-inside p.path{font-size:11px; color:#999;}
#content .left-inside p.path a {text-decoration:none; color:#000; padding:2px 4px;}
#content .left-inside p.path a:hover{color:#F00;}

/*---inside left nav---*/
/*--#content .left-inside ul#inside-nav{margin:30px 0 0 0; width:150px; overflow:hidden; float:left;}--*/
#content .left-inside ul#inside-nav{margin:30px 0 0 0; width:150px; overflow:hidden; float:left; font-size:12px;}
#content .left-inside ul#inside-nav li a{display:block; text-decoration:none; color:#000; padding:0 0 0 10px; margin:0 5px 15px 5px;}
#content .left-inside ul#inside-nav li a:hover, #content .left-inside ul#inside-nav li a.current{background:url(../images/red-arrow.gif) no-repeat left center; color:#F00;}

/*---inside buttons---*/
#content .left-inside .buttons{ float:left; clear:left; width:150px; margin:20px 0 0 0;}
#content .left-inside .buttons img{ margin:10px 0 0 0;}

/*---text---*/
#content .left-inside #text {float:right; width:405px; margin:30px 0 0 0; font-size:12px; border-left:1px solid #CCC; padding:0 0 0 25px;}
#content .left-inside #text p{line-height:17px; margin:0 0 18px 0;}
#content .left-inside #text a{color:#F00;}
#content .left-inside #text a:hover{text-decoration:none;}
/*--#content .left-inside #text ul {list-style: inside;}--*/
#content .left-inside #text ul { list-style-position:outside; margin:0 0 0 12px; list-style-type:disc;}
#content .left-inside #text ul li{line-height: 17px;}


/*---sitemap---*/
#content .left-inside #text ul.sitemap { font-size:12px; line-height:17px; margin:0;}
#content .left-inside #text ul.sitemap li ul{ margin:0 0 0 25px; list-style-type:circle;}
#content .left-inside #text ul.sitemap li ul li ul{ margin:0 0 0 40px; list-style:outside square;}
#content .left-inside #text ul.sitemap li ul li ul li ul{ margin:0 0 0 50px; list-style:outside square; padding:0; display:none;}

/*---ADDED FOR THE ENGLISH VERSION---------------------------------------------------------------------*/
/*---header---*/
#header a#logo-en{ display:block; width:174px; height:128px; background:url(../images/NNC.png) no-repeat; margin:0 0 15px 30px; float:left; display:inline;}
/*---menu---*/
ul#mainMenu-en {height:42px; width:920px; float:left; z-index:1; position:absolute;}
ul#mainMenu-en li {float:left; position:relative;}
ul#mainMenu-en li a {text-align:center; color:#325C86; text-decoration:none; line-height:42px; background:url(../images/main-nav-bg.jpg) repeat-x;}
ul#mainMenu-en li a#solutii, ul#mainMenu-en li a#clienti, ul#mainMenu-en li a#stiri, ul#mainMenu-en li a#despre, ul#mainMenu-en li a#blog { display:block; height:42px;}
ul#mainMenu-en li a#solutii {width:194px; background:url(../images/menu-sprite-en.png) no-repeat;}
ul#mainMenu-en li a#clienti {width:191px; background:url(../images/menu-sprite-en.png) no-repeat -194px 0;}
ul#mainMenu-en li a#stiri {width:183px; background:url(../images/menu-sprite-en.png) no-repeat -385px 0;}
ul#mainMenu-en li a#despre {width:180px; background:url(../images/menu-sprite-en.png) no-repeat -568px 0;}
ul#mainMenu-en li a#blog {width:172px; background:url(../images/menu-sprite-en.png) no-repeat -748px 0;}
ul#mainMenu-en li a#solutii:hover {background:url(../images/menu-sprite-en.png) no-repeat left -42px;}
ul#mainMenu-en li a#clienti:hover {background:url(../images/menu-sprite-en.png) no-repeat -194px -42px;}
ul#mainMenu-en li a#stiri:hover {background:url(../images/menu-sprite-en.png) no-repeat -385px -42px;}
ul#mainMenu-en li a#despre:hover {background:url(../images/menu-sprite-en.png) no-repeat -568px -42px;}
ul#mainMenu-en li a#blog:hover {background:url(../images/menu-sprite-en.png) no-repeat -748px -42px;}
ul#mainMenu-en li a#solutii.current {background:url(../images/menu-sprite-en.png) no-repeat left -84px;}
ul#mainMenu-en li a#clienti.current {background:url(../images/menu-sprite-en.png) no-repeat -194px -84px;}
ul#mainMenu-en li a#stiri.current {background:url(../images/menu-sprite-en.png) no-repeat -385px -84px;}
ul#mainMenu-en li a#despre.current {background:url(../images/menu-sprite-en.png) no-repeat -568px -84px;}
ul#mainMenu-en li a#blog.current {background:url(../images/menu-sprite-en.png) no-repeat -748px -84px;}
ul#mainMenu-en li ul {display:none; position:absolute; top:42px; left:-1px; z-index:500; margin:0; width:224px; background:url(../images/submenu-bg.png) repeat-x left bottom; padding:10px 3px; border-bottom:solid 1px #B6B6B6; border-left:solid 1px #B6B6B6; border-right:solid 1px #B6B6B6; }
ul#mainMenu-en li ul.first {left:3px;}
ul#mainMenu-en li ul li {float:none; padding:0;}
ul#mainMenu-en li ul li a {text-align:left; line-height:20px; display:block; min-height:20px; height:auto !important; height:20px; padding:0 10px; color:#000;}
ul#mainMenu-en li ul li a:hover {text-align:left; line-height:20px; display:block; min-height:20px; height:auto !important; height:20px; background:#F00; color:#FFF;}
ul#mainMenu-en li:hover ul {display:block;}

/*---homepage right contact link---*/
#content .right a.contact-en{ height:83px; width:270px; background:url(../images/home-contact-box-en.jpg) no-repeat; display:block;}