/* GENERAL */
body{ border:0px; margin:0px; background-image:url('../pictures/bg.jpg'); font-family:Georgia, "Times New Roman", Times, serif; font-size:12px;}
br{clear:both;}
.pos_relat{ position:relative;}
.clear{clear:both;}
.menu_top{ height:79px; background-image:url('../pictures/bg_top.jpg'); border-bottom:#3b414a 1px solid;}
.align_center{ margin-left:auto; margin-right:auto; width:998px; }
.contact_me{ position:absolute; top:0px; right:0px;}
.content_site{ margin-top:150px; color:#f3f5c6; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif;}
#about_us{ font-size:12px; color:#dde0e6;}
.content_site .text{ float:left; width:625px; font-size:12px; color:#dde0e6; text-align:justify;}
.content_site .text ol{ margin-left:0px; padding:0px;}
.content_site .text ol li{ background-image:url('../pictures/li_portfolio.jpg'); background-position:0px 3px; background-repeat:no-repeat; display:block; padding-left:30px; line-height:20px;}
.content_site .text ol li strong{ color:#d1d4da; font-size:22px; font-weight:normal;}
.content_site .text ol li div{ margin-bottom:10px;}
.content_site .icon{ float:left; width:335px; margin-left:35px;}
.content_site .icon .what_i_do{ background-color:#21252b; padding:10px;}
.content_site .icon .what_i_do div{ border:#454a53 1px solid; padding:10px;}
.content_site .icon .what_i_do center{ color:#c4d110; font-size:17px;}
.content_site .icon .what_i_do ol{ margin:10px 0px 0px 0px; padding:0px;}
.content_site .icon .what_i_do ol li{ line-height:20px; display:block; background-image:url('../pictures/icon_raquo.jpg'); background-repeat:no-repeat; background-position:0px 6px; padding-left:30px;}
.content_site .contact_text{float:left; width:250px; margin-right:20px; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:justify;}
.content_site .contact_text .bg{ background-color:#21252b;padding:15px; margin-bottom:10px;}
.content_site .contact_text .title{ background-color:#131416; padding:10px; font-family:Arial, Helvetica, sans-serif; font-size:15px;}
.content_site .contact_text .title strong{ font-weight:bold; font-size:22px;}
.content_site .contact_text .content{ line-height:18px;}
.msg_err_img .icon_err{ width:34px; height:29px; background-image:url('../pictures/icon_attention.jpg');}
.msg_err_img .message div{ border:#686868 1px solid; margin-top:1px; border-left:0px; height:21px; padding:3px 5px 0px 20px; color:#f47272; font-size:13px;}

.contact_twitter{ width:239px; padding-right:10px; height:24px; padding-top:5px; background-image:url('../pictures/tab_twitter.png'); text-align:right; margin-top:10px;}
.contact_twitter a{ color:#12afdf; font-family:Arial; font-size:13px; font-style:italic; text-decoration:none; font-weight:bold;}
.contact_twitter a:hover{ color:#c0cd0f}

.contact_messenger{ width:239px; padding-right:10px; height:24px; padding-top:5px; background-image:url('../pictures/tab_messenger.png'); text-align:right; margin-top:10px;}
.contact_messenger a{ color:#ffcd25; font-family:Arial; font-size:13px; font-style:italic; text-decoration:none; font-weight:bold;}
.contact_messenger a:hover{ color:#c0cd0f}


.content_site_about_us{ margin-top:150px; color:#f3f5c6; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif;}
.content_site_about_us .text{ float:left; width:710px; font-size:12px; color:#dde0e6; text-align:justify;}
.content_site_about_us .text ol{ margin-left:0px; padding:0px;}
.content_site_about_us .text ol li{ background-image:url('../pictures/li_portfolio.jpg'); background-position:0px 3px; background-repeat:no-repeat; display:block; padding-left:30px; line-height:20px;}
.content_site_about_us .text ol li strong{ color:#d1d4da; font-size:22px; font-weight:normal;}
.content_site_about_us .text ol li div{ margin-bottom:10px;}
.content_site_about_us .icon{ float:left; width:250px; margin-left:35px;}
.content_site_about_us .icon .what_i_do{ background-color:#21252b; padding:10px;}
.content_site_about_us .icon .what_i_do div{ border:#454a53 1px solid; padding:10px;}
.content_site_about_us .icon .what_i_do center{ color:#c4d110; font-size:17px;}
.content_site_about_us .icon .what_i_do ol{ margin:10px 0px 0px 0px; padding:0px;}
.content_site_about_us .icon .what_i_do ol li{ line-height:20px; display:block; background-image:url('../pictures/icon_raquo.jpg'); background-repeat:no-repeat; background-position:0px 6px; padding-left:30px;}

h1{ color:#9f1fa6; font-size:33px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:0px; margin:0px;}
.h1_border{ background-image:url('../pictures/h3_border_bottom.jpg'); background-repeat:repeat-x; background-position:bottom; padding-bottom:15px; width:625px;}
.h1_contact{ background-image:url('../pictures/h3_border_bottom.jpg'); background-repeat:repeat-x; background-position:bottom; padding-bottom:15px;}


.menu_top .logo{ position:absolute; width:310px; height:210px;}
.menu_top .main_menu{ position:absolute; top:10px; left:300px; width:688px; padding-top:30px;}
.menu_top .header_text{ position:absolute; top:110px; left:310px; margin-left:60px; width:640px;}
.menu_top .header_quotes{ position:absolute; top:110px; left:310px;}
.menu_top .header_quotes1{ position:absolute; top:155px; left:960px;}

#menu_en_index{ display:block; float:left; width:96px; height:54px; background-image:url('../pictures/main_menu_index.png');}
#menu_en_index:hover{ background-position:bottom;}
#menu_en_portfolios{ display:block; float:left; width:153px; height:54px; background-image:url('../pictures/main_menu_portfolios.png');}
#menu_en_portfolios:hover{ background-position:bottom;}
#menu_en_about_us{ display:block; float:left; width:96px; height:54px; background-image:url('../pictures/main_menu_aboutus.png');}
#menu_en_about_us:hover{ background-position:bottom;}
#menu_en_blog{ display:block; float:left; width:78px; height:54px; background-image:url('../pictures/main_menu_blog.png');}
#menu_en_blog:hover{ background-position:bottom;}
#menu_en_contact{ display:block; float:left; width:122px; height:54px; background-image:url('../pictures/main_menu_contact.png');}
#menu_en_contact:hover{ background-position:bottom;}

.blog_arh{ margin-top:5px;}
.blog_arh a{ color:#bfcc0f; font-size:15px; display:block;}
.blog_arh a:hover{ color:#ECFEDE;}

#menu_ro_index{ display:block; float:left; width:93px; height:54px; background-image:url('../pictures/main_menu_index_ro.png');}
#menu_ro_index:hover{ background-position:bottom;}
#menu_ro_portfolios{ display:block; float:left; width:145px; height:54px; background-image:url('../pictures/main_menu_portfolios_ro.png');}
#menu_ro_portfolios:hover{ background-position:bottom;}
#menu_ro_about_us{ display:block; float:left; width:105px; height:54px; background-image:url('../pictures/main_menu_aboutus_ro.png');}
#menu_ro_about_us:hover{ background-position:bottom;}

.lang{ float:left; margin-left:38px; width:64px; height:30px; padding-top:2px; background-image:url('../pictures/bg_lang.png'); text-align:center;}
.lang_on{ position:absolute; top:30px; width:60px; padding-left:4px; height:30px; padding-top:2px; background-image:url('../pictures/bg_lang.png'); text-align:left;}
.lang_bg{ position:absolute; top:10px; width:64px; height:32px; background-image:url('../pictures/bg_lang.png'); text-align:center;}
.lang_off{ position:absolute; top:0px; width:64px; height:32px;}

.header_bg{ height:260px; width:997px; background-image:url('../pictures/header.png'); margin-top:140px;}
.header_bg .header_title_bg_left{ position:absolute; background-image:url('../pictures/header_title_bg_left.jpg'); width:13px; height:58px; left:-13px; top:20px;}
.header_bg .header_title_bg_center{ position:absolute; background-image:url('../pictures/bg_header_title_center.png'); width:480px; padding-right:20px; height:53px; left:0px; top:17px; text-align:right;}
.header_bg .header_title_bg_center h1{ color:#8d1186; font-size:25px; font-family:Arial; font-weight:normal; margin:13px 0px 0px 0px;}
.header_bg .header_title_bg_right{ position:absolute; background-image:url('../pictures/bg_header_title_right.png'); width:5px; height:53px; left:500px; top:17px;}
.header_bg .project_1{ position:absolute; top:90px; left:15px;}
.header_bg .project_1 a{ position:absolute; background-color:#c4d110; color:#FFFFFF; font-size:18px; font-family:Arial; font-weight:normal; margin:10px 0px 0px 0px; padding:0px 5px 0px 5px; text-decoration:none;}
.header_bg .project_1 a:hover{ background-color:#FFFFFF; color:#c4d110;}

.header_bg .project_2{ position:absolute; top:90px; left:340px;}
.header_bg .project_2 a{ position:absolute; background-color:#c4d110; color:#FFFFFF; font-size:18px; font-family:Arial; font-weight:normal; margin:10px 0px 0px 0px; padding:0px 5px 0px 5px; text-decoration:none;}
.header_bg .project_2 a:hover{ background-color:#FFFFFF; color:#c4d110;}

.header_bg .project_3{ position:absolute; top:90px; left:665px;}
.header_bg .project_3 a{ position:absolute; background-color:#c4d110; color:#FFFFFF; font-size:18px; font-family:Arial; font-weight:normal; margin:10px 0px 0px 0px; padding:0px 5px 0px 5px; text-decoration:none;}
.header_bg .project_3 a:hover{ background-color:#FFFFFF; color:#c4d110;}

.part1{ float:left; width:329px;}
.part1 .title{ width:329px; height:90px; background-image:url('../pictures/bg_title_services.png');}
.part1 .title img{ margin-top:40px; margin-left:80px;}
.part1 .content{ color:#c8c8c8; padding:5px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; text-align:justify;}
.part1 .content a{ color:#c8c8c8; text-decoration:underline;}
.part1 .content h2{background-color:#363a40; display:block; margin:15px 0px 5px 0px; padding:2px 0px 2px 5px; font-size:16px; font-weight:normal;}
.part1 .content ul{ padding:0px; margin:0px 0px 0px 20px;}
.part1 .content ul li { display:block; background-image:url('../pictures/icon_dots.jpg'); background-repeat:no-repeat; background-position:0px 5px; padding:5px 0px 0px 20px;}

.part2{ float:left; width:322px; margin-top:25px; margin-left:8px;}
.part2 .title{ width:322px; height:61px; background-image:url('../pictures/bg_title_blog.png');}
.part2 .title img{ margin-top:20px; margin-left:90px;}
.part2 .blog_summary{ margin-top:10px; border-bottom:#666666 1px dashed; padding-bottom:5px;}
.part2 .blog_summary .name{ color:#8d1186; font-size:17px; display:block; margin-bottom:5px;}
.part2 .blog_summary .name:hover{color:#ffffff;}
.part2 .blog_summary .content{color:#c8c8c8; }
.part2 .blog_summary .content a{ background-color:#ae2ca7; color:#ffffff; padding:0px 4px 0px 4px; text-decoration:none;}
.part2 .blog_summary .content a:hover{ background-color:#ffffff; color:#ae2ca7;}
.part3{ float:left; width:322px; margin-top:25px; margin-left:10px;}
.part3 .title{ width:322px; height:80px; background-image:url('../pictures/bg_title_testimonials.png');}
.part3 .title img{ margin-top:20px; margin-left:90px;}
.part3 .blog_summary .content{color:#c8c8c8; margin-top:10px; text-align:justify;}
.part3 .blog_summary .author{ margin-top:10px; text-align:right; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.part3 .blog_summary .author a{ color:#f2f2f2; font-size:12px;}
.part3 .blog_summary a{ color:#FFFFFF;}
.part3 .blog_summary a:hover{ color:#bfcc0f;}


/* PORTFOLIO */
.portfolio{ float:left; width:313px; height:150px; margin-left:24px; margin-top:5px;}
.tab_portfolio{ float:left; margin-right:3px; margin-top:5px;}
.tab_portfolio img{filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    /* Element must "hasLayout"! */
    zoom: 1;
}
.tab_portfolio .left{ width:4px; height:15px; background-image:url('../pictures/tab_left.jpg');}
.tab_portfolio .center{ height:15px; padding:0px 0px 0px 0px; background-image:url('../pictures/tab_center.jpg'); font-size:10px;}
.tab_portfolio .right{ height:15px; width:4px; background-image:url('../pictures/tab_right.jpg');}

.tab_portfolio_on{ float:left; margin-right:3px; margin-top:5px;}
.tab_portfolio_on .left{ width:4px; height:15px; background-image:url('../pictures/tab_left.jpg'); background-position:bottom;}
.tab_portfolio_on .center{ height:15px; padding:0px 0px 0px 0px; background-image:url('../pictures/tab_center.jpg'); font-size:10px; background-position:bottom;}
.tab_portfolio_on .right{ height:15px; width:4px; background-image:url('../pictures/tab_right.jpg'); background-position:bottom;}
.shaddow{ position:absolute; top:-93px; left:-3px; }
.button{ position:absolute; top:-18px; left:0px;}
.button a{ background-color:#bb0bb0; color:#FFFFFF; font-weight:bold; font-family:Arial; font-size:12px; text-decoration:none; padding:3px 7px 3px 7px;}

/* CONTACT */
.contact_form{ width:725px; float:left; margin-top:15px; font-family:Arial}
.contact_form h2{ padding:0px; margin:0px; font-weight:normal; font-size:25px;}
.form_contact{ width:342px; padding-left:10px; height:26px; background: transparent url('../pictures/bg_form_contact.png'); border:0px; background-color:none; color:#c8c8c8; margin-top:5px;}
.contact_form table{ margin-top:20px; color:#c8c8c8; font-size:16px;}
.contact_form .form_contact{ margin-top:5px;}
.contact_form table textarea { background: transparent url('../pictures/form_contact_msg.png'); padding:8px; color:#c8c8c8; width:699px; height:127px; border:0px; margin-top:5px;}
.btn_submit{ background: transparent url('../pictures/btn_trimite.png'); border:0px; cursor:pointer;}
.capcha_form{ background-color:#272c32; border:#424242 1px solid; height:27px; margin:0px 5px 0px 5px; width:60px; text-align:center; color:#FEF8E0;}

.blog{ margin-top:10px; color:#e2e6eb;}
.blog .pic_blog{ width:79px; height:70px; background-image:url('../pictures/blog_data.png'); background-repeat:no-repeat;}
.blog .pic_blog div{ margin-top:5px; font-size:20px; line-height:15px; margin-bottom:15px;}
.blog .description{ font-size:12px;}
.blog .description a{ font-size:25px; color:#e2e6eb; font-style:italic;}
.blog .description a:hover{ color:#bfcc0f;}
.blog .description img{ margin-right:15px;}

.blog .description .links{ background-color:#272c32; border:#474d53 1px solid; padding:2px 0px 2px 10px;}
.blog .description div font{ font-size:10px;}
.blog .description div a{ font-size:12px; color:#e8d9a7;}
.blog .description div a:hover{ font-size:12px; color:#ffffff;}
#blog_description{ line-height:18px;}
#blog_description h2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; margin-left:10px; margin-top:30px;}
.contact_form table textarea { background: transparent url('../pictures/form_contact_msg.png'); padding:8px; color:#c8c8c8; width:699px; height:127px; border:0px; margin-top:5px;}
.comment_textarea{ background: transparent url('../pictures/form_contact_msg.png'); padding:8px; color:#c8c8c8; width:699px; height:127px; border:0px; margin-top:5px;}

.bg_comments{ background-color:#272c32; margin-top:10px; border:#4f5760 1px solid; padding:5px;}
.bg_comments a{ color:#bfcc0f;}
.bg_comments a:hover{ color:#d9e173;}
.bg_comments div{ margin-top:5px;}

/* TESTIMONIAL */
.testimonial{ margin-top:20px;}
.testimonial div{ font-size:16px; text-align:right; color:#e8ecae; border-bottom:#43484e 1px dashed; padding-bottom:5px; margin-top:5px;}

/* footer */
.footer{ clear:both; margin-top:20px; background-color:#32363d;}
/* .footer .dots{ background:url('../pictures/footer_dots.png') no-repeat right; padding:10px; height:170px;} */
.footer .dots{  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pictures/footer_dots.png', sizingMethod='scale'); padding:10px; height:170px; background:url('../pictures/footer_dots.png') no-repeat right;}
.footer .dots .contact_us{ float:left; margin:30px 0px 0px 20px; width:300px;}
.footer .dots .contact_us div{ margin-bottom:10px;}
.footer .dots .contact_us a{ background-color:#000000; color:#a7b3b9; text-decoration:none; margin-top:10px; padding:2px 5px 2px 5px; font-size:15px;}
.footer .dots .contact_us a:hover{ background-color:#a7b3b9; color:#000000;}
.footer .dots .site_pags{ float:left; width:400px; margin-top:30px;}
.footer .dots .site_pags div{ margin-top:5px;}
.footer .dots .site_pags a{ color:#b9c6cc; display:block; float:left; width:182px; background-image:url('../pictures/icon_raquo.jpg'); background-repeat:no-repeat; padding:2px 0px 0px 18px; background-position:0px 5px; margin-top:5px;}
.footer .dots .site_pags a:hover{ color:#FFFFFF;}
.footer .dots .icons{ float:left; width:250px;}
.footer .dots .icons .rss{ background-image:url('../pictures/icon_rss.png'); width:39px; height:39px; display:block; background-position:bottom; float:left; margin-left:160px;}
.footer .dots .icons .rss:hover{ background-position:top;}
.footer .dots .icons .twitter{ background-image:url('../pictures/icon_twitter.png'); width:39px; height:39px; display:block; background-position:bottom; float:left; margin-left:10px;}
.footer .dots .icons .twitter:hover{ background-position:top;}