body
{
	background-color: #edeadd;
}
.navbar
{
	background-color: #588c00;
	height: 70px;
}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-text .navbar-brand
{
	color: white;
	font-size: 20;
}



/*
 table 
{
	font-family: arial, sans-serif;
	border-collapse: collapse;
	width: 100%;
	overflow-x: auto; 
		display: block; 

}
th
{
	background-color: #13103d;
	color: white;
}
td, th 
{
	border: 1px solid #dddddd;
	text-align: left;
	padding: 8px;

}

tr:nth-child(even) 
{
	background-color: #dddddd;
}


td 
{
	cursor: pointer;
}

tr.selected {
    background-color: #588c00;
    color: white;
}



thead, tbody { 
	display: block; 
			width: 100%;


}

tbody.sale {

    height: 200px;       
    overflow-y: auto;    
}
*/

#map 
{
	width: 100%;
	height: 300px;
}



.inside 
{
	background-color: white;
}

.sale-container
{
	position:relative; display:table;
}

.sale-search-table
{
	position:relative;float:left; width:50%;
}
.sale-nota
{
	position:relative;float:left; width:40%;
}



.controls {
      margin-top: 10px;
      border: 1px solid transparent;
      border-radius: 2px 0 0 2px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      height: 32px;
      outline: none;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    }

    #pac-input {
      background-color: #fff;
      font-family: Roboto;
      font-size: 15px;
      font-weight: 300;
      margin-left: 12px;
      padding: 0 11px 0 13px;
      text-overflow: ellipsis;
      width: 600px;
    }

    #pac-input:focus {
      border-color: #4d90fe;
    }

    .pac-container {
      font-family: Roboto;
    }

    #type-selector {
      color: #fff;
      background-color: #4d90fe;
      padding: 5px 11px 0px 11px;
    }

    #type-selector label {
      font-family: Roboto;
      font-size: 13px;
      font-weight: 300;
    }
    .sidebarConfig { 
      position: fixed;
        display: block;
        background-color: #000000;
        text-align: center;
        width: 15%;
        height: 100%;
        float: left;
    }
    .content { 
        display: block;
        background-color: #ffffff;
        text-align: center;
        border-style: ridge;
        width: 85%;
        height: 100%;
        float: right;
    }
    #map 
    { 
        width: 100%;
        height: 500px;
    }






/*imagenes */

/* The grid: Four equal columns that floats next to each other */
.column {
    float: left;
    width: 25%;
    padding: 10px;
}

/* Style the images inside the grid */
.column img {
    opacity: 0.8; 
    cursor: pointer; 
}

.column img:hover {
    opacity: 0.5;
}

/* Clear floats after the columns */
.imgrow:after {
    content: "";
    display: table;
    clear: both;
}

/* The expanding image container */
.imgcontainer {
    position: relative;
    display: none;
    background-color: #555;

}

/* Expanding image text */
#imgtext {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: white;
    font-size: 20px;
}

/* Closable button inside the expanded image */
.closebtn {
    background-color: #555;
    position: absolute;
    top: 10px;
    right: 15px;
    color: white;
    font-size: 35px;
    cursor: pointer;
}