/*
** Desenvolvido por Agencia Mxmais. 
** http://www.mxmais.com.br 
*/

@charset "UTF-8";

/*** Corpo do Site ***/
header, center, footer { width: 100%; margin: 0 auto; display: table; }
/*** Corpo do Site ***/

/*** Header ***/
banner { position: absolute; border-top: solid 10px #C20102; background: rgba(255,255,255,.8); }


.anuncie { width:139px; height:auto; float:right; background:#FF0; border-radius:6px; font-size:13px; text-align:center; padding:6px; margin:30px 0px 0px 0px; box-shadow:0px 0px 0px #000000; }
.anuncie a { color: #60C;} 
.anuncie a:hover { color:#F00;}
header .menu { width: 60%; float: left; }
header .menu #menu ul { width: auto; float: right; list-style: none; margin: 10px 0; display: table; }
header .menu #menu ul li { position: relative; float: left; display: table; }
header .menu #menu ul li a { font-size: 14px; padding: 15px 5px; margin: 5px; color: #111111; display: block; }
header .menu #menu ul li:hover a { color: #C20102; }
header .menu #menu ul li ul { position: absolute; width: auto; margin: 0; display: none; background: rgba(0,0,0,.7); }
header .menu #menu ul li ul li { float: none; display: table; }
header .menu #menu ul li ul li a { font-size: 12px; width: 150px; margin: 0px; padding: 10px; display: block; }
header .menu #menu ul li ul li a:hover { color: #FFFFFF; background: #C20102; }
header .menu #menu ul li:hover ul li a { color: #FFFFFF; }
header .menu #menu ul li:hover ul { display: table; }

/*** Header ***/

/*** banner ***/
.banner_header { position: relative; width: 100%;  height: 100px; margin: 0 auto; }

.index-logo { 
    position: relative; width: 272px; height: 92px; margin: 100 auto 0px; z-index:-1000;
    background: url(../_img/brabusca.jpg) center no-repeat; background-size: 100%; }
.searsh-logo { width: 13%; height: 53px; margin: 10px; display: table; float:left; z-index:-1000;
    background: url(../_img/brabusca.jpg) center no-repeat; background-size: 100%; }
/*** banner ***/


/*** Busca ***/
.cont-index { width:53%; margin: 3px auto 0 auto; text-align: center;}
.cont-busca { width:53%; float:left;}

#searchform { position: relative; width: 100%; margin: auto; }
#searchform .s { 
    width: 100%; color: #333; background: #fff; background-clip: padding-box;
    padding: 15px; border-radius: 50px; border: 1px solid rgba(153,153,153,.7); box-shadow: 0px 0px 0px #000;}
	
.cont-index #searchform .bt { 
    position: absolute; width: 35px; height: 35px; top: -10px; right: 10px; border: none;
    background: url(../_img/bt-busca.png) center no-repeat; border-radius: 100%;
}
.cont-index #searchform .bt:hover { background: url(../_img/bt-busca.png) center no-repeat #C20102; }
/*** Busca ***/


/*** Center ***/
center { max-width: 1366px; }

/*** destaque categorias ***/
.destaque_categorias li { width: 19%; margin: .3%; border: solid 1px #DDDDDD; text-align: left; float: left; list-style: none; }
.destaque_categorias li a { font-size: 16px; color: #494542; background: #F5F5F5; border-bottom: solid 1px #DDDDDD; margin: 0; padding: 10px;
 display: block;
}
.destaque_categorias ul { position: relative; width: 100%; display: table; }
.destaque_categorias ul li { width: 100%; margin: none; border: none; display: block; }
.destaque_categorias ul li a { padding: 5px 10px; font-size: 14px; display: block; background: none; border: none; color: #494542; }
.destaque_categorias ul li a:hover { background: #FBFBFB; color: #000000; }
/*** destaque categorias ***/

/*** destaque_classificados ***/
.destaque_classificados { width: 50%; margin: 0.9%; height: auto; float: left; text-align: justify; border: solid 1px #eee; padding:3px;}
.destaque_classificados img { width: 100%; height: 150px; display: block; }
.destaque_classificados h2 { color: #484541; font-size: 13px; font-weight:600; }
.destaque_classificados .categoria { color: #484541; font-size: 10px; }
.destaque_classificados p { color: #474540; font-size: 12px; }
/*** destaque_classificados ***/

/*** mais informações ***/
.mais_info { width: 90%; padding: 0px 5%; background: #FF6600; display: table; }
.mais_info section { margin: 0px auto; }
.mais_info .cont_left { width: 70%; margin: 30px 0px; float: left; } .mais_info p { font-size: 18px; color: #F3F3F3; text-align: left; }
.mais_info .cont_right { width: 30%; float: right; }

.bt { font-weight: 600; float: right; margin: 20px 0px; padding: 15px; border: solid 4px #F3F3F3; color: #F3F3F3; }
.bt:hover { background: #F3F3F3; color: #FF6600; }
/*** mais informações ***/

/*** search ***/
.resultadovip              { width: 60%; padding: 10px; float: left; text-align: left; display: none; background: #FFFFDD; }
.resultadovip p            { font-size: 14px; font-weight: 100; color: #494949; }
.resultadovip .titulo a    { font-size: 16px; font-weight: 100; color: #1A0DBD; }
.resultadovip .categoria   { font-size: 12px; font-weight: 100; color: #006682; }
.resultadovip .categoria a { font-size: 12px; font-weight: 100; color: #006682; }


.resultadovip .categoria .anuncio_vip { border: solid 1px #006682; color: #006682; border-radius: 3px; float: left; padding: 0px 2px; margin-right: 5px; font-size: 10px; }

.category-vip { display: table; }


.resultado              { width: 70%; padding: 10px; float: left; text-align: left; }
.resultado p            { font-size: 14px; font-weight: 100; color: #494949; }
.resultado .titulo a    { font-size: 16px; font-weight: 100; color: #1A0DBD; }
.resultado .categoria   { font-size: 12px; font-weight: 100; color: #1A0DBD; }
/*** search ***/

/*** paginação ***/
.paginacao span { padding: 5px; border-radius: 5px; border: solid 1px #9D0000; color: #9D0000; background: #F3F3F3; }
.paginacao a { padding: 5px; color: #333; border-radius: 5px; border: solid 1px #333; }
.paginacao a:hover { border: solid 1px #9D0000; background: #F3F3F3; color: #9D0000; }
/*** paginação ***/

/*** Contato ***/
.contato form { width: 100%; display: table; }

.contato input       { width: 97%; height:  35px; border: solid 1px #CCCCCC; display: block; margin: .5% 0px; padding: .5%; }
.contato textarea    { width: 97%; height: 150px; border: solid 1px #CCCCCC; display: block; margin: .5% 0px; padding: .5%; color: #28ABE1; }

.contato input:focus       { border: #28ABE1; }
.contato textarea:focus    { border: #28ABE1; }

.contato #bt { width: 150px; float: right; margin: 1.5%; }
/*** Contato ***/


/*** Formulario de Contato propaganda ***/
.contato { width: 100%; display: table; }

.contato label { width: 20%; height: 30px; margin: 2px 0; float: left; text-align: left; }

.contato input, .contato select, .contato textarea { width: 80%; margin: 2px 0; padding: 3px; border: solid 1px #A4A4A4; color: #A4A4A4; }
.contato input:hover, .contato select:hover, .contato textarea:hover { border: solid 1px #333333; color: #333333; }

.contato input       { height:  30px; }
.contato select      { height:  30px; }
.contato textarea    { height: 50px; }

.contato input:focus       { border: solid 1px #333333; color: #333333; }
.contato textarea:focus    { border: solid 1px #333333; color: #333333; }

#bt { width: auto; height: auto; padding: 10px; float: right; }
/*** Formulario de Contato propaganda***/

/*** Center ***/

/*** Footer ***/
footer { position: relative; margin-top:180px; background: #fff; color: #000;  }
footer p { margin: 36px auto; font-size: 13px; }
#footer-palavra { width:100%; height:auto; float:left; font-size:12px; font-weight:600; color:#999; text-align:center; margin: 36px auto;}
/*** Footer ***/

/*** pagina propaganda ***/
.post-fotos {width: 95%; height:auto; float:left; display:table; margin:10px auto;}
.post-texto {width: 95%; height:auto; float:left; display:table; margin:10px auto;}
.post-mapa {width: 95%; height:auto; float:left; display:table; margin:30px auto;}
.post-info {width: 95%; height:auto; float:left; display:table; margin:30px auto; font-size:23px;}
.post-form {width: 45%; height:auto; float:left; display:table; margin:30px 2px 2px 2px; background-color:#eee; padding:6px;}
.post-mapa {width: 45%; height:auto; float:left; display:table; margin:30px 2px 2px 30px; background-color:#eee; padding:6px;}

/*** pagina propaganda***/

/*** Responsive ***/
/* Tablet */
@media only screen and (max-width: 930px){
    /*** header ***/
    header .logo { width: 20%; }
    header .menu { width: 80%; }
    /*** header ***/
    
    /*** banner ***/
    .banner { background-size: 120%; }
    .banner .container h1 { font-size: 32px; }
    .banner .container h2 { font-size: 25px; }
    /*** banner ***/
    .thumbnail img{ width:68%; height:150px;}
	.destaque_classificados { width: 98%; margin: 0%; height: 350px; float: left; text-align: justify; }
	.destaque_categorias li { width: 98%; margin: .3%; float:left;}
	
    /*** center ***/
    /*** destaque_categorias ***/
    .destaque_categorias { width: 47.5%; margin: 1%; }
    /*** destaque_categorias ***/
    /*** center ***/
}

/* Celular */
@media only screen and (max-width: 640px){
    /*** header ***/
	.anuncie { width:150px; height: auto; float: left; border-radius:3px; font-size:13px; text-align:center; padding:6px; margin: auto; }
    header { position: relative; }
    header .logo { width: 50%; margin: 25px 25%; }
    header .menu { width: 100%; float: none; }
    header .menu #menu ul { float: none; margin: 0 auto; }
	.thumbnail img { width:98%; height: 50px; }
	.destaque_classificados { width: 98%; margin: 0%; height: 350px; float: left; text-align: justify; }
	.destaque_categorias li { width: 48%; margin: .0%; float:left;}
    /*** header ***/
    
    /*** banner ***/
    .banner { background-size: 200%; }
    .banner .container h1 { font-size: 32px; }
    .banner .container h2 { font-size: 25px; }
    /*** banner ***/
    
    /*** center ***/
    /*** destaque_categorias ***/
    .destaque_categorias { width: 98%; margin: 1%; }
    /*** destaque_categorias ***/
    /*** center ***/
	 .contato label, .contato input, .contato select, .contato textarea { width: 50%; }
	 /*** pagina propaganda ***/
.post-fotos {width: 95%; height:auto; float:left; display:table; margin:auto}
.post-texto {width: 95%; height:auto; float:left; display:table; margin:auto}
.post-mapa {width: 95%; height:auto; float:left; display:table; margin: auto;}
.post-info {width: 95%; height:auto; float:left; display:table; margin:auto; font-size:23px;}
.post-form {width: 95%; height:auto; float:left; display:table; margin:30px 2px 2px 2px;}
.post-mapa {width: 95%; height:auto; float:left; display:table; margin:30px 2px 2px 2px;}

/*** pagina propaganda***/
}

@media only screen and (max-width: 500px){
    /*** header ***/
    header .menu #menu ul li { }
    header .menu #menu ul li a { width: 120px; padding: 25px 0px; margin: 2px; text-align: center; color: #111111; background: #CCCCCC; }
	.thumbnail img{ width:98%; height:150px;}
	.destaque_classificados { width: 98%; margin: 0%; height: 350px; float: left; text-align: justify; }
	.destaque_categorias li { width: 48%; margin: .0%; float:left;}
    /*** header ***/
	
	   /*** banner ***/
    .banner { background-size: 200%; }
    .banner .container h1 { font-size: 32px; }
    .banner .container h2 { font-size: 25px; }
    /*** banner ***/
    
    /*** center ***/
    /*** destaque_categorias ***/
    .destaque_categorias { width: 98%; margin: 1%; }
    /*** destaque_categorias ***/
    /*** center ***/
	 .contato label, .contato input, .contato select, .contato textarea { width: 50%; }
	  /*** pagina propaganda ***/
.post-fotos {width: 95%; height:auto; float:left; display:table; margin:auto}
.post-texto {width: 95%; height:auto; float:left; display:table; margin:auto}
.post-mapa {width: 95%; height:auto; float:left; display:table; margin: auto;}
.post-info {width: 95%; height:auto; float:left; display:table; margin:auto; font-size:23px;}
.post-form {width: 95%; height:auto; float:left; display:table; margin:30px 2px 2px 2px;}
.post-mapa {width: 95%; height:auto; float:left; display:table; margin:30px 2px 2px 2px;}

/*** pagina propaganda***/
}
/*** Responsive ***/