/* reset */
html,body,div,h1,h2,h3,h4,h5,h6,p,ol,ul,li,img,form,input,label,select,legend,fieldset,textarea,table,th,tr,td,thead,tbody,tfoot,blockquote,iframe,hr{margin:0;padding:0;outline:none;word-wrap:break-word;}
body,small,strong,h1,h2,h3,h4,h5,h6,b,i,textarea,input,select,option{font:12px/1 Helvetica,Arial,sans-serif;}
body{background:#fff;color:#333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
header,section,footer,nav{display:block;}
a{text-decoration:none;outline:none;color:#666}
a:hover{color:#FD745B}
a.hovered{background-color:#FD745B;color:#FFF}
li{list-style:none;}
img{border:none;overflow:hidden;}
textarea{word-break:break-all;}

.wrapper{width:960px;margin:0 auto;position:relative;/*overflow:hidden*/}
.left{width:220px;float:left}
.right{width:728px;float:right}

/* header */
header{height:420px;background:#87CCE5 url('../img/bg_header.png');position:relative;color:#fff;margin-bottom:50px;z-index:100;}
header .wrapper{height:320px;padding:50px 0;background:url('../img/bg_cidade.png') bottom right no-repeat;background-position-y: 200px;}
header .logo{height:100px;}
header .logo a{font-size:72px;font-weight:bold;color:#fff;letter-spacing:-2px;text-shadow:0 1px 0 rgba(0,0,0,0.2)}
header p{font-size:18px;text-shadow:0 1px 0 rgba(0,0,0,0.2);width:460px;line-height:1.2;}
header p + p{margin:15px 0 50px}

.cidade header{height:100px}
.cidade header .wrapper{height:80px;padding:10px 0;background:none;}
.cidade header .search{top:10px;}
.cidade header .logo a{font-size:36px;line-height:80px;}

/* botao colaborar */
.bt_colaborar{width:138px;height:48px;line-height:48px;display:inline-block;text-align:center;font-size:20px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-shadow:0 1px 0 rgba(255,255,255,0.4) inset;border:1px solid #ED6C56;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,0.4);background:#FD755C;}
.bt_colaborar:hover{color:#fff;background:#FD8468;}

/* search */
.search{height:60px;width:370px;background:#6FB5CD;padding:10px;position:absolute;right:0;top:50px;}
.search input{background:#fff;border:0;font-size:24px;color:#999;padding:15px;height:30px;line-height:30px;width:340px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;background-image:url('../img/icon-search.png');background-repeat:no-repeat;background-position:325px}
.search input:focus{color:#333;}

/* conteudo da home */
.cnt_home{overflow:hidden;}
.cnt_home section{float:left;width:300px;}
.cidade .cnt_home section{width:auto}
.cnt_home section + section{margin-left:30px;}
.cnt_home h2{font-size:24px;margin-bottom:15px;}
.cnt_home span{display:inline-block;height:20px;}
.cnt_home .like{width:100px;}
.cnt_home .tweet{width:100px;}
.cnt_home .plusone{width:32px;}

/* conteudo da home */
.cnt_cidade{margin-bottom:100px;}
.cnt_cidade h1, .cnt_midia h1{font-size:48px;}
.cnt_cidade small, .cnt_midia small{font-size:12px;color:#999;display:block;margin-bottom:30px;}
.cnt_cidade small {margin-bottom:10px;}
.superbanner_cidade {margin-bottom:20px;}

/* lista */
.lista li{margin-bottom:10px;}
.lista a{font-size:16px;}

/* tabela */
table{border:1px solid #DDD;border-collapse:separate;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;width:100%;padding:0;font-size:13px;border-spacing:0;color:#333;}
table + table{margin-top:20px;}

tr:nth-child(odd) td{background-color:#F9F9F9;}
th,td{padding:10px 10px 9px;line-height:18px}
th{text-align:left;}
th a{font-weight:bold;font-size:14px;color:#000;}
th a:hover{color:#000;cursor:default;}

td{border-top:1px solid #DDD;text-align:left}
td + td{width:15%;border-left:1px solid #ddd;padding-left:15px;padding-right:0;}

/* rodape */
footer{clear:both;background:#f0f0f0;padding:20px 50px 50px;}

/* colaborar */
.cnt_colaborar fieldset{border:none;margin-bottom:50px;}
.cnt_colaborar fieldset + fieldset{margin-bottom:20px;}
.cnt_colaborar legend{font-size:18px;padding-bottom:10px;}
.cnt_colaborar label{display:block;margin-bottom:10px;font-size:14px}
.cnt_colaborar input,.cnt_colaborar select{font-size:14px;padding:5px;display:inline-block;border:1px solid #ccc;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-shadow:0 1px 2px #eee inset;width:60px;margin-right:5px;}
.cnt_colaborar input:focus,.cnt_colaborar select:focus{border-color:#6FB5CD}
.cnt_colaborar select{width:200px;padding:0}


/* Lucas fucando... */
.suggest{background-color:#FFF;border-bottom-left-radius:3px;border-bottom-right-radius:3px;-moz-box-shadow: 1px 1px 5px #888;-webkit-box-shadow: 1px 1px 5px #888;box-shadow: 1px 1px 5px #888;margin-top:-2px}
#sug li a, .sug li a{display:block;padding:10px}
p strong{font-weight:bold;font-size:18px}
legend a:hover{color:#666;cursor:default;}
section { margin-bottom: 30px; }
.alert-message.success {
  background-color: #57a957;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -ms-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(top, #62c462, #57a957);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #57a957 #57a957 #3d773d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.alert-message {
  position: relative;
  padding: 7px 15px;
  margin-bottom: 18px;
  color: #404040;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.alert-message .close {
  margin-top: -2px;
  *margin-top: 0;
}
.alert-message a {
  font-weight: bold;
  color: #404040;
}
.alert-message.success p a {
  color: #ffffff;
}
.alert-message h5 {
  line-height: 18px;
}
.alert-message p {
  margin-bottom: 0;
}
.alert-message div {
  margin-top: 5px;
  margin-bottom: 2px;
  line-height: 28px;
}
.alert-message .btn {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}
.alert-message.success,
.btn.success:hover {
  color: #ffffff;
}
.btn .close, .alert-message .close {
  font-family: Arial, sans-serif;
  line-height: 18px;
}
.close {
  float: right;
  color: #000000;
  font-size: 20px;
  font-weight: bold;
  line-height: 13.5px;
  text-shadow: 0 1px 0 #ffffff;
  filter: alpha(opacity=25);
  -khtml-opacity: 0.25;
  -moz-opacity: 0.25;
  opacity: 0.25;
}
.close:hover {
  color: #000000;
  text-decoration: none;
  filter: alpha(opacity=40);
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
}
.mini_nota {
	font-size: 12px;
	color: #FFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: default;
	padding: 2px;
	height: 13px!important;
	margin-right: 4px;
	font-weight: bold;
}
#nota, .nota {
	top: 20px;
	right: 0;
	position: absolute;
	font-size: 36px;
	padding: 7px;
	color: #FFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
}
.nota {
  top: 0;
}
#nota.verde, .nota.verde, span.verde { background-color: #51A351; }
#nota.azul, .nota.azul, span.azul { background-color: #2F96B4; }
#nota.laranja, .nota.laranja, span.laranja { background-color: #F89406; }
#nota.vermelha, .nota.vermelha, span.vermelha { background-color: #BD362F; }

ul.share, ul.ad { margin-top: 30px; }

.recado { font-size:14px;display:block;margin-bottom:20px }
.recado strong { font-weight:bold; }

span.share{margin-bottom:10px;width:200px}

.cnt_midia li, .cnt_midia strong { font-size: 16px!important; }
.cnt_midia strong {font-weight:bold;}
.cnt_midia a {display:block;}
.menu_footer {margin-bottom: 30px; font-size:16px}
.bt_rodape{padding:10px;display:inline-block;text-align:center;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-shadow:0 1px 0 rgba(255,255,255,0.4) inset;border:1px solid #3F9CBB;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,0.4);background:#4FA5C1;margin-right:20px}
.bt_rodape:hover{color:#fff;background:#4FB4CD;}
#ads_skyscrapper{position: absolute;top: 0;right: 0;}

.fb-comments{margin-top:30px;}

table.banner th { text-align:center; }
table.banner a { cursor:pointer; }

#breadcrumb {
  margin-bottom: 10px;
}
#breadcrumb a {
  background: url("../img/breadcrumb_arrow.png") no-repeat center right;
  padding-right: 10px;
  margin-right: 5px;
}

/* Alerts */
.alert { padding: 15px; margin: 10px 0 10px 0; border: 1px solid transparent; border-radius: 4px; line-height: 16px }
.alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b }
.alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f }
.alert a { color: inherit; text-decoration: underline; }
.alert a:hover { color: #FD745B; }
.alert p { margin-top: 10px }
strong { font-weight: bold }

/* Modal */
.bgblack {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  z-index: 101;
  opacity: 0.7;
  display: none;
}
.modal-content {
  -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); box-shadow: 0 5px 15px rgba(0,0,0,.5);
  position: fixed; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5); background-clip: padding-box; outline: 0;
  width: 600px; 
  margin-left: -300px;
  z-index: 102;
  left: 50%;
  top: 50%;
  margin-top: -105px;
  display: none;
}
.modal-header {
  padding: 20px; 
  min-height: 16.42857143px;
}
.close {
  margin-top: -2px;
  padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none;
  float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2;
}
.modal-title {
  margin: 0; line-height: 1.42857143;
  font-size: 18px;
}
.modal-body {
  position: relative; padding: 20px; padding-top: 0;
}
.modal-body p {
  margin: 0 0 10px;
  font-size: 14px; line-height: 1.42857143;
}
.modal-body strong {
  font-size: 14px;
}
.modal-body span {
  font-size: 12px;
  border-radius: 5px;
  padding: 2px;
  font-weight: bold;
  color: #FFF;
}