/* 
---------------------------------
Projeto: Municípios Digitais
Tema: Itu.com.br
Data: 04/12/2009
---------------------------------

---------------------------------
*/

@import url("layout.css");
/* Content
----------------------------------------------------------------------------------------------------*/
.container-C {	min-height: 580px;	}

/* Guia Itu
----------------------------------------------------------------------------------------------------*/
/* Redefinições de tamanho para capa do guia e lista de resultados*/
.container-ABC.first-page .container-A,
.container-ABC.search-results .container-A {	width: 384px;	}

.container-ABC.first-page .grid-full,
.container-ABC.search-results .grid-full {	width: 366px;	}
	
.container-ABC.first-page .container-BC,
.container-ABC.search-results .container-BC {	width: 443px;	}

.container-ABC.first-page .container-BC .grid-full 
.container-ABC.search-results .container-BC .grid-full {	width: 425px;	}


/* Elementos reutilizáveis */
.tb-pagination {
	margin: 0 !important;	}

.tb-pagination td {
	border-bottom: none;
	font-size: 0.95em;
	margin: 0 1px !important;
	padding: 0 !important;}

.tb-pagination .txt { display: none;	}

#mapNav {
	border: 1px solid #ebebeb;
	width: 425px;
	height: 350px;	}
	.detail #mapNav {	width: 488px;	height: 350px;	}

#mapNav ul {
	background-color: white;
	margin: 0;
	padding: 0;}
#mapNav ul li {
	display: inline;
	float: left;
	font-weight: bold;
	margin: 4px 0.5em;	}

#mapNav ul li.sel {
	font-size: 1.125em;
	margin-top: 2px;}

#mapNav ul li a {	
	color: #f8b92e;	}
#mapNav ul li.sel a {	
	color: #ff9900;	}
	
#mapNav iframe {
	padding: 0;
	margin: 0;
	border: none;	}

.first-page #mapNav small,
.search-results #mapNav small {	display: none;	}

#relatedTags {	
	width: 425px;	}
	.detail #relatedTags {	width: 488px;	}

/* Guia Itu - Capa
----------------------------------------------------------------------------------------------------*/
/* Destaques */
.starred-categories .title-section {
	border-bottom: none;
	font-size: 12pt;	}

.starred-categories .title {
	font-size: 10pt;
	margin: 0;	}

.starred-categories p {
	margin: 0 2px;	}
.starred-categories p a {
	color: #999999;	}

/* +Recomendados | +Comentados | Tabs */
.reviews ol {
	font-size: 9pt;
	margin: 8px;	}

.reviews #list-liked {
	background: url(/tema/img/layout/bg-box-liked.png) no-repeat 100% 100%;	}
.reviews #list-commented {
	background: url(/tema/img/layout/bg-box-comment.png) no-repeat 100% 100%;	}

.reviews ol li {
	border-bottom: 1px dashed #ededed;
	margin-bottom: 0.67em;
	overflow: hidden;
	padding-bottom:0.5em;	}
	.reviews ol li.last {	border: none	}

.reviews #list-liked span {
	height: 18px;
	/*background: url(/img/ico/thumb-up.png) no-repeat 100% 0;*/
	color: #ababab;
	margin-left: 0.35em;
	padding-right: 18px;	}

.reviews #list-commented span {
	height: 18px;
	/*background: url(/img/ico/Comment-Add.png) no-repeat 100% 0;*/
	color: #ababab;
	margin-left: 0.35em;
	padding-right: 18px;	}
	
.reviews ol li p {
	color: #333333;
	font-size: 1em;
	margin: -2px 0.35em 0 0;	}

.reviews ol li a {
	font-weight: bold;	}

.reviews .further {	
	display: block;
	border-top: 1px dashed #ededed;
	color: #0ca9f2;	
	font-size: 8.75pt;
	padding-top: 8px;
	margin: -10px 8px 0;	}

/* Guia Itu - Lista
----------------------------------------------------------------------------------------------------*/
.search-heading, .search-footing {
	width: 366px;
	color: #8c8c8c;
	font-size: 9.5pt;	}
.search-heading .quantity, .search-footing .quantity {
	float: left;
	width: 45%;	}
.search-heading .pagenation, .search-footing .pagenation {
	float: right;
	width: 55%;
	text-align: right;}

.search-footing {
	padding-top: 10px;
	border-top: 1px solid #ebebeb;	}

.main-results {}

.main-results .business {
	width: 366px;
	border-top: 1px solid #ebebeb;
	padding-top: 0.67em;	}

.main-results .business .heading {
	float: left;
	width: 77%;	}
.main-results .business .review {
	float: right;
	width: 23%;
	text-align: right;}

/*.business .map-position {
	display: inline-block;
	background-color: #F8c300;
	border: 1px solid #ededed;
	color: white;
	font-size: 7.5pt;
	font-weight: bold;
	line-height: 7.5pt;
	margin: 0 3px 0 0;
	padding: 3px;
	text-align: center;	}
*/

.main-results .business .map-position {
	float: left;
	height: 16px;
	background: url(/img/ico/pin-mini.png) no-repeat 0 0;
	color: #ccc;
	font-size: 0.812em;
	margin: 0.35em 0.175em 0 0;
	padding: 0 0 0  16px;
	text-align: center;	}

.main-results .business .float-img {
	display: inline;
	position: relative;	}

.main-results .business .float-img .thumb {
	display: none;
	position: absolute;
	bottom: -78px;
	left: 5px;
	background-color:#FFFFFF;
	border-top: 1px solid #ebebeb;
	border-right: 2px solid #dcdcdc;
	border-bottom: 2px solid #dcdcdc;
	border-left: 1px solid #ebebeb;
	padding: 10px;		}

.main-results .business .hover {
	display: block !important;
	z-index: 999999;	}
	
.main-results .business .title {
	display: inline;
	color: #666;
	font-size: 11pt;
	font-weight: normal;
	margin-bottom: 0.35em;	}
	.business.starred .title {	font-size: 14pt;	}

.main-results .business .phone {
	color: #8c8c8c;
	font-size: 9pt;
	font-weight: normal; 
	margin: 0 0 0.35em;	}
.main-results .business .highlights-img {
	float: left;
	padding: 3px 5px 5px 0;	}
.main-results .business .desc {
	font-size: 9pt;
	margin: 0;	}

.main-results .business .rating {
	margin: 0.35em; }

.main-results .business .rating .like {
	height: 18px;
	background: url(/img/ico/thumb-up.png) no-repeat 100% 0;
	color: #ababab;
	margin: 0.35em;
	padding-right: 18px;	}

.main-results .business .rating .dislike {
	height: 18px;
	background: url(/img/ico/thumb-down.png) no-repeat 100% 100%;
	color: #ababab;
	margin-left: 0.35em;
	padding-right: 18px;	}

.main-results .business .price, 
.main-results .business .food {
	display: block;
	clear: both;
	margin: 0.35em;	} 

/*
.business .price-1, 
.business .price-2, 
.business .price-3 {
	display: block;
	height: 16px;
	background: url(/img/ico/price-currency.png) repeat-x 100% 0;
	margin-left: 0.35em;	}
.business .food-1, 
.business .food-2, 
.business .food-3 {
	display: block;
	height: 16px;
	background: url(/img/ico/fork-knife.png) repeat-x 100% 0;
	margin-left: 0.35em;	}

.business .price-1, .business .food-1 {	width: 16px;	}
.business .price-2, .business .food-2 {	width: 32px;	}
.business .price-3, .business .food-3 {	width: 48px;	}
*/

/* Guia Itu - Detalhe
----------------------------------------------------------------------------------------------------*/
.detail .business .grid4 {
	border-top: 1px solid #ebebeb;
	padding-top: 0.67em;	}

.detail .business .related {
	float: right;
	width: 506px;	}

.detail .business .heading {
	padding-top: 8px;	}
.detail .business .review {}

.detail .business hr {
	margin: 1em 0 !important;	}

.detail .business .heading .clip {
	margin: 0 0 0.67em;
	padding: 0;	}

.detail .business .map-position {
	float: left;
	height: 16px;
	background: url(/img/ico/pin-mini.png) no-repeat 0 0;
	color: #ccc;
	font-size: 0.812em;
	margin: 0.35em 0.175em 0 0;
	padding: 0 0 0  16px;
	text-align: center;	}

.detail .business .title {
	color: #3BB3C2;
	font-size: 14pt;
	font-weight: normal;
	margin-bottom: 0.35em;	}

.detail .business .title-sub {
	color: #F06A00;
	font-size: 11pt;
	font-weight: normal;
	margin: 0;	}

.detail .business .desc {
	font-size: 9pt;
	margin: 0.67em 0;	}

.detail .business .link-hotsite {
	margin: 0;	}

.detail .business .contact {}

.detail .business .phone, 
.detail .business .address,
.detail .business .get-directions,
.detail .business .mail,
.detail .business .link {
	margin: 0;	}

.detail .business .get-directions {	display: none;	}

.detail .business .payment img {
	margin: 0 0.67em 0 0;	}

.detail .business .rating {
	margin: 0.67em 0 0;	}

.detail .business .rating .like {
	height: 18px;
	background: url(/img/ico/thumb-up.png) no-repeat 0 0;
	color: #ababab;
	margin: 0.33em 0.33em 0.33em 0;
	padding-left: 18px;	}

.detail .business .rating .dislike {
	height: 18px;
	background: url(/img/ico/thumb-down.png) no-repeat 0 100%;
	color: #ababab;
	margin: 0.33em 0 0.33em 0.33em;
	padding-left: 18px;	}

.detail .business .price, 
.detail .business .food {}

.detail .related-tags {}
.detail .business .tags {
	text-align: left;
	margin: 0;
	padding: 0; }

.detail .related-news {
	width: 488px;	}

.detail .related-news .starred-list {
	border: none;
	padding: 0;
	margin: 10px;	}
	
/* Guia Itu - Cadastro - Tags
----------------------------------------------------------------------------------------------------*/
.placeholderTags {
	position: absolute;
	top: 19px;
	left: 0;
	display: none;
	z-index: 99;
	width: 200px;
	height: 100px;
	overflow: auto;
	padding: 5px; 
	clear: both;
	border: 1px solid #CCC;
	background-color: #FFFFEA;	}

.placeholderTags a{
	 position: relative;
	 float: left;
	 clear: both;
	 width: 100%;
	 line-height: 20px;
	 color: #666;	}

.placeholderTags a:hover{
	color:#03C;	}


.placeholderTagsRelated {
	position: relative;
	display: none;
	padding: 5px;
	margin: 5px 0 0 0;
	clear: both;
	border: 1px solid #CCC;
	background-color: #f5f5f5;
	font-size: 0.9em;	}

.placeholderTagsRelated a{
	 position:relative;
	 line-height:20px;
	 color:#666;	}

.placeholderTagsRelated a:hover{
	color:#03C;	}