/* tools */
.clearfix:after                 {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix                       {display:inline-block;}
.clearfix                       {display:block;}
/* font styles*/
.xs                             {font-size:85%;}  /*11px*/
.s                              {font-size:93%;}  /*12px*/
.l                              {font-size:108%;} /*14px*/
.xl                             {font-size:116%;} /*15px*/
strong, .strong                 {font-weight:bold;} 
.i                              {font-style:italic;}
.u                              {text-decoration:underline;}
/*text-alignment styles*/
.left                           {text-align:left;}
.center                         {text-align:center;}
.right                          {text-align:right;}
/* general styles */
html, body                      {font-family:Trebuchet MS,Verdana,Helvetica;color:#FFF;
                                 background:#DCF2F8 url(/images/site/body_bg.png) repeat-x left top;}
#doc5                           {margin:0 auto;text-align:left;width:75.38em;*width:73.5em;border:1px solid #974578;padding:1px;
                                 margin-top:10px;background-color:#fff;}
.two_column                     {background:transparent url(/images/site/body_bg_two_col.png) repeat-y left top;margin-bottom:10px;padding:0 10px 10px 10px;}
.two_column_left                {background:transparent url(/images/site/body_bg_two_col_left.png) repeat-y left top;margin-bottom:10px;padding:0 10px 10px 10px;}
.three_column                   {background:transparent url(/images/site/body_bg_three_col.png) repeat-y left top;margin-bottom:10px;padding:0 10px 10px 10px;}
.two_column_left .yui-u h2, .two_column_left .yui-u p
                                {margin-left:30px;}
h2                              {font-size:167%;}
.yui-u h2, .yui-u p             {margin-left:10px;}
.yui-u.first h2, .yui-u.first p {margin-left:30px;}
.white, .white a                {color:#FFF;}
.mov, .mov a                    {color:#D19ABD;}
.bg_white                       {color:#974578;font-size:85%;background-color:#FFF;padding:0 5px;
                                 text-decoration:none;margin-left:10px;float:left;}
a.bg_white:hover                {color:#FFF;background-color:#E77817;}
/*header */
#hd .first a                    {border-right:1px dotted #999999;padding-right:15px;margin:30px 0 0 50px;float:left;}
#hd .first .slogan              {float:left;margin:55px 0 0 15px;color:#808882;font-size:116%;}
#menu                           {margin-top:20px;}
#menu li                        {float:left;}
#menu li a                      {text-indent:-9999px;overflow:hidden;display:block;height:91px;margin-right:10px;width:99px;outline:none;} 
#title                          {clear:both;position:relative;}
#title h1                       {background:transparent url(/images/site/hd_bg.png) no-repeat left bottom;padding:50px 350px 100px 350px;}
#title a                        {display:block;width:150px;height:120px;position:absolute;text-indent:-9999px;
                                 top:35px;left:80px;outline:none;}

#homelnk                        {background:transparent url(/images/site/hd_menu1.png) no-repeat 0 0;}
#homelnk:hover                  {background-position:-410px 0 !important;}
#homelnk.selected               {background-position:-308px 0;}
#homelnk.selected:hover         {background-position:-308px 0 !important;}
#menu:hover li a#homelnk        {background-position:-101px 0;}
#menu:hover li a#homelnk.selected {background-position:-205px 0;}

#serviciilnk                    {background:transparent url(/images/site/hd_menu1.png) no-repeat 0 -93px;}
#serviciilnk:hover              {background-position:-410px -93px !important;}
#serviciilnk.selected           {background-position:-308px -93px;}
#serviciilnk.selected:hover     {background-position:-308px -93px !important;}
#menu:hover li a#serviciilnk    {background-position:-101px -93px;}
#menu:hover li a#serviciilnk.selected {background-position:-205px -93px;}

#portofoliulnk                  {background:transparent url(/images/site/hd_menu1.png) no-repeat 0 -186px;}
#portofoliulnk:hover            {background-position:-410px -186px !important;}
#portofoliulnk.selected         {background-position:-308px -186px;}
#portofoliulnk.selected:hover   {background-position:-308px -186px !important;}
#menu:hover li a#portofoliulnk  {background-position:-101px -186px;}
#menu:hover li a#portofoliulnk.selected {background-position:-205px -186px;}

#contactlnk                     {background:transparent url(/images/site/hd_menu1.png) no-repeat 0 -279px;}
#contactlnk:hover               {background-position:-410px -279px !important;}
#contactlnk.selected            {background-position:-308px -279px;}
#contactlnk.selected:hover      {background-position:-308px -279px !important;}
#menu:hover li a#contactlnk     {background-position:-101px -279px;}
#menu:hover li a#contactlnk.selected {background-position:-205px -279px;}

/*footer*/
/*banner departamente */
#departamente                   {margin:0 auto;text-align:left;width:75.38em;*width:73.5em;} /* <- this is for Modullo Web Only*/
#departamente div em            {color:#313131;font-size:116%;font-weight:bold;}
#departamente div               {background:transparent url(/images/site/ft_hr_dashed.gif) repeat-x bottom left;width:460px;
                                 padding-bottom:5px;margin:15px 0 15px 15px;}
#departamente ul                {margin:15px 0 15px 20px;}
#departamente ul li             {display:inline;}
#departamente li a              {background-image:url(/images/site/modullo_departamente.jpg);float:left;
                                 width:217px;overflow:hidden;text-decoration:none;margin:0 10px;padding-top:52px;height:0;}
#departamente li#adv a          {background-position:0 52px;}
#departamente li#print a        {background-position:-217px 52px;}
#departamente li#web a          {background-position:-434px 52px;}
#departamente li#org a          {background-position:-651px 52px;}
#departamente li#adv a:hover    {background-position:0 0;}
#departamente li#print a:hover  {background-position:-217px 0;}
#departamente li#web a:hover    {background-position:-434px 0;}
#departamente li#org a:hover    {background-position:-651px 0;}
/*End of banner*/
#ft, #ft a                      {color:#666;}
#ft p                           {float:left;margin:10px 0 10px 50px;}
#ft ul                          {float:right;margin:10px 0;}
#ft ul li                       {float:left;margin:0 10px 0 10px;border-right:1px solid #666;padding-right:20px;}
#ft ul li.last                  {border:none;}
#ft_menu                        {border-top:2px solid #974578;margin-top:2px;}
#ft_logo                        {background:#974578 url(/images/site/ft_bg.png) no-repeat center bottom;
                                padding:40px 0 25px 0;text-align:center;}
/*body*/
#bd                             {background-color:#974578;min-height:400px;}
/*contact box*/
.contact                        {margin:0 0 0 180px;}
.contact .box                   {float:left;border:1px solid #B86398;padding:10px 3px;text-align:center;}
.contact a                      {display:block;margin-bottom:5px;}
.contact .mauve                 {width:150px;}
.contact .mauve a               {color:#FFF;}
.contact .white                 {color:#974578;background-color:#FFF;font-weight:bold;}
.contact .white a               {color:#974578;text-decoration:none;}
/*contact form*/
.contact_form                   {margin:30px 0 0 0;}
.contact_form th                {width:150px;text-align:right;padding-top:8px;vertical-align:top;}
.contact_form td                {padding:5px 0 5px 10px;width:450px;}
.contact_form .submit td        {text-align:right;}
.contact_form .required label   {background:transparent url(/images/site/bullet_form_required.png) no-repeat left center;
                                 padding-left:15px;font-weight:bold;}
div.f.error                     {background:#CC0000 url(/images/site/exclamation.png) no-repeat 10px 8px;
                                 padding:7px 10px 10px 30px;color:#FFF;font-weight:bold;border:2px solid #CCCC99;width:75%;
                                 margin:10px 0 0 30px;}
.validation-advice, .contact_form input, .contact_form textarea
                                {float:left;}
.validation-advice              {background:#FFF url(/images/site/exclamation_advice.png) no-repeat 5px 5px;padding:5px 0 15px 30px;
                                 width:150px;color:#9E2522;font-size:85%;margin-left:5px;}

/*home*/
#home p                         {margin-top:10px;margin-bottom:25px;}
#services                       {margin:0 0 20px 5px;}
#services li                    {display:inline;cursor:pointer;}
#services li a                  {float:left;display:block;width:140px;border-right:1px dotted #B86398;padding-left:5px;
                                 color:#FFF;text-decoration:none;margin-left:5px;}
#services li.last a             {border-right:none;}
#services li a:hover            {background-color:#B86398;}
#services li a span             {display:block;cursor:pointer;}
#services li a span.detalii     {background-color:#FFF;font-size:85%;color:#974578;margin:5px 0 0 -5px;float:left;padding:0 5px;}
#services li a span.desc        {height:100px;}
#services li a:hover span.detalii {color:#FFF;background-color:#E77817;}
#home #portofoliu li            {width:43%;float:left;margin:10px 0 10px 30px;}
#home #portofoliu li h3         {font-size:116%;font-weight:bold;margin-left:5px;}
#home #portofoliu li:hover h3   {color:#E77817;}
#home .bg_white                 {margin:10px 0 0 30px;}
a.pachet_start                  {background:transparent url(/images/site/new.png) no-repeat left center;padding:5px 0 5px 60px;
                                 color:#fff;text-decoration:none;margin-bottom:15px;display:block;width:40%;}
a.pachet_start em               {font-size:167%;font-weight:bold;}
a.pachet_start:hover            {background:#B86398 url(/images/site/new_hover.png) no-repeat left center;}
/*servicii*/
#servicii p                     {margin-top:10px;margin-bottom:10px;}
#servicii ul                    {margin-left:40px;}
#servicii ul li                 {background:transparent url(/images/site/raquo_bullet.png) no-repeat left center;
                                 padding-left:15px;margin:5px 0;}
#servicii li a                  {color:#FFF;text-decoration:none;}
#servicii li a:hover            {font-weight:bold;text-decoration:underline;}
#servicii .contact .box         {height:4.6em;*height:4.5em;margin-top:50px;}
#servicii .contact .white a     {margin-top:15px;}
/*site de prezentare, catalog online comert electronic*/
.product ul                     {margin:10px 0 20px 40px;}
.product ul li                  {background:transparent url(/images/site/raquo_bullet.png) no-repeat left 7px;
                                 padding-left:15px;margin:5px 0;}
.product p                      {margin-top:10px;}
.product a                      {color:#fff;}
#pachetul_start ul.start_include li 
                                {background:none;padding-left:0;}
#pachetul_start p.start_include {text-decoration:underline;}
#pachetul_start p em            {font-size:197%;font-weight:bold;}
/*gazduire web*/
#gazduire_web ul li             {background:transparent url(/images/site/raquo_bullet.png) no-repeat left 8px;
                                 padding-left:15px;margin:5px 0;}
#gazduire_web ul                {margin:20px 0 30px 50px;}
.three_column .yui-u            {padding-top:10px;}
.three_column h2                {margin-left:30px;}
#gazduire_web .highlight        {background-color:#B86398;}
/*contact page*/
#contact dl                     {margin:30px 0 0 30px;}
#contact dl dt                  {font-weight:bold;margin:10px 0;}
#contact dl dd                  {padding-left:15px;margin-top:5px;}
#contact dl a                   {color:#FFF;text-decoration:none;}
/*portofoliu*/
#portofoliu li.item             {width:45%;float:left;margin:10px 0 20px 30px;}
#portofoliu li.separator        {clear:both;border-bottom:1px solid #B86398;width:90%;margin-left:30px;}
#portofoliu li.separator:first-child {display:none;}
#portofoliu li a img            {float:left;display:block;border:1px solid #B86498;}
#portofoliu li a:hover img      {border:2px solid #FFF;margin:-1px;}
#portofoliu li div              {float:left;width:50%;margin-left:10px;}
#portofoliu li h2               {font-size:116%;font-weight:bold;}
#portofoliu li a                {color:#FFF;}
#portofoliu li p                {margin:5px 0 10px 0;}
/*mesaj trimis*/
#trimis a                       {color:#FFF;}
#trimis                         {padding:0 10px 20px 30px;}
#trimis h2                      {margin-bottom:20px;}
/*nu exista*/
#nu_exista                      {padding-left:30px;}
#nu_exista ul                   {margin:5px 0 20px 0;}
#nu_exista ul li                {margin:0 0 5px 15px;}
#nu_exista a                    {color:#FFF;}