.desp{ clear:both; }
.desp5{ clear:both; padding-top:5px;}
.desp20{ clear:both; padding-top:20px;}
.desp30{ clear:both; padding-top:30px;}
.desp100{ clear:both; padding-top:100px;}
.desp50{ clear:both; padding-top:50px;}

.navbar-static-top {margin-bottom: 30px; margin-top:-10px; }
.navbar-static-bottom{ bottom:0;position:relative; width:100%}
.btn2-group{margin-bottom: 30px;}
h1{margin-bottom: 40px;}
.tak{background:url(../imagini/takata.png) no-repeat; width:30px; height:27px}
.titl{color:#ccc; font-weight:normal}
.wel2c{-webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; border-color:#fff}

.hmlpg{background:url(../imagini/sb.png) no-repeat center; border:#9b9b9b 3px solid; }
.lrh4{text-align:center; color:#555}

.vertleft {    
  -webkit-transform: rotate(270deg); 
     -moz-transform: rotate(270deg); 
      -ms-transform: rotate(270deg); 
       -o-transform: rotate(270deg); 
          transform: rotate(270deg);
            color: #777;
            font-size: 22px;                
            float: left;        
            vertical-align: middle; text-align:center
}
.vertright {    
  -webkit-transform: rotate(90deg); 
     -moz-transform: rotate(90deg); 
      -ms-transform: rotate(90deg); 
       -o-transform: rotate(90deg); 
          transform: rotate(90deg);
            color: #777;
            font-size: 22px;                
            float: right;        
            vertical-align: middle; text-align:center
}

.imgbacs{background:url(../imagini/left-hand.jpg) no-repeat center;opacity:.7;}
.imgbacs:hover{opacity:1;}
.imgbacd{background:url(../imagini/right-hand.jpg) no-repeat center;opacity:.7;}
.imgbacd:hover{opacity:1;}

.inallr{height:144px}
.seatt{background:url(../imagini/seat.jpg) no-repeat center; width:144px; height:144px;opacity:.7;}
.seatt:hover{opacity:1;}
.seattc{background:url(../imagini/seat.jpg) no-repeat center; width:144px; height:144px;opacity:1;}
.bksa{ background:url(../imagini/bksa.png) repeat-y left}
.sba{ background:url(../imagini/sba.png) no-repeat; width:49px; height:40px;}
.sbr{ background:url(../imagini/sbr.png) no-repeat; width:49px; height:40px;}
.seattm{background:url(../imagini/seatsm.jpg) no-repeat center; width:70px; height:70px;opacity:.5;}
.seattcm{background:url(../imagini/seatsm.jpg) no-repeat center; width:70px; height:70px;opacity:1;}
.volan{background:url(../imagini/volan.jpg) no-repeat center; width:115px; height:70px;}
.volanm{background:url(../imagini/volanm.jpg) no-repeat center; width:70px; height:43px;}
.btsba{font-size:30px; margin-bottom:20px; padding:40px 0 40px 0; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px;}
.btsba2{font-size:25px; margin-bottom:15px; padding:20px 0 20px 0; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}
.btsbai{text-align:left; margin-left:40px;}
.scne{background:none; margin-top:-80px;}

.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}
input[readonly] {
  background-color: white !important;
  cursor: text !important;
}

@media (max-width: 1199px) {
.sba{ width:49px; height:40px; background:none}
.sbr{width:49px; height:40px;background:none}
	
}

.vcenteru {
    vertical-align: middle;
}













	/*Now the CSS*/
	* {
	    margin: 0;
	    padding: 0;
	}
	.tree {
	    width: auto;
	    margin-left: auto;
	    margin-right: auto;
	}
	.tree ul {
	    padding-top: 20px;
	    position: relative;
	    transition: all 0.5s;
	    -webkit-transition: all 0.5s;
	    -moz-transition: all 0.5s;
	}
	.tree li {
	    float: left;
	    text-align: center;
	    list-style-type: none;
	    position: relative;
	    padding: 20px 5px 0 5px;
	    transition: all 0.5s;
	    -webkit-transition: all 0.5s;
	    -moz-transition: all 0.5s;
	}
	/*We will use ::before and ::after to draw the connectors*/
	.tree li::before, .tree li::after {
	    content:'';
	    position: absolute;
	    top: 0;
	    right: 50%;
	    border-top: 1px solid #ccc;
	    width: 50%;
	    height: 20px;
	}
	.tree li:after {
	    right: auto;
	    left: 50%;
	    border-left: 1px solid #ccc;
	}
	/*We need to remove left-right connectors from elements without 
any siblings*/
	.tree li:only-child::after, .tree li:only-child::before {
	    display: none;
	}
	/*Remove space from the top of single children*/
	.tree li:only-child {
	    padding-top: 0;
	}
	/*Remove left connector from first child and 
right connector from last child*/
	.tree li:first-child::before, .tree li:last-child::after {
	    border: 0 none;
	}
	/*Adding back the vertical connector to the last nodes*/
	.tree li:last-child::before {
	    border-right: 1px solid #ccc;
	    border-radius: 0 5px 0 0;
	    -webkit-border-radius: 0 5px 0 0;
	    -moz-border-radius: 0 5px 0 0;
	}
	.tree li:first-child::after {
	    border-radius: 5px 0 0 0;
	    -webkit-border-radius: 5px 0 0 0;
	    -moz-border-radius: 5px 0 0 0;
	}
	/*Time to add downward connectors from parents*/
	.tree ul ul::before {
	    content:'';
	    position: absolute;
	    top: 0;
	    left: 50%;
	    border-left: 1px solid #ccc;
	    width: 0;
	    height: 20px;
	    margin-left: -1px;
	}
	.tree li a {
	    border: 1px solid #ccc;
	    padding: 5px 10px;
	    text-decoration: none;
	    color: #666;
	    font-family: arial, verdana, tahoma;
	    font-size: 11px;
	    display: inline-block;
	    border-radius: 5px;
	    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	    transition: all 0.5s;
	    -webkit-transition: all 0.5s;
	    -moz-transition: all 0.5s;
	}
	/*Time for some hover effects*/
	/*We will apply the hover effect the the lineage of the element also*/
	.tree li a:hover, .tree li a:hover+ul li a {
	    background: #c8e4f8;
	    color: #000;
	    border: 1px solid #94a0b4;
	}
	/*Connector styles on hover*/
	.tree li a:hover+ul li::after, .tree li a:hover+ul li::before, .tree li a:hover+ul::before, .tree li a:hover+ul ul::before {
	    border-color: #94a0b4;
	}
	li a.just-line {
	    display: none;
	}
	a.just-line + ul {
	    padding-top: 74px;
	}
	a.just-line + ul:before {
	    height: 74px;
	}
	.mbook{background: #b0e8b0;}
	.mbooka{background: #d4ebf6;}
	.mbookr{background: #eccfcf;}
	.mbookp{background: #fcb585;}
	.mbookm{background: #fffc61;}
	.mbookal{background: #8ae0fa;}
	
	
	
	
	/* LOG IN*/
	
	.form-signin

{

    max-width: 330px;

    padding: 15px;

    margin: 0 auto;

}

.form-signin .form-signin-heading, .form-signin .checkbox

{

    margin-bottom: 10px;

}

.form-signin .checkbox

{

    font-weight: normal;

}

.form-signin .form-control

{

    position: relative;

    font-size: 16px;

    height: auto;

    padding: 10px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.form-signin .form-control:focus

{

    z-index: 2;

}

.form-signin input[type="text"]

{

    margin-bottom: -1px;

    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;

}

.form-signin input[type="password"]

{

    margin-bottom: 10px;

    border-top-left-radius: 0;

    border-top-right-radius: 0;

}

.account-wall

{

    margin-top: 20px;

    padding: 40px 0px 20px 0px;

    background-color: #f7f7f7;

    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);

    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);

    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);

}

.login-title

{

    color: #555;

    font-size: 18px;

    font-weight: 400;

    display: block;

}

.profile-img

{

    width: 96px;

    height: 96px;

    margin: 0 auto 10px;

    display: block;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    border-radius: 50%;

}

.need-help

{

    margin-top: 10px;

}

.new-account

{

    display: block;

    margin-top: 10px;

}
 /* GATA LOGIN*/
 
  
.progress {
    text-align:center;
	position:relative;
    }
.progress-value {
	width:100%;
	font-size:16px;
	color:#000000;
	line-height:30px;
    position:absolute;
	font-weight: normal;
    right:0;
    left:0;
}