@charset "utf-8";

* {
  box-sizing: border-box;
}  

body { 
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
  margin: 0px; 
  padding:0px;
  text-align:center;
  align:center;
}

.top{
	margin-top: 5px;
	font-weight: 700;
	font-size: 28px;
	text-align: center;
	padding-bottom: 5px;
	box-shadow: 5px 5px 1 #FF0000;
}

.headertop {
  background-color: #FFFEFC;
  padding: 17px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  vertical-align: middle;
  height: 240px;
}	


img.logo {	
	/* border: 1px solid #766C6C;
	 border-radius: 3%;*/
	 float: left;
	 width: 300px;
	 height: auto;
	 /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/	    
	}

#address{
	margin-top: 50px;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
}

.row { 
  width: 100%; 
  clear:both;
  padding-bottom: 20px;
  float:none;
}

	
	.parte1 {
	padding-top: 0px;	
	float: left;
	width: 33%;
	text-align: center;}

	.parte2 {
	padding-top: 0px;
	float: left;
	width: 33%;
	text-align: center;}

	.parte3 {
	padding-top: 0px;
	float: left;
	width: 33%;
	text-align: center;}

		
    .imagface{
	width: 18.5%;
           }
    .imaginst{	
	width: 19%;
           }
    .imagolx{
	width: 31%;
           }


.footer{
	width: 100%;
	background-color:#1B1B1A;
	height: 300px;
	padding: 15px;
	align-content: center;
	margin-top: 10px;
}
.container{
	width: 100%;
	margin: auto;
}


.adbox{
	width: 100%;
	height: 350px;
	background-color:#FFFFFF;
	border: 1px solid #fff000;
	padding: 10px;
    clear: both;
    display: table;
}
.longadbox{ 
	height: 350px;
	background-color:#f1f1f1;
	padding: 50px;
    clear: both;
    display: table;
	color:#373737;
	width: 90%;
    margin-left: auto;
    margin-right: auto;
	
	box-shadow: 0px 3px 5px 1px #888888;
}
.longaddata{
	width: 100%; 
	
	border: 1px solid #000000;
	}
	

.longad{
	width: 800px;
 	max-width: 800px;
	height: 233px;
	max-height: 650px;
	border: 1px solid #D3D3D3;
	margin: 5px 5px 10px 5px;
	background-color:#ffffff;
	/*box-shadow: 0px 3px 5px 1px #888888;*/
	font-size: 18px;
}
.longadfoto{  
	width: 265px;
	max-width:265px;
	height: 220px;
	max-height: 220px;
	margin: 5px 5px 5px 5px;
	float: left;
}

.longadtitulo{
	width: 46%;
	height: 60px;
	float:left;
	font-weight: 700;
	padding-top: 0px;
	text-align: left;
}
.longadpreco{
	width: 18%;
	float:right;
	font-weight: 900;
	color: red;
}
.longadpreco:before{
content: "R$ ";	
}

.longadinfo{
	padding-top: 0px;
	width: 65%;
	float:left;
	font-weight: 700;
}
.longaddetalhes{
	width: 63%;
	height: 110px;
	float:left;
	font-size: 14px;
	text-align: justify;
	padding-top: 10px;
}
.longadrodape{
	width: 65%;
	font-weight: 700;
	float:left;
	text-align: left;
	padding: 10px;
}
.longadmini{
	float: left;
	padding: 0px 15px 0px 2px ;
}
.adsmalltag{
	width: 250px;
 	max-width: 250px;
	height: 350px;
	max-height: 350px;
	border: 1px solid #D3D3D3;
	float: left;
	margin: 5px 5px 5px 5px;
	background-color:#ffffff;
}
.adsmalltagfoto{  
	width: 235px;
	max-width:235px;
	height: 190px;
	max-height: 190px;
	margin: 5px 5px 5px 5px;
	box-shadow: none;
	
}
.kmAno{
	font-size:13px;
	font-weight: 900;
	color: #4C4C4C;
	padding: 2px 2px 8px 2px;
	min-height: 10%;
}

.titulo{
	font-size:14px;
	font-weight: 900;
	color: #4C4C4C;
	padding: 2px 2px 12px 2px;
	min-height: 10%;
	}

.price{
    font-weight: 900;
	background-color: aqua;
	width: 100%;
	min-height: 10%;
}

.destaque{
		width: 100%;
		font-weight: 700;
	    font-size: 23px;
	    text-align: center;
	}
/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) { 


.row{	
	width: 100%;
	margin-top: 0px;
	}
	
.container{
	 width: 100%;
	 margin-top: 0px;
	}

.footer{
	width: 100%;
	background-color:#1B1B1A;
	height: 300px;
	padding: 15px;
	align-content: center;
	margin-top: 0px;
		
}
	.parte1 {
	padding-top: 0px;	
	float: left;
	width: 100%;
	text-align: center;}

	.parte2 {
	padding-top: 15px;
	float: left;
	width: 100%;
	text-align: center;}

	.parte3 {
	padding-top: 15px;
	float: left;
	width: 100%;
	text-align: center;}
	 	
#address{
	display: none;  
}	

.longadbox{
	width: 90%; 
	padding: 0px;
    clear: both;
    display: table;
	background-color:#ffffff;
	float: center;
}
.longad{
	width: 100%;	
	margin: 5px 5px 10px 5px;  
	font-size: 18px;
	height: 800px;
}
	
	
.longadfoto{  
	width: 285px;
	max-width:285px;
	height: 220px;
	max-height: 220px;
	margin: 5px 5px 5px 5px;
	box-shadow: none;
}

.longadtitulo{
	width: 100%;
	float:left;
	font-weight: 700;
	padding-top: 5px;
	text-align: left;
}
.longadpreco{
	width: 100%;
	float:right;
	font-weight: 900;
	color: red;
	font-size: 25px;
}
.longadpreco:before{
content: "R$";	
}

.longadinfo{
	padding-top: 0px;
	width: 100%;
	float:left;
	font-weight: 700;
}
.longaddetalhes{
	width: 100%; 
	float:left;
	font-size: 16px;
	text-align: justify;
	padding-top: 10px;
	margin-bottom: 20px;
}
.longadrodape{
	margin-top: 60px;
	width: 100%;
	font-weight: 700;
	float:left;
	text-align: left; 
}
	
	.longaddata{
	width: 100%; 	
	}
	
	
 .navbar .navbar-collapse {
        text-align: center;
    }	

}