/*
HD - Host & Design
Author: Demetrius Loblein
Author URL: http://loblein.com.br
*/














div.busca{ width:80%; margin:0 auto; margin-top:20px; text-align:center;}
form#busca{ margin:0 auto; padding:20px; min-height:60px; max-width:900px;background: #6699ff; border-radius:7px;}
form#busca span{ font-size:1.4em; text-shadow: black 0.0em 0.1em 0.3em; color:#fff;}
form#busca input{ margin:0 auto; padding:5px; margin:5px; }
form#busca select{ margin:0 auto; padding:5px; margin:5px; }


article#inicial{ width:90%; margin:0 auto; margin-top:30px; margin-bottom:30px; text-align:center; color:#000;}
article#inicial header{width:70%; margin:0 auto; margin-bottom:30px; color:#004C98;border-bottom:solid 2px #ccc;text-align:center; padding-bottom:10px;}
article#inicial header span.title{margin:10px;text-align:center;}
article#inicial header span.red{color:#E82F0B;}
article#inicial .box-inicial{background: #6699ff; width:210px; vertical-align:top; height:230px; margin:5px; padding:5px; display:inline-block; border-radius:3%;}
article#inicial .box-inicial:hover{background: #2661d5;-webkit-transition: all .4s ease-in;}
article#inicial .box-inicial a h3{ color:#fff; margin:0 auto;  position:absolute;line-height:1.2em; font-size:1em; margin-top:5px; height:40px; width:200px;}



article#listagem{ width:70%; margin:0 auto; margin-top:30px; margin-bottom:30px; text-align:center;color:#000;}
article#listagem header{width:80%; margin:0 auto; color:#004C98;border-bottom:solid 2px #ccc;text-align:center; margin-bottom:20px; padding-bottom:10px;}
article#listagem header span.title{margin:10px;text-align:center;}
article#listagem header span.red{color:#E82F0B;}
article#listagem figure {border-bottom:solid 2px #ccc; height:160px;text-align:center; margin-bottom:10px;}
article#listagem figure a{color:#004C98;}
article#listagem figure a:hover{color:#E82F0B;}
article#listagem figure div.box-img{float:left;width:140px; padding:5px; margin-right:10px; height:140px;}
article#listagem figure div.box-img img{border:solid 1px #999; max-width:140px; margin:0 auto;}
article#listagem figure div.box-texto{float:left; font-size:0.9em; width:70%; height:150px;line-height:1.2;}
article#listagem figure div.box-texto span{display:inline-block; width:24%; margin-top:40px; text-align:left; }
article#listagem figure div.box-texto span small{color:#437191; font-size:0.7em; }

article#listagem div#acesso{ margin:0 auto; text-align:center;margin-top:50px; margin-bottom:50px; width:300px;}
article#listagem div#acesso div.box{margin:5px;}




article#contatos{ width:80%; margin:0 auto; margin-top:30px; margin-bottom:30px; text-align:center;color:#000;}
article#contatos header{width:90%; margin:0 auto; color:#004C98;border-bottom:solid 2px #ccc;text-align:center; margin-bottom:30px; padding-bottom:10px;}
article#contatos header span.title{margin:10px;text-align:center;}
article#contatos header span.red{color:#E82F0B;}
article#contatos .box-contatos{text-align:left; color:#004C98;width:90%; display: inline-block; margin:5px;}
article#contatos .box-contatos .caixa-contatos{max-width:300px; margin:0 auto; height:40px;}
article#contatos .box-contatos .caixa-contatos a{color:#004C98; text-decoration:none;}
article#contatos .box-contatos .caixa-contatos img{ padding:0px; margin-bottom:-10px; margin-right:10px;}


article#anuncio{width:80%; margin:0 auto; margin-top:30px; text-align:center;color:#000;}
article#anuncio #resultado { margin:0 auto; width:90%; border-bottom:solid 2px #ccc; padding-bottom:10px;}
article#anuncio #resultado span.title{width:90%; margin:0 auto; color:#004C98;text-align:center; padding-bottom:10px;margin:10px;text-align:center;}
article#anuncio #resultado span.red{color:#E82F0B;}
article#anuncio figure { width:99%; margin:0 auto; margin-top:30px;border-bottom:solid 2px #ccc;text-align:center;color:#004C98;}
article#anuncio figure div.box{color:#004C98; text-align:left;max-width:780px; margin:0 auto;}


article#anuncio figure div.box a{color:#004C98;}
article#anuncio figure div.box a:hover{color:green;}



article#anuncio figure div.box div.foto-grande{width:48%; display:inline-block;vertical-align:top; margin:5px;}
article#anuncio figure div.box div.foto-grande img{border:solid 1px #999; padding:3px;width:100%;}
article#anuncio figure div.box header{width:47%; display:inline-block; vertical-align:top; margin:7px; }
article#anuncio figure div.box header h1{font-size:1.2em; margin:0 auto;margin-bottom:7px;}
article#anuncio figure div.box header h2{font-size:1em; margin:0 auto;margin-bottom:7px; }
article#anuncio figure div.box header h3{font-size:0.9em; margin:0 auto;margin-bottom:10px;}
article#anuncio figure div.box header address{font-size:0.9em; margin:0 auto;}
article#anuncio #galeria{text-align:center;display:inline-block;}
article#anuncio #galeria img{width:90px; height:90px;}





/*
4 Responsible
********************************************************************/

@media (max-width: 979px) {
    body {
        padding-left:0;
        padding-right:0;
    }
   
    .navbar .nav > li > a {
        line-height: 20px;
        vertical-align: middle;
    }
    .section {
        padding-left:20px;
        padding-right:20px;
    }
  
    .nav-collapse {
        clear: both;
    }
    .nav-collapse .nav {
        float: none;
        margin: 0 0 10px;
    }
    .nav-collapse .nav > li {
        float: none;
    }
    .nav-collapse, .nav-collapse.collapse {
        width: 100%;
        display: inherit;
    }
  
}



@media (max-width: 1000px) {

article#anuncio{width:96%;}
article#anuncio #galeria .title{font-size:0.9em}

}




@media (max-width: 900px) {


article#listagem{ width:96%; margin:0 auto; margin-top:20px; margin-bottom:20px;}
article#listagem header{width:96%;margin-bottom:20px; padding-bottom:10px;}
article#listagem header span.title{margin:7px;text-align:center; font-size:0.8em;}
article#listagem figure {height:140px; margin-bottom:7px;}
article#listagem figure div.box-img{float:left;width:120px; padding:5px; margin-right:7px; height:120px;}
article#listagem figure div.box-img img{border:solid 1px #999; max-width:120px; margin:0 auto;}
article#listagem figure div.box-texto{float:left; width:70%; height:120px;line-height:1.2;}
article#listagem figure div.box-texto span{display:inline-block; width:24%; margin-top:40px; text-align:left; }
article#listagem figure div.box-texto span small{color:#437191; }




article#anuncio{width:96%; margin:0 auto; margin-top:30px; text-align:center;color:#000;}
article#anuncio #resultado span.title{width:90%;font-size:0.8em; margin:0 auto; color:#004C98;text-align:center; padding-bottom:10px;margin:10px;text-align:center;}
article#anuncio #resultado span.red{color:#E82F0B;}
article#anuncio figure {width:99%; margin:0 auto; margin-top:30px;border-bottom:solid 2px #ccc;text-align:center;color:#004C98;}
article#anuncio figure div.box{color:#004C98; text-align:left;max-width:780px; margin:0 auto;}
article#anuncio figure div.box img{border:solid 1px #999; padding:3px; max-width:320px;}
article#anuncio figure div.box header{ min-width:400px; float:right; }
article#anuncio figure div.box header h1{font-size:1.1em; margin:0 auto;margin-bottom:6px;}
article#anuncio figure div.box header h2{font-size:1em; margin:0 auto;margin-bottom:6px; }
article#anuncio figure div.box header h3{font-size:0.9em; margin:0 auto;margin-bottom:9px;}
article#anuncio figure div.box header address{font-size:0.9em; margin:0 auto;}



}


@media (max-width: 800px) {
	
	
	.navbar-inner { min-height:60px;
}

	.navbar {min-height:60px;}
	div#logotipo img{width:150px;}
   h1#logotipo {
margin: 3px; font-size:1.6em; text-shadow: black 0.0em 0.1em 0.3em; color:#fff;}
address#header{display:none;}

div.busca{ width:90%;margin-top:15px;}
form#busca{ margin:0 auto; padding:7px; min-height:60px; max-width:400px;background: #6699ff; border-radius:7px;}
form#busca span{ font-size:1em; text-shadow: black 0.0em 0.1em 0.3em; color:#fff;}
form#busca input{ margin:0 auto;font-size:0.8em; width:170px; padding:3px; margin:5px; }
form#busca select{ margin:0 auto;font-size:0.8em; width:170px; padding:3px; margin:5px; }
form#busca input[type="submit"]{width:60px;}

article#inicial{ width:96%; margin:0 auto; margin-top:20px; margin-bottom:20px;}
article#inicial header{width:96%; margin:0 auto; margin-bottom:20px; padding-bottom:10px;}
article#inicial header span.title{margin:7px;text-align:center; font-size:0.8em;}
article#inicial .box-inicial{width:210px; height:200px; margin:3px; padding:3px;}
article#inicial .box-inicial:hover{background: #2661d5;-webkit-transition: all .4s ease-in;}
article#inicial .box-inicial a h3{ position:absolute;line-height:1.1em; font-size:0.8em; margin-top:5px; height:30px; width:180px;}

article#contatos header span.title{margin:7px;text-align:center; font-size:0.8em;}
article#contatos .box-contatos{text-align:center;width:90%;font-size:0.7em;}
article#contatos .box-contatos .caixa-contatos{width:100%;}

article#anuncio{width:98%; margin-top:20px; margin-bottom:-60px;}
article#anuncio #resultado span.title{margin:7px;font-size:0.8em;}
article#anuncio figure {width:98%; margin-top:20px; text-align:center;}
article#anuncio figure div.box{width:98%;text-align:center;}
article#anuncio figure div.box img{border:solid 1px #999; float:none; margin-bottom:20px; max-width:280px;}
article#anuncio figure div.box header{ min-width:250px; max-width:300px; margin:0 auto; float:none; }
article#anuncio figure div.box header h1{font-size:1em; margin-bottom:4px; text-align:left;}
article#anuncio figure div.box header h2{font-size:0.8em;margin-bottom:4px;text-align:left; }
article#anuncio figure div.box header h3{font-size:0.8em;margin-bottom:7px;text-align:left;}
article#anuncio figure div.box header address{font-size:0.8em;text-align:left;}
article#anuncio #galeria .title{ font-size:0.8em;}






article#listagem{ width:98%; margin:0 auto; margin-top:20px;margin-bottom:20px;}
article#listagem header{width:96%;margin-bottom:20px; padding-bottom:10px; }
article#listagem header span.title{margin:7px;text-align:center; font-size:0.8em; }
article#listagem figure {width:320px;  height:140px; margin:0 auto; margin-bottom:7px;text-align:center;}
article#listagem figure div.box-img{float:left;width:100px; padding:3px; margin-right:5px; height:110px;}
article#listagem figure div.box-img img{border:solid 1px #999; max-width:100px; margin:0 auto;}
article#listagem figure div.box-texto{float:left; width:200px; height:120px;line-height:1;font-size:0.8em;}
article#listagem figure div.box-texto span{display:inline-block; float:left; width:200px; margin-top:5px; text-align:left; }
article#listagem figure div.box-texto span small{color:#437191;}
article#listagem figure div.box-texto div#sumir{}







}

@media (max-width: 400px) {
	article#inicial .box-inicial{width:120px; height:140px;}
    article#inicial .box-inicial a h3{ position:absolute;line-height:1.1em; font-size:0.7em; margin-top:5px; height:20px; width:120px;}

	
}