html {
    background:#1a1a1a;
}

body {
    font-size:12px;
    font-family:"Trebuchet MS";
    color:#464646;
    background:url(/assets/images/bg.jpg)  top no-repeat;
    behavior: url("/assets/css/csshover3.htc"); 

    
}

.clear {
    clear:both;
}

#container {
    width:960px;
    margin:0 auto;
}

#header {
    height:350px;
    background:url(/assets/images/header.jpg) no-repeat top left;
    padding-bottom:10px;
}


    #header a {
        display:block;
        float:left;
        /* border:1px solid #000; */
        height:20px;
        outline: none;
        
    }
    
    #menu {
        margin-top:55px;
        margin-left:450px;
        display:block;
        float:left;
        height:26px;
    }

    #index {
        width:75px;
        background:url(/assets/images/homen.png);
    }

    #index:hover {
        width:75px;
        background:url(/assets/images/home.png);
    }
    
    #despre {
        width:87px;
        background:url(/assets/images/despren.png);
        margin:0 5px;
    }

    #despre:hover {
        width:87px;
        background:url(/assets/images/despre.png);
        margin:0 5px;
    }
    
    
    #activitate {
        background:url(/assets/images/activitate2.png);
        width:97px;
        margin:0 10px;
    }

    #activitate:hover {
        background:url(/assets/images/activitate.png);
        width:97px;
        margin:0 10px;
    }
    
    #stiri {
        background:url(/assets/images/stirin.png);
        width:51px;
        margin:0 10px;
    }

    #stiri:hover {
        background:url(/assets/images/stiri.png);
        width:51px;
        margin:0 10px;
    }
    
    #servicii {
        background:url(/assets/images/serviciin.png);
        width:72px;
        margin:0 10px;
        
    }

    #servicii:hover {
        background:url(/assets/images/servicii.png);
        width:72px;
        margin:0 10px;
    }
    
    
#content-left {
    
    width:570px;
    float:left;
    /*height:646px;*/
    padding:30px 0 0 30px;
    text-align: justify;
}


#content-right {
    /* background:url(/assets/images/content_right.jpg) no-repeat top right  #ebebeb; */
    width:350px;
    float:right;
    /*height:646px;*/
} 

#content-top {
    background:url(/assets/images/content_top.png) no-repeat top right;
}                                                              

#content {
    background:url(/assets/images/pattern.png) no-repeat;
    background-position: 0 640px;
    /*min-height:646px;  */
    /* padding:30px; */ 
}

#content-bottom {
    background:url(/assets/images/content_bottom.png) no-repeat top right;
    height:78px; 
    text-align:center;
    padding-top:30px;
    color:#959595;   
}

#content-bottom a {
    padding:0 20px 0 20px;
    color:#959595;
    text-decoration:none;
}

#content-bottom a:hover {

    text-decoration:underline;
}

#footer {
    background:url(/assets/images/footer.jpg) no-repeat top right  #ebebeb;
    height:94px;
}

h1 {
    font-size:18px;
    color:#9f271e;
}

h2, h2 a {
    font-size:14px;
    font-weight: bold;
    text-decoration:none;
    color:#464646;
}


p {
    margin:15px 0;
}


#menu ul li a {
    height:26px;
    line-height:26px;
}

#menu ul li {
    float:left;
    position:relative;
    color:#000;
    height:26px;
}




#menu ul li:hover ul {
    display:block;
    
}

#menu ul li ul {
    position:absolute;
    margin-top:26px;
    margin-left:10px;
    padding:5px;
    display:none;
    background:#ebebeb;
    width:175px;
    top:0;
    left:0;
    z-index:1;
}

#menu ul li ul li a {
    text-decoration:none;
    color:#000;
    display:block;
    width:175px;
    padding:0 2px;
}

#menu ul li ul li a:hover {
    background:#A0271E;
    color:#EBEBEB;       
}

.submenu ul {
    display:none !important;
}

.submenu:hover ul {
    display:block !important;
    background:#A0271E;
} 

.submenu {
    line-height:26px; 
}

.submenu:hover {
    display:block !important;
    background:#A0271E;
    color:#fff !important;
    line-height:26px;
} 

.submenu ul {
    position:relative !important;
    padding-left:5px !important;
    margin-top:0px !important;
    margin-left:0px !important;
    background:#EBEBEB !important;
    margin-left:30px !important;
}

.submenuul li {
    background:#EBEBEB !important;
    padding-left:10px;    
}

.submenu ul li a {
    width:170px !important;
}





/* contact */

#formContact input[type="text"] {
    float:left;
    width:190px;
    font-size:11px;
}

#formContact label {
    float:left;
    width:100px;
    display:block;
    height:30px;
}

#formContact textarea{
    width:300px;
    height:150px;

}

.error{
    width:100%;
    text-align:center;
    background:#FBE6F2 none repeat scroll 0 0;   
    border:1px solid #D893A1;
    color:#333333;
    padding:7px;
    margin:10px 0!important;
}


.success{
    width:100%;
    background:#DDE9D5;
    color:#1F4D00;
    border:1px solid #83C359;
    display:block;
    padding:7px;
    text-align:center;
    margin:10px 0!important;
}

.error p, .success p {
    margin:0;
} 

.citestetot {
    color:#9f271d;
    text-decoration:none;
}

.citestetot:active {
    color:#9f271d;
    text-decoration:none;
    font-weight:bold;
}

#clienti {
    margin-left:70px;
}

#clienti li {
    margin-right:20px;
    float:left;
    text-align:center;
}

#clienti li div {
    border:1px solid #ccc;
}

#clienti li div img {
    border:2px solid #fff;
}



#logouri {
    margin-left:70px;
}

#logouri li {
    margin-right:20px;
    float:left;
    text-align:center;
}

#logouri li a {
    border:1px solid #ccc;
    display:block;
}

#logouri li div img {
    border:2px solid #fff;
    display:block;
}



#print {
    margin-left:70px;
}

#print li {
    margin-right:20px;
    float:left;
    text-align:center;
    margin-bottom: 20px;
}

#print li a {
    border:1px solid #ccc;
    display:block;
}

#print li img {
    border:2px solid #fff;
    display:block;
}



#web {
    margin-left:70px;
}

#web li {
    margin-right:20px;
    float:left;
    text-align:center;
    margin-bottom: 20px;
}

#web li a {
    border:1px solid #ccc;
    display:block;
}

#web li img {
    border:2px solid #fff;
    display:block;
}









/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/

.scroll-cont {
    width: 892px;
    height:218px;
    border:1px solid #d6d6d6;
    padding:3px;
    background:#fff;
    margin:20px 30px 26px 30px;
    
}
.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 892px;
    height:218px;
    

    
}

/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accomodate scrollable items.
    it's enough that you set the width and height for the root element and
    not for this element.
*/
.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    
    clear:both;
    
}

/* single scrollable item */
.scrollable img {
    float:left;
    cursor:pointer;
    width:892px;
    height:218px;

}