@charset "utf-8";
/* CSS Document */

html { border: 0; padding:0; margin: 0}
body { background-color:#222222; background:url(img/bg_site.png); background-repeat:repeat; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF ; border: 0; padding:0; margin: 0}

#wrapper { }
a{outline:none;}
h1#header { text-indent:-5000px; background:url(../img/sigla.png) no-repeat center center; width:830px; height:150px; margin: 0 auto;}
#body {width:830px;  margin: 0 auto; background-color:#FFFFFF; border:#ededed 1px solid;}
#footer {width:830px; height:10px; margin: 5px auto;  }
#footer .panel {float: left; width: 50%; }

.box {background:url(../img/point.jpg) no-repeat left bottom; width:840px; height:508px; margin:0 0 -6px -5px; }
.box-outer {background:url(../img/point.jpg) no-repeat right bottom; width:840px; height:508px; margin:0 -2px -2px 0; }
.box-inner {background:url(../img/point.jpg) no-repeat left top; width:840px; height:500px; margin:-4px 0 0 0; }
.box h2 {background:url(../img/point.jpg) no-repeat right top; width:840px; height:10px; margin:-4px 0 0 0; text-indent:-5000px }

#left-menu  { padding-left:30px; padding-top:5px; float:left;width:220px;}
#left-menu ul { margin:0; padding:0 ; list-style-type:none; list-style-image:none; list-style-position:outside; }
#left-menu ul li { height:20px; border-bottom:#ebebeb 1px solid; width:220px; padding:5px 0;}
#left-menu ul li.last { border-bottom:0; }
#left-menu ul a { background:url(../img/arrow_line.jpg) no-repeat left center; padding-left:35px; font-family:"trebuchet ms"; font-size:12px; text-decoration:none; color:#585858; font-weight:bold; -moz-outline:none;}
#left-menu ul a:hover {color:#adadad }

#firstpagelist { margin:0; padding:0 ; list-style-type:none; list-style-image:none; list-style-position:outside; }
#firstpagelist li { height:52px; border: 0; width:210px; padding:0px 0 0px 60px; float:left; padding-top:30px;}
#firstpagelist li.pic1 { background:url(img/stamp_urgent.png) no-repeat center left;  }
#firstpagelist li.pic2 { background:url(img/stamp_ok.png) no-repeat center left; }
#firstpagelist li.pic3 { background:url(img/stamp_guarantee.png) no-repeat center left; }
#firstpagelist li.pic4 { background:url(img/stamp_done.png) no-repeat center left; }

#promolist { margin:0 0 20px 0; padding:0 ; list-style-type:none; list-style-image:none; list-style-position:outside; }
#promolist li { height:52px; border: 0; width:690px; padding:0px 0 0px 70px; padding-top:25px;text-align:justify;}
#promolist li.pic1 { background:url(img/stamp_urgent.png) no-repeat center left;  }
#promolist li.pic2 { background:url(img/stamp_ok.png) no-repeat center left; }
#promolist li.pic3 { background:url(img/stamp_guarantee.png) no-repeat center left; }
#promolist li.pic4 { background:url(img/stamp_done.png) no-repeat center left; }

#firstpageportfolio { margin:0; padding:0 ; list-style-type:none; list-style-image:none; list-style-position:outside; }
#firstpageportfolio li { height:30px; border: 0; width:180px; padding:0px 0 0px 60px; float:left; padding-top:8px;}
#firstpageportfolio li.arrow { background:url(img/arrow_site_general.png) no-repeat center left;  }

#inner-pic { position:absolute; left:50%; top:151px; margin:0 0 0 -160px; width: 428px; height:295px; z-index:100; }

.pic_inner_home { background:url(../img/inner/pic_inner_home.png) no-repeat center center; margin-top:-7px;}
.pic_inner_administrare { background:url(../img/inner/pic_inner_implementare_tehnologii.png) no-repeat center center; margin-top:-7px;}
.pic_inner_contact { background:url(../img/inner/pic_inner_contact.png) no-repeat center center; margin-top:-7px;}
.pic_inner_desprenoi { background:url(../img/inner/pic_inner_despre_noi.png) no-repeat center center; margin-top:-7px;}
.pic_inner_gazduire { background:url(../img/inner/pic_inner_solutii_comunicare.png) no-repeat center center; margin-top:-7px;}
.pic_inner_graphicdesign { background:url(../img/inner/pic_inner_marketing_online_offline.png) no-repeat center center; margin-top:-7px;}
.pic_inner_portofoliu { background:url(../img/inner/pic_inner_portofoliu.png) no-repeat center center; margin-top:-7px;}
.pic_inner_programareweb { background:url(../img/inner/pic_inner_programare_web.png) no-repeat center center; margin-top:-7px;}
.pic_inner_rezervaredomenii { background:url(../img/inner/pic_inner_service_calculatoare.png) no-repeat center center; margin-top:-7px;}
.pic_inner_webdesign { background:url(../img/inner/pic_inner_web_design.png) no-repeat center center; margin-top:-7px;}
.pic_inner_terms { background:url(../img/inner/pic_inner_terms.png) no-repeat center center; margin-top:-7px;}
.pic_inner_promotii { background:url(../img/inner/pic_inner_promotii.png) no-repeat center center; margin-top:-7px;}


#right-menu { background:url(../img/bg_home.png) no-repeat right top; width:132px; height:133px; float:right;  margin: -8px -2px 0 0 ; }
#right-menu ul { width:100px; margin:30px -10px 0 0; padding: 0; list-style-type:none; list-style-image:none; list-style-position:outside; }
#right-menu ul li { height:19px; width:100px;}
#right-menu ul li a { display:block; width:100px; height:17px;  text-align: right; padding-right:20px; font-family:Arial; font-weight:bold; font-size:12px; color:#585858; text-decoration:none;-moz-outline:none;}
#right-menu ul li a:hover { text-decoration:underline;}
#right-menu ul li a.home { background:url(../img/home.jpg) no-repeat right center; }
#right-menu ul li a.about { background:url(../img/despre_noi.jpg) no-repeat right center;}
#right-menu ul li a.portfolio { background:url(../img/portofoliu.jpg) no-repeat right center;}
#right-menu ul li a.contact { background:url(../img/contact.jpg) no-repeat right center;}

#menu_footer { margin:0; padding:0 ; list-style-type:none; list-style-image:none; list-style-position:outside;}
#menu_footer a {display:block; height:10px; float: right; margin: 2px 0; padding:0 5px; color:#bbbbbb; text-decoration:none; border-right: #bbb 1px solid; font-size:10px;-moz-outline:none;}
#menu_footer a.last {border-right:0}
#menu_footer a:hover {color:#bbbbbb; text-decoration:underline;}

.lightbox {border:#ededed 1px solid; background-color:#f8f8f8; margin:10px 20px 0 20px; height:35px; width:780px;}
.lightbox h3 { display: block; font-family:"trebuchet ms"; font-size:16px; font-weight:bold;  color:#222222; float:left; margin: 7px 0 0 5px;}
.lightbox h3.title1 { width:250px; height:35px; }
.lightbox h3.title2 { width:330px; height:35px; }
.lightbox h3.title3 { width:170px; height:35px; }
.lightbox h3.title5 { width:580px; height:35px; }
.lightbox h3.last { width:150x; margin-left: 70px;}

#pagecontent {margin:20px 20px 20px 20px; width:780px; }
#pagecontent .tab1 {float: left; text-align:justify; padding-right:20px; width: 230px; border-right:#d5d8dd 1px solid; color:#474747;}
#pagecontent .tab2 {float: left; text-align:justify; padding-left:10px; width: 290px; border-right:#d5d8dd 1px solid; color:#474747;}
#pagecontent .tab3 {float: left; text-align:justify; padding-right:5px; padding-left:5px; width: 200px; border-right:0; color:#474747;}
#pagecontent .tab4 {float: left; text-align:justify; width: 170px; border-right:0; color:#474747;}
#pagecontent .tab5 {float: left; text-align:justify; padding-right:20px; padding-bottom:5px; width: 550px; border-right:#d5d8dd 1px solid;; color:#474747;}
#pagecontent .tab6 {float: left; padding-left:10px; width: 200px; border-right:0; color:#474747;}
#pagecontent .tab7 {float: left; text-align:justify; padding-right:5px; padding-left:10px; width: 190px; border-right:0; color:#474747;}
#pagecontent .tab8 {float: left; text-align:justify; padding-right:5px; padding-left:10px; width: 750px; border-right:0; color:#474747;}
#pagecontent .tab9 {float: left; text-align:justify; padding-right:5px; padding-left:10px; width: 750px; border-right:0; color:#474747; height:350px}
#pagecontent .tab10 {float: left; padding-left:10px; width: 180px; padding-top:10px; padding-bottom:10px;}
#pagecontent .tab11 {float: left; padding-left:10px; width: 550px;}
#pagecontent .tab12 {float: left; text-align:justify; padding-left:10px; width: 180px;}
#pagecontent #tab14 {float: left; text-align:justify; padding-left:10px; width: 300px;height:350px}
#pagecontent #tab15 {float: left; text-align:justify; padding-left:10px; width: 200px;height:350px}
#pagecontent .horizontal_line {border-style: solid; border-width:0px 0px 1px medium; border-color:#d5d8dd;}
#pagecontent .vertical_line {border-style: solid; border-width:1px 0px 0px medium; border-color:#d5d8dd;}
#pagecontent .last {border-right:0;}

.site {float: left; width:390px; border-style: solid; border-width: 0px 0px 1px 0px; border-color:#d5d8dd; margin: 5px 0; padding: 5px 0;}
.site-first {float: left; width: 780px; border-style: solid; border-width: 0px 0px 1px 0px; border-color:#d5d8dd; margin: 5px 0; padding: 5px 0;}

.site img, .site-first img {display: inline; }
.site-first p { width: 550px;}
.site a, .site-first a {height: 128px; float: left; display:block; }
.site div, .site-first div {padding-left:10px; float: left; height: 128px; margin;: auto 0;  }
.site div .lnk { float: left; margin-top: 50px; FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #fa7300; FONT-STYLE: normal; TEXT-DECORATION: underline;}
.site-first div .lnk { width: 550px; height: auto; float: left; margin-top: 10px; FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #fa7300; FONT-STYLE: normal; TEXT-DECORATION: underline;}
.site div .lnk:hover, .site-first div .lnk:hover {COLOR: #717171; TEXT-DECORATION: none;}

#contactForm {width: 350px; }
#contactForm label {display:block; font-family: "trebuchet ms"; font-size: 12px; color: #979797; font-weight:bold; border:0; margin: 0; padding: 0;}
#contactForm input {display:block; margin: 0 0 10px 0;color:#000000;  height: 15px; border: #979797 1px solid; font-size: 12px;}
#contactForm textarea {display:block;margin: 0 0 10px 0;color:#000000;  border: #979797 1px solid; font-size: 12px;}
#contactForm a {background: url(img/arrow_site_general.png) no-repeat center left; padding: 55px; height: 30px; font-family: "trebuchet ms"; font-size: 12px; color: #979797; font-weight: bold; text-decoration: none; margin: 0;  outline-style:none;}
#img-contact {margin-top: 20px;}

.greytext {color: #a2a2a2; }
.orangetext {color: #fa7300; }
.font10 { font-size:10px; }
.float30 { float:left; width:33%}
.clear {clear: both; }
.green { color: #00ff00;}
.red { color: #ff0000;}
.blue { color: #0000ff;}

a.textlink {FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #fa7300; FONT-STYLE: normal; TEXT-DECORATION: underline;}
a.textlink:hover {COLOR: #717171; TEXT-DECORATION: none;}

a.greytextlink {FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #a3a3a3; FONT-STYLE: normal; TEXT-DECORATION: underline;}
a.greytextlink:hover {COLOR: #717171; TEXT-DECORATION: none;}


.box2 {width:835px; background:url(../img/bottom_site.png) no-repeat left bottom; margin:0 0 -5px -3px; padding:5px; color:#000000}
.box2 h2 {width:835px; background:url(../img/top_site.png) no-repeat left top; margin:-8px 0 0 -5px}