/* 
    Created on : 11.08.2014, 11:28:58
    Author     : Babes Florin
*/
@font-face {
    font-family: 'roboto_slabregular';
    src: url('fonts/RobotoSlab-Regular-webfont.eot');
    src: url('fonts/RobotoSlab-Regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/RobotoSlab-Regular-webfont.woff') format('woff'),
        url('fonts/RobotoSlab-Regular-webfont.ttf') format('truetype'),
        url('fonts/RobotoSlab-Regular-webfont.svg#roboto_slabregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_slabbold';
    src: url('fonts/RobotoSlab-Bold-webfont.eot');
    src: url('fonts/RobotoSlab-Bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/RobotoSlab-Bold-webfont.woff') format('woff'),
        url('fonts/RobotoSlab-Bold-webfont.ttf') format('truetype'),
        url('fonts/RobotoSlab-Bold-webfont.svg#roboto_slabbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_slablight';
    src: url('fonts/RobotoSlab-Light-webfont.eot');
    src: url('fonts/RobotoSlab-Light-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/RobotoSlab-Light-webfont.woff') format('woff'),
        url('fonts/RobotoSlab-Light-webfont.ttf') format('truetype'),
        url('fonts/RobotoSlab-Light-webfont.svg#roboto_slablight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latobold';
    src: url('fonts/lato-bol-webfont.eot');
    src: url('fonts/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/lato-bol-webfont.woff') format('woff'),
        url('fonts/lato-bol-webfont.ttf') format('truetype'),
        url('fonts/lato-bol-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body,html{
    margin:0;
    padding:0;
}
#wrapper{
    width: 100%;
    height:100%;
    min-width: 1171px;
}
#header{
    width: 1171px;
    margin: 0 auto;
    height:245px;
}
#slider {
    height: 440px;
    overflow: hidden;
    position: relative;
    width: 1171px;
    margin: 0 auto;

}
#content{
    width:1171px;
    margin: 0 auto;
}
#footer{
    width: 1171px;
    margin: 0 auto;
}
.clear {
    clear: both;
    width: 100%;
}
#logo_and_menu {
    border-bottom: 2px solid #ccd1d4;
    height: 157px;
    width: 100%;
}
#desc_and_lang{
    width:100%;
    height:88px;
    position: relative;
}
a#logo {
    float: left;
    height: 157px;
    width: 213px;
}
a#logo img {
    float: left;
    margin-top: 21px;
}
ul#menu_list {
    display: table-row;
    margin: 72px 0 0;
    padding: 0;
    vertical-align: middle;
}
.li_menu_item > a {
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    /* ...and now for the proper property */
    transition:.5s;
    color: #a9b0b4;
    font-family: roboto_slabbold;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}
.li_menu_item:hover > a,.li_menu_item.current a{
    color:#dc202d;
    font-family: roboto_slabbold;
}

li.li_menu_item {
    list-style: none outside none;
    display: table-cell;
    height: 157px;
    list-style: none outside none;
    vertical-align: middle;
    white-space: nowrap;
    width: auto;
    text-align:center;
}
#logo_and_menu > div {
    display: table;
    vertical-align: middle;
    width: 958px;
}
h1.description_tag {
    color: #9fa0a2;
    font-family: latobold;
    font-size: 16px;
    font-weight: normal;
    height: 88px;
    line-height: 88px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.description_tag > a {
    color: #2b2b2b;
    text-decoration: none;
}
div.language {
    position: absolute;
    right: 0;
    top: 27px;
}
div.language > a {
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    /* ...and now for the proper property */
    transition:.5s;
    border: 3px solid #9fa0a2;
    color: #9fa0a2;
    float: left;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    margin-left: 5px;
    text-align: center;
    text-decoration: none;
    width: 24px;
    font-family: latobold;
}
div.language > a:hover,.active-language{
    color:#f21b3e;
    border-color: #f21b3e;
}
#serviciile_noastre {
    padding-top: 33px;
    width: 100%;
    float: left;
}
#serviciile_noastre h2 {
    color: #2b2b2b;
    font-family: latobold;
    font-size: 18px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}
#serviciile_noastre h3 {
    color: #bbc0c7;
    font-family: roboto_slablight;
    font-size: 18px;
    margin-bottom: 38px;
    text-align: center;
}
#serviciile_noastre > #list_servicii {
    float: left;
    height: 308px;
    width: 100%;
}
.serviciu {
    float: left;
    height: 320px;
    width: 25%;
    background-image: url('../img/serviciu_linie.png');
    background-repeat: no-repeat;
    background-position: right;
    position: relative;
}
.ultimul_serviciu{
    background-image: none;
}
.serviciu img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.serviciu_titlu{
    font-family: roboto_slabregular;
    font-size: 12px;
    padding: 0;
    text-align: center; 
    text-transform: uppercase;
    float: left;
    margin-top: 19px;
    width: 100%;
}
.serviciu_text{
    font-family: roboto_slabregular;
    font-size: 12px;
    padding: 0;
    text-align: center;
    color: #a9b0b4;
    float: left;
    margin: 15px 15px 0 15px;
}
.citeste_text {
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
    border: 2px solid #afb5b9;
    color: #afb5b9;
    display: block;
    float: left;
    font-family: roboto_slabregular;
    font-size: 9px;
    height: 22px;
    line-height: 22px;
    margin-left: 88px;
    margin-top: 240px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 121px;
    position: absolute;
}
.citeste_text:hover {
    background: none repeat scroll 0 0 #f01b52;
    border-color: #f01b52;
    color: #fff;
}
#produsele_noastre {
    padding-top: 40px;
    margin-top: 90px;
    margin-bottom: 20px;
    width: 100%;
    background-image: url('../img/produsele_noastre_linie.png');
    background-repeat: no-repeat;
    background-position: top;
    float: left;
}
#produsele_noastre h2 {
    color: #2b2b2b;
    font-family: latobold;
    font-size: 18px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}
#produsele_noastre h3 {
    color: #bbc0c7;
    font-family: roboto_slablight;
    font-size: 18px;
    margin-bottom: 66px;
    text-align: center;
}
#proiectele_noastre {
    padding-bottom: 15px;
    padding-top: 40px;
    width: 100%;
    background-image: url('../img/produsele_noastre_linie.png');
    background-repeat: no-repeat;
    background-position: top;
    float: left;
}
#proiectele_noastre h2 {
    color: #2b2b2b;
    font-family: latobold;
    font-size: 18px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}
#proiectele_noastre h3 {
    color: #bbc0c7;
    font-family: roboto_slablight;
    font-size: 18px;
    margin-bottom: 66px;
    text-align: center;
}
.footer_span{
    font-family: roboto_slablight;
    font-size: 12px;
    color: #a5aaae;
    margin: 0;
    padding: 22px;
    float: right;
}
.footer_span span{
    font-weight: bold;
}
.hover {
    background: url("../img/hover-carousel.png") repeat;
    opacity: 0;
    transition:all 1s ease 0s;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
.jcarousel li {
    position: relative;
    margin-right: 6px;
}
.jcarousel li:hover .hover {
    opacity: 1;
}
.jcarousel2 li {
    position: relative;
    margin-right: 6px;
}
.jcarousel2 li:hover .hover {
    opacity: 1;
}
.carousel_title{
    font-family: latobold;
    font-size: 18px;
    color: white;
    text-align: center;
    display: block;
    margin-top: 66px;
}
.carousel_text{
    font-family: roboto_slabregular;
    font-size: 12px;
    color: #a9b0b4;
    text-align: center;
    display: block;
    margin-top: 20px;
    margin-left: 58px;
    margin-right: 58px;
    height: 54px;
}
.download_link{
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
    border: 2px solid #afb5b9;
    color: #afb5b9;
    display: block;
    font-family: roboto_slabregular;
    font-size: 12px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 167px;
}
.download_link:hover{
    border: 2px solid #f01b52;
    background-color: #f01b52;
    color: white;
}
.boton{
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    /* ...and now for the proper property */
    transition:.5s;
    border: 2px solid white;
    color: white;
    display: block;
    font-family: roboto_slabregular;
    font-size: 12px;
    height: 33px;
    line-height: 33px;
    margin-left: 100px;
    margin-top: 28px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 167px;
}
.boton:hover{
    border: 2px solid #f01b52;
    background-color: #f01b52;
}
.carousel_hover_div{
    float: left;
    position: relative;
}

.contact-input textarea {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 70px;
    max-height: 70px;
    max-width: 100%;
    width: 200px;
}
table, th, td {
    border: 1px solid black;
}


#pages {
    font-family: roboto_slabregular;
    font-size: 14px;
}

.contact_locatie{
    display: inline-block;
    float: left;

}
.locatie2{
    margin-left: 60px;
}
.locatie3{
    float: right;
}
.contactati-ne{
    text-decoration: none;
    color: #de2f3b;
}
.table_color{
    background-color: #de2f3b;
    color: white;
    height: 40px;
}
.titlu_table{
    font-family: latobold;
    font-size: 16px;
    font-weight: normal;
}
.table_inaltine{
    height: 30px;
}    
td{
    padding: 10px 10px 10px 10px;
}

.leftform {
    float: left;
    width: 745px;
}
.rightform {
    float: right;
    width: 426px;
}
.label {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #dbdbdb;
    float: left;
    height: 35px;
    position: relative;
    width: 100%;
}
.label > input {
    border: medium none;
    float: right;
    height: 33px;
    width: 292px;
}
.label.input_name > input {
    width: 672px;    
}
.textlabel {
    bottom: 0;
    color: #a0a390;
    font-size: 16px;
    left: 4px;
    position: absolute;
    top: 7px;
}
.textlabel > img {
    margin: 0 8px;
}
.label textarea {
    border: medium none;
    box-sizing: border-box;
    height: 131px;
    max-height: 102px;
    max-width: 100%;
    padding-top: 28px;
    width: 100%;
}
.label.mesaj {
    height: 104px;
    width: 744px;
}
.label.captcha {
    width: 509px;
}
.label.captcha > input {
    margin-right: 106px;
    width: 272px;
}
.hereiscaptcha {
    float: left;
    position: relative;
}
.hereiscaptcha > img {
    float: right;
    left: 405px;
    position: absolute;
    top: 18px;
}
.hereiscaptcha > input[type="submit"] {
    background: none repeat scroll 0 0 #d0223d;
    border: 0 none;
    color: #ffffff;
    float: right;
    font-family: ty_regular;
    font-size: 16px;
    height: 37px;
    margin-left: 13px;
    margin-top: 14px;
    text-transform: uppercase;
    width: 220px;
}
.rightform > p:not(.label){
    float: left;
    margin-left: 50px;
    width: 100%;
    margin-top: -10px;
}
.rightform > h3:not(.label){
    float: left;
    margin-left: 50px;
    width: 100%;
}
.label_email, .label_phone{
    width: 49%;
}
.label_email{
    float: left;
}
.label_phone{
    float: right;
}
#contact_locatie_wrapper{
    margin-top: 80px;
    display: inline-block;
    width: 1171px;
}
.contact_spacer{
    margin-top: 70px;
}

.banner_serv{
    margin: 0;
    padding: 0;
    width: 100%;
}
.banner_serv img{
    display: block;
    margin: 0 auto;
    margin-bottom: 70px;
}
.titlu_serv{
    display: block;
    text-align: center;
    color: #2b2b2b;
    font-family: latobold;
    font-size: 18px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 40px;
}
.descriere_serv{
    display: block;
    margin-bottom: 30px;
}
.cod_serv{
    display: block;
    margin-bottom: 30px;
}
.termen_realizare{
    display: block;
    margin-bottom: 30px;
}
.pret_serv{
    display: block;
    margin-bottom: 30px;
}
.fisa_produs_serv{
    display: block;
    margin-bottom: 30px;
}
.error_contact_email{
    display: block-inline;
    float: left;
}
.error_contact_phone{
    display: block-inline;
    float: right;
}
.form_eroare{
    color: #d0223d;
}

.steluta_rosie{
    color: #d0223d;
}
.resize_img{
    width: 370px !important;
    height: 271px !important;
}

.etabs { 
    margin: 0; padding: 0; 
}
.tab {
    display: inline-block; 
    zoom:1; *display:inline; 
    background: #eee; 
    border: solid 1px #999; 
    border-bottom: none; 
    -moz-border-radius: 4px 4px 0 0; 
    -webkit-border-radius: 4px 4px 0 0; 
}
.tab a { 
    font-size: 14px; 
    line-height: 2em; 
    display: block; 
    padding: 0 10px; 
    outline: none; 
    color: #a9b0b4;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
}
.tab a:hover { 
    text-decoration: none;
    color: #dc202d;
}
.tab.active { 
    background: #fff; 
    padding-top: 6px; 
    position: relative; 
    top: 1px; 
    border-color: #666; 
}
.tab a.active { 
    font-weight: bold;
    color: #dc202d;

}
.tab-container .panel-container { 
    background: #fff; 
    border: solid #666 1px; 
    padding: 10px; 
    -moz-border-radius: 0 4px 4px 4px; 
    -webkit-border-radius: 0 4px 4px 4px; 
}
.panel-container {
    margin-bottom: 10px; 
}
#contact_about{
    font-family: roboto_slabregular;
    font-size: 16px;
    color: #a0a390;
}

.titles_contact_information{
    font-family: roboto_slabregular;
    font-size: 16px;
    color: #a0a390;
    margin-top: 40px;
    margin-left: 50px;
    float: left;
}

.content_contact_information{
    font-family: roboto_slabregular;
    font-size: 16px;
    color: #a0a390;
    margin-top: 40px;
    float: right;
    margin-right: 70px;
    font-weight: bold;
}

.ligaweb_footer{
    text-decoration: none;
    color: #a5aaae;
}