body{background: #eee}
p{font-size: 16px}
li{ 
    list-style: none;
    font-weight: bold;
    font-size: 14px;
}
h1{
    font-weight: bold;
    font-size: 26px;
    line-height: 0;
	margin-bottom: 20px;
}

label{font-size: 16px}

select{width: 100%}

.clearfix {
    overflow: auto;
  }

.navbar{
    background: linear-gradient(#0f1f55, #283d84); 
    min-height: 80px; 
    border-radius:0;
    margin-bottom: 0;
}
.header-fluid{padding:0}

.navbar-header{margin: 5px 0}
.navbar-header img{float: left; margin-right: 20px}
.navbar-brand{text-shadow: 1px 1px 1px #000;}

.navbar-inverse .navbar-brand{
    color: #fff; 
    font-size: 40px; 
    line-height: 45px;
}

.navbar-right{margin-top: 10px}
.navbar-inverse .navbar-nav>li>a {color: #fff;}
.navbar-inverse .navbar-nav>li>a:hover {color: #ff1313;}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-inverse .navbar-nav>.active>a{
    background-color: #ff1313;
    color: #fff;
    font-weight: bold;
    border-radius: 4px
}
.navbar-inverse .navbar-nav>.active>a:hover{background-color: #fff; color: #ff1313;}

.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}

.focim{background: #666666;}
.focim h1{ 
    color: #fff; 
    font-weight: normal; 
    font-size: 16px; 
    margin: 15px 0; 
}

.search-box{background: #ddd; padding: 40px 0}
.search-box .col-sm-2{}
.search-box select{
    width: 170px;
    height: 27px;
    color: #777;
    border: 1px solid #999;
}
.search-box input{padding: 2px 5px; border: 1px solid #999;}

.main-content{padding: 30px 0}
.main-content .col-sm-10{padding-left:0; padding-right:30px}

.imobile{
    background: #fff;
    padding: 20px;
    border: 1px solid #ddd;
}

.pager .btn.active{background: #eee !important}
.pager .btn:hover{background: #ddd !important}
.pager a{color: #555}

.imobil{padding: 20px;     height: 305px;    max-height: 310px !important;}
.imobil h4{font-size: 16px; margin-top: 10px; padding: 0 10px}
.imobil a{line-height: 1.5; color: #333}
.imobil:hover{background: #efefe7; border: 1px solid #ddd}
.imobil a:hover{text-decoration: none; color:#283d84}
.imobil img{max-height: 100%;     height: 220px;}

.constructii-noi .imobil img{height: auto}
.constructii-noi .imobil:hover{background: none;  }
.constructii-noi .imobil img:hover{box-shadow: 0px 0px 2px #333;}

.home .imobil img{border: 1px solid #ddd; height: 185px;}
.imobil .label{padding: 5px 25px; font-size: 100%; font-weight: normal; background-color: #bbb}

.categories li{padding-left: 15px}
.categories li:hover{color: blue}

.pager .btn:hover{background: #ddd}

/* Imobil */
.imobil-left{padding: 10px; background: #fff}
.imobil-left img{margin: 5px 0}
.imobil-content{
    padding: 10px 40px 40px 40px; 
    background: #fff;
    width: 74%;
    margin-left: 10px;
}
.imobil-title{padding-left: 10px}
.imobil-content img{margin-bottom: 40px}
.imobil-content h2{font-size: 20px}
.imobil-content table{margin:15px 0 0 0}
.imobil-content .table-striped>tbody>tr:nth-of-type(odd){background-color: #fff;}

.imobil-content .caracteristici{margin-bottom: 40px}
.imobil-content .specificatii{
    clear: both;
    margin-top: 40px
}

.video{margin-bottom: 30px}

.imobil-content .pret{
    border: 1px solid seagreen;
    background: #e6f1eb;
    padding: 10px;
}
.imobil-content .pret h4{
    font-size: 20px
}
.imobil-content .suna-acum p{margin: 15px}

.pager{clear: both; margin-top: 20px}

.google-map{clear: both}

.desprenoi-content img{ margin-right: 20px;}

/* Footer */
.sub-footer{
    background: #666666;
    min-height: 40px; 
    color: #fff; 
    padding: 20px 0;
    margin-top: 40px;
}
.sub-footer p{margin:0}
.sub-footer a{color: #fff}
.sub-footer span{
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.footer{
    background: linear-gradient(#283d84, #0f1f55); 
    min-height: 40px; 
    color: #fff; 
    padding: 15px 0 20px 0;
}

.footer p{margin:0}
.footer a{color: #bbb}
.footer a:hover{color: #ff1313; text-decoration: none;}

.login-page{background: none}

.login-form{margin: 10% 30%; padding: 3% 6% 6% 6%; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

.error{color: red}

/**********************************/
/* Imobil Image gallery - Carousel*/
/**********************************/
* {
    box-sizing: border-box;
  }
  
  img {
    vertical-align: middle;
  }
  
  /* Position the image container (needed to position the left and right arrows) */
  .slideshow-container{
    position: relative;
  }
  
  /* Hide the images by default */
  .mySlides{
    display: none;
  }
  
  /* Add a pointer when hovering over the thumbnail images */
  .cursor {
    cursor: pointer;
  }
  
  /* Next & previous buttons */
  .prev,
  .next {
    cursor: pointer;
    position: absolute;
    top: 60%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
    background-color: rgba(0, 0, 0, 0.5);
  }
  
  /* Position the "next button" to the right */
  .next {
    right: 0px;
    border-radius: 3px 0 0 3px;
  }
  
  /* On hover, add a black background color with a little bit see-through */
  .prev:hover,
  .next:hover {
    background-color: rgba(0, 0, 0, 1);
    text-decoration: none;
    color: #fff;
  }
  
  /* Number text (1/3 etc) */
  .numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 10;
}
  
  /* Container for image text */
  .caption-container {
    text-align: center;
    background-color: #222;
    padding: 2px 16px;
    color: white;
  }
  
  .row:after {
    content: "";
    display: table;
    clear: both;
  }
  
  /* Six columns side by side */
  .column {
    float: left;
    width: 16.66%;
  }
  
  /* Add a transparency effect for thumnbail images */
  .demo {
    /*opacity: 0.6;*/
  }
  
  .active,
  .demo:hover {
    opacity: 0.9;
  }

/**********************************/
/* Imobil Image gallery - Carousel - END*/
/**********************************/

/**********************************/
/* Imobil Image gallery - Modal Carousel*/
/**********************************/

/* Position the image container (needed to position the left and right arrows) */
.modal-slideshow-container {
  position: relative;
  text-align: center;
}

/* Hide the images by default */
.modal-slideshow-container .mySlides2{
  display: none;
}

/* Next & previous buttons */
.modal-slideshow-container .prev,
.modal-slideshow-container .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
  background-color: rgba(0, 0, 0, 0.5);
}

/* Position the "next button" to the right */
.modal-slideshow-container .next {
  right: 0px;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.modal-slideshow-container .prev:hover,
.modal-slideshow-container .next:hover {
  background-color: rgba(0, 0, 0, 1);
  text-decoration: none;
  color: #fff;
}

/* Number text (1/3 etc) */
.modal-slideshow-container .numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 10;
}

/* Container for image text */
.modal-slideshow-container .caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}

.modal-slideshow-container .row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.modal-slideshow-container .column {
  float: left;
  width: 16.66%;
}

/* Add a transparency effect for thumnbail images */
.modal-slideshow-container .demo {
  /*opacity: 0.6;*/
}

.modal-slideshow-container .active,
.modal-slideshow-container .demo:hover {
  opacity: 0.9;
}

.modal-slideshow-container img{margin-bottom:0}

.modal-dialog {
  width: auto;
  max-width: 600px;
  margin: 40px auto;
}
.modal-content{padding: 10px 10px 0 10px}

.modal-footer h4{text-align: center}

/**********************************/
/* Imobil Image gallery - Modal Carousel - END*/
/**********************************/

@media screen and (max-width: 600px) {
	.navbar-brand {padding: 13px 10px;}
	.navbar-header img{float: left; margin: 5px 0 0 10px; width: 20%;}
	.navbar-inverse .navbar-brand {font-size: 34px;}
	.navbar-toggle .icon-bar {width: 25px; margin: 6px 0;}
	.navbar-toggle {background: #333;}
	.search-button{
		width: 95%; 
		color: #fff; 
		font-size: 18px; 
		background: #24387d;
	    float: none;
		margin: 10px 10px;
		padding: 8px 100px;
	}
	h1{font-size: 24px; line-height: 1.2; margin-bottom: 0}
	.main-content{padding-top:10px}
	.main-content .col-sm-10{padding-right: 0}
	.imobil{min-height: auto; padding-bottom: 0}
	.right-sidebar{padding-top: 40px; text-align: center}
	.welcome img{width: 75%}
	.facebook iframe{height: 220px !important;}
	.imobile{padding: 0}
	.slideshow-container{display: none}
	
	.imobil-content {
		padding: 10px;
		background: #fff;
		width: 100%;
		margin-left: 0;
	}
	.imobil-content .suna-acum{padding-left: 0; padding-right:0}
	.imobil-content .suna-acum p{margin:0}
	
	#videoModal iframe{width: 100%; height: 250px}
	
	.imobil-content .well{padding:5px}
	.imobil-content table td{padding: 5px 2px !important; width: 50%}

  .desprenoi-content img{width: 100%; margin-bottom: 10px;}
}