@import "reset.css";

img, div, input, p { behavior: url("css/iepngfix.htc") }

h2 {color:#358ccf; margin:20px 20px 10px 20px; font-size:20px; font-family: Myriad Pro, Arial;border-bottom:3px solid #EAEAEA;text-align:right;font-weight: bold;}
h3 {
    
    color:#358CCF;
    display:block;
    float:left;
    font-size:16px;
    font-weight:normal;
    line-height:30px;
    margin-left:36px;
    margin-top:-28px;
    opacity:8;
    position:absolute;
    text-transform: capitalize;
    width:459px;
    height:30px;
    z-index:10000;
    padding-left:5px;
}

input {width:183px; height:18px; line-height:20px; background: url(../images/input.gif) 0 0 no-repeat; border:0; color:#333; font-size:12px; font-family:verdana; padding-top:2px;padding-left:3px;}
textarea {width:183px; height:59px; background: url(../images/textarea.gif) 0 0 no-repeat; border:0; color:#333; font-size:12px; font-family:verdana; padding-top:2px;padding-left:3px;}

#wrapper { width:100%;}
#top { width:100%; height:131px; background:#fff url(../images/header_bg.gif) 0 bottom repeat-x;}
#middle { width:100%;min-height:300px; background:#1e1e1e; display:table;}
#bottom { width:100%; height:200px; background: url(../images/boxes_bg.gif) 0 0 repeat-x;}

#header {height:100px; width:1000px; background: url(../images/logo.gif) 59px 0 no-repeat; display:block; margin:0 auto;}
#header .linklogo {width:240px; float:left; height:55px; display:block; margin-top:22px; margin-left:10px;}

#mainmenu {float:right; height:67px; width:396px; margin-top:30px; margin-right:10px; background:url(../images/menu_shadow.gif) 0 bottom no-repeat;}

#mainmenu ul {display: block;}
#mainmenu ul li {display:inline-block; float:left;}
#mainmenu ul li a {border:0; text-decoration: none;}
#mainmenu ul li a.acasa_btn_ro {background: url(../images/acasa_btn.gif) 0 0 no-repeat; width:79px; height:32px; display:block; margin-right:2px;}
#mainmenu ul li a.portofoliu_btn_ro {background: url(../images/portofoliu_btn.gif) 0 0 no-repeat; width:122px; height:32px; display:block;margin-right:2px;}
#mainmenu ul li a.servicii_btn_ro {background: url(../images/servicii_btn.gif) 0 0 no-repeat; width:91px; height:32px; display:block;margin-right:2px;}
#mainmenu ul li a.contact_btn_ro {background: url(../images/contact_btn.gif) 0 0 no-repeat; width:98px; height:32px; display:block;margin:0px;}
#mainmenu ul li.acasa_btn_ro, #mainmenu ul li a.acasa_btn_ro:hover {background: url(../images/acasa_btn_mo.gif) 0 0 no-repeat; width:79px; height:32px; display:block; margin-right:2px;}
#mainmenu ul li.portofoliu_btn_ro, #mainmenu ul li a.portofoliu_btn_ro:hover {background: url(../images/portofoliu_btn_mo.gif) 0 0 no-repeat; width:122px; height:32px; display:block;margin-right:2px;}
#mainmenu ul li.servicii_btn_ro, #mainmenu ul li a.servicii_btn_ro:hover {background: url(../images/servicii_btn_mo.gif) 0 0 no-repeat; width:91px; height:32px; display:block;margin-right:2px;}
#mainmenu ul li.contact_btn_ro, #mainmenu ul li a.contact_btn_ro:hover {background: url(../images/contact_btn_mo.gif) 0 0 no-repeat; width:98px; height:32px; display:block;margin:0px;}

#mainmenu ul li a.acasa_btn_en {background: url(../images/home_btn.gif) 0 0 no-repeat; width:79px; height:32px; display:block; margin-right:2px;}
#mainmenu ul li a.portofoliu_btn_en {background: url(../images/portfolio_btn.gif) 0 0 no-repeat; width:122px; height:32px; display:block;margin-right:2px;}
#mainmenu ul li a.servicii_btn_en {background: url(../images/services_btn.gif) 0 0 no-repeat; width:91px; height:32px; display:block;margin-right:2px;}
#mainmenu ul li a.contact_btn_en {background: url(../images/contact_btn.gif) 0 0 no-repeat; width:98px; height:32px; display:block;margin:0px;}
#mainmenu ul li.acasa_btn_en, #mainmenu ul li a.acasa_btn_en:hover {background: url(../images/home_btn_mo.gif) 0 0 no-repeat; width:79px; height:32px; display:block; margin-right:2px;}
#mainmenu ul li.portofoliu_btn_en, #mainmenu ul li a.portofoliu_btn_en:hover {background: url(../images/portfolio_btn_mo.gif) 0 0 no-repeat; width:122px; height:32px; display:block;margin-right:2px;}
#mainmenu ul li.servicii_btn_en, #mainmenu ul li a.servicii_btn_en:hover {background: url(../images/services_btn_mo.gif) 0 0 no-repeat; width:91px; height:32px; display:block;margin-right:2px;}
#mainmenu ul li.contact_btn_en, #mainmenu ul li a.contact_btn_en:hover {background: url(../images/contact_btn_mo.gif) 0 0 no-repeat; width:98px; height:32px; display:block;margin:0px;}

#boxes { width:1000px; display:block; margin:0 auto; height:105px;}
#boxes ul { width:100%; display:block;}
#boxes ul li {display:inline-block; margin-top:12px; margin-left:8px; margin-right:10px; float:left;}
#boxes ul li .btn1 {background: url(../images/webdesign_box.png) 0 0 no-repeat; width:229px; height:80px; display:table; cursor:pointer;}
#boxes ul li .btn2 {background: url(../images/webdevelopment_box.png) 0 0 no-repeat; width:229px; height:80px; display:table; cursor:pointer;}
#boxes ul li .btn3 {background: url(../images/ecommerce_box.png) 0 0 no-repeat; width:229px; height:80px; display:table; cursor:pointer;}
#boxes ul li .btn4_ro {background: url(../images/integrarecms_box.png) 0 0 no-repeat; width:229px; height:80px; display:table; cursor:pointer;}
#boxes ul li .btn4_en {background: url(../images/cmsintegration_box.png) 0 0 no-repeat; width:229px; height:80px; display:table; cursor:pointer;}

#boxes ul li p {margin-top:70px; text-decoration: none; font-size: 14px; color:#fff; padding:10px; text-align: left;} 

.middleContent {width:1000px;margin:0 auto; background: url(../images/mid_bg.jpg) center top no-repeat; display:block;}
.middleContentContact {width:1000px;margin:0 auto; background: url(../images/mid_bg_contact.jpg) center top no-repeat; display:table; }
.Content {display:table;width:100%;}

.pict_slide {background: url(../images/pict_slide_bg.png) center 0 no-repeat;width:536px; height:319px; float:left; margin-top:40px; position:relative;}
.pict_slide .pict {width: 468px; display:inline-block;float:left;margin-top:14px; margin-left:4px;}
.pict_slide .pict img {}
.page_title {background: url(../images/page-title_bg.png) 0 0 no-repeat;width:364px; height:93px; float:right; margin-top:20px; margin-right:30px;}
.line {background: url(../images/line_b.png) center top no-repeat;width:100%px; height:17px; margin:10px 0; display:block;}

.pict_slide_port {background: url(../images/pict_slide_port_bg.png) center 0 no-repeat;width:536px; height:319px; float:left; margin-top:40px;}
.pict_slide_port .pict {width: 468px; display:inline-block;float:left;margin-top:14px; margin-left:4px;}

.form_contact { float:left; margin-top:100px; left:100px; display:block; position: relative;} 
.form_contact label {padding:0 3px; color:#dedede; font-size:12px; width:150px; display:block;}
.form_contact td { text-align: right;}
.contact_right {background: url(../images/mid_bg_contact_r.png) right 0 no-repeat; width:1000px; float:right;}


a.next, a.next1 {background: url(../images/right_slide_btn.gif) 0 0 no-repeat;width:32px; height:78px; position:relative; display:block;}
div.next, div.next1 {background: url(../images/right_slide_btn_mo.gif) 0 0 no-repeat;width:32px; height:78px; float:right; margin-top:127px; position:relative;}
a.next:hover, a.next1:hover {background: url(../images/right_slide_btn_mo.gif) 0 0 no-repeat;width:32px; height:78px; cursor:pointer; position:relative;}
a.prev, a.prev1 {background: url(../images/left_slide_btn.gif) 0 0 no-repeat;width:32px; height:78px; float:left;display:block position:relative;}
div.prev, div.prev1 {background: url(../images/left_slide_btn_mo.gif) 0 0 no-repeat;width:32px; height:78px; float:left; margin-top:127px; position:relative;} 
a.prev:hover, a.prev1:hover {background: url(../images/left_slide_btn_mo.gif) 0 0 no-repeat;width:32px; height:78px; float:left; cursor:pointer; position:relative;}



.p1 {background: url(../images/link.gif) 0 2px no-repeat; padding:0 20px 15px 20px; font-size:16px; line-height:18px;}

.descpanelfg {font-size:16px;}

.language {height:82px; margin-top:8px; float:left; border-right:1px #b4b4b4 solid; color:#b4b4b4; width:50px;}
.language ul li {line-height:16px;}
.language a {color:#b4b4b4; text-decoration: none;}
.language a.active {color:#358ccf; text-decoration: none;}
.language a:hover { text-decoration: underline;}



#footer {width:1000px; margin:0 auto; text-align:center;}
#footer {color:#757575; line-height:50px;}
#footer img {text-align: right; border-left:1px #999 solid; padding-left:10px;margin-left:10px; }

input.btn_trimite_ro {background: url(../images/trimite_btn.png) 0 0 no-repeat; width:58px; height:19px; display:block; cursor:pointer;}
div.btn_trimite_ro {background: url(../images/trimite_btn_mo.png) 0 0 no-repeat; width:58px; height:19px; display:block;}
input.btn_trimite_ro:hover {background: url(../images/trimite_btn_mo.png) 0 0 no-repeat; width:58px; height:19px; display:block; cursor:pointer;}
input.btn_trimite_en {background: url(../images/trimite_btn_en.png) 0 0 no-repeat; width:58px; height:19px; display:block; cursor:pointer;}
div.btn_trimite_en {background: url(../images/trimite_btn_mo_en.png) 0 0 no-repeat; width:58px; height:19px; display:block;}
input.btn_trimite_en:hover {background: url(../images/trimite_btn_mo_en.png) 0 0 no-repeat; width:58px; height:19px; display:block; cursor:pointer;}

.port_menu {display:table; width:395px; height:220px; padding:9px 0 9px 0px; background: url(../images/port_menu_bg.gif) 0 0 no-repeat;float:right;text-transform: capitalize;}
.port_menu ul {text-align: right; width:382px; float:left;}
.port_menu ul li {height:35px; width:382px; line-height:35px; background: url(../images/link_port.png) 0 0 repeat-x;}
.port_menu ul li a:hover, .port_menu ul li a.active {background: url(../images/link_port_mo.gif) 0 center repeat-x !important;height:35px; width:360px;padding:0 13px 0 9px;}
.port_menu ul li a {color:#fff; text-decoration: none;height:35px; width:360px;padding:0 13px 0 9px; font-size:14px; display:block; }

.fadeslidedescdiv {text-transform:capitalize;}

.serv_menu_ro {width:459px; height:35px; background: url(../images/menu_serv.gif) 0 0 no-repeat; margin-top:78px; padding-left:4px; left:56px;float:left; position:relative;}
.serv_menu_en {width:466px; height:35px; background: url(../images/menu_serv_en.gif) 0 0 no-repeat; margin-top:78px; padding-left:4px; left:56px;float:left; position:relative;}
.serv_menu_ro a, .serv_menu_en a {float:left;}

a.btn_webdesign {width:105px; height:35px; display:block;}
a.btn_webdesign:hover, a.btn_webdesign_active {width:105px; height:35px; display:block; background: url(../images/serv_webdesign_mo.gif) 0 0 no-repeat; }

a.btn_web_develop {width:131px; height:35px; display:block;}
a.btn_web_develop:hover, a.btn_web_develop_active {width:131px; height:35px; display:block; background: url(../images/serv_webdev_mo.gif) 0 0 no-repeat;}

a.btn_ecommerce {width:96px; height:35px; display:block;}
a.btn_ecommerce:hover, a.btn_ecommerce_active {width:96px; height:35px; display:block; background: url(../images/serv_ecomm_mo.gif) 0 0 no-repeat;}

a.btn_cms {width:118px; height:35px; display:block;}
a.btn_cms:hover, a.btn_cms_active {width:118px; height:35px; display:block; background: url(../images/serv_cms_mo_ro.gif) 0 0 no-repeat;}

.serv_menu_en a.btn_cms {width:125px; height:35px; display:block;}
.serv_menu_en a.btn_cms:hover,.serv_menu_en  a.btn_cms_active {width:125px; height:35px; display:block; background: url(../images/serv_cms_mo_en.gif) 0 0 no-repeat;}

.serv_content_red, .serv_content_blue, .serv_content_green, .serv_content_yellow { background: url(../images/serv_bg.gif) 0 0 repeat; width:924px; display:table; float:left; left:40px; position:relative;}
.serv_content_red .top {background: url(../images/serv_border_red.gif) 0 0 repeat-x; width:100%;display:inline-block;font-size: 0;overflow: hidden;}
.serv_content_red .top .left {background: url(../images/serv_corners_red.gif) 0 0 repeat-x; height:5px; width:5px;float:left}
.serv_content_red .top .right {background: url(../images/serv_corners_red.gif) right 0 repeat-x; height:5px; width:5px;float:right;}
.serv_content_red .bottom {background: url(../images/serv_border_red.gif) 0 bottom repeat-x; height:5px; width:100%;font-size: 0;overflow: hidden;}
.serv_content_red .bottom .left {background: url(../images/serv_corners_red.gif) 0 bottom ; height:5px; width:5px;float:left}
.serv_content_red .bottom .right {background: url(../images/serv_corners_red.gif) right bottom ; height:5px; width:5px;float:right;}
.serv_content_red .content1 {background: url(../images/serv_border_red.gif) 0 0 repeat-y; width:100%;}
.serv_content_red .content2 {background: url(../images/serv_border_red.gif) right 0 repeat-y; width:100%; display:table;}

.serv_content_blue .top {background: url(../images/serv_border_blue.gif) 0 0 repeat-x; height:5px; width:100%;font-size: 0;overflow: hidden;}
.serv_content_blue .top .left {background: url(../images/serv_corners_blue.gif) 0 0 repeat-x; height:5px; width:5px;float:left}
.serv_content_blue .top .right {background: url(../images/serv_corners_blue.gif) right 0 repeat-x; height:5px; width:5px;float:right;}
.serv_content_blue .bottom {background: url(../images/serv_border_blue.gif) 0 bottom repeat-x; height:5px; width:100%;font-size: 0;overflow: hidden;}
.serv_content_blue .bottom .left {background: url(../images/serv_corners_blue.gif) 0 bottom ; height:5px; width:5px;float:left}
.serv_content_blue .bottom .right {background: url(../images/serv_corners_blue.gif) right bottom ; height:5px; width:5px;float:right;}
.serv_content_blue .content1 {background: url(../images/serv_border_blue.gif) 0 0 repeat-y; width:100%;}
.serv_content_blue .content2 {background: url(../images/serv_border_blue.gif) right 0 repeat-y; width:100%; display:table;}

.serv_content_green .top {background: url(../images/serv_border_green.gif) 0 0 repeat-x; height:5px; width:100%;font-size: 0;overflow: hidden;}
.serv_content_green .top .left {background: url(../images/serv_corners_green.gif) 0 0 repeat-x; height:5px; width:5px;float:left}
.serv_content_green .top .right {background: url(../images/serv_corners_green.gif) right 0 repeat-x; height:5px; width:5px;float:right;}
.serv_content_green .bottom {background: url(../images/serv_border_green.gif) 0 bottom repeat-x; height:5px; width:100%;font-size: 0;overflow: hidden;}
.serv_content_green .bottom .left {background: url(../images/serv_corners_green.gif) 0 bottom ; height:5px; width:5px;float:left}
.serv_content_green .bottom .right {background: url(../images/serv_corners_green.gif) right bottom ; height:5px; width:5px;float:right;}
.serv_content_green .content1 {background: url(../images/serv_border_green.gif) 0 0 repeat-y; width:100%;}
.serv_content_green .content2 {background: url(../images/serv_border_green.gif) right 0 repeat-y; width:100%; display:table;}

.serv_content_yellow .top {background: url(../images/serv_border_yellow.gif) 0 0 repeat-x; height:5px; width:100%;font-size: 0;overflow: hidden;}
.serv_content_yellow .top .left {background: url(../images/serv_corners_yellow.gif) 0 0 repeat-x; height:5px; width:5px;float:left}
.serv_content_yellow .top .right {background: url(../images/serv_corners_yellow.gif) right 0 repeat-x; height:5px; width:5px;float:right;}
.serv_content_yellow .bottom {background: url(../images/serv_border_yellow.gif) 0 bottom repeat-x; height:5px; width:100%;font-size: 0;overflow: hidden;}
.serv_content_yellow .bottom .left {background: url(../images/serv_corners_yellow.gif) 0 bottom ; height:5px; width:5px;float:left}
.serv_content_yellow .bottom .right {background: url(../images/serv_corners_yellow.gif) right bottom ; height:5px; width:5px;float:right;}
.serv_content_yellow .content1 {background: url(../images/serv_border_yellow.gif) 0 0 repeat-y; width:100%;}
.serv_content_yellow .content2 {background: url(../images/serv_border_yellow.gif) right 0 repeat-y; width:100%; display:table;}

.content2_txt {padding:0 40px;float:left; width:844px;}
.content2 p {color:#333; padding:0 0 20px 0; font-size:14px; line-height:16px; text-align:justify;display:table; float:left; width:100%;}

.separator {width:80%; height:10px; border-top: 1px solid #eaeaea;margin:0 auto;}