logo/* CSS Document */

html {
    overflow-y:scroll;
    line-height: 100px;
}
body {
    background:url(/images/bg-grad.jpg) repeat-x top #FFF;
    font-family:"Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
    font-size:11px;
    text-align:justify;
}
#wrapper {
    width:960px;
    margin:0px auto;
}
h2 {
    font-weight:bold;
    color:#666;
    padding-left:5px;
    font-size:13px;
}

a.button {
    background:url(/images/btn.jpg) no-repeat;
    display:block;
    width:75px;
    height:16px;
    padding-top:5px;
    text-align:center;
    color:#666666;
    text-decoration:none;

}

/* CLASE GENERALE */

/* TOP */

#top {
    width:960px;
    height:90px;
    float:left;
}
#logo {
    width:240px;
    height:90px;
    float:left;
}
#logo a {
    width:240px;
    height:90px;
    background:url(/images/logo_sus.jpg) no-repeat top left;
    display:block;
    text-indent:-9999px;
}
/* MENU */

#menu {
    float:right;
    width:720px;
}
#menu ul {
    float:right;
    text-transform:uppercase;
}
#menu ul li {
    float:left;
}
#menu a {
    color:#FFFFFF;
    background:url(/images/button.jpg) no-repeat top left;
    text-decoration:none;
    display:block;
}
#menu a:hover, #menu a.active {
    background:url(/images/button.jpg) no-repeat bottom left;
}
a.lnk-home {
    padding:8px;
}
a.lnk-aplicatii {
    padding:10px 8px;
}
a.lnk-design {
    padding:12px 8px;
}
a.lnk-consultanta {
    padding:14px 8px;
}
a.lnk-portofoliu {
    padding:16px 8px;
}
a.lnk-competente {
    padding:18px 8px;
}
a.lnk-standarde {
    padding:20px 8px;
}
a.lnk-joburi {
    padding:22px 10px;
}
a.lnk-contact {
    padding:24px 10px;
}
/* HEADER */

#header {
    width:960px;
    height:210px;
    float:left;
}
/* INDEX PAGE */

/* CONTENT */

#content {
    float:left;
    width:960px;
    margin-top:10px;
}
#main {
    width:704px;
    float:left;
}
#main p {
    color:#666666;
    padding:10px 5px;
    font-size: 13px;
}

.font-main{
  color:#666666;
  font-family:"Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
  font-size:13px;
}
#coloana-aplicatii {
    width:340px;
    float:left;
    margin-right:24px;
}
#coloana-aplicatii h1 {
    height:31px;
    border-bottom:3px solid #A3ABB6;
    padding-left:45px;
    background:url(/images/icon-aplicatii.jpg) no-repeat left;
    padding-top:10px;
    font-size:16px;
}
#coloana-design {
    width:340px;
    float:left;
}
#coloana-design h1 {
    height:31px;
    border-bottom:3px solid #A3ABB6;
    padding-left:45px;
    background:url(/images/icon-design.jpg) no-repeat left;
    padding-top:10px;
    font-size:16px;
}
#sidebar {
    width:242px;
    float:right;
    border-left:1px dashed #CCC;
}
#sidebar h1 {
    width:227px;
    height:26px;
    text-indent:-9999px;
}
#sidebar p {
    color:#FFFFFF;
    width:187px;
    text-align:right;
    float:right;
    padding:14px 14px 0px 0px;
}
#sidebar a.under-link {
    color:#FFFFFF;
    text-transform:uppercase;
    font-size:11px;
    font-family:Tahoma, Arial, sans-serif;
    display:inline;
    float:right;
    margin-top:10px;
    padding-right:14px;
    line-height:14px;
}
#sidebar a:hover {
    text-decoration:none;
}
#search {
    height:41px;
    border-bottom:3px solid #CFD3DA;
    width:230px;
    float:right;
    margin-bottom:10px;
    background:url(/images/search.jpg) no-repeat top center;
}
#search input#cautare {
    width:170px;
    height:22px;
    padding-top:4px;
    background:none;
    border:none;
    margin:0 auto;
    margin-left:20px;
    font-size:11px;
    color:#8B8E95;
}
#cerere-oferta {
    background:url(/images/cerere-oferta-webdesign.jpg) no-repeat;
    width:227px;
    height:105px;
    float:right;
    margin-bottom:10px;
}
#cerere-oferta h1 {
    background:url(/images/h1-cerere.jpg) no-repeat top right;
}

#leasing-oferta {
    background:url(/images/box-leasing.jpg) no-repeat;
    width:227px;
    height:120px;
    float:right;
    margin-bottom:10px;
}
#leasing-oferta h1 {
    background:url(/images/top-leasing.jpg) no-repeat top right;
}

#ticketing {
    background:url(/images/box-tichetare.jpg) no-repeat;
    width:227px;
    height:120px;
    float:right;
    margin-bottom:10px;
}
#ticketing h1 {
    background:url(/images/top-tichetare.jpg) no-repeat top right;
}

#suna {
    background:url(/images/suna.jpg) no-repeat;
    width:227px;
    height:100px;
    float:right;
    margin-bottom:10px;
}
#txt-suna {
    float:right;
    margin-top:14px;
    width:200px;
    height:23px;
    margin-right:14px;
    display:inline;
    background:url(/images/txtbox-sidebar.jpg) no-repeat top right;
}
#txt-suna input#telefon_nr {
    width:160px;
    height:22px;
    padding-top:5px;
    background:none;
    border:none;
    margin-left:35px;
    font-size:11px;
    color:#8B8E95;
}
#suna h1 {
    background:url(/images/h1-suna.jpg) no-repeat top right;
}
#login {
    background:url(/images/login-intranet.jpg) no-repeat;
    width:227px;
    height:120px;
    float:right;
}
#login h1 {
    background:url(/images/h1-login.jpg) no-repeat top right;
}
.login-form {
    float:right;
    margin-top:10px;
    width:200px;
    height:23px;
    margin-right:14px;
    display:inline;
    background:url(/images/txtbox-sidebar.jpg) no-repeat top right;
}
.login-form input#login-txt {
    width:160px;
    height:22px;
    padding-top:5px;
    background:none;
    border:none;
    margin-left:35px;
    font-size:11px;
    color:#8B8E95;
}
/* FOOTER */

#footer {
    width:960px;
    height:52px;
    float:left;
    border-top:5px solid #D9D9D9;
    margin-top:10px;
}
#logo-footer {
    width:191px;
    height:52px;
    background:url(/images/logo_jos.jpg) no-repeat;
    float:left;
}
#logo-footer a {
    text-indent:-9999px;
    width:191px;
    height:52px;
    display:block;
}
#menu-footer {
    float:right;
    width:769px;
}
#menu-footer ul {
    float:right;
    text-transform:uppercase;
    margin-top:12px;
}
#menu-footer ul li {
    display:inline;
    padding-left:23px;
}
#menu-footer a {
    color:#576174;
    text-decoration:none;
}
#menu-footer a:hover {
    text-decoration:underline;
}
#menu-footer p {
    float:right;
    width:240px;
    margin-top:16px;
    color:#969FAF;
    text-align:right;
}
.proiect-closed {
    position:relative;
}
.proiect-closed ul {
    background:#FFF;
    width:337px;
    height:30px;
    color:#666666;
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    border:1px solid #CCC;
    padding-left:1px;
    margin-top:1px;
    margin-bottom:1px;
    cursor:pointer;
    position:relative;
}
.proiect-closed ul li.number {
    border-right:1px solid #CCC;
    background:#ECEEF0;
    width:20px;
    height:21px;
    float:left;
    padding-top:9px;
    padding-left:12px;
}
.proiect-closed ul li.title {
    width:272px;
    float:left;
    height:20px;
    padding-top:8px;
    padding-left:10px;
}
.proiect-closed ul li.plus {
    width:20px;
    float:left;
    margin-top:10px;
}

.proiect-details{
    display:none;
}

.project-image {
    width:340px;
    height:200px;
    margin-top:1px;
    z-index:-1000;
}
.collapse {
    position:relative;
}
.info {
    bottom:0px;
    position:absolute;
    width:340px;
    height:40px;
    z-index:10;
    background:url(/images/transp.png) repeat;
    color:#FFF;
    font-weight:bold;
}
.info span{
    width:200px;
    height:25px;
    padding:15px 0px 0px 15px;
    float:left;
}

.info a {
    width:40px;
    height:40px;
    display:block;
    float:right;
    background:url(/images/lupa.png) no-repeat;
}
/* CONSULTANTA */


#header-consultanta {
    width:960px;
    height:210px;
    float:left;
    background:url(/images/banner-consult.jpg) no-repeat;
}
#main h1.consultanta {
    height:31px;
    border-bottom:3px solid #A3ABB6;
    padding-left:45px;
    background:url(/images/icon-consultanta.gif) no-repeat left;
    font-size:16px;
    padding-top:10px;
}
#side-list {
    width:218px;
    float:right;
    background:#EAEAEA;
    margin-bottom:10px;
}
#side-list h1 {
    background:url(/images/h1-studii-de-caz.gif) no-repeat top right;
    width:218px;
    height:35px;
}
#side-list ul li {
    width:218px;
    height:26px;
    border-bottom:1px solid #CFD3DA;
    color:#515359;
    font-weight:bold;
}
#side-list ul li span {
    float:left;
}
#side-list a.sageata {
    width:26px;
    height:26px;
    background:url(/images/icon-studii.jpg) no-repeat;
    text-indent:-9999px;
    margin:0px;
    display:block;
    padding:0px;
    float:right;
}

#side-list-bottom {
    width:218px;
    height:12px;
    background:url(/images/studii-bottom.jpg) no-repeat bottom right;
}
/* COMPETENTE */

#header-competente {
    width:960px;
    height:210px;
    float:left;
    background:url(/images/banner-competente.jpg) no-repeat;
}
#main h1.competente {
    height:31px;
    border-bottom:3px solid #A3ABB6;
    padding-left:45px;
    background:url(/images/h1-competente.jpg) no-repeat left;
    font-size:16px;
    padding-top:10px;
}
#side-list h1.portofoliu {
    background:url(/images/h1-portofoliu.jpg) no-repeat top right;
    width:218px;
    height:35px;
}
.competente-left {
    width:340px;
    float:left;
}
.competente-right {
    width:340px;
    float:right;
}
.competente-item {
    margin-bottom:10px;
    float:left;
    width:340px;
}
h2.competente-h2 {
    font-size:14px;
    text-transform:uppercase;
    color:#B0164F;
}
.comp-detalii {
    float:right;
}

.ascunse {
    width: 338px;
    background:#EAEAEA;
    border:1px solid #D3D8DC;
    float:left;
    margin-bottom:10px;
    text-align:left;
}

.ascunse ul {
    margin-left:10px;
}

.ascunse ul li {
    width:120px;
    float:left;
    padding:5px 5px 5px 30px;
    color:#666666;
    list-style-type:none;
    background:url(/images/bullet.jpg) left center no-repeat;
}

/* APLICTII WEB */

#main h1.web-design {
    height:31px;
    border-bottom:3px solid #A3ABB6;
    padding-left:45px;
    background:url(/images/icon-design.jpg) no-repeat left;
    font-size:16px;
    padding-top:10px;
}

#main h1.contact {
    height:31px;
    border-bottom:3px solid #A3ABB6;
    padding-left:45px;
    background:url(/images/contact-icon.jpg) no-repeat left;
    font-size:16px;
    padding-top:10px;
}

#main h1.aplicatii-web {
    height:31px;
    border-bottom:3px solid #A3ABB6;
    padding-left:45px;
    background:url(/images/icon-aplicatii.jpg) no-repeat left;
    font-size:16px;
    padding-top:10px;
}
#side-list h1.aplicatii-h1 {
    background:url(/images/tipuri-aplicatii-h1.jpg) no-repeat top right;
    width:218px;
    height:35px;
}

#side-list h1.web-design-h1 {
    background:url(/images/tipuri-web-h1.jpg) no-repeat top right;
    width:218px;
    height:35px;
}
.aplicatii-left {
    width:340px;
    float:left;
}
.aplicatii-right {
    width:340px;
    float:right;
}
.aplicatii-item {
    margin-bottom:10px;
    float:left;
    width:340px;
}
.imagine {
    width:100px;
    float:left;
}
.text-links {
    float:right;
    width:230px;
}
.aplicatii-links ul {
    float:right;
}
.aplicatii-links ul li {
    float:left;
    margin-right:5px;
}

/* APLICATII WEB DETALIU */


#main h1.portaluri-web {
    height:31px;
    border-bottom:3px solid #A3ABB6;
    padding-left:45px;
    background:url(/images/icons/webapps/small-icon-portaluri-web.jpg) no-repeat left;
    font-size:16px;
    padding-top:10px;
}
#main h1.ecomm {
    height:31px;
    border-bottom:3px solid #A3ABB6;
    padding-left:45px;
    background:url(/images/icons/webapps/small-icon-ecommerce.jpg) no-repeat left;
    font-size:16px;
    padding-top:10px;
}
#main h1.cms {
    height:31px;
    border-bottom:3px solid #A3ABB6;
    padding-left:45px;
    background:url(/images/icons/webapps/small-icon-cms.jpg) no-repeat left;
    font-size:16px;
    padding-top:10px;
}
#main h1.platforma {
    height:31px;
    border-bottom:3px solid #A3ABB6;
    padding-left:45px;
    background:url(/images/icons/webapps/small-icon-platforma.jpg) no-repeat left;
    font-size:16px;
    padding-top:10px;
}
#main h1.clienti {
    height:31px;
    border-bottom:3px solid #A3ABB6;
    padding-left:45px;
    background:url(/images/icons/webapps/small-icon-furnizori.jpg) no-repeat left;
    font-size:16px;
    padding-top:10px;
}
#main h1.portal {
    height:31px;
    border-bottom:3px solid #A3ABB6;
    padding-left:45px;
    background:url(/images/icons/webapps/small-icon-portaluri-web.jpg) no-repeat left;
    font-size:16px;
    padding-top:10px;
}
#main h1.layout {
    height:31px;
    border-bottom:3px solid #A3ABB6;
    padding-left:45px;
    background:url(/images/icons/webdesign/small-icon-layout.jpg) no-repeat left;
    font-size:16px;
    padding-top:10px;
}
#main h1.intretinere{
    height:31px;
    border-bottom:3px solid #A3ABB6;
    padding-left:45px;
    background:url(/images/icons/webdesign/small-icon-intretinere.jpg) no-repeat left;
    font-size:16px;
    padding-top:10px;
}
#main h1.redesign{
    height:31px;
    border-bottom:3px solid #A3ABB6;
    padding-left:45px;
    background:url(/images/icons/webdesign/small-icon-redesign.jpg) no-repeat left;
    font-size:16px;
    padding-top:10px;
}
#main h1.transformare_layout{
    height:31px;
    border-bottom:3px solid #A3ABB6;
    padding-left:45px;
    background:url(/images/icons/webdesign/small-icon-psd-html.jpg) no-repeat left;
    font-size:16px;
    padding-top:10px;
}
#main h1.logo{
    height:31px;
    border-bottom:3px solid #A3ABB6;
    padding-left:45px;
    background:url(/images/icons/webdesign/small-icon-logo.jpg) no-repeat left;
    font-size:16px;
    padding-top:10px;
}
#main h1.stationery{
    height:31px;
    border-bottom:3px solid #A3ABB6;
    padding-left:45px;
    background:url(/images/icons/webdesign/small-icon-stationery.jpg) no-repeat left;
    font-size:16px;
    padding-top:10px;
}
#main h1.seo{
    height:31px;
    border-bottom:3px solid #A3ABB6;
    padding-left:45px;
    background:url(/images/icons/webdesign/small-icon-seo.jpg) no-repeat left;
    font-size:16px;
    padding-top:10px;
}

.aplicatii-info {
    margin-top:10px;
    float:left;
    width:340px;
}
.aplicatii-detalii-links-div {
    width:240px;
    margin-top:20px;
    margin-left:50px;
}
.aplicatii-detalii-links {
    float:left;
    margin-right:10px;
    background:url(/images/btn-right.jpg) no-repeat right top;
}
.aplicatii-detalii-links a {
    display:block;
    height:16px;
    padding:5px 8px 0px 8px;
    text-decoration:none;
    color:#666;
    background:url(/images/btn-left.jpg) no-repeat left;
}
#sidebar a.title-link {
    color:#666;
    text-decoration:none;
    line-height:13px;
}
#sidebar a.title-link:hover {
    text-decoration:underline;
}
#sidebar a.title-link-active {
    color:#FFF;
    line-height:13px;
    text-decoration:none;
}
#sidebar a.title-link-active:hover {
    text-decoration:underline;
}

.project-title {
    width:165px;
    height:20px;
    padding-top:6px;
    padding-left:10px;
    float:left
}

.project-title-active {
    width:208px;
    height:20px;
    padding-top:6px;
    padding-left:10px;
    float:left;
    background:url(/images/aplicatie-active.jpg) no-repeat;
    color:#FFF;
}

/* STANDARDE */

#header-standarde {
    width:960px;
    height:210px;
    float:left;
    background:url(/images/banner-standarde.jpg) no-repeat;
}

#main h1.standarde {
    height:31px;
    border-bottom:3px solid #A3ABB6;
    padding-left:45px;
    background:url(/images/icon-standarde.gif) no-repeat left;
    font-size:16px;
    padding-top:10px;
    margin-bottom:10px;
}

/* JOBURI */

#header-joburi {
    width:960px;
    height:210px;
    float:left;
    background:url(/images/banner-joburi.jpg) no-repeat;
}

#main h1.joburi {
    height:31px;
    border-bottom:3px solid #A3ABB6;
    padding-left:45px;
    background:url(/images/h1-joburi.jpg) no-repeat left;
    font-size:16px;
    padding-top:10px;
}

.joburi-left {
    width:340px;
    float:left;
}
.joburi-right {
    width:340px;
    float:right;
}
.joburi-item {
    margin-bottom:10px;
    float:left;
    width:340px;
}
h2.joburi-h2 {
    font-size:14px;
    text-transform:uppercase;
    color:#B0164F;
}
.job-detalii {
    float:left;
    margin-left:135px;
    display:inline;
    margin-top:10px;

}

.links-div {
    margin-right:5px;
    background:url(/images/btn-right.jpg) no-repeat right top;
    float:left;
}

.job-descr {
    width:340px;
    float:right;
    margin-top:20px;
}

.job-descr-left {
    float:left;
    width:70px;
    padding-top:5px;
    color:#666666;
}

.job-descr-right {
    float:right;
    width:270px;
    margin-bottom:5px;
    /*background:url(/images/input-bg.jpg) no-repeat left;*/
}

.job-descr-right-nobg {
    float:right;
    width:270px;
    margin-bottom:5px;
}

.job-descr input {
}


/* CONTACT */

.contact-left {
    float:left;
    width:170px;
    padding-top:5px;
    color:#666666;
}

.contact-right {
    float:left;
    width:270px;
    margin-bottom:5px;
    background:url(/images/input-bg.jpg) no-repeat left;
}

.contact-right-nobg {
    float:left;
    width:270px;
    margin-bottom:5px;
}

.contact input {
    background:none;
    border:none;
    width:270px;
    padding-left:5px;
    padding-top:3px;
    height:18px;
    font-size:11px;
    color:#666;
}


.contact-right-textarea {
    float:left;
    width:270px;
    margin-bottom:5px;
    background:url(/images/textarea-bg.jpg) no-repeat;
    height:72px;
}

.contact textarea {
    background:none;
    border:none;
    width:270px;
    padding-left:5px;
    padding-top:3px;
    height:65px;
    font-size:11px;
    color:#666;
}	

a.maplink  img {
    float:right;
    margin:0 0 0 10px;
    border:5px solid #eaeaea;
    display:block;
}
.contact-div p {
    line-height:16px;
}


#screenshots_container {
    float: left;
    /*border: 5px solid #ECEEF0;*/
    display: none;
    text-align: center;
}
#screenshots_container a img {
    border: 5px solid #ECEEF0;
    float: left;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.photo-gallery-stationery{
       width:704px;
       margin-top: 10px;
}
.photo-gallery-stationery-1{
       width:230px;
       float:left;
       text-align:center;
}
.photo-gallery-stationery-2{
       width:230px;
       float:left;
       text-align:center;
       margin-left:7px;
}
.photo-gallery-stationery-3{
       width:230px;
       float:right;
       text-align:center;
}
.photo-gallery-stationery img{
       border:5px solid #ccc;
}


.photo-gallery-portofoliu{
       width:704px;
       margin-top: 10px;
}
.photo-gallery-portofoliu-1{
       width:230px;
       float:left;
       text-align:center;
}
.photo-gallery-portofoliu-2{
       width:230px;
       float:left;
       text-align:center;
       margin-left:7px;
}
.photo-gallery-portofoliu-3{
       width:230px;
       float:right;
       text-align:center;
}
.photo-gallery-portofoliu img{
       
}



.title-link {
    color:#666;
    text-decoration:none;
    line-height:13px;
    font-weight:bold;
}
.title-link:hover {
    text-decoration:underline;
}

.link-extern {
    color:#B0164F;
    text-decoration:none;
    line-height:14px;
    font-weight:bold;
}
.link-extern:hover {
    text-decoration:underline;
}

.sageata-dreapta {
    width:26px;
    height:26px;
    background:url(/images/inactive.jpg) no-repeat;
    margin:0px;
    display:block;
    padding-top:0px;
    float:right;
}

.link-to-all-apps {
    width:665px;
    height:26px;
    padding-top:0px;
    padding-left:10px;
    float:left;
    text-align: right;
}

/* Portofoliu */
.collapse-portofoliu {
    position:relative;
    float:left;
    margin: 5px 5px 5px 5px;
}

.info-portofoliu {
    bottom:0px;
    position:absolute;
    width:340px;
    height:40px;
    z-index:10;
    background:url(/images/transp.png) repeat;
    color:#FFF;
    font-weight:bold;
    text-align: center;
}

.info-portofoliu a {
    width:340px;
    height:25px;
    color:#FFF;
    text-decoration:none;
    float:left;
    margin-top:15px;
}

.info-portofoliu a:hover {
    width:340px;
    height:25px;
    color:#FFF;
    text-decoration:underline;
}

.seo-table{
    font-family:"Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
    font-size:13px;
    color:#666666;
    padding:10px 5px;
    font-size: 13px
}

/*********************** Banners ***********************/
#s3slider {
   width: 960px; /* important to be same as image width */
   height: 210px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 960px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 20px Arial, Helvetica, sans-serif;
   font-weight: bold;
   padding: 10px 13px;
   width: 400px;
   /*background-color: #000;*/
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #687087;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}

.pozaatentionare {
    float:left;    
}


/* Pagina joburi */
#job_form_webdesigner label.error {
    margin-left: 3px;
    margin-top: 3px;
    display: inline-block;
    color: red;
}
#job_form_vinzari label.error {
    margin-left: 3px;
    margin-top: 3px;
    display: inline-block;
    color: red;
}
#job_form_account label.error {
    margin-left: 3px;
    margin-top: 3px;
    display: inline-block;
    color: red;
}

.link-gri {
    color:#576174;
    text-decoration:underline;
}
.link-gri:hover {
    text-decoration:underline;
}