/*
Theme Name: Click Bairro V2
Theme URI: http://www.clickbairro.com.br
Description: Tema Versao 2.0 para o clickbairro
Author: Daniel Nass e Mauricio Zane
Author URI: http://www.i2g.com.br
*/

/* Zerando as coisas*/

* { padding:0; margin:0; text-decoration:none; list-style:none; vertical-align:baseline; border:none; 
    font:normal 12px Arial, Verdana, Helvetica, sans-serif; outline:0;}

body {background:#F9F9F9;}
    
a {color:#0093DD;} 
a:hover {color:#FF6600;}
a:visited {text-decoration:underline;}   
strong {font-weight:bold;}
em {text-decoration:italic;}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility: hidden;
}
.clearfix {display:inline;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.comment:after {
content:".";
display:block;
height:0;
clear:both;
visibility: hidden;
}
.comment {display:inline;}
* html .comment {height: 1%;}
.comment {display: block;}


/* Ajeitando a div principal */

#page {width:930px; margin:0 auto;}

/* Header here */

#header {width:886px; height:104px; margin:10px 0 0 27px; padding:20px 0 0 0;}

#header #headerimg {width:263px; height:67px; float:left;}
#header #headerimg h1 { background:url(images/clickbairro.jpg) top left no-repeat;}
#header #headerimg h1 a {text-indent:-9999px;
                         display:block;
                         overflow:hidden;
                         width:263px;
                         height:67px; }
#header #headerads {width:570px; height:70px; /* background:#F4F4F4; border:1px solid #CCC; float:right; */}

/* Cidade here */

#cidade {width:100%; height:35px; background:url(images/topo.jpg) bottom left no-repeat;}
#cidade a {font:bold 16px Arial, Verdana, Helvetica, Sans-serif; margin:0 0 0 25px; text-align:center; padding:10px 0 0 0; width:133px; height:26px; display:block; background:url(images/desativado.jpg) top left no-repeat; }

/* Conteudo here */

#content {width:100%; background:url(images/background.jpg) top left repeat-y;}
#contentleft {float:left; width:635px; margin:0 0 0 27px; padding:0 15px;}
#breadcrumbs {margin:10px 0;}
#breadcrumbs strong {color:#ccc;}
#breadcrumbs a {text-decoration:underline;}
#contentleft .post { margin-top:20px; }
#contentleft .post h2 {padding:0 0 10px 0; background:url(images/back-inside-titles.jpg) bottom left no-repeat;}
#contentleft .post h2 a {color:#FF6600; display:block; font:bold 16px Arial, Verdana, Helvetica, Sans-serif; text-decoration:none;}

h3.estilo {padding:0 0 10px 0; background:url(images/back-inside-titles.jpg) bottom left no-repeat;
          color:#FF6600; display:block; font:bold 16px Arial, Verdana, Helvetica, Sans-serif; text-decoration:none;}
          
/* ================ Index */

#destaques { width:630px; margin-top:20px; }
#menu-dest { width:140px; float:left; } 
#menu-dest ul li {width:140px; height:30px; margin-bottom:6px;}
#menu-dest ul li a { font:bold 17px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; 
                      text-decoration:none; display:block; height:24px;  }                    

a.eat2 {background:url(images/destaque-laranja.jpg) left -30px no-repeat; padding:5px 0 0 35px;}
a.eat2:hover {background:url(images/destaque-laranja.jpg) left top no-repeat; }
a.drink2 {background:url(images/destaque-verde.jpg) left -30px no-repeat; padding:5px 0 0 35px;}
a.drink2:hover {background:url(images/destaque-verde.jpg) left top no-repeat;}
a.buy2 {background:url(images/destaque-azul.jpg) left -30px no-repeat; padding:5px 0 0 23px;}
a.buy2:hover {background:url(images/destaque-azul.jpg) left top no-repeat;}
a.visit2 {background:url(images/destaque-rosa.jpg) left -30px no-repeat; padding:5px 0 0 33px;}
a.visit2:hover {background:url(images/destaque-rosa.jpg) left top no-repeat;}

.qualcidade { font-size:12px !important; text-decoration:none !important; }

.orange a { color:#FF6600;  }
.eat-h a { font:bold 16px Arial, Helvetica, sans-serif; text-decoration:none; }
#foto-destaque { width:140px; float:left; margin-left:10px; margin-right:10px; }
#foto-destaque img { width:138px; height:123px; }
#texto-destaque { width:320px; float:left; }
/* ======================= Destaque Ticker ================ */

#content-dest { width:480px; height:150px; overflow:hidden; margin-left:7px;  }
#content-dest p { width:95%; text-align:justify; margin-left:10px; line-height:1.5em; margin-top:5px; }
#content-dest span.more {}
#content-dest span.more:before {content:"(...)";}
#content-dest span.more a {width:50px; height:14px; padding:0 15px 0 5px; background:url(images/mais.gif) 100% 50% no-repeat; font:bold 11px Arial, helvetica, sans-serif; color:#999;}
#content-dest span.more a:hover {color:#FF6600;}

#chamada-blog { margin-top:10px; }   
.excerpt {}

.veja { line-height:1.5em; }

#veja-tambem { margin-top:10px; }

#estoura { width:10000px; }                     
  .post-dest { width:480px; float:left; }                      


#moretags {width:390px; height:289px; float:left; margin:20px 0 0 0;}
#moretags h3, #ultimosadd h3 {font:bold 14px Arial, Verdana, Helvetica, Sans-serif; color:#FF6600; background:url(images/back-mais-populares.jpg) bottom left no-repeat; padding:0 0 10px 0;}

#ultimosadd {width:230px; float:right; margin:20px 0 0 0;}
#ultimosadd h4 a {display:block; color:#006AB3; font:bold 14px Arial, Verdana, Helvetica, Sans-serif;}
#ultimosadd h4 a:hover {color:#FF6600;}
#ultimosadd ul li {padding:0 0 0 10px; margin:5px 0 10px 0; background:url(images/marcador-vazio-cinza.gif) 0% 20% no-repeat;}
#ultimosadd ul li p.postmetadata {margin:3px 0 0 0;}
#ultimosadd ul li p.postmetadata a {color:#999; font:normal 11px Arial, Verdana, Helvetica, Sans-serif;}
#ultimosadd ul li p.postmetadata a:hover {color:#FF6600;}

#randpost {width:100%; float:left; padding:0 0 15px 0;}
#randpost h3 {background:url(images/back-inside-titles.jpg) bottom left no-repeat; padding:0 0 10px 0; font:bold 14px Arial, Verdana, Helvetica, Sans-serif; color:#FF6600;}
#randpost h4 {margin:0 0 5px 0; background:url(images/marcador-vazio-cinza.gif) 0% 50% no-repeat; padding:0 0 0 15px;}
#randpost h4 a {display:block; color:#006AB3; font:bold 14px Arial, Verdana, Helvetica, Sans-serif;}
#randpost h4 a:hover {color:#FF6600;}
#randpost p.excerpt {padding:0 10px 10px 20px;}
#randpost p.excerpt span.more:before {content:"(...)";}
#randpost p.excerpt span.more a {width:50px; height:14px; padding:0 15px 0 5px; background:url(images/mais.gif) 100% 50% no-repeat; font:bold 11px Arial, helvetica, sans-serif; color:#999;}
#randpost p.excerpt span.more a:hover {color:#FF6600;}


.googleMap {margin:0 0 10px 0;}

#avatar { margin-top:5px; margin-bottom:15px; }

.entry h3 {padding:0 0 0 15px; margin:0 0 10px 0; color:#FF6600; font:bold 14px Arial, Verdana, Helvetica, Sans-serif; background:url(images/marcador-cheio-laranja.gif) 0% 50% no-repeat;}
.entry h4 { color:red; margin-bottom:10px; margin-top:10px; font-weight:bold; }
.entry p {line-height:18px; margin:0 0 15px 20px;}
.rua, .telefone, .horario, .cat {margin:10px 0 0 18px; padding:0 0 0 30px; display:block; height:18px;}
.rua { background:url(images/mapa.gif) 0% 50% no-repeat;}
.cat { background:url(images/label.gif) 0% 50% no-repeat;}
.telefone { background:url(images/telefone.gif) 0% 50% no-repeat; font-weight:bold; }
.horario { background:url(images/horario.gif) 0% 50% no-repeat; margin:10px 0 10px 18px; height:auto; width:200px; }

#sidebar {width:218px; float:right; margin:0 19px 0 0;}
#sidebar ul.bairros {  width:80%; margin-left:23px;  }
#sidebar ul.bairros a { padding-left:27px !important; }
#sidebar ul.bairros li { background:url(images/marker-bairro.gif) left 6px no-repeat;   }
#sidebar ul.bairros li a:hover { text-decoration:underline; }

#busca { width:630px; background:url(images/back-search.jpg) left top no-repeat; padding-bottom:20px; 
          margin-top:20px; }
.search { text-indent:-9999px; overflow:hidden; display:block; float:left; position:Relative; top:15px; left:20px; 
           background:url(images/lupa.jpg) left top no-repeat; padding-bottom:20px; width:40px; height:20px; }
.campos-busca {   float:left; margin-left:40px; margin-top:15px; }           
#s { width:409px; background-color:#E4F6FF; border:1px solid #fff; 
      font:bold 14px Arial, Helvetica, sans-serif; color:#FF6600; padding-top:7px; padding-bottom:7px; }
      
#searchsubmit { background-color:#E4F6FF; border:1px solid #fff;  
                font:bold 11px Arial, Helvetica, sans-serif; padding:8px 3px 6px 3px; }

#subcategorias { margin-top:10px; margin-bottom:20px; }
#subcategorias ul {width:100%; padding:0 0 50px 0; margin-top:10px; margin-left:10px; }
#subcategorias ul li {background:url(images/marcador-vazio-laranja.gif) left 6px no-repeat;
                       padding-left:12px; margin:0 0 15px 0; width:190px; height:15px; float:left;}
#subcategorias ul li a { text-decoration:underline; display:block; width:190px; }   

.avatar-busca { width:50px; height:50px; border:1px solid #0093DD; padding:2px;
                float:right; position:relative; right:10px; bottom:65px; }

.cat a { color:#999; }    
.cat a:hover { color:#FF6600; }           
.current-cat a { color:#FF6600; }                

#box-result { border:1px solid #E1E1E1; margin-top:10px; padding:15px; }
#box-result h3 { background:url(images/marcador-vazio-laranja.gif) left 5px no-repeat; padding-left:12px; }
#box-result h3 a { color:#0093DD; text-decoration:none; font:bold 14px Arial, Helvetica, sans-serif; }   
#box-result h3 a:hover { color:#FF6600; }                  


.utilidades { background:#fff url(images/back-titles.jpg) left 20px no-repeat; padding-bottom:15px;
              margin-top:15px; text-align:center; width:90%; margin-left:15px;
              color:#0093DD; font:bold 16px Arial, Helvetica, sans-serif; }


/* Footer here */

#footer {clear:both; width:100%; height:14px; background:url(images/rodape.jpg) top left no-repeat;}
#footer ul {text-align:center; padding:10px 0;}
#footer ul li {display:inline; font-weight:bold; color:#666;}
#footer ul li a {font-weight:bold;}

/* Comments here */

#comment {width:615px; padding:10px;}
#comment, #url, #email, #author, #submit {background:url(images/backcomments.jpg) top left repeat-x; border:1px solid #CCCCCC; font:bold 12px Arial, Verdana, Helvetica, Sans-serif;} 
#url, #email, #author {padding:3px 0 3px 10px; margin:0 0 10px 0;}
#submit {width:637px; margin:10px 0 20px 0; height:23px; color:#FF6600; font-weight:normal !important;}
#submit:hover {font-weight:bold !important;}
#respond h3 {padding:0 0 10px 0; color:#FF6600; font:bold 16px Arial, Verdana, Helvetica, Sans-serif; margin:10px 0; background:url(images/back-inside-titles.jpg) bottom left no-repeat;}
.comment {padding:10px 10px 15px 10px; background:url(images/back-inside-titles.jpg) bottom left no-repeat;}
.comment p {margin:10px 0 0 65px;}
.comment cite.fn {color:#0093DD; display:block; margin:0 0 0 65px; font-weight:bold;}
.comment a.url {font-weight:bold; text-decoration:none;}
.comment cite.fn:first-letter {text-transform:uppercase;}
.avatar {padding:2px; border:1px solid #0093DD; margin:0 5px 0 0;}
.commentmetadata, .comment em {display:none;}
.comment-author {width:54px; float:left;}
.says {color:#999;}
.comment-author-admin .avatar {border:1px solid #FF6600;}
.comment-author-admin cite.fn, .comment-author-admin a.url  {color:#FF6600;}
.comment-author-admin p {font-weight:bold;}

/* Anuncie */

#anuncie ul.motivos {width:100%; height:160px; padding:60px 0 0 0; background:url(images/anuncie.jpg) top left no-repeat;}
#anuncie ul.motivos li {width:350px; height:17px; margin:0 0 20px 220px; font-weight:bold; color:#FF9900; padding:3px 0 0 30px; background:url(images/alvo.gif) top left no-repeat;}
#anuncie ul.motivos span {color:#199BDF; font-weight:bold;}
#anuncie h2 {margin:10px 0; background:url(images/back-inside-titles.jpg) bottom left no-repeat; padding:0 0 10px 0; font:bold 14px Arial, Verdana, Helvetica, Sans-serif; color:#FF6600;}
#anuncie ul.vantagens {width:100%; height:130px; background:url(images/anuncie2.jpg) 97% 50% no-repeat;}
#anuncie ul.vantagens li {width:400px; margin:0 0 20px 0; line-height:20px;}
#anuncie ul.vantagens li span {color:#199BDF; text-decoration:underline; font-weight:bold;}
#anuncie ul.planos {width:100%; height:110px; background:#FFE3BB; border:1px solid #FFB950;}
#anuncie ul.planos li a {font-size:11px; width:550px; color:#000; display:block; padding:10px 20px; background:#FFF; margin:13px 0 0 20px;}
#anuncie ul.planos li a:hover {color:#FF6600;}
#anuncie #formaspgto {width:100%; height:40px; background:url(images/formaspgto.gif) top left no-repeat; margin:10px 0;}

#anuncie ul.planos li.comprar {height:15px; font-size:11px; width:550px; color:#000; padding:35px 20px; background:#FFF; margin:13px 0 0 20px;}
#anuncie ul.planos li.comprar input {position:relative; top:-20px; left:470px;}

#promo { border:1px solid #0093DD; }
.button { background:#0093DD; color:#fff; padding-left:5px; padding-right:5px; }

/* Tags page */

ul.tags {margin:10px 0 5px 0 ;}
ul.tags li {display:inline; margin:0 5px 0 0;}
ul.tags li a {padding:2px 4px; background:#E0EAEF; }
ul.tags li a:hover {background:#FF6600; color:#fff; }

/* Sidebar */

#sidebar ul { }
#sidebar ul li {margin:10px 0; height:20px;}
#sidebar ul li a { display:block; padding:2px 0 0 50px; height:20px;}
#sidebar ul li.sidebus {background:url(images/onibus.gif) 8% 50% no-repeat;}
#sidebar ul li.sidecep {background:url(images/correio.gif) 9% 50% no-repeat;}
#sidebar ul li.sidetaxi {background:url(images/taxi.gif) 9% 50% no-repeat;}
#sidebar ul li.sidetempo {background:url(images/tempo.gif) 9% 50% no-repeat;}
#sidebar ul li.sidemap {background:url(images/mapa.gif) 9% 50% no-repeat;}
#sidebar ul li.sidetelutil {background:url(images/telefone.gif) 9% 50% no-repeat;}
#sidebar ul li.sideginasio {background:url(images/ginasio.gif) 9% 50% no-repeat;}
#sidebar ul li.sidebombeiro {background:url(images/bombeiros.gif) 9% 50% no-repeat;}
#sidebar ul li.sidecops {background:url(images/delegacias.gif) 6% 50% no-repeat;}
#sidebar ul li.sidedomain {background:url(images/dominios.gif) 9% 50% no-repeat;}


.searchterm1 { font-size:inherit; font-weight:inherit; color:#FF6600;}
.error {padding:0 0 10px 0;  background:url(images/back-inside-titles.jpg) bottom left no-repeat; color:#FF6600; font:bold 16px Arial, Verdana, Helvetica, Sans-serif;}
.incoming, #incoming {display:none;}

/* =================    Checar Domínios      =================== */
.title-domain { padding:0 0 10px 0; background:url(images/back-inside-titles.jpg) bottom left no-repeat; color:#FF6600; display:block; font:bold 16px Arial, Verdana, Helvetica, Sans-serif; text-decoration:none; }
#consulta-dominios { margin-top:30px; }
.www { font:bold large Trebuchet Ms, Arial, Helvetica, sans-serif; color:#FF6600; }
#dominio input { border:2px solid #FF6600; width:293px; height:25px; padding-left:2px; }
.consultar-dominio { background-color:#ECECEC; border:1px solid #ccc; font:bold small Arial, Helvetica, sans-serif; color:#FF6600; width:93px; height:29px; }
.domain-red { color:red; font-weight:bold; margin-left:55px; }
.domain-green { color:green !important; font-weight:bold; margin-left:55px; }
#domain-status { margin-top:20px; }         
#domain-whois { margin:20px; background-color:#E1F5FF; border:1px solid #6FD0FF; padding:10px; }
#domain-whois h3 { color:#0093DD; font:bold 16px Arial, Helvetica, sans-serif; margin-bottom:10px; }

.aparecer { display:visible !important; }

/* =================    Msg Abertura      =================== */

#messageBlock { text-align:left;  }
#up-welcome { width:99%;  background-color:#0094D8; padding-top:7px; padding-bottom:7px; padding-left:4px; text-align:left !important; }
#up-welcome h1 { color:#fff; font:bold 14px Arial, Helvetica, sans-serif; }
#options-welcome { margin-left:13px; margin-top:20px; height:180px !important; }
#options-welcome select { border:1px solid #0094D8; margin-top:8px; }