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

* :focus { outline: 0 !important; }
/* form validation  */
    label.valid {
    width: 24px;
    height: 24px;
    background: url(/img/valid.png) center center no-repeat;
    display: inline-block;
    text-indent: -9999px;
    }
    label.error {
    font-weight: bold;
    color: red;
    padding: 2px 8px;
    margin-top: 2px;
    }

.form-control {width:90%; display:inline-block;}
/* .tab-pane { border-bottom: 1px solid #ddd;}*/

.navbar-brand {padding:10px;}
.navbar {min-height:60px;}
.navbar-inverse {background-color:#004b8c;}
.navbar-inverse .navbar-nav > li > a {color:#bbb;}
ul.navbar-right {margin-top:5px;}

.tooltip-inner {
    background-color: #fff;
    color: #ff0000;
}

@media all {.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); 

    width: 20px;
    height: 20px;
    padding:1px;

    background: #000;
    border: 2px solid #000;
    color: #fff;
    text-align: center;

    font: 11px Arial, sans-serif;
	font-weight: bold;
}
}
.letterNecessaryFields {
 
    background: #ADD8E6;
  
}

.tdLetterPdf {
 
    border-bottom:1px solid #000;
	height:7px;
  
}
.TvaAndTotal {
 
   display:inline-block; 
   float:right;
  
}



.bandableu{width:100%; background-color:#8291a4; height:10px;}
.bandasigla{width:100%; background-color:#004b8c; padding:20px; text-align:center;}
.sigla{text-align:center;}
.linie{height:1px; background-color:#FFFFFF; margin-top:20px; margin-bottom:10px;}
.top-intro{background-image: url(../img/bg.jpg); background-size: 100%; background-repeat: no-repeat; background-size: cover;  height:400px; }
.up{z-index:999; margin-top:-100px; background-color:#eeeeee; padding:30px;}
.titlu{font-family: Roboto; font-size:18px; font-weight:bold; color:#000000; text-align:center;}
.liniealbastra{height:1px; background-color:#004b8c; margin-top:10px; margin-bottom:20px;}
.scrisoare{background-image: url(../img/scrisoare-trasura.png); background-size: 100%; height:315px; background-size: cover; border-radius: 5px;}
.titscrisoare{background-color:#0b273f; width:90%; color:#FFFFFF;  padding:5px; margin:30px auto; font-family: Roboto; font-size:16px; font-weight:bold; }
.txtscrisoare{width:90%; color:#FFFFFF; padding:5px; margin:30px auto; font-family: Roboto; font-size:14px; height:100px;}
.butscrisoare{width:90%; padding-left:5px; margin:60px auto;}
.butontransp{background-color:transparent; color:#FFFFFF; border-radius: 10px;}
.cautare{background-image: url(../img/cautare-vagoane.png); background-size: 100%; height:315px; background-size: cover; border-radius: 5px;}
.titcautare{background-color:#166166; width:90%; color:#FFFFFF; padding:5px; margin:30px auto; font-family: Roboto; font-size:16px; font-weight:bold; }
.vagoane{background-image: url(../img/comenzi-vagoane.png); background-size: 100%; height:315px; background-size: cover; border-radius: 5px;}
.titvagoane{background-color:#1f1e3c; width:90%; color:#FFFFFF;  padding:5px; margin:30px auto; font-family: Roboto; font-size:16px; font-weight:bold; }
.facturi{background-image: url(../img/facturi.png); background-size: 100%; height:315px; background-size: cover; border-radius: 5px;}
.titfacturi{background-color:#3d354a; width:90%; color:#FFFFFF;  padding:5px; margin:30px auto; font-family: Roboto; font-size:16px; font-weight:bold; }
.nomenclatoare{background-image: url(../img/nomenclatoare.png); background-size: 100%; height:315px; background-size: cover; border-radius: 5px;}
.titnomenclatoare{background-color:#465e2f; width:90%; color:#FFFFFF; padding:5px; margin:30px auto; font-family: Roboto; font-size:16px; font-weight:bold; }
.txtnomenclatoare{width:90%; color:#FFFFFF; padding:5px; margin:30px auto; font-family: Roboto; font-size:14px; height:100px;}
.txtnomenclatoare ul{ list-style:none;  }
.txtnomenclatoare li{background-image: url(../img/romb.png); background-repeat: no-repeat; padding-left: 20px;}
.txtnomenclatoare li a {color:#FFFFFF; text-decoration:underline; padding-top:10px;}
.txtnomenclatoare li a:hover {color:#FFFFFF; text-decoration:none; }
.aplicatie{background-image: url(../img/alta-aplicatie.png); background-size: 100%; height:315px; background-size: cover; border-radius: 5px;}
.titaplicatie{width:100%; color:#FFFFFF;  margin-top:100px; font-family: Roboto; font-size:20px; font-weight:bold; text-align:center;}
.incarca{background-color:#b8c6c7; color:#FFFFFF; height:30px; padding:5px; margin-top:20px; font-family: Roboto; font-size:14px; font-weight:bold; text-align:center;}
.incarca a {color:#FFFFFF;}
.incarca a:hover {color:#000;}
.footer{background-color:#022747; color:#FFFFFF; width:100%; margin-top:30px; padding:20px;}
.stanga{padding-top:50px;}
.copy{font-family: Roboto; font-size:10px; color:#eee; padding-top:10px;}
.centru{padding-top:30px; font-family: Roboto; font-size:12px; font-weight:bold;}
.centru a {color:#FFFFFF;}
.centru a:hover {color:#b8c6c7;}
.dreapta{padding-top:30px;}
.contact{font-family: Roboto; font-size:14px; font-weight:bold;}
.txtcontact{font-family: Roboto; font-size:12px; padding-top:10px;}
.butcontact{background-image: url(../img/contact-email-buton.png); width:150px; height:35px;background-position:right;padding:5px; margin-top:10px;} 
.butcontact a {color:#CCCCCC;}
.butcontact a:hover {color:#000;}
.butcontact2{background-image: url(../img/contact-email-buton2.png); width:180px; height:35px;background-position:right;padding:5px; margin-top:10px;} 
.butcontact2 a {color:#CCCCCC;}
.butcontact2 a:hover {color:#000;}





.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}





/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 1200px) {
.container {
    width: 100% !important;
  }
}

@media (max-width: 480px) {
.top-intro{height:200px;}
.up{margin-top:-30px;}
.sigla{padding-top:5px; text-align:center;}
.linie{height:1px; background-color:#FFFFFF; margin-top:15px;}
.footer{margin-top:10px;}
}

@media (max-width: 768px) and (min-width: 481px) {
.top-intro{height:200px;}
.up{margin-top:-30px;}
.sigla{padding-top:5px;}
.linie{height:1px; background-color:#FFFFFF; margin-top:15px;}
.footer{margin-top:10px;}
}

@media  (min-width : 769px) and (max-width : 990px) {
.top-intro{height:200px;}
.up{margin-top:-30px;}
.sigla{padding-top:5px; }
.linie{height:1px; background-color:#FFFFFF; margin-top:15px;}
.footer{margin-top:10px;}
}

@media  (min-width : 991px) and (max-width : 1200px) {
.top-intro{height:200px;}
.up{margin-top:-30px;}
.sigla{padding-top:5px; }
.linie{height:1px; background-color:#FFFFFF; margin-top:15px;}
.footer{margin-top:10px;}
}



.subcontainer-edit{width:1120px; margin:0 auto; min-height: 600px;}